@genfeedai/workflow-ui 0.1.0

package/dist/chunk-UQQUWGHW.mjs

@@ -0,0 +1,118 @@
+import { useWorkflowStore } from './chunk-BJ3R5R32.mjs';
+import { useEffect } from 'react';
+
+function useCanvasKeyboardShortcuts({
+  selectedNodeIds,
+  groups,
+  nodes,
+  toggleNodeLock,
+  createGroup,
+  deleteGroup,
+  unlockAllNodes,
+  addNode,
+  togglePalette,
+  fitView,
+  openShortcutHelp,
+  openNodeSearch
+}) {
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
+        return;
+      }
+      const isMod = e.ctrlKey || e.metaKey;
+      if (e.key === "m" && !isMod && !e.shiftKey) {
+        e.preventDefault();
+        togglePalette();
+      }
+      if (e.key === "f" && !isMod && !e.shiftKey) {
+        e.preventDefault();
+        if (selectedNodeIds.length > 0) {
+          const selectedNodes = nodes.filter((n) => selectedNodeIds.includes(n.id));
+          fitView({ nodes: selectedNodes, padding: 0.3, duration: 200 });
+        } else {
+          fitView({ padding: 0.2, duration: 200 });
+        }
+      }
+      if (e.key === "?" && e.shiftKey && !isMod) {
+        e.preventDefault();
+        openShortcutHelp();
+      }
+      if (e.key === "f" && isMod && !e.shiftKey) {
+        e.preventDefault();
+        openNodeSearch();
+      }
+      if (e.key === "l" && !isMod && !e.shiftKey) {
+        e.preventDefault();
+        for (const nodeId of selectedNodeIds) {
+          toggleNodeLock(nodeId);
+        }
+      }
+      if (e.key === "g" && isMod && !e.shiftKey) {
+        e.preventDefault();
+        if (selectedNodeIds.length > 1) {
+          createGroup(selectedNodeIds);
+        }
+      }
+      if (e.key === "g" && isMod && e.shiftKey) {
+        e.preventDefault();
+        for (const nodeId of selectedNodeIds) {
+          const group = groups.find((g) => g.nodeIds.includes(nodeId));
+          if (group) {
+            deleteGroup(group.id);
+            break;
+          }
+        }
+      }
+      if (e.key === "l" && isMod && e.shiftKey) {
+        e.preventDefault();
+        unlockAllNodes();
+      }
+      if (e.key === "I" && e.shiftKey && !isMod) {
+        e.preventDefault();
+        const position = { x: window.innerWidth / 2 - 150, y: window.innerHeight / 2 - 150 };
+        addNode("imageGen", position);
+      }
+      if (e.key === "V" && e.shiftKey && !isMod) {
+        e.preventDefault();
+        const position = { x: window.innerWidth / 2 - 150, y: window.innerHeight / 2 - 150 };
+        addNode("videoGen", position);
+      }
+      if (e.key === "P" && e.shiftKey && !isMod) {
+        e.preventDefault();
+        const position = { x: window.innerWidth / 2 - 150, y: window.innerHeight / 2 - 150 };
+        addNode("prompt", position);
+      }
+      if ((e.key === "L" || e.key === "l") && e.shiftKey && !isMod) {
+        e.preventDefault();
+        const position = { x: window.innerWidth / 2 - 150, y: window.innerHeight / 2 - 150 };
+        addNode("llm", position);
+      }
+      if (e.key === "z" && isMod && !e.shiftKey) {
+        e.preventDefault();
+        useWorkflowStore.temporal.getState().undo();
+      }
+      if (e.key === "z" && isMod && e.shiftKey) {
+        e.preventDefault();
+        useWorkflowStore.temporal.getState().redo();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [
+    selectedNodeIds,
+    toggleNodeLock,
+    createGroup,
+    deleteGroup,
+    unlockAllNodes,
+    groups,
+    nodes,
+    addNode,
+    togglePalette,
+    fitView,
+    openShortcutHelp,
+    openNodeSearch
+  ]);
+}
+
+export { useCanvasKeyboardShortcuts };