improved a lot of things

2026-04-26 12:31:31 +01:00
parent f9528702c8
commit 7a4c1d3147
30 changed files with 1316 additions and 59 deletions
@@ -1,11 +1,33 @@
 'use client';

+import { useEffect } from 'react';
 import { Toolbar } from './Toolbar';
 import { ArtboardNavigator } from '../navigator/ArtboardNavigator';
 import { Canvas } from '../canvas/Canvas';
 import { Inspector } from '../inspector/Inspector';
+import { useHistory } from '@/store/history';
+import { useCanvas } from '@/store/canvas';

 export function AppChrome() {
+  const selectedArtboardId = useCanvas((s) => s.selectedArtboardId);
+
+  useEffect(() => {
+    function onKeyDown(e: KeyboardEvent) {
+      if (!(e.metaKey || e.ctrlKey)) return;
+      if (!selectedArtboardId) return;
+
+      if (e.key === 'z' && !e.shiftKey) {
+        e.preventDefault();
+        useHistory.getState().undo(selectedArtboardId);
+      } else if ((e.key === 'z' && e.shiftKey) || e.key === 'y') {
+        e.preventDefault();
+        useHistory.getState().redo(selectedArtboardId);
+      }
+    }
+
+    window.addEventListener('keydown', onKeyDown);
+    return () => window.removeEventListener('keydown', onKeyDown);
+  }, [selectedArtboardId]);
  return (
    <div
      style={{