dishui 0.0.65 → 0.0.67

package/dist/components/pro/Flow/hooks/useResizablePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizablePanel.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useResizablePanel.ts"],"sourcesContent":["import { useState, useRef, useCallback, type PointerEvent as ReactPointerEvent } from 'react';\n\nexport type ResizeEdge = 'left' | 'right';\n\n/**\n * Enables horizontal width resizing for an overlay panel by dragging its edge.\n * Returns a width override (null = use CSS default), and props to spread onto\n * a resize-handle element placed on the panel's resize edge.\n */\nexport function useResizablePanel(edge: ResizeEdge, defaultWidth: number, minWidth = 120, maxWidth = 600) {\n  const [width, setWidth] = useState<number | null>(null);\n  const dragState = useRef<{ startX: number; startWidth: number } | null>(null);\n\n  const onPointerDown = useCallback((e: ReactPointerEvent<HTMLElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    (e.target as HTMLElement).setPointerCapture(e.pointerId);\n    const panel = (e.currentTarget as HTMLElement).closest('[data-flow-panel]') as HTMLElement | null;\n    const startWidth = panel ? panel.getBoundingClientRect().width : (width ?? defaultWidth);\n    dragState.current = { startX: e.clientX, startWidth };\n  }, [width, defaultWidth]);\n\n  const onPointerMove = useCallback((e: ReactPointerEvent<HTMLElement>) => {\n    if (!dragState.current) return;\n    const dx = e.clientX - dragState.current.startX;\n    const dir = edge === 'right' ? 1 : -1;\n    const newWidth = Math.max(minWidth, Math.min(maxWidth, dragState.current.startWidth + dx * dir));\n    setWidth(newWidth);\n  }, [edge, minWidth, maxWidth]);\n\n  const onPointerUp = useCallback(() => {\n    dragState.current = null;\n  }, []);\n\n  return {\n    panelWidth: width ?? defaultWidth,\n    resizeHandleProps: { onPointerDown, onPointerMove, onPointerUp },\n  };\n}\n"],"mappings":";AASA,SAAgB,EAAkB,GAAkB,GAAsB,IAAW,KAAK,IAAW,KAAK;AACxG,QAAM,CAAC,GAAO,CAAA,IAAY,EAAwB,IAAI,GAChD,IAAY,EAAsD,IAAI,GAEtE,IAAgB,EAAA,CAAa,MAAsC;AACvE,IAAA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAG,OAAuB,kBAAkB,EAAE,SAAS;AACvD,UAAM,IAAS,EAAE,cAA8B,QAAQ,mBAAmB,GACpE,IAAa,IAAQ,EAAM,sBAAsB,EAAE,QAAS,KAAS;AAC3E,IAAA,EAAU,UAAU;AAAA,MAAE,QAAQ,EAAE;AAAA,MAAS,YAAA;AAAA,IAAW;AAAA,EACtD,GAAG,CAAC,GAAO,CAAY,CAAC,GAElB,IAAgB,EAAA,CAAa,MAAsC;AACvE,QAAI,CAAC,EAAU,QAAS;AACxB,UAAM,IAAK,EAAE,UAAU,EAAU,QAAQ,QACnC,IAAM,MAAS,UAAU,IAAI,IAC7B,IAAW,KAAK,IAAI,GAAU,KAAK,IAAI,GAAU,EAAU,QAAQ,aAAa,IAAK,CAAG,CAAC;AAC/F,IAAA,EAAS,CAAQ;AAAA,EACnB,GAAG;AAAA,IAAC;AAAA,IAAM;AAAA,IAAU;AAAA,EAAQ,CAAC,GAEvB,IAAc,EAAA,MAAkB;AACpC,IAAA,EAAU,UAAU;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL,YAAY,KAAS;AAAA,IACrB,mBAAmB;AAAA,MAAE,eAAA;AAAA,MAAe,eAAA;AAAA,MAAe,aAAA;AAAA,IAAY;AAAA,EACjE;AACF"}
+{"version":3,"file":"useResizablePanel.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useResizablePanel.ts"],"sourcesContent":["import { useState, useRef, useCallback, type PointerEvent as ReactPointerEvent } from 'react';\n\nexport type ResizeEdge = 'left' | 'right';\n\n/**\n * Enables horizontal width resizing for an overlay panel by dragging its edge.\n * Returns a width override (null = use CSS default), and props to spread onto\n * a resize-handle element placed on the panel's resize edge.\n */\nexport function useResizablePanel(edge: ResizeEdge, defaultWidth: number, minWidth = 120, maxWidth = 600) {\n  const [width, setWidth] = useState<number | null>(null);\n  const dragState = useRef<{ startX: number; startWidth: number } | null>(null);\n\n  const onPointerDown = useCallback((e: ReactPointerEvent<HTMLElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    (e.target as HTMLElement).setPointerCapture(e.pointerId);\n    const panel = (e.currentTarget as HTMLElement).closest('[data-flow-panel]') as HTMLElement | null;\n    const startWidth = panel ? panel.getBoundingClientRect().width : (width ?? defaultWidth);\n    dragState.current = { startX: e.clientX, startWidth };\n  }, [width, defaultWidth]);\n\n  const onPointerMove = useCallback((e: ReactPointerEvent<HTMLElement>) => {\n    if (!dragState.current) return;\n    const dx = e.clientX - dragState.current.startX;\n    const dir = edge === 'right' ? 1 : -1;\n    const newWidth = Math.max(minWidth, Math.min(maxWidth, dragState.current.startWidth + dx * dir));\n    setWidth(newWidth);\n  }, [edge, minWidth, maxWidth]);\n\n  const onPointerUp = useCallback(() => {\n    dragState.current = null;\n  }, []);\n\n  return {\n    panelWidth: width ?? defaultWidth,\n    resizeHandleProps: { onPointerDown, onPointerMove, onPointerUp },\n  };\n}\n"],"mappings":";;AASA,SAAgB,EAAkB,GAAkB,GAAsB,IAAW,KAAK,IAAW,KAAK;CACxG,IAAM,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,IAAY,EAAsD,IAAI,GAEtE,IAAgB,GAAa,MAAsC;EAGvE,AAFA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAG,OAAuB,kBAAkB,EAAE,SAAS;EACvD,IAAM,IAAS,EAAE,cAA8B,QAAQ,mBAAmB,GACpE,IAAa,IAAQ,EAAM,sBAAsB,CAAC,CAAC,QAAS,KAAS;EAC3E,EAAU,UAAU;GAAE,QAAQ,EAAE;GAAS;EAAW;CACtD,GAAG,CAAC,GAAO,CAAY,CAAC,GAElB,IAAgB,GAAa,MAAsC;EACvE,IAAI,CAAC,EAAU,SAAS;EACxB,IAAM,IAAK,EAAE,UAAU,EAAU,QAAQ,QACnC,IAAM,MAAS,UAAU,IAAI,IAC7B,IAAW,KAAK,IAAI,GAAU,KAAK,IAAI,GAAU,EAAU,QAAQ,aAAa,IAAK,CAAG,CAAC;EAC/F,EAAS,CAAQ;CACnB,GAAG;EAAC;EAAM;EAAU;CAAQ,CAAC,GAEvB,IAAc,QAAkB;EACpC,EAAU,UAAU;CACtB,GAAG,CAAC,CAAC;CAEL,OAAO;EACL,YAAY,KAAS;EACrB,mBAAmB;GAAE;GAAe;GAAe;EAAY;CACjE;AACF"}

package/dist/components/pro/Flow/hooks/useSelection.js

@@ -1,74 +1,74 @@
-import { useFlowContext as i } from "../context/FlowContext.js";
+import { useFlowContext as e } from "../context/FlowContext.js";
 import { useCallback as t } from "react";
-var o = /* @__PURE__ */ new Set();
+//#region src/components/pro/Flow/hooks/useSelection.ts
+var n = /* @__PURE__ */ new Set();
 function r() {
-  const { selection: n, setSelection: l, currentCanvas: c } = i();
-  return {
-    selection: n,
-    selectNode: t((e, d = !1) => {
-      l((s) => {
-        const I = new Set(d ? s.nodeIds : []);
-        return I.add(e), {
-          nodeIds: I,
-          edgeIds: d ? s.edgeIds : o,
-          lineIds: d ? s.lineIds : o
-        };
-      });
-    }, [l]),
-    selectEdge: t((e, d = !1) => {
-      l((s) => {
-        const I = new Set(d ? s.edgeIds : []);
-        return I.add(e), {
-          nodeIds: d ? s.nodeIds : o,
-          edgeIds: I,
-          lineIds: d ? s.lineIds : o
-        };
-      });
-    }, [l]),
-    selectLine: t((e, d = !1) => {
-      l((s) => {
-        const I = new Set(d ? s.lineIds : []);
-        return I.add(e), {
-          nodeIds: d ? s.nodeIds : o,
-          edgeIds: d ? s.edgeIds : o,
-          lineIds: I
-        };
-      });
-    }, [l]),
-    selectMultipleNodes: t((e) => {
-      l({
-        nodeIds: new Set(e),
-        edgeIds: o,
-        lineIds: o
-      });
-    }, [l]),
-    clearSelection: t(() => {
-      l({
-        nodeIds: o,
-        edgeIds: o,
-        lineIds: o
-      });
-    }, [l]),
-    toggleNode: t((e) => {
-      l((d) => {
-        const s = new Set(d.nodeIds);
-        return s.has(e) ? s.delete(e) : s.add(e), {
-          ...d,
-          nodeIds: s
-        };
-      });
-    }, [l]),
-    isNodeSelected: t((e) => n.nodeIds.has(e), [n.nodeIds]),
-    isEdgeSelected: t((e) => n.edgeIds.has(e), [n.edgeIds]),
-    isLineSelected: t((e) => n.lineIds.has(e), [n.lineIds]),
-    selectedNodes: c.nodes.filter((e) => n.nodeIds.has(e.id)),
-    selectedEdges: c.edges.filter((e) => n.edgeIds.has(e.id)),
-    selectedLines: c.lines.filter((e) => n.lineIds.has(e.id)),
-    hasSelection: n.nodeIds.size > 0 || n.edgeIds.size > 0 || n.lineIds.size > 0
-  };
+	let { selection: r, setSelection: i, currentCanvas: a } = e();
+	return {
+		selection: r,
+		selectNode: t((e, t = !1) => {
+			i((r) => {
+				let i = new Set(t ? r.nodeIds : []);
+				return i.add(e), {
+					nodeIds: i,
+					edgeIds: t ? r.edgeIds : n,
+					lineIds: t ? r.lineIds : n
+				};
+			});
+		}, [i]),
+		selectEdge: t((e, t = !1) => {
+			i((r) => {
+				let i = new Set(t ? r.edgeIds : []);
+				return i.add(e), {
+					nodeIds: t ? r.nodeIds : n,
+					edgeIds: i,
+					lineIds: t ? r.lineIds : n
+				};
+			});
+		}, [i]),
+		selectLine: t((e, t = !1) => {
+			i((r) => {
+				let i = new Set(t ? r.lineIds : []);
+				return i.add(e), {
+					nodeIds: t ? r.nodeIds : n,
+					edgeIds: t ? r.edgeIds : n,
+					lineIds: i
+				};
+			});
+		}, [i]),
+		selectMultipleNodes: t((e) => {
+			i({
+				nodeIds: new Set(e),
+				edgeIds: n,
+				lineIds: n
+			});
+		}, [i]),
+		clearSelection: t(() => {
+			i({
+				nodeIds: n,
+				edgeIds: n,
+				lineIds: n
+			});
+		}, [i]),
+		toggleNode: t((e) => {
+			i((t) => {
+				let n = new Set(t.nodeIds);
+				return n.has(e) ? n.delete(e) : n.add(e), {
+					...t,
+					nodeIds: n
+				};
+			});
+		}, [i]),
+		isNodeSelected: t((e) => r.nodeIds.has(e), [r.nodeIds]),
+		isEdgeSelected: t((e) => r.edgeIds.has(e), [r.edgeIds]),
+		isLineSelected: t((e) => r.lineIds.has(e), [r.lineIds]),
+		selectedNodes: a.nodes.filter((e) => r.nodeIds.has(e.id)),
+		selectedEdges: a.edges.filter((e) => r.edgeIds.has(e.id)),
+		selectedLines: a.lines.filter((e) => r.lineIds.has(e.id)),
+		hasSelection: r.nodeIds.size > 0 || r.edgeIds.size > 0 || r.lineIds.size > 0
+	};
 }
-export {
-  r as useSelection
-};
+//#endregion
+export { r as useSelection };
 
 //# sourceMappingURL=useSelection.js.map

package/dist/components/pro/Flow/hooks/useSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelection.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useSelection.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { SelectionState } from '../types';\n\nconst EMPTY_SET = new Set<string>();\n\nexport function useSelection() {\n  const { selection, setSelection, currentCanvas } = useFlowContext();\n\n  const selectNode = useCallback(\n    (id: string, additive = false) => {\n      setSelection(prev => {\n        const nodeIds = new Set(additive ? prev.nodeIds : []);\n        nodeIds.add(id);\n        return { nodeIds, edgeIds: additive ? prev.edgeIds : EMPTY_SET, lineIds: additive ? prev.lineIds : EMPTY_SET };\n      });\n    },\n    [setSelection],\n  );\n\n  const selectEdge = useCallback(\n    (id: string, additive = false) => {\n      setSelection(prev => {\n        const edgeIds = new Set(additive ? prev.edgeIds : []);\n        edgeIds.add(id);\n        return { nodeIds: additive ? prev.nodeIds : EMPTY_SET, edgeIds, lineIds: additive ? prev.lineIds : EMPTY_SET };\n      });\n    },\n    [setSelection],\n  );\n\n  const selectLine = useCallback(\n    (id: string, additive = false) => {\n      setSelection(prev => {\n        const lineIds = new Set(additive ? prev.lineIds : []);\n        lineIds.add(id);\n        return { nodeIds: additive ? prev.nodeIds : EMPTY_SET, edgeIds: additive ? prev.edgeIds : EMPTY_SET, lineIds };\n      });\n    },\n    [setSelection],\n  );\n\n  const selectMultipleNodes = useCallback(\n    (ids: string[]) => {\n      setSelection({ nodeIds: new Set(ids), edgeIds: EMPTY_SET, lineIds: EMPTY_SET });\n    },\n    [setSelection],\n  );\n\n  const clearSelection = useCallback(() => {\n    setSelection({ nodeIds: EMPTY_SET, edgeIds: EMPTY_SET, lineIds: EMPTY_SET });\n  }, [setSelection]);\n\n  const toggleNode = useCallback(\n    (id: string) => {\n      setSelection(prev => {\n        const nodeIds = new Set(prev.nodeIds);\n        if (nodeIds.has(id)) nodeIds.delete(id);\n        else nodeIds.add(id);\n        return { ...prev, nodeIds };\n      });\n    },\n    [setSelection],\n  );\n\n  const isNodeSelected = useCallback(\n    (id: string) => selection.nodeIds.has(id),\n    [selection.nodeIds],\n  );\n\n  const isEdgeSelected = useCallback(\n    (id: string) => selection.edgeIds.has(id),\n    [selection.edgeIds],\n  );\n\n  const isLineSelected = useCallback(\n    (id: string) => selection.lineIds.has(id),\n    [selection.lineIds],\n  );\n\n  const selectedNodes = currentCanvas.nodes.filter(n => selection.nodeIds.has(n.id));\n  const selectedEdges = currentCanvas.edges.filter(e => selection.edgeIds.has(e.id));\n  const selectedLines = currentCanvas.lines.filter(l => selection.lineIds.has(l.id));\n\n  const hasSelection = selection.nodeIds.size > 0 || selection.edgeIds.size > 0 || selection.lineIds.size > 0;\n\n  return {\n    selection,\n    selectNode,\n    selectEdge,\n    selectLine,\n    selectMultipleNodes,\n    clearSelection,\n    toggleNode,\n    isNodeSelected,\n    isEdgeSelected,\n    isLineSelected,\n    selectedNodes,\n    selectedEdges,\n    selectedLines,\n    hasSelection,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSelection.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useSelection.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { SelectionState } from '../types';\n\nconst EMPTY_SET = new Set<string>();\n\nexport function useSelection() {\n  const { selection, setSelection, currentCanvas } = useFlowContext();\n\n  const selectNode = useCallback(\n    (id: string, additive = false) => {\n      setSelection(prev => {\n        const nodeIds = new Set(additive ? prev.nodeIds : []);\n        nodeIds.add(id);\n        return { nodeIds, edgeIds: additive ? prev.edgeIds : EMPTY_SET, lineIds: additive ? prev.lineIds : EMPTY_SET };\n      });\n    },\n    [setSelection],\n  );\n\n  const selectEdge = useCallback(\n    (id: string, additive = false) => {\n      setSelection(prev => {\n        const edgeIds = new Set(additive ? prev.edgeIds : []);\n        edgeIds.add(id);\n        return { nodeIds: additive ? prev.nodeIds : EMPTY_SET, edgeIds, lineIds: additive ? prev.lineIds : EMPTY_SET };\n      });\n    },\n    [setSelection],\n  );\n\n  const selectLine = useCallback(\n    (id: string, additive = false) => {\n      setSelection(prev => {\n        const lineIds = new Set(additive ? prev.lineIds : []);\n        lineIds.add(id);\n        return { nodeIds: additive ? prev.nodeIds : EMPTY_SET, edgeIds: additive ? prev.edgeIds : EMPTY_SET, lineIds };\n      });\n    },\n    [setSelection],\n  );\n\n  const selectMultipleNodes = useCallback(\n    (ids: string[]) => {\n      setSelection({ nodeIds: new Set(ids), edgeIds: EMPTY_SET, lineIds: EMPTY_SET });\n    },\n    [setSelection],\n  );\n\n  const clearSelection = useCallback(() => {\n    setSelection({ nodeIds: EMPTY_SET, edgeIds: EMPTY_SET, lineIds: EMPTY_SET });\n  }, [setSelection]);\n\n  const toggleNode = useCallback(\n    (id: string) => {\n      setSelection(prev => {\n        const nodeIds = new Set(prev.nodeIds);\n        if (nodeIds.has(id)) nodeIds.delete(id);\n        else nodeIds.add(id);\n        return { ...prev, nodeIds };\n      });\n    },\n    [setSelection],\n  );\n\n  const isNodeSelected = useCallback(\n    (id: string) => selection.nodeIds.has(id),\n    [selection.nodeIds],\n  );\n\n  const isEdgeSelected = useCallback(\n    (id: string) => selection.edgeIds.has(id),\n    [selection.edgeIds],\n  );\n\n  const isLineSelected = useCallback(\n    (id: string) => selection.lineIds.has(id),\n    [selection.lineIds],\n  );\n\n  const selectedNodes = currentCanvas.nodes.filter(n => selection.nodeIds.has(n.id));\n  const selectedEdges = currentCanvas.edges.filter(e => selection.edgeIds.has(e.id));\n  const selectedLines = currentCanvas.lines.filter(l => selection.lineIds.has(l.id));\n\n  const hasSelection = selection.nodeIds.size > 0 || selection.edgeIds.size > 0 || selection.lineIds.size > 0;\n\n  return {\n    selection,\n    selectNode,\n    selectEdge,\n    selectLine,\n    selectMultipleNodes,\n    clearSelection,\n    toggleNode,\n    isNodeSelected,\n    isEdgeSelected,\n    isLineSelected,\n    selectedNodes,\n    selectedEdges,\n    selectedLines,\n    hasSelection,\n  };\n}\n"],"mappings":";;;AAIA,IAAM,oBAAY,IAAI,IAAY;AAElC,SAAgB,IAAe;CAC7B,IAAM,EAAE,cAAW,iBAAc,qBAAkB,EAAe;CA+ElE,OAAO;EACL;EACA,YA/EiB,GAChB,GAAY,IAAW,OAAU;GAChC,GAAa,MAAQ;IACnB,IAAM,IAAU,IAAI,IAAI,IAAW,EAAK,UAAU,CAAC,CAAC;IAEpD,OADA,EAAQ,IAAI,CAAE,GACP;KAAE;KAAS,SAAS,IAAW,EAAK,UAAU;KAAW,SAAS,IAAW,EAAK,UAAU;IAAU;GAC/G,CAAC;EACH,GACA,CAAC,CAAY,CAuEb;EACA,YArEiB,GAChB,GAAY,IAAW,OAAU;GAChC,GAAa,MAAQ;IACnB,IAAM,IAAU,IAAI,IAAI,IAAW,EAAK,UAAU,CAAC,CAAC;IAEpD,OADA,EAAQ,IAAI,CAAE,GACP;KAAE,SAAS,IAAW,EAAK,UAAU;KAAW;KAAS,SAAS,IAAW,EAAK,UAAU;IAAU;GAC/G,CAAC;EACH,GACA,CAAC,CAAY,CA6Db;EACA,YA3DiB,GAChB,GAAY,IAAW,OAAU;GAChC,GAAa,MAAQ;IACnB,IAAM,IAAU,IAAI,IAAI,IAAW,EAAK,UAAU,CAAC,CAAC;IAEpD,OADA,EAAQ,IAAI,CAAE,GACP;KAAE,SAAS,IAAW,EAAK,UAAU;KAAW,SAAS,IAAW,EAAK,UAAU;KAAW;IAAQ;GAC/G,CAAC;EACH,GACA,CAAC,CAAY,CAmDb;EACA,qBAjD0B,GACzB,MAAkB;GACjB,EAAa;IAAE,SAAS,IAAI,IAAI,CAAG;IAAG,SAAS;IAAW,SAAS;GAAU,CAAC;EAChF,GACA,CAAC,CAAY,CA6Cb;EACA,gBA3CqB,QAAkB;GACvC,EAAa;IAAE,SAAS;IAAW,SAAS;IAAW,SAAS;GAAU,CAAC;EAC7E,GAAG,CAAC,CAAY,CAyCd;EACA,YAxCiB,GAChB,MAAe;GACd,GAAa,MAAQ;IACnB,IAAM,IAAU,IAAI,IAAI,EAAK,OAAO;IAGpC,OAFI,EAAQ,IAAI,CAAE,IAAG,EAAQ,OAAO,CAAE,IACjC,EAAQ,IAAI,CAAE,GACZ;KAAE,GAAG;KAAM;IAAQ;GAC5B,CAAC;EACH,GACA,CAAC,CAAY,CA+Bb;EACA,gBA7BqB,GACpB,MAAe,EAAU,QAAQ,IAAI,CAAE,GACxC,CAAC,EAAU,OAAO,CA2BlB;EACA,gBAzBqB,GACpB,MAAe,EAAU,QAAQ,IAAI,CAAE,GACxC,CAAC,EAAU,OAAO,CAuBlB;EACA,gBArBqB,GACpB,MAAe,EAAU,QAAQ,IAAI,CAAE,GACxC,CAAC,EAAU,OAAO,CAmBlB;EACA,eAjBoB,EAAc,MAAM,QAAO,MAAK,EAAU,QAAQ,IAAI,EAAE,EAAE,CAiB9E;EACA,eAjBoB,EAAc,MAAM,QAAO,MAAK,EAAU,QAAQ,IAAI,EAAE,EAAE,CAiB9E;EACA,eAjBoB,EAAc,MAAM,QAAO,MAAK,EAAU,QAAQ,IAAI,EAAE,EAAE,CAiB9E;EACA,cAhBmB,EAAU,QAAQ,OAAO,KAAK,EAAU,QAAQ,OAAO,KAAK,EAAU,QAAQ,OAAO;CAiB1G;AACF"}

package/dist/components/pro/Flow/hooks/useUndoRedo.js

@@ -1,30 +1,30 @@
-import { useCallback as o, useRef as f } from "react";
-var l = 50, p = 300;
-function d(i, t) {
-  const r = f([]), u = f([]), s = f(0), c = f(!1), h = o((e) => {
-    const n = Date.now();
-    n - s.current < p && r.current.length > 0 ? r.current[r.current.length - 1] = e : (r.current.push(e), r.current.length > l && r.current.shift()), s.current = n, u.current = [];
-  }, []);
-  return {
-    wrappedSetDoc: o((e) => {
-      t((n) => (c.current || h(n), c.current = !1, typeof e == "function" ? e(n) : e));
-    }, [t, h]),
-    undo: o(() => {
-      if (r.current.length === 0) return;
-      const e = r.current.pop();
-      t((n) => (u.current.push(n), e)), c.current = !0;
-    }, [t]),
-    redo: o(() => {
-      if (u.current.length === 0) return;
-      const e = u.current.pop();
-      t((n) => (r.current.push(n), e)), c.current = !0;
-    }, [t]),
-    canUndo: r.current.length > 0,
-    canRedo: u.current.length > 0
-  };
+import { useCallback as e, useRef as t } from "react";
+//#region src/components/pro/Flow/hooks/useUndoRedo.ts
+var n = 50, r = 300;
+function i(i, a) {
+	let o = t([]), s = t([]), c = t(0), l = t(!1), u = e((e) => {
+		let t = Date.now();
+		t - c.current < r && o.current.length > 0 ? o.current[o.current.length - 1] = e : (o.current.push(e), o.current.length > n && o.current.shift()), c.current = t, s.current = [];
+	}, []);
+	return {
+		wrappedSetDoc: e((e) => {
+			a((t) => (l.current || u(t), l.current = !1, typeof e == "function" ? e(t) : e));
+		}, [a, u]),
+		undo: e(() => {
+			if (o.current.length === 0) return;
+			let e = o.current.pop();
+			a((t) => (s.current.push(t), e)), l.current = !0;
+		}, [a]),
+		redo: e(() => {
+			if (s.current.length === 0) return;
+			let e = s.current.pop();
+			a((t) => (o.current.push(t), e)), l.current = !0;
+		}, [a]),
+		canUndo: o.current.length > 0,
+		canRedo: s.current.length > 0
+	};
 }
-export {
-  d as useUndoRedo
-};
+//#endregion
+export { i as useUndoRedo };
 
 //# sourceMappingURL=useUndoRedo.js.map

package/dist/components/pro/Flow/hooks/useUndoRedo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUndoRedo.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useUndoRedo.ts"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'react';\nimport type { FlowDocument } from '../types';\n\nconst MAX_HISTORY = 50;\nconst COALESCE_MS = 300;\n\n/**\n * Time-coalesced undo/redo for FlowDocument.\n * Wraps setDoc to automatically capture history snapshots.\n */\nexport function useUndoRedo(\n  doc: FlowDocument,\n  setDoc: React.Dispatch<React.SetStateAction<FlowDocument>>,\n) {\n  const historyRef = useRef<FlowDocument[]>([]);\n  const futureRef = useRef<FlowDocument[]>([]);\n  const lastPushRef = useRef(0);\n  const skipRef = useRef(false);\n\n  // Push to history with time coalescing\n  const pushHistory = useCallback((snapshot: FlowDocument) => {\n    const now = Date.now();\n    if (now - lastPushRef.current < COALESCE_MS && historyRef.current.length > 0) {\n      historyRef.current[historyRef.current.length - 1] = snapshot;\n    } else {\n      historyRef.current.push(snapshot);\n      if (historyRef.current.length > MAX_HISTORY) {\n        historyRef.current.shift();\n      }\n    }\n    lastPushRef.current = now;\n    futureRef.current = [];\n  }, []);\n\n  // Wrap setDoc to record history\n  const wrappedSetDoc: React.Dispatch<React.SetStateAction<FlowDocument>> = useCallback(\n    (action) => {\n      setDoc(prev => {\n        if (!skipRef.current) {\n          pushHistory(prev);\n        }\n        skipRef.current = false;\n        return typeof action === 'function' ? action(prev) : action;\n      });\n    },\n    [setDoc, pushHistory],\n  );\n\n  const undo = useCallback(() => {\n    if (historyRef.current.length === 0) return;\n    const prev = historyRef.current.pop()!;\n    setDoc(current => {\n      futureRef.current.push(current);\n      return prev;\n    });\n    skipRef.current = true;\n  }, [setDoc]);\n\n  const redo = useCallback(() => {\n    if (futureRef.current.length === 0) return;\n    const next = futureRef.current.pop()!;\n    setDoc(current => {\n      historyRef.current.push(current);\n      return next;\n    });\n    skipRef.current = true;\n  }, [setDoc]);\n\n  const canUndo = historyRef.current.length > 0;\n  const canRedo = futureRef.current.length > 0;\n\n  return { wrappedSetDoc, undo, redo, canUndo, canRedo };\n}\n"],"mappings":";AAGA,IAAM,IAAc,IACd,IAAc;AAMpB,SAAgB,EACd,GACA,GACA;AACA,QAAM,IAAa,EAAuB,CAAC,CAAC,GACtC,IAAY,EAAuB,CAAC,CAAC,GACrC,IAAc,EAAO,CAAC,GACtB,IAAU,EAAO,EAAK,GAGtB,IAAc,EAAA,CAAa,MAA2B;AAC1D,UAAM,IAAM,KAAK,IAAI;AACrB,IAAI,IAAM,EAAY,UAAU,KAAe,EAAW,QAAQ,SAAS,IACzE,EAAW,QAAQ,EAAW,QAAQ,SAAS,CAAA,IAAK,KAEpD,EAAW,QAAQ,KAAK,CAAQ,GAC5B,EAAW,QAAQ,SAAS,KAC9B,EAAW,QAAQ,MAAM,IAG7B,EAAY,UAAU,GACtB,EAAU,UAAU,CAAC;AAAA,EACvB,GAAG,CAAC,CAAC;AAuCL,SAAO;AAAA,IAAE,eApCiE,EAAA,CACvE,MAAW;AACV,MAAA,EAAA,CAAO,OACA,EAAQ,WACX,EAAY,CAAI,GAElB,EAAQ,UAAU,IACX,OAAO,KAAW,aAAa,EAAO,CAAI,IAAI,EACtD;AAAA,IACH,GACA,CAAC,GAAQ,CAAW,CA0Bb;AAAA,IAAe,MAvBX,EAAA,MAAkB;AAC7B,UAAI,EAAW,QAAQ,WAAW,EAAG;AACrC,YAAM,IAAO,EAAW,QAAQ,IAAI;AACpC,MAAA,EAAA,CAAO,OACL,EAAU,QAAQ,KAAK,CAAO,GACvB,EACR,GACD,EAAQ,UAAU;AAAA,IACpB,GAAG,CAAC,CAAM,CAec;AAAA,IAAM,MAbjB,EAAA,MAAkB;AAC7B,UAAI,EAAU,QAAQ,WAAW,EAAG;AACpC,YAAM,IAAO,EAAU,QAAQ,IAAI;AACnC,MAAA,EAAA,CAAO,OACL,EAAW,QAAQ,KAAK,CAAO,GACxB,EACR,GACD,EAAQ,UAAU;AAAA,IACpB,GAAG,CAAC,CAAM,CAKoB;AAAA,IAAM,SAHpB,EAAW,QAAQ,SAAS;AAAA,IAGC,SAF7B,EAAU,QAAQ,SAAS;AAAA,EAEU;AACvD"}
+{"version":3,"file":"useUndoRedo.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useUndoRedo.ts"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'react';\nimport type { FlowDocument } from '../types';\n\nconst MAX_HISTORY = 50;\nconst COALESCE_MS = 300;\n\n/**\n * Time-coalesced undo/redo for FlowDocument.\n * Wraps setDoc to automatically capture history snapshots.\n */\nexport function useUndoRedo(\n  doc: FlowDocument,\n  setDoc: React.Dispatch<React.SetStateAction<FlowDocument>>,\n) {\n  const historyRef = useRef<FlowDocument[]>([]);\n  const futureRef = useRef<FlowDocument[]>([]);\n  const lastPushRef = useRef(0);\n  const skipRef = useRef(false);\n\n  // Push to history with time coalescing\n  const pushHistory = useCallback((snapshot: FlowDocument) => {\n    const now = Date.now();\n    if (now - lastPushRef.current < COALESCE_MS && historyRef.current.length > 0) {\n      historyRef.current[historyRef.current.length - 1] = snapshot;\n    } else {\n      historyRef.current.push(snapshot);\n      if (historyRef.current.length > MAX_HISTORY) {\n        historyRef.current.shift();\n      }\n    }\n    lastPushRef.current = now;\n    futureRef.current = [];\n  }, []);\n\n  // Wrap setDoc to record history\n  const wrappedSetDoc: React.Dispatch<React.SetStateAction<FlowDocument>> = useCallback(\n    (action) => {\n      setDoc(prev => {\n        if (!skipRef.current) {\n          pushHistory(prev);\n        }\n        skipRef.current = false;\n        return typeof action === 'function' ? action(prev) : action;\n      });\n    },\n    [setDoc, pushHistory],\n  );\n\n  const undo = useCallback(() => {\n    if (historyRef.current.length === 0) return;\n    const prev = historyRef.current.pop()!;\n    setDoc(current => {\n      futureRef.current.push(current);\n      return prev;\n    });\n    skipRef.current = true;\n  }, [setDoc]);\n\n  const redo = useCallback(() => {\n    if (futureRef.current.length === 0) return;\n    const next = futureRef.current.pop()!;\n    setDoc(current => {\n      historyRef.current.push(current);\n      return next;\n    });\n    skipRef.current = true;\n  }, [setDoc]);\n\n  const canUndo = historyRef.current.length > 0;\n  const canRedo = futureRef.current.length > 0;\n\n  return { wrappedSetDoc, undo, redo, canUndo, canRedo };\n}\n"],"mappings":";;AAGA,IAAM,IAAc,IACd,IAAc;AAMpB,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAa,EAAuB,CAAC,CAAC,GACtC,IAAY,EAAuB,CAAC,CAAC,GACrC,IAAc,EAAO,CAAC,GACtB,IAAU,EAAO,EAAK,GAGtB,IAAc,GAAa,MAA2B;EAC1D,IAAM,IAAM,KAAK,IAAI;EAUrB,AATI,IAAM,EAAY,UAAU,KAAe,EAAW,QAAQ,SAAS,IACzE,EAAW,QAAQ,EAAW,QAAQ,SAAS,KAAK,KAEpD,EAAW,QAAQ,KAAK,CAAQ,GAC5B,EAAW,QAAQ,SAAS,KAC9B,EAAW,QAAQ,MAAM,IAG7B,EAAY,UAAU,GACtB,EAAU,UAAU,CAAC;CACvB,GAAG,CAAC,CAAC;CAuCL,OAAO;EAAE,eApCiE,GACvE,MAAW;GACV,GAAO,OACA,EAAQ,WACX,EAAY,CAAI,GAElB,EAAQ,UAAU,IACX,OAAO,KAAW,aAAa,EAAO,CAAI,IAAI,EACtD;EACH,GACA,CAAC,GAAQ,CAAW,CA0Bb;EAAe,MAvBX,QAAkB;GAC7B,IAAI,EAAW,QAAQ,WAAW,GAAG;GACrC,IAAM,IAAO,EAAW,QAAQ,IAAI;GAKpC,AAJA,GAAO,OACL,EAAU,QAAQ,KAAK,CAAO,GACvB,EACR,GACD,EAAQ,UAAU;EACpB,GAAG,CAAC,CAAM,CAec;EAAM,MAbjB,QAAkB;GAC7B,IAAI,EAAU,QAAQ,WAAW,GAAG;GACpC,IAAM,IAAO,EAAU,QAAQ,IAAI;GAKnC,AAJA,GAAO,OACL,EAAW,QAAQ,KAAK,CAAO,GACxB,EACR,GACD,EAAQ,UAAU;EACpB,GAAG,CAAC,CAAM,CAKoB;EAAM,SAHpB,EAAW,QAAQ,SAAS;EAGC,SAF7B,EAAU,QAAQ,SAAS;CAEU;AACvD"}

package/dist/components/pro/Flow/hooks/useViewport.js

@@ -1,31 +1,31 @@
-import { ViewportManager as c } from "../canvas/ViewportContainer.js";
-import { useCallback as n, useEffect as s, useRef as l } from "react";
-function p(o, u) {
-  const t = l(null);
-  return s(() => {
-    const r = o.current;
-    if (!r || r.destroyed) return;
-    const e = new c(r.world, r.app.stage, u);
-    return t.current = e, () => {
-      e.destroy(), t.current = null;
-    };
-  }, [o.current, u]), {
-    vmRef: t,
-    setViewport: n((r) => {
-      t.current?.setState(r);
-    }, []),
-    screenToWorld: n((r, e) => t.current?.screenToWorld(r, e) ?? {
-      x: r,
-      y: e
-    }, []),
-    worldToScreen: n((r, e) => t.current?.worldToScreen(r, e) ?? {
-      x: r,
-      y: e
-    }, [])
-  };
+import { ViewportManager as e } from "../canvas/ViewportContainer.js";
+import { useCallback as t, useEffect as n, useRef as r } from "react";
+//#region src/components/pro/Flow/hooks/useViewport.ts
+function i(i, a) {
+	let o = r(null);
+	return n(() => {
+		let t = i.current;
+		if (!t || t.destroyed) return;
+		let n = new e(t.world, t.app.stage, a);
+		return o.current = n, () => {
+			n.destroy(), o.current = null;
+		};
+	}, [i.current, a]), {
+		vmRef: o,
+		setViewport: t((e) => {
+			o.current?.setState(e);
+		}, []),
+		screenToWorld: t((e, t) => o.current?.screenToWorld(e, t) ?? {
+			x: e,
+			y: t
+		}, []),
+		worldToScreen: t((e, t) => o.current?.worldToScreen(e, t) ?? {
+			x: e,
+			y: t
+		}, [])
+	};
 }
-export {
-  p as useViewport
-};
+//#endregion
+export { i as useViewport };
 
 //# sourceMappingURL=useViewport.js.map

package/dist/components/pro/Flow/hooks/useViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewport.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useViewport.ts"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport { ViewportManager } from '../canvas/ViewportContainer';\nimport { PixiApp } from '../canvas/PixiApp';\nimport type { ViewportState } from '../types';\n\n/**\n * Connects ViewportManager to React state.\n */\nexport function useViewport(\n  pixiRef: React.RefObject<PixiApp | null>,\n  onViewportChange: (v: ViewportState) => void,\n) {\n  const vmRef = useRef<ViewportManager | null>(null);\n\n  useEffect(() => {\n    const pixi = pixiRef.current;\n    if (!pixi || pixi.destroyed) return;\n\n    const vm = new ViewportManager(pixi.world, pixi.app.stage, onViewportChange);\n    vmRef.current = vm;\n\n    return () => {\n      vm.destroy();\n      vmRef.current = null;\n    };\n  }, [pixiRef.current, onViewportChange]);\n\n  const setViewport = useCallback((state: Partial<ViewportState>) => {\n    vmRef.current?.setState(state);\n  }, []);\n\n  const screenToWorld = useCallback((sx: number, sy: number) => {\n    return vmRef.current?.screenToWorld(sx, sy) ?? { x: sx, y: sy };\n  }, []);\n\n  const worldToScreen = useCallback((wx: number, wy: number) => {\n    return vmRef.current?.worldToScreen(wx, wy) ?? { x: wx, y: wy };\n  }, []);\n\n  return { vmRef, setViewport, screenToWorld, worldToScreen };\n}\n"],"mappings":";;AAQA,SAAgB,EACd,GACA,GACA;AACA,QAAM,IAAQ,EAA+B,IAAI;AAEjD,SAAA,EAAA,MAAgB;AACd,UAAM,IAAO,EAAQ;AACrB,QAAI,CAAC,KAAQ,EAAK,UAAW;AAE7B,UAAM,IAAK,IAAI,EAAgB,EAAK,OAAO,EAAK,IAAI,OAAO,CAAgB;AAC3E,WAAA,EAAM,UAAU,GAEhB,MAAa;AACX,MAAA,EAAG,QAAQ,GACX,EAAM,UAAU;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,EAAQ,SAAS,CAAgB,CAAC,GAc/B;AAAA,IAAE,OAAA;AAAA,IAAO,aAZI,EAAA,CAAa,MAAkC;AACjE,MAAA,EAAM,SAAS,SAAS,CAAK;AAAA,IAC/B,GAAG,CAAC,CAUY;AAAA,IAAa,eARP,EAAA,CAAa,GAAY,MACtC,EAAM,SAAS,cAAc,GAAI,CAAE,KAAK;AAAA,MAAE,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG,GAC7D,CAAC,CAMyB;AAAA,IAAe,eAJtB,EAAA,CAAa,GAAY,MACtC,EAAM,SAAS,cAAc,GAAI,CAAE,KAAK;AAAA,MAAE,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG,GAC7D,CAAC,CAEwC;AAAA,EAAc;AAC5D"}
+{"version":3,"file":"useViewport.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useViewport.ts"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport { ViewportManager } from '../canvas/ViewportContainer';\nimport { PixiApp } from '../canvas/PixiApp';\nimport type { ViewportState } from '../types';\n\n/**\n * Connects ViewportManager to React state.\n */\nexport function useViewport(\n  pixiRef: React.RefObject<PixiApp | null>,\n  onViewportChange: (v: ViewportState) => void,\n) {\n  const vmRef = useRef<ViewportManager | null>(null);\n\n  useEffect(() => {\n    const pixi = pixiRef.current;\n    if (!pixi || pixi.destroyed) return;\n\n    const vm = new ViewportManager(pixi.world, pixi.app.stage, onViewportChange);\n    vmRef.current = vm;\n\n    return () => {\n      vm.destroy();\n      vmRef.current = null;\n    };\n  }, [pixiRef.current, onViewportChange]);\n\n  const setViewport = useCallback((state: Partial<ViewportState>) => {\n    vmRef.current?.setState(state);\n  }, []);\n\n  const screenToWorld = useCallback((sx: number, sy: number) => {\n    return vmRef.current?.screenToWorld(sx, sy) ?? { x: sx, y: sy };\n  }, []);\n\n  const worldToScreen = useCallback((wx: number, wy: number) => {\n    return vmRef.current?.worldToScreen(wx, wy) ?? { x: wx, y: wy };\n  }, []);\n\n  return { vmRef, setViewport, screenToWorld, worldToScreen };\n}\n"],"mappings":";;;AAQA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAQ,EAA+B,IAAI;CA2BjD,OAzBA,QAAgB;EACd,IAAM,IAAO,EAAQ;EACrB,IAAI,CAAC,KAAQ,EAAK,WAAW;EAE7B,IAAM,IAAK,IAAI,EAAgB,EAAK,OAAO,EAAK,IAAI,OAAO,CAAgB;EAG3E,OAFA,EAAM,UAAU,SAEH;GAEX,AADA,EAAG,QAAQ,GACX,EAAM,UAAU;EAClB;CACF,GAAG,CAAC,EAAQ,SAAS,CAAgB,CAAC,GAc/B;EAAE;EAAO,aAZI,GAAa,MAAkC;GACjE,EAAM,SAAS,SAAS,CAAK;EAC/B,GAAG,CAAC,CAUY;EAAa,eARP,GAAa,GAAY,MACtC,EAAM,SAAS,cAAc,GAAI,CAAE,KAAK;GAAE,GAAG;GAAI,GAAG;EAAG,GAC7D,CAAC,CAMyB;EAAe,eAJtB,GAAa,GAAY,MACtC,EAAM,SAAS,cAAc,GAAI,CAAE,KAAK;GAAE,GAAG;GAAI,GAAG;EAAG,GAC7D,CAAC,CAEwC;CAAc;AAC5D"}

package/dist/components/pro/Flow/lines/FreehandTool.js

@@ -1,66 +1,66 @@
-import { resolveThemeColor as s } from "../utils/themeColor.js";
-import { generateId as o } from "../nodes/nodeUtils.js";
-import { simplifyPath as r, smoothCatmullRom as h } from "./lineSmoothing.js";
-import { Graphics as a } from "pixi.js";
-var v = class {
-  stage;
-  preview;
-  callbacks;
-  rawPoints = [];
-  drawing = !1;
-  _active = !1;
-  constructor(t, e, i) {
-    this.stage = t, this.callbacks = i, this.preview = new a(), this.preview.label = "freehand-preview", this.preview.visible = !1, e.addChild(this.preview);
-  }
-  get active() {
-    return this._active;
-  }
-  activate() {
-    this._active = !0, this.stage.on("pointerdown", this._onDown, this), this.stage.on("globalpointermove", this._onMove, this), this.stage.on("pointerup", this._onUp, this), this.stage.on("pointerupoutside", this._onUp, this);
-  }
-  deactivate() {
-    this._active = !1, this.drawing = !1, this.rawPoints = [], this.preview.destroyed || (this.preview.clear(), this.preview.visible = !1), this.stage.off("pointerdown", this._onDown, this), this.stage.off("globalpointermove", this._onMove, this), this.stage.off("pointerup", this._onUp, this), this.stage.off("pointerupoutside", this._onUp, this);
-  }
-  _onDown = (t) => {
-    if (t.button !== 0) return;
-    const e = this.callbacks.screenToWorld(t.global.x, t.global.y);
-    this.drawing = !0, this.rawPoints = [e], this.preview.visible = !0, this.preview.clear();
-  };
-  _onMove = (t) => {
-    if (!this.drawing) return;
-    const e = this.callbacks.screenToWorld(t.global.x, t.global.y);
-    if (this.rawPoints.push(e), this.preview.clear(), !(this.rawPoints.length < 2)) {
-      this.preview.moveTo(this.rawPoints[0].x, this.rawPoints[0].y);
-      for (let i = 1; i < this.rawPoints.length; i++) this.preview.lineTo(this.rawPoints[i].x, this.rawPoints[i].y);
-      this.preview.stroke({
-        color: s("theme:base-content", "#374151"),
-        width: 2,
-        alpha: 0.6
-      });
-    }
-  };
-  _onUp = () => {
-    if (!this.drawing) return;
-    if (this.drawing = !1, this.preview.clear(), this.preview.visible = !1, this.rawPoints.length < 3) {
-      this.rawPoints = [];
-      return;
-    }
-    const t = r(this.rawPoints, 2), e = h(t, 4), i = {
-      id: o("line"),
-      type: "freehand",
-      points: e,
-      strokeColor: "theme:base-content",
-      strokeWidth: 2,
-      lineStyle: "solid"
-    };
-    this.callbacks.onLineComplete(i), this.rawPoints = [];
-  };
-  destroy() {
-    this.deactivate(), this.preview.destroyed || this.preview.destroy();
-  }
-};
-export {
-  v as FreehandTool
+import { resolveThemeColor as e } from "../utils/themeColor.js";
+import { generateId as t } from "../nodes/nodeUtils.js";
+import { simplifyPath as n, smoothCatmullRom as r } from "./lineSmoothing.js";
+import { Graphics as i } from "pixi.js";
+//#region src/components/pro/Flow/lines/FreehandTool.ts
+var a = class {
+	stage;
+	preview;
+	callbacks;
+	rawPoints = [];
+	drawing = !1;
+	_active = !1;
+	constructor(e, t, n) {
+		this.stage = e, this.callbacks = n, this.preview = new i(), this.preview.label = "freehand-preview", this.preview.visible = !1, t.addChild(this.preview);
+	}
+	get active() {
+		return this._active;
+	}
+	activate() {
+		this._active = !0, this.stage.on("pointerdown", this._onDown, this), this.stage.on("globalpointermove", this._onMove, this), this.stage.on("pointerup", this._onUp, this), this.stage.on("pointerupoutside", this._onUp, this);
+	}
+	deactivate() {
+		this._active = !1, this.drawing = !1, this.rawPoints = [], this.preview.destroyed || (this.preview.clear(), this.preview.visible = !1), this.stage.off("pointerdown", this._onDown, this), this.stage.off("globalpointermove", this._onMove, this), this.stage.off("pointerup", this._onUp, this), this.stage.off("pointerupoutside", this._onUp, this);
+	}
+	_onDown = (e) => {
+		if (e.button !== 0) return;
+		let t = this.callbacks.screenToWorld(e.global.x, e.global.y);
+		this.drawing = !0, this.rawPoints = [t], this.preview.visible = !0, this.preview.clear();
+	};
+	_onMove = (t) => {
+		if (!this.drawing) return;
+		let n = this.callbacks.screenToWorld(t.global.x, t.global.y);
+		if (this.rawPoints.push(n), this.preview.clear(), !(this.rawPoints.length < 2)) {
+			this.preview.moveTo(this.rawPoints[0].x, this.rawPoints[0].y);
+			for (let e = 1; e < this.rawPoints.length; e++) this.preview.lineTo(this.rawPoints[e].x, this.rawPoints[e].y);
+			this.preview.stroke({
+				color: e("theme:base-content", "#374151"),
+				width: 2,
+				alpha: .6
+			});
+		}
+	};
+	_onUp = () => {
+		if (!this.drawing) return;
+		if (this.drawing = !1, this.preview.clear(), this.preview.visible = !1, this.rawPoints.length < 3) {
+			this.rawPoints = [];
+			return;
+		}
+		let e = n(this.rawPoints, 2), i = r(e, 4), a = {
+			id: t("line"),
+			type: "freehand",
+			points: i,
+			strokeColor: "theme:base-content",
+			strokeWidth: 2,
+			lineStyle: "solid"
+		};
+		this.callbacks.onLineComplete(a), this.rawPoints = [];
+	};
+	destroy() {
+		this.deactivate(), this.preview.destroyed || this.preview.destroy();
+	}
 };
+//#endregion
+export { a as FreehandTool };
 
 //# sourceMappingURL=FreehandTool.js.map

package/dist/components/pro/Flow/lines/FreehandTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"FreehandTool.js","names":[],"sources":["../../../../../src/components/pro/Flow/lines/FreehandTool.ts"],"sourcesContent":["import { Graphics, Container, FederatedPointerEvent } from 'pixi.js';\nimport { simplifyPath, smoothCatmullRom, type Point } from './lineSmoothing';\nimport type { FlowLine } from '../types';\nimport { generateId } from '../nodes/nodeUtils';\nimport { resolveThemeColor } from '../utils/themeColor';\n\nexport interface FreehandToolCallbacks {\n  /** Called when a freehand line is finished */\n  onLineComplete: (line: FlowLine) => void;\n  /** Convert screen coords to world coords */\n  screenToWorld: (sx: number, sy: number) => { x: number; y: number };\n}\n\n/**\n * Captures pointer trail for freehand drawing, smooths and stores as FlowLine.\n */\nexport class FreehandTool {\n  private stage: Container;\n  private preview: Graphics;\n  private callbacks: FreehandToolCallbacks;\n  private rawPoints: Point[] = [];\n  private drawing = false;\n  private _active = false;\n\n  constructor(stage: Container, world: Container, callbacks: FreehandToolCallbacks) {\n    this.stage = stage;\n    this.callbacks = callbacks;\n    this.preview = new Graphics();\n    this.preview.label = 'freehand-preview';\n    this.preview.visible = false;\n    world.addChild(this.preview);\n  }\n\n  get active(): boolean { return this._active; }\n\n  activate(): void {\n    this._active = true;\n    this.stage.on('pointerdown', this._onDown, this);\n    this.stage.on('globalpointermove', this._onMove, this);\n    this.stage.on('pointerup', this._onUp, this);\n    this.stage.on('pointerupoutside', this._onUp, this);\n  }\n\n  deactivate(): void {\n    this._active = false;\n    this.drawing = false;\n    this.rawPoints = [];\n    if (!this.preview.destroyed) {\n      this.preview.clear();\n      this.preview.visible = false;\n    }\n    this.stage.off('pointerdown', this._onDown, this);\n    this.stage.off('globalpointermove', this._onMove, this);\n    this.stage.off('pointerup', this._onUp, this);\n    this.stage.off('pointerupoutside', this._onUp, this);\n  }\n\n  private _onDown = (e: FederatedPointerEvent): void => {\n    if (e.button !== 0) return;\n    const world = this.callbacks.screenToWorld(e.global.x, e.global.y);\n    this.drawing = true;\n    this.rawPoints = [world];\n    this.preview.visible = true;\n    this.preview.clear();\n  };\n\n  private _onMove = (e: FederatedPointerEvent): void => {\n    if (!this.drawing) return;\n    const world = this.callbacks.screenToWorld(e.global.x, e.global.y);\n    this.rawPoints.push(world);\n\n    // Draw preview\n    this.preview.clear();\n    if (this.rawPoints.length < 2) return;\n    this.preview.moveTo(this.rawPoints[0].x, this.rawPoints[0].y);\n    for (let i = 1; i < this.rawPoints.length; i++) {\n      this.preview.lineTo(this.rawPoints[i].x, this.rawPoints[i].y);\n    }\n    this.preview.stroke({ color: resolveThemeColor('theme:base-content', '#374151'), width: 2, alpha: 0.6 });\n  };\n\n  private _onUp = (): void => {\n    if (!this.drawing) return;\n    this.drawing = false;\n    this.preview.clear();\n    this.preview.visible = false;\n\n    if (this.rawPoints.length < 3) {\n      this.rawPoints = [];\n      return;\n    }\n\n    const simplified = simplifyPath(this.rawPoints, 2);\n    const smoothed = smoothCatmullRom(simplified, 4);\n\n    const line: FlowLine = {\n      id: generateId('line'),\n      type: 'freehand',\n      points: smoothed,\n      strokeColor: 'theme:base-content',\n      strokeWidth: 2,\n      lineStyle: 'solid',\n    };\n\n    this.callbacks.onLineComplete(line);\n    this.rawPoints = [];\n  };\n\n  destroy(): void {\n    this.deactivate();\n    if (!this.preview.destroyed) this.preview.destroy();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"FreehandTool.js","names":[],"sources":["../../../../../src/components/pro/Flow/lines/FreehandTool.ts"],"sourcesContent":["import { Graphics, Container, FederatedPointerEvent } from 'pixi.js';\nimport { simplifyPath, smoothCatmullRom, type Point } from './lineSmoothing';\nimport type { FlowLine } from '../types';\nimport { generateId } from '../nodes/nodeUtils';\nimport { resolveThemeColor } from '../utils/themeColor';\n\nexport interface FreehandToolCallbacks {\n  /** Called when a freehand line is finished */\n  onLineComplete: (line: FlowLine) => void;\n  /** Convert screen coords to world coords */\n  screenToWorld: (sx: number, sy: number) => { x: number; y: number };\n}\n\n/**\n * Captures pointer trail for freehand drawing, smooths and stores as FlowLine.\n */\nexport class FreehandTool {\n  private stage: Container;\n  private preview: Graphics;\n  private callbacks: FreehandToolCallbacks;\n  private rawPoints: Point[] = [];\n  private drawing = false;\n  private _active = false;\n\n  constructor(stage: Container, world: Container, callbacks: FreehandToolCallbacks) {\n    this.stage = stage;\n    this.callbacks = callbacks;\n    this.preview = new Graphics();\n    this.preview.label = 'freehand-preview';\n    this.preview.visible = false;\n    world.addChild(this.preview);\n  }\n\n  get active(): boolean { return this._active; }\n\n  activate(): void {\n    this._active = true;\n    this.stage.on('pointerdown', this._onDown, this);\n    this.stage.on('globalpointermove', this._onMove, this);\n    this.stage.on('pointerup', this._onUp, this);\n    this.stage.on('pointerupoutside', this._onUp, this);\n  }\n\n  deactivate(): void {\n    this._active = false;\n    this.drawing = false;\n    this.rawPoints = [];\n    if (!this.preview.destroyed) {\n      this.preview.clear();\n      this.preview.visible = false;\n    }\n    this.stage.off('pointerdown', this._onDown, this);\n    this.stage.off('globalpointermove', this._onMove, this);\n    this.stage.off('pointerup', this._onUp, this);\n    this.stage.off('pointerupoutside', this._onUp, this);\n  }\n\n  private _onDown = (e: FederatedPointerEvent): void => {\n    if (e.button !== 0) return;\n    const world = this.callbacks.screenToWorld(e.global.x, e.global.y);\n    this.drawing = true;\n    this.rawPoints = [world];\n    this.preview.visible = true;\n    this.preview.clear();\n  };\n\n  private _onMove = (e: FederatedPointerEvent): void => {\n    if (!this.drawing) return;\n    const world = this.callbacks.screenToWorld(e.global.x, e.global.y);\n    this.rawPoints.push(world);\n\n    // Draw preview\n    this.preview.clear();\n    if (this.rawPoints.length < 2) return;\n    this.preview.moveTo(this.rawPoints[0].x, this.rawPoints[0].y);\n    for (let i = 1; i < this.rawPoints.length; i++) {\n      this.preview.lineTo(this.rawPoints[i].x, this.rawPoints[i].y);\n    }\n    this.preview.stroke({ color: resolveThemeColor('theme:base-content', '#374151'), width: 2, alpha: 0.6 });\n  };\n\n  private _onUp = (): void => {\n    if (!this.drawing) return;\n    this.drawing = false;\n    this.preview.clear();\n    this.preview.visible = false;\n\n    if (this.rawPoints.length < 3) {\n      this.rawPoints = [];\n      return;\n    }\n\n    const simplified = simplifyPath(this.rawPoints, 2);\n    const smoothed = smoothCatmullRom(simplified, 4);\n\n    const line: FlowLine = {\n      id: generateId('line'),\n      type: 'freehand',\n      points: smoothed,\n      strokeColor: 'theme:base-content',\n      strokeWidth: 2,\n      lineStyle: 'solid',\n    };\n\n    this.callbacks.onLineComplete(line);\n    this.rawPoints = [];\n  };\n\n  destroy(): void {\n    this.deactivate();\n    if (!this.preview.destroyed) this.preview.destroy();\n  }\n}\n"],"mappings":";;;;;AAgBA,IAAa,IAAb,MAA0B;CACxB;CACA;CACA;CACA,YAA6B,CAAC;CAC9B,UAAkB;CAClB,UAAkB;CAElB,YAAY,GAAkB,GAAkB,GAAkC;EAMhF,AALA,KAAK,QAAQ,GACb,KAAK,YAAY,GACjB,KAAK,UAAU,IAAI,EAAS,GAC5B,KAAK,QAAQ,QAAQ,oBACrB,KAAK,QAAQ,UAAU,IACvB,EAAM,SAAS,KAAK,OAAO;CAC7B;CAEA,IAAI,SAAkB;EAAE,OAAO,KAAK;CAAS;CAE7C,WAAiB;EAKf,AAJA,KAAK,UAAU,IACf,KAAK,MAAM,GAAG,eAAe,KAAK,SAAS,IAAI,GAC/C,KAAK,MAAM,GAAG,qBAAqB,KAAK,SAAS,IAAI,GACrD,KAAK,MAAM,GAAG,aAAa,KAAK,OAAO,IAAI,GAC3C,KAAK,MAAM,GAAG,oBAAoB,KAAK,OAAO,IAAI;CACpD;CAEA,aAAmB;EAWjB,AAVA,KAAK,UAAU,IACf,KAAK,UAAU,IACf,KAAK,YAAY,CAAC,GACb,KAAK,QAAQ,cAChB,KAAK,QAAQ,MAAM,GACnB,KAAK,QAAQ,UAAU,KAEzB,KAAK,MAAM,IAAI,eAAe,KAAK,SAAS,IAAI,GAChD,KAAK,MAAM,IAAI,qBAAqB,KAAK,SAAS,IAAI,GACtD,KAAK,MAAM,IAAI,aAAa,KAAK,OAAO,IAAI,GAC5C,KAAK,MAAM,IAAI,oBAAoB,KAAK,OAAO,IAAI;CACrD;CAEA,WAAmB,MAAmC;EACpD,IAAI,EAAE,WAAW,GAAG;EACpB,IAAM,IAAQ,KAAK,UAAU,cAAc,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC;EAIjE,AAHA,KAAK,UAAU,IACf,KAAK,YAAY,CAAC,CAAK,GACvB,KAAK,QAAQ,UAAU,IACvB,KAAK,QAAQ,MAAM;CACrB;CAEA,WAAmB,MAAmC;EACpD,IAAI,CAAC,KAAK,SAAS;EACnB,IAAM,IAAQ,KAAK,UAAU,cAAc,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC;EACjE,SAAK,UAAU,KAAK,CAAK,GAGzB,KAAK,QAAQ,MAAM,GACf,OAAK,UAAU,SAAS,IAC5B;QAAK,QAAQ,OAAO,KAAK,UAAU,EAAE,CAAC,GAAG,KAAK,UAAU,EAAE,CAAC,CAAC;GAC5D,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,UAAU,QAAQ,KACzC,KAAK,QAAQ,OAAO,KAAK,UAAU,EAAE,CAAC,GAAG,KAAK,UAAU,EAAE,CAAC,CAAC;GAE9D,KAAK,QAAQ,OAAO;IAAE,OAAO,EAAkB,sBAAsB,SAAS;IAAG,OAAO;IAAG,OAAO;GAAI,CAAC;EAJ3C;CAK9D;CAEA,cAA4B;EAC1B,IAAI,CAAC,KAAK,SAAS;EAKnB,IAJA,KAAK,UAAU,IACf,KAAK,QAAQ,MAAM,GACnB,KAAK,QAAQ,UAAU,IAEnB,KAAK,UAAU,SAAS,GAAG;GAC7B,KAAK,YAAY,CAAC;GAClB;EACF;EAEA,IAAM,IAAa,EAAa,KAAK,WAAW,CAAC,GAC3C,IAAW,EAAiB,GAAY,CAAC,GAEzC,IAAiB;GACrB,IAAI,EAAW,MAAM;GACrB,MAAM;GACN,QAAQ;GACR,aAAa;GACb,aAAa;GACb,WAAW;EACb;EAGA,AADA,KAAK,UAAU,eAAe,CAAI,GAClC,KAAK,YAAY,CAAC;CACpB;CAEA,UAAgB;EAEd,AADA,KAAK,WAAW,GACX,KAAK,QAAQ,aAAW,KAAK,QAAQ,QAAQ;CACpD;AACF"}