dishui 0.0.65 → 0.0.66

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

@@ -1,105 +1,105 @@
-import { DEFAULT_NODE_DATA as m } from "../constants.js";
-import { useFlowContext as g } from "../context/FlowContext.js";
-import { generateId as x } from "../nodes/nodeUtils.js";
-import { useCallback as d } from "react";
-function w() {
-  const { setDoc: i, currentCanvasId: a } = g();
-  return {
-    addNode: d((e, n, o, s, t, r) => {
-      const h = x("node"), u = {
-        id: h,
-        type: e,
-        position: {
-          x: n,
-          y: o
-        },
-        width: s,
-        height: t,
-        data: {
-          ...m,
-          ...r
-        }
-      };
-      return i((c) => {
-        const f = c.canvases[a];
-        return f ? {
-          ...c,
-          canvases: {
-            ...c.canvases,
-            [a]: {
-              ...f,
-              nodes: [...f.nodes, u]
-            }
-          }
-        } : c;
-      }), h;
-    }, [i, a]),
-    updateNode: d((e, n) => {
-      i((o) => {
-        const s = o.canvases[a];
-        return s ? {
-          ...o,
-          canvases: {
-            ...o.canvases,
-            [a]: {
-              ...s,
-              nodes: s.nodes.map((t) => t.id !== e ? t : {
-                ...t,
-                ..."position" in n ? { position: n.position } : {},
-                ..."width" in n ? { width: n.width } : {},
-                ..."height" in n ? { height: n.height } : {},
-                ..."zIndex" in n ? { zIndex: n.zIndex } : {},
-                data: n.data ? {
-                  ...t.data,
-                  ...n.data
-                } : t.data
-              })
-            }
-          }
-        } : o;
-      });
-    }, [i, a]),
-    moveNodes: d((e, n, o) => {
-      i((s) => {
-        const t = s.canvases[a];
-        return t ? {
-          ...s,
-          canvases: {
-            ...s.canvases,
-            [a]: {
-              ...t,
-              nodes: t.nodes.map((r) => e.has(r.id) ? {
-                ...r,
-                position: {
-                  x: r.position.x + n,
-                  y: r.position.y + o
-                }
-              } : r)
-            }
-          }
-        } : s;
-      });
-    }, [i, a]),
-    deleteNodes: d((e) => {
-      i((n) => {
-        const o = n.canvases[a];
-        return o ? {
-          ...n,
-          canvases: {
-            ...n.canvases,
-            [a]: {
-              ...o,
-              nodes: o.nodes.filter((s) => !e.has(s.id)),
-              edges: o.edges.filter((s) => !e.has(s.source) && !e.has(s.target))
-            }
-          }
-        } : n;
-      });
-    }, [i, a])
-  };
+import { DEFAULT_NODE_DATA as e } from "../constants.js";
+import { useFlowContext as t } from "../context/FlowContext.js";
+import { generateId as n } from "../nodes/nodeUtils.js";
+import { useCallback as r } from "react";
+//#region src/components/pro/Flow/hooks/useNodeMutations.ts
+function i() {
+	let { setDoc: i, currentCanvasId: a } = t();
+	return {
+		addNode: r((t, r, o, s, c, l) => {
+			let u = n("node"), d = {
+				id: u,
+				type: t,
+				position: {
+					x: r,
+					y: o
+				},
+				width: s,
+				height: c,
+				data: {
+					...e,
+					...l
+				}
+			};
+			return i((e) => {
+				let t = e.canvases[a];
+				return t ? {
+					...e,
+					canvases: {
+						...e.canvases,
+						[a]: {
+							...t,
+							nodes: [...t.nodes, d]
+						}
+					}
+				} : e;
+			}), u;
+		}, [i, a]),
+		updateNode: r((e, t) => {
+			i((n) => {
+				let r = n.canvases[a];
+				return r ? {
+					...n,
+					canvases: {
+						...n.canvases,
+						[a]: {
+							...r,
+							nodes: r.nodes.map((n) => n.id === e ? {
+								...n,
+								..."position" in t ? { position: t.position } : {},
+								..."width" in t ? { width: t.width } : {},
+								..."height" in t ? { height: t.height } : {},
+								..."zIndex" in t ? { zIndex: t.zIndex } : {},
+								data: t.data ? {
+									...n.data,
+									...t.data
+								} : n.data
+							} : n)
+						}
+					}
+				} : n;
+			});
+		}, [i, a]),
+		moveNodes: r((e, t, n) => {
+			i((r) => {
+				let i = r.canvases[a];
+				return i ? {
+					...r,
+					canvases: {
+						...r.canvases,
+						[a]: {
+							...i,
+							nodes: i.nodes.map((r) => e.has(r.id) ? {
+								...r,
+								position: {
+									x: r.position.x + t,
+									y: r.position.y + n
+								}
+							} : r)
+						}
+					}
+				} : r;
+			});
+		}, [i, a]),
+		deleteNodes: r((e) => {
+			i((t) => {
+				let n = t.canvases[a];
+				return n ? {
+					...t,
+					canvases: {
+						...t.canvases,
+						[a]: {
+							...n,
+							nodes: n.nodes.filter((t) => !e.has(t.id)),
+							edges: n.edges.filter((t) => !e.has(t.source) && !e.has(t.target))
+						}
+					}
+				} : t;
+			});
+		}, [i, a])
+	};
 }
-export {
-  w as useNodeMutations
-};
+//#endregion
+export { i as useNodeMutations };
 
 //# sourceMappingURL=useNodeMutations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useNodeMutations.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useNodeMutations.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowNode, FlowNodeData, FlowShapeType } from '../types';\nimport { DEFAULT_NODE_DATA } from '../constants';\nimport { generateId } from '../nodes/nodeUtils';\n\n/**\n * Provides CRUD operations for nodes on the current canvas.\n */\nexport function useNodeMutations() {\n  const { setDoc, currentCanvasId } = useFlowContext();\n\n  const addNode = useCallback(\n    (type: FlowShapeType, x: number, y: number, width: number, height: number, data?: Partial<FlowNodeData>): string => {\n      const id = generateId('node');\n      const node: FlowNode = {\n        id,\n        type,\n        position: { x, y },\n        width,\n        height,\n        data: { ...DEFAULT_NODE_DATA, ...data },\n      };\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: [...canvas.nodes, node],\n            },\n          },\n        };\n      });\n      return id;\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateNode = useCallback(\n    (id: string, updates: Partial<Pick<FlowNode, 'position' | 'width' | 'height' | 'zIndex'>> & { data?: Partial<FlowNodeData> }) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => {\n                if (n.id !== id) return n;\n                return {\n                  ...n,\n                  ...('position' in updates ? { position: updates.position! } : {}),\n                  ...('width' in updates ? { width: updates.width! } : {}),\n                  ...('height' in updates ? { height: updates.height! } : {}),\n                  ...('zIndex' in updates ? { zIndex: updates.zIndex } : {}),\n                  data: updates.data ? { ...n.data, ...updates.data } : n.data,\n                };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const moveNodes = useCallback(\n    (ids: Set<string>, dx: number, dy: number) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => {\n                if (!ids.has(n.id)) return n;\n                return { ...n, position: { x: n.position.x + dx, y: n.position.y + dy } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const deleteNodes = useCallback(\n    (ids: Set<string>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.filter(n => !ids.has(n.id)),\n              edges: canvas.edges.filter(e => !ids.has(e.source) && !ids.has(e.target)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  return { addNode, updateNode, moveNodes, deleteNodes };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useNodeMutations.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useNodeMutations.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowNode, FlowNodeData, FlowShapeType } from '../types';\nimport { DEFAULT_NODE_DATA } from '../constants';\nimport { generateId } from '../nodes/nodeUtils';\n\n/**\n * Provides CRUD operations for nodes on the current canvas.\n */\nexport function useNodeMutations() {\n  const { setDoc, currentCanvasId } = useFlowContext();\n\n  const addNode = useCallback(\n    (type: FlowShapeType, x: number, y: number, width: number, height: number, data?: Partial<FlowNodeData>): string => {\n      const id = generateId('node');\n      const node: FlowNode = {\n        id,\n        type,\n        position: { x, y },\n        width,\n        height,\n        data: { ...DEFAULT_NODE_DATA, ...data },\n      };\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: [...canvas.nodes, node],\n            },\n          },\n        };\n      });\n      return id;\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateNode = useCallback(\n    (id: string, updates: Partial<Pick<FlowNode, 'position' | 'width' | 'height' | 'zIndex'>> & { data?: Partial<FlowNodeData> }) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => {\n                if (n.id !== id) return n;\n                return {\n                  ...n,\n                  ...('position' in updates ? { position: updates.position! } : {}),\n                  ...('width' in updates ? { width: updates.width! } : {}),\n                  ...('height' in updates ? { height: updates.height! } : {}),\n                  ...('zIndex' in updates ? { zIndex: updates.zIndex } : {}),\n                  data: updates.data ? { ...n.data, ...updates.data } : n.data,\n                };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const moveNodes = useCallback(\n    (ids: Set<string>, dx: number, dy: number) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => {\n                if (!ids.has(n.id)) return n;\n                return { ...n, position: { x: n.position.x + dx, y: n.position.y + dy } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const deleteNodes = useCallback(\n    (ids: Set<string>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.filter(n => !ids.has(n.id)),\n              edges: canvas.edges.filter(e => !ids.has(e.source) && !ids.has(e.target)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  return { addNode, updateNode, moveNodes, deleteNodes };\n}\n"],"mappings":";;;;;AASA,SAAgB,IAAmB;CACjC,IAAM,EAAE,WAAQ,uBAAoB,EAAe;CA0GnD,OAAO;EAAE,SAxGO,GACb,GAAqB,GAAW,GAAW,GAAe,GAAgB,MAAyC;GAClH,IAAM,IAAK,EAAW,MAAM,GACtB,IAAiB;IACrB;IACA;IACA,UAAU;KAAE;KAAG;IAAE;IACjB;IACA;IACA,MAAM;KAAE,GAAG;KAAmB,GAAG;IAAK;GACxC;GAeA,OAdA,GAAO,MAAQ;IACb,IAAM,IAAS,EAAK,SAAS;IAE7B,OADK,IACE;KACL,GAAG;KACH,UAAU;MACR,GAAG,EAAK;OACP,IAAkB;OACjB,GAAG;OACH,OAAO,CAAC,GAAG,EAAO,OAAO,CAAI;MAC/B;KACF;IACF,IAVoB;GAWtB,CAAC,GACM;EACT,GACA,CAAC,GAAQ,CAAe,CA6EjB;EAAS,YA1EC,GAChB,GAAY,MAAoH;GAC/H,GAAO,MAAQ;IACb,IAAM,IAAS,EAAK,SAAS;IAE7B,OADK,IACE;KACL,GAAG;KACH,UAAU;MACR,GAAG,EAAK;OACP,IAAkB;OACjB,GAAG;OACH,OAAO,EAAO,MAAM,KAAI,MAClB,EAAE,OAAO,IACN;QACL,GAAG;QACH,GAAI,cAAc,IAAU,EAAE,UAAU,EAAQ,SAAU,IAAI,CAAC;QAC/D,GAAI,WAAW,IAAU,EAAE,OAAO,EAAQ,MAAO,IAAI,CAAC;QACtD,GAAI,YAAY,IAAU,EAAE,QAAQ,EAAQ,OAAQ,IAAI,CAAC;QACzD,GAAI,YAAY,IAAU,EAAE,QAAQ,EAAQ,OAAO,IAAI,CAAC;QACxD,MAAM,EAAQ,OAAO;SAAE,GAAG,EAAE;SAAM,GAAG,EAAQ;QAAK,IAAI,EAAE;OAC1D,IARwB,CASzB;MACH;KACF;IACF,IApBoB;GAqBtB,CAAC;EACH,GACA,CAAC,GAAQ,CAAe,CA+CR;EAAY,WA5CZ,GACf,GAAkB,GAAY,MAAe;GAC5C,GAAO,MAAQ;IACb,IAAM,IAAS,EAAK,SAAS;IAE7B,OADK,IACE;KACL,GAAG;KACH,UAAU;MACR,GAAG,EAAK;OACP,IAAkB;OACjB,GAAG;OACH,OAAO,EAAO,MAAM,KAAI,MACjB,EAAI,IAAI,EAAE,EAAE,IACV;QAAE,GAAG;QAAG,UAAU;SAAE,GAAG,EAAE,SAAS,IAAI;SAAI,GAAG,EAAE,SAAS,IAAI;QAAG;OAAE,IAD7C,CAE5B;MACH;KACF;IACF,IAboB;GActB,CAAC;EACH,GACA,CAAC,GAAQ,CAAe,CAwBI;EAAW,aArBrB,GACjB,MAAqB;GACpB,GAAO,MAAQ;IACb,IAAM,IAAS,EAAK,SAAS;IAE7B,OADK,IACE;KACL,GAAG;KACH,UAAU;MACR,GAAG,EAAK;OACP,IAAkB;OACjB,GAAG;OACH,OAAO,EAAO,MAAM,QAAO,MAAK,CAAC,EAAI,IAAI,EAAE,EAAE,CAAC;OAC9C,OAAO,EAAO,MAAM,QAAO,MAAK,CAAC,EAAI,IAAI,EAAE,MAAM,KAAK,CAAC,EAAI,IAAI,EAAE,MAAM,CAAC;MAC1E;KACF;IACF,IAXoB;GAYtB,CAAC;EACH,GACA,CAAC,GAAQ,CAAe,CAGe;CAAY;AACvD"}

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

@@ -1,60 +1,59 @@
-import { useFlowContext as b } from "../context/FlowContext.js";
-import { useFlowUI as k } from "../context/FlowUIContext.js";
-import { anchorFocusRect as F, canvasStackTo as R, getDocumentSlides as A } from "../nodes/animAnchors.js";
-import { downloadDataURL as L, safeFileBaseName as x } from "./useFlowImportExport.js";
-import { buildPdfFromJpegs as C, pngDataUrlToJpeg as P } from "../utils/pdfExport.js";
-import { useCallback as S } from "react";
-function m(s) {
-  return new Promise((t) => {
-    let e = s;
-    const o = () => {
-      --e <= 0 ? t() : requestAnimationFrame(o);
-    };
-    requestAnimationFrame(o);
-  });
+import { useFlowContext as e } from "../context/FlowContext.js";
+import { useFlowUI as t } from "../context/FlowUIContext.js";
+import { anchorFocusRect as n, canvasStackTo as r, getDocumentSlides as i } from "../nodes/animAnchors.js";
+import { downloadDataURL as a, safeFileBaseName as o } from "./useFlowImportExport.js";
+import { buildPdfFromJpegs as s, pngDataUrlToJpeg as c } from "../utils/pdfExport.js";
+import { useCallback as l } from "react";
+//#region src/components/pro/Flow/hooks/usePdfExport.ts
+function u(e) {
+	return new Promise((t) => {
+		let n = e, r = () => {
+			--n <= 0 ? t() : requestAnimationFrame(r);
+		};
+		requestAnimationFrame(r);
+	});
 }
-function q(s) {
-  const { doc: t, setDoc: e } = b(), { showAnchors: o, setShowAnchors: n } = k();
-  return S(async () => {
-    const i = A(t);
-    if (i.length === 0) return !1;
-    const a = s.current;
-    if (!a || a.destroyed) return !1;
-    const d = t.stack.slice(), p = o;
-    n(!1), await m(2);
-    const g = 2, c = [];
-    try {
-      for (const r of i) {
-        const f = R(t, r.canvasId);
-        f && (e((U) => ({
-          ...U,
-          stack: f
-        })), await m(3));
-        const w = F(r.node), u = await a.exportRegionPNG(w, {
-          scale: g,
-          backgroundColor: 16777215
-        });
-        u && c.push(await P(u.dataUrl));
-      }
-    } finally {
-      n(p), e((r) => ({
-        ...r,
-        stack: d
-      }));
-    }
-    if (c.length === 0) return !1;
-    const h = C(c), l = URL.createObjectURL(h);
-    return L(l, `${x(t.title)}.pdf`), URL.revokeObjectURL(l), !0;
-  }, [
-    t,
-    e,
-    o,
-    n,
-    s
-  ]);
+function d(d) {
+	let { doc: f, setDoc: p } = e(), { showAnchors: m, setShowAnchors: h } = t();
+	return l(async () => {
+		let e = i(f);
+		if (e.length === 0) return !1;
+		let t = d.current;
+		if (!t || t.destroyed) return !1;
+		let l = f.stack.slice(), g = m;
+		h(!1), await u(2);
+		let _ = [];
+		try {
+			for (let i of e) {
+				let e = r(f, i.canvasId);
+				e && (p((t) => ({
+					...t,
+					stack: e
+				})), await u(3));
+				let a = n(i.node), o = await t.exportRegionPNG(a, {
+					scale: 2,
+					backgroundColor: 16777215
+				});
+				o && _.push(await c(o.dataUrl));
+			}
+		} finally {
+			h(g), p((e) => ({
+				...e,
+				stack: l
+			}));
+		}
+		if (_.length === 0) return !1;
+		let v = s(_), y = URL.createObjectURL(v);
+		return a(y, `${o(f.title)}.pdf`), URL.revokeObjectURL(y), !0;
+	}, [
+		f,
+		p,
+		m,
+		h,
+		d
+	]);
 }
-export {
-  q as usePdfExport
-};
+//#endregion
+export { d as usePdfExport };
 
 //# sourceMappingURL=usePdfExport.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePdfExport.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/usePdfExport.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { getDocumentSlides, anchorFocusRect, canvasStackTo } from '../nodes/animAnchors';\nimport { buildPdfFromJpegs, pngDataUrlToJpeg } from '../utils/pdfExport';\nimport { downloadDataURL, safeFileBaseName } from './useFlowImportExport';\nimport type { PixiApp } from '../canvas/PixiApp';\n\n/** Await the next N animation frames (lets Pixi settle after a state change). */\nfunction nextFrames(n: number): Promise<void> {\n  return new Promise((resolve) => {\n    let left = n;\n    const step = () => {\n      if (--left <= 0) resolve();\n      else requestAnimationFrame(step);\n    };\n    requestAnimationFrame(step);\n  });\n}\n\n/**\n * Exports the document's animation anchors as a single PDF. Each page is cropped\n * exactly to an anchor's world rectangle (not the whole viewport), so the PDF\n * contains only the framed slide content. Pages follow the global anchor order,\n * navigating across sub-canvases as needed.\n *\n * Returns a callback; it no-ops (returns false) when there are no anchors.\n */\nexport function usePdfExport(pixiRef: React.RefObject<PixiApp | null>) {\n  const { doc, setDoc } = useFlowContext();\n  const { showAnchors, setShowAnchors } = useFlowUI();\n\n  return useCallback(async (): Promise<boolean> => {\n    const slides = getDocumentSlides(doc);\n    if (slides.length === 0) return false;\n\n    const pixi = pixiRef.current;\n    if (!pixi || pixi.destroyed) return false;\n\n    // Snapshot state we temporarily change, so we can restore it afterward.\n    const originalStack = doc.stack.slice();\n    const anchorsWereVisible = showAnchors;\n\n    // Hide anchor frames so they don't appear in the exported pages. The region\n    // capture drives the world transform directly and restores it each time, so\n    // the interactive viewport is untouched.\n    setShowAnchors(false);\n    await nextFrames(2);\n\n    // Render slides at a crisp scale so text/shapes stay sharp in the PDF.\n    const CAPTURE_SCALE = 2;\n    const pages: Awaited<ReturnType<typeof pngDataUrlToJpeg>>[] = [];\n    try {\n      for (const slide of slides) {\n        // Switch to the slide's canvas if it lives on a nested sub-canvas.\n        const stack = canvasStackTo(doc, slide.canvasId);\n        if (stack) {\n          setDoc((prev) => ({ ...prev, stack }));\n          // Canvas swap needs a couple frames to re-render the new node set.\n          await nextFrames(3);\n        }\n\n        const r = anchorFocusRect(slide.node);\n        const shot = await pixi.exportRegionPNG(r, {\n          scale: CAPTURE_SCALE,\n          backgroundColor: 0xffffff,\n        });\n        if (shot) pages.push(await pngDataUrlToJpeg(shot.dataUrl));\n      }\n    } finally {\n      // Restore prior editor state regardless of success/failure.\n      setShowAnchors(anchorsWereVisible);\n      setDoc((prev) => ({ ...prev, stack: originalStack }));\n    }\n\n    if (pages.length === 0) return false;\n    const blob = buildPdfFromJpegs(pages);\n    const url = URL.createObjectURL(blob);\n    downloadDataURL(url, `${safeFileBaseName(doc.title)}.pdf`);\n    URL.revokeObjectURL(url);\n    return true;\n  }, [doc, setDoc, showAnchors, setShowAnchors, pixiRef]);\n}\n"],"mappings":";;;;;;AASA,SAAS,EAAW,GAA0B;AAC5C,SAAO,IAAI,QAAA,CAAS,MAAY;AAC9B,QAAI,IAAO;AACX,UAAM,IAAA,MAAa;AACjB,MAAI,EAAE,KAAQ,IAAG,EAAQ,IACpB,sBAAsB,CAAI;AAAA,IACjC;AACA,0BAAsB,CAAI;AAAA,EAC5B,CAAC;AACH;AAUA,SAAgB,EAAa,GAA0C;AACrE,QAAM,EAAE,KAAA,GAAK,QAAA,EAAA,IAAW,EAAe,GACjC,EAAE,aAAA,GAAa,gBAAA,EAAA,IAAmB,EAAU;AAElD,SAAO,EAAY,YAA8B;AAC/C,UAAM,IAAS,EAAkB,CAAG;AACpC,QAAI,EAAO,WAAW,EAAG,QAAO;AAEhC,UAAM,IAAO,EAAQ;AACrB,QAAI,CAAC,KAAQ,EAAK,UAAW,QAAO;AAGpC,UAAM,IAAgB,EAAI,MAAM,MAAM,GAChC,IAAqB;AAK3B,IAAA,EAAe,EAAK,GACpB,MAAM,EAAW,CAAC;AAGlB,UAAM,IAAgB,GAChB,IAAwD,CAAC;AAC/D,QAAI;AACF,iBAAW,KAAS,GAAQ;AAE1B,cAAM,IAAQ,EAAc,GAAK,EAAM,QAAQ;AAC/C,QAAI,MACF,EAAA,CAAQ,OAAU;AAAA,UAAE,GAAG;AAAA,UAAM,OAAA;AAAA,QAAM,EAAE,GAErC,MAAM,EAAW,CAAC;AAGpB,cAAM,IAAI,EAAgB,EAAM,IAAI,GAC9B,IAAO,MAAM,EAAK,gBAAgB,GAAG;AAAA,UACzC,OAAO;AAAA,UACP,iBAAiB;AAAA,QACnB,CAAC;AACD,QAAI,KAAM,EAAM,KAAK,MAAM,EAAiB,EAAK,OAAO,CAAC;AAAA,MAC3D;AAAA,IACF,UAAA;AAEE,MAAA,EAAe,CAAkB,GACjC,EAAA,CAAQ,OAAU;AAAA,QAAE,GAAG;AAAA,QAAM,OAAO;AAAA,MAAc,EAAE;AAAA,IACtD;AAEA,QAAI,EAAM,WAAW,EAAG,QAAO;AAC/B,UAAM,IAAO,EAAkB,CAAK,GAC9B,IAAM,IAAI,gBAAgB,CAAI;AACpC,WAAA,EAAgB,GAAK,GAAG,EAAiB,EAAI,KAAK,CAAA,MAAO,GACzD,IAAI,gBAAgB,CAAG,GAChB;AAAA,EACT,GAAG;AAAA,IAAC;AAAA,IAAK;AAAA,IAAQ;AAAA,IAAa;AAAA,IAAgB;AAAA,EAAO,CAAC;AACxD"}
+{"version":3,"file":"usePdfExport.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/usePdfExport.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { getDocumentSlides, anchorFocusRect, canvasStackTo } from '../nodes/animAnchors';\nimport { buildPdfFromJpegs, pngDataUrlToJpeg } from '../utils/pdfExport';\nimport { downloadDataURL, safeFileBaseName } from './useFlowImportExport';\nimport type { PixiApp } from '../canvas/PixiApp';\n\n/** Await the next N animation frames (lets Pixi settle after a state change). */\nfunction nextFrames(n: number): Promise<void> {\n  return new Promise((resolve) => {\n    let left = n;\n    const step = () => {\n      if (--left <= 0) resolve();\n      else requestAnimationFrame(step);\n    };\n    requestAnimationFrame(step);\n  });\n}\n\n/**\n * Exports the document's animation anchors as a single PDF. Each page is cropped\n * exactly to an anchor's world rectangle (not the whole viewport), so the PDF\n * contains only the framed slide content. Pages follow the global anchor order,\n * navigating across sub-canvases as needed.\n *\n * Returns a callback; it no-ops (returns false) when there are no anchors.\n */\nexport function usePdfExport(pixiRef: React.RefObject<PixiApp | null>) {\n  const { doc, setDoc } = useFlowContext();\n  const { showAnchors, setShowAnchors } = useFlowUI();\n\n  return useCallback(async (): Promise<boolean> => {\n    const slides = getDocumentSlides(doc);\n    if (slides.length === 0) return false;\n\n    const pixi = pixiRef.current;\n    if (!pixi || pixi.destroyed) return false;\n\n    // Snapshot state we temporarily change, so we can restore it afterward.\n    const originalStack = doc.stack.slice();\n    const anchorsWereVisible = showAnchors;\n\n    // Hide anchor frames so they don't appear in the exported pages. The region\n    // capture drives the world transform directly and restores it each time, so\n    // the interactive viewport is untouched.\n    setShowAnchors(false);\n    await nextFrames(2);\n\n    // Render slides at a crisp scale so text/shapes stay sharp in the PDF.\n    const CAPTURE_SCALE = 2;\n    const pages: Awaited<ReturnType<typeof pngDataUrlToJpeg>>[] = [];\n    try {\n      for (const slide of slides) {\n        // Switch to the slide's canvas if it lives on a nested sub-canvas.\n        const stack = canvasStackTo(doc, slide.canvasId);\n        if (stack) {\n          setDoc((prev) => ({ ...prev, stack }));\n          // Canvas swap needs a couple frames to re-render the new node set.\n          await nextFrames(3);\n        }\n\n        const r = anchorFocusRect(slide.node);\n        const shot = await pixi.exportRegionPNG(r, {\n          scale: CAPTURE_SCALE,\n          backgroundColor: 0xffffff,\n        });\n        if (shot) pages.push(await pngDataUrlToJpeg(shot.dataUrl));\n      }\n    } finally {\n      // Restore prior editor state regardless of success/failure.\n      setShowAnchors(anchorsWereVisible);\n      setDoc((prev) => ({ ...prev, stack: originalStack }));\n    }\n\n    if (pages.length === 0) return false;\n    const blob = buildPdfFromJpegs(pages);\n    const url = URL.createObjectURL(blob);\n    downloadDataURL(url, `${safeFileBaseName(doc.title)}.pdf`);\n    URL.revokeObjectURL(url);\n    return true;\n  }, [doc, setDoc, showAnchors, setShowAnchors, pixiRef]);\n}\n"],"mappings":";;;;;;;AASA,SAAS,EAAW,GAA0B;CAC5C,OAAO,IAAI,SAAS,MAAY;EAC9B,IAAI,IAAO,GACL,UAAa;GACjB,AAAI,EAAE,KAAQ,IAAG,EAAQ,IACpB,sBAAsB,CAAI;EACjC;EACA,sBAAsB,CAAI;CAC5B,CAAC;AACH;AAUA,SAAgB,EAAa,GAA0C;CACrE,IAAM,EAAE,QAAK,cAAW,EAAe,GACjC,EAAE,gBAAa,sBAAmB,EAAU;CAElD,OAAO,EAAY,YAA8B;EAC/C,IAAM,IAAS,EAAkB,CAAG;EACpC,IAAI,EAAO,WAAW,GAAG,OAAO;EAEhC,IAAM,IAAO,EAAQ;EACrB,IAAI,CAAC,KAAQ,EAAK,WAAW,OAAO;EAGpC,IAAM,IAAgB,EAAI,MAAM,MAAM,GAChC,IAAqB;EAM3B,AADA,EAAe,EAAK,GACpB,MAAM,EAAW,CAAC;EAGlB,IACM,IAAwD,CAAC;EAC/D,IAAI;GACF,KAAK,IAAM,KAAS,GAAQ;IAE1B,IAAM,IAAQ,EAAc,GAAK,EAAM,QAAQ;IAC/C,AAAI,MACF,GAAQ,OAAU;KAAE,GAAG;KAAM;IAAM,EAAE,GAErC,MAAM,EAAW,CAAC;IAGpB,IAAM,IAAI,EAAgB,EAAM,IAAI,GAC9B,IAAO,MAAM,EAAK,gBAAgB,GAAG;KACzC,OAAO;KACP,iBAAiB;IACnB,CAAC;IACD,AAAI,KAAM,EAAM,KAAK,MAAM,EAAiB,EAAK,OAAO,CAAC;GAC3D;EACF,UAAU;GAGR,AADA,EAAe,CAAkB,GACjC,GAAQ,OAAU;IAAE,GAAG;IAAM,OAAO;GAAc,EAAE;EACtD;EAEA,IAAI,EAAM,WAAW,GAAG,OAAO;EAC/B,IAAM,IAAO,EAAkB,CAAK,GAC9B,IAAM,IAAI,gBAAgB,CAAI;EAGpC,OAFA,EAAgB,GAAK,GAAG,EAAiB,EAAI,KAAK,EAAE,KAAK,GACzD,IAAI,gBAAgB,CAAG,GAChB;CACT,GAAG;EAAC;EAAK;EAAQ;EAAa;EAAgB;CAAO,CAAC;AACxD"}

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

@@ -1,60 +1,58 @@
-import { PixiApp as k } from "../canvas/PixiApp.js";
-import { refreshThemePalette as g, resolveFlowThemeColors as w } from "../utils/themeColor.js";
-import { useEffect as x, useRef as o } from "react";
-function O(l, a) {
-  const s = o(null), d = o(null), c = o(!1), i = o(a);
-  return i.current = a, x(() => {
-    const t = l.current;
-    if (!t) return;
-    let h = !1;
-    const e = document.createElement("canvas");
-    e.style.display = "block", e.style.width = "100%", e.style.height = "100%", e.style.touchAction = "none", t.appendChild(e), d.current = e;
-    const r = new k();
-    s.current = r;
-    const f = t.getBoundingClientRect();
-    g(t);
-    const m = w(t);
-    r.init({
-      canvas: e,
-      width: f.width,
-      height: f.height,
-      backgroundColor: m.background
-    }).then(() => {
-      h || (c.current = !0, i.current?.(m));
-    });
-    const p = new ResizeObserver((n) => {
-      if (!r.destroyed)
-        for (const R of n) {
-          const { width: v, height: y } = R.contentRect;
-          v > 0 && y > 0 && r.resize(v, y);
-        }
-    });
-    p.observe(t);
-    const C = () => {
-      if (r.destroyed) return;
-      g(t);
-      const n = w(t);
-      r.setBackgroundColor(n.background), i.current?.(n);
-    }, u = new MutationObserver(C);
-    u.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["data-theme", "class"]
-    });
-    const b = t.closest("[data-theme]");
-    return b && u.observe(b, {
-      attributes: !0,
-      attributeFilter: ["data-theme", "class"]
-    }), () => {
-      h = !0, p.disconnect(), u.disconnect(), r.destroy(), s.current = null, c.current = !1, e.parentNode && e.parentNode.removeChild(e);
-    };
-  }, [l]), {
-    pixiRef: s,
-    canvasRef: d,
-    readyRef: c
-  };
+import { PixiApp as e } from "../canvas/PixiApp.js";
+import { refreshThemePalette as t, resolveFlowThemeColors as n } from "../utils/themeColor.js";
+import { useEffect as r, useRef as i } from "react";
+//#region src/components/pro/Flow/hooks/usePixiApp.ts
+function a(a, o) {
+	let s = i(null), c = i(null), l = i(!1), u = i(o);
+	return u.current = o, r(() => {
+		let r = a.current;
+		if (!r) return;
+		let i = !1, o = document.createElement("canvas");
+		o.style.display = "block", o.style.width = "100%", o.style.height = "100%", o.style.touchAction = "none", r.appendChild(o), c.current = o;
+		let d = new e();
+		s.current = d;
+		let f = r.getBoundingClientRect();
+		t(r);
+		let p = n(r);
+		d.init({
+			canvas: o,
+			width: f.width,
+			height: f.height,
+			backgroundColor: p.background
+		}).then(() => {
+			i || (l.current = !0, u.current?.(p));
+		});
+		let m = new ResizeObserver((e) => {
+			if (!d.destroyed) for (let t of e) {
+				let { width: e, height: n } = t.contentRect;
+				e > 0 && n > 0 && d.resize(e, n);
+			}
+		});
+		m.observe(r);
+		let h = new MutationObserver(() => {
+			if (d.destroyed) return;
+			t(r);
+			let e = n(r);
+			d.setBackgroundColor(e.background), u.current?.(e);
+		});
+		h.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["data-theme", "class"]
+		});
+		let g = r.closest("[data-theme]");
+		return g && h.observe(g, {
+			attributes: !0,
+			attributeFilter: ["data-theme", "class"]
+		}), () => {
+			i = !0, m.disconnect(), h.disconnect(), d.destroy(), s.current = null, l.current = !1, o.parentNode && o.parentNode.removeChild(o);
+		};
+	}, [a]), {
+		pixiRef: s,
+		canvasRef: c,
+		readyRef: l
+	};
 }
-export {
-  O as usePixiApp
-};
+//#endregion
+export { a as usePixiApp };
 
 //# sourceMappingURL=usePixiApp.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePixiApp.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/usePixiApp.ts"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport { PixiApp } from '../canvas/PixiApp';\nimport { resolveFlowThemeColors, refreshThemePalette, type FlowThemeColors } from '../utils/themeColor';\n\n/**\n * Manages PixiJS Application lifecycle: creates on mount, destroys on unmount,\n * handles container resize.\n *\n * The canvas backdrop follows the active DishUI theme (`--color-base-200`). We\n * resolve the theme color from the container's inherited CSS scope at init and\n * again whenever the ancestor `data-theme` attribute changes.\n */\nexport function usePixiApp(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  onThemeColors?: (colors: FlowThemeColors) => void,\n) {\n  const pixiRef = useRef<PixiApp | null>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const readyRef = useRef(false);\n  const onThemeColorsRef = useRef(onThemeColors);\n  onThemeColorsRef.current = onThemeColors;\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    let cancelled = false;\n\n    const canvas = document.createElement('canvas');\n    canvas.style.display = 'block';\n    canvas.style.width = '100%';\n    canvas.style.height = '100%';\n    // Touch devices: the canvas owns all touch gestures (drag/pinch/pan); the\n    // browser must not scroll or fire pointercancel mid-gesture.\n    canvas.style.touchAction = 'none';\n    container.appendChild(canvas);\n    canvasRef.current = canvas;\n\n    const pixi = new PixiApp();\n    pixiRef.current = pixi;\n\n    const rect = container.getBoundingClientRect();\n    refreshThemePalette(container);\n    const themeColors = resolveFlowThemeColors(container);\n    pixi.init({\n      canvas,\n      width: rect.width,\n      height: rect.height,\n      backgroundColor: themeColors.background,\n    }).then(() => {\n      if (!cancelled) {\n        readyRef.current = true;\n        onThemeColorsRef.current?.(themeColors);\n      }\n    });\n\n    const ro = new ResizeObserver((entries) => {\n      if (pixi.destroyed) return;\n      for (const entry of entries) {\n        const { width, height } = entry.contentRect;\n        if (width > 0 && height > 0) {\n          pixi.resize(width, height);\n        }\n      }\n    });\n    ro.observe(container);\n\n    // React to DishUI theme switches (the theme is applied via a `data-theme`\n    // attribute on an ancestor element). Re-resolve the themed colors and push\n    // them to the canvas + subscriber.\n    const applyTheme = () => {\n      if (pixi.destroyed) return;\n      refreshThemePalette(container);\n      const colors = resolveFlowThemeColors(container);\n      pixi.setBackgroundColor(colors.background);\n      onThemeColorsRef.current?.(colors);\n    };\n    const themeObserver = new MutationObserver(applyTheme);\n    themeObserver.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme', 'class'],\n    });\n    // Also watch the closest themed ancestor, if any.\n    const themedAncestor = container.closest('[data-theme]');\n    if (themedAncestor) {\n      themeObserver.observe(themedAncestor, {\n        attributes: true,\n        attributeFilter: ['data-theme', 'class'],\n      });\n    }\n\n    return () => {\n      cancelled = true;\n      ro.disconnect();\n      themeObserver.disconnect();\n      pixi.destroy();\n      pixiRef.current = null;\n      readyRef.current = false;\n      if (canvas.parentNode) canvas.parentNode.removeChild(canvas);\n    };\n  }, [containerRef]);\n\n  return { pixiRef, canvasRef, readyRef };\n}\n"],"mappings":";;;AAYA,SAAgB,EACd,GACA,GACA;AACA,QAAM,IAAU,EAAuB,IAAI,GACrC,IAAY,EAAiC,IAAI,GACjD,IAAW,EAAO,EAAK,GACvB,IAAmB,EAAO,CAAa;AAC7C,SAAA,EAAiB,UAAU,GAE3B,EAAA,MAAgB;AACd,UAAM,IAAY,EAAa;AAC/B,QAAI,CAAC,EAAW;AAEhB,QAAI,IAAY;AAEhB,UAAM,IAAS,SAAS,cAAc,QAAQ;AAC9C,IAAA,EAAO,MAAM,UAAU,SACvB,EAAO,MAAM,QAAQ,QACrB,EAAO,MAAM,SAAS,QAGtB,EAAO,MAAM,cAAc,QAC3B,EAAU,YAAY,CAAM,GAC5B,EAAU,UAAU;AAEpB,UAAM,IAAO,IAAI,EAAQ;AACzB,IAAA,EAAQ,UAAU;AAElB,UAAM,IAAO,EAAU,sBAAsB;AAC7C,IAAA,EAAoB,CAAS;AAC7B,UAAM,IAAc,EAAuB,CAAS;AACpD,IAAA,EAAK,KAAK;AAAA,MACR,QAAA;AAAA,MACA,OAAO,EAAK;AAAA,MACZ,QAAQ,EAAK;AAAA,MACb,iBAAiB,EAAY;AAAA,IAC/B,CAAC,EAAE,KAAA,MAAW;AACZ,MAAK,MACH,EAAS,UAAU,IACnB,EAAiB,UAAU,CAAW;AAAA,IAE1C,CAAC;AAED,UAAM,IAAK,IAAI,eAAA,CAAgB,MAAY;AACzC,UAAI,CAAA,EAAK;AACT,mBAAW,KAAS,GAAS;AAC3B,gBAAM,EAAE,OAAA,GAAO,QAAA,EAAA,IAAW,EAAM;AAChC,UAAI,IAAQ,KAAK,IAAS,KACxB,EAAK,OAAO,GAAO,CAAM;AAAA,QAE7B;AAAA,IACF,CAAC;AACD,IAAA,EAAG,QAAQ,CAAS;AAKpB,UAAM,IAAA,MAAmB;AACvB,UAAI,EAAK,UAAW;AACpB,MAAA,EAAoB,CAAS;AAC7B,YAAM,IAAS,EAAuB,CAAS;AAC/C,MAAA,EAAK,mBAAmB,EAAO,UAAU,GACzC,EAAiB,UAAU,CAAM;AAAA,IACnC,GACM,IAAgB,IAAI,iBAAiB,CAAU;AACrD,IAAA,EAAc,QAAQ,SAAS,iBAAiB;AAAA,MAC9C,YAAY;AAAA,MACZ,iBAAiB,CAAC,cAAc,OAAO;AAAA,IACzC,CAAC;AAED,UAAM,IAAiB,EAAU,QAAQ,cAAc;AACvD,WAAI,KACF,EAAc,QAAQ,GAAgB;AAAA,MACpC,YAAY;AAAA,MACZ,iBAAiB,CAAC,cAAc,OAAO;AAAA,IACzC,CAAC,GAGH,MAAa;AACX,MAAA,IAAY,IACZ,EAAG,WAAW,GACd,EAAc,WAAW,GACzB,EAAK,QAAQ,GACb,EAAQ,UAAU,MAClB,EAAS,UAAU,IACf,EAAO,cAAY,EAAO,WAAW,YAAY,CAAM;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAY,CAAC,GAEV;AAAA,IAAE,SAAA;AAAA,IAAS,WAAA;AAAA,IAAW,UAAA;AAAA,EAAS;AACxC"}
+{"version":3,"file":"usePixiApp.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/usePixiApp.ts"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport { PixiApp } from '../canvas/PixiApp';\nimport { resolveFlowThemeColors, refreshThemePalette, type FlowThemeColors } from '../utils/themeColor';\n\n/**\n * Manages PixiJS Application lifecycle: creates on mount, destroys on unmount,\n * handles container resize.\n *\n * The canvas backdrop follows the active DishUI theme (`--color-base-200`). We\n * resolve the theme color from the container's inherited CSS scope at init and\n * again whenever the ancestor `data-theme` attribute changes.\n */\nexport function usePixiApp(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  onThemeColors?: (colors: FlowThemeColors) => void,\n) {\n  const pixiRef = useRef<PixiApp | null>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const readyRef = useRef(false);\n  const onThemeColorsRef = useRef(onThemeColors);\n  onThemeColorsRef.current = onThemeColors;\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    let cancelled = false;\n\n    const canvas = document.createElement('canvas');\n    canvas.style.display = 'block';\n    canvas.style.width = '100%';\n    canvas.style.height = '100%';\n    // Touch devices: the canvas owns all touch gestures (drag/pinch/pan); the\n    // browser must not scroll or fire pointercancel mid-gesture.\n    canvas.style.touchAction = 'none';\n    container.appendChild(canvas);\n    canvasRef.current = canvas;\n\n    const pixi = new PixiApp();\n    pixiRef.current = pixi;\n\n    const rect = container.getBoundingClientRect();\n    refreshThemePalette(container);\n    const themeColors = resolveFlowThemeColors(container);\n    pixi.init({\n      canvas,\n      width: rect.width,\n      height: rect.height,\n      backgroundColor: themeColors.background,\n    }).then(() => {\n      if (!cancelled) {\n        readyRef.current = true;\n        onThemeColorsRef.current?.(themeColors);\n      }\n    });\n\n    const ro = new ResizeObserver((entries) => {\n      if (pixi.destroyed) return;\n      for (const entry of entries) {\n        const { width, height } = entry.contentRect;\n        if (width > 0 && height > 0) {\n          pixi.resize(width, height);\n        }\n      }\n    });\n    ro.observe(container);\n\n    // React to DishUI theme switches (the theme is applied via a `data-theme`\n    // attribute on an ancestor element). Re-resolve the themed colors and push\n    // them to the canvas + subscriber.\n    const applyTheme = () => {\n      if (pixi.destroyed) return;\n      refreshThemePalette(container);\n      const colors = resolveFlowThemeColors(container);\n      pixi.setBackgroundColor(colors.background);\n      onThemeColorsRef.current?.(colors);\n    };\n    const themeObserver = new MutationObserver(applyTheme);\n    themeObserver.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme', 'class'],\n    });\n    // Also watch the closest themed ancestor, if any.\n    const themedAncestor = container.closest('[data-theme]');\n    if (themedAncestor) {\n      themeObserver.observe(themedAncestor, {\n        attributes: true,\n        attributeFilter: ['data-theme', 'class'],\n      });\n    }\n\n    return () => {\n      cancelled = true;\n      ro.disconnect();\n      themeObserver.disconnect();\n      pixi.destroy();\n      pixiRef.current = null;\n      readyRef.current = false;\n      if (canvas.parentNode) canvas.parentNode.removeChild(canvas);\n    };\n  }, [containerRef]);\n\n  return { pixiRef, canvasRef, readyRef };\n}\n"],"mappings":";;;;AAYA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAU,EAAuB,IAAI,GACrC,IAAY,EAAiC,IAAI,GACjD,IAAW,EAAO,EAAK,GACvB,IAAmB,EAAO,CAAa;CAmF7C,OAlFA,EAAiB,UAAU,GAE3B,QAAgB;EACd,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,GAAW;EAEhB,IAAI,IAAY,IAEV,IAAS,SAAS,cAAc,QAAQ;EAQ9C,AAPA,EAAO,MAAM,UAAU,SACvB,EAAO,MAAM,QAAQ,QACrB,EAAO,MAAM,SAAS,QAGtB,EAAO,MAAM,cAAc,QAC3B,EAAU,YAAY,CAAM,GAC5B,EAAU,UAAU;EAEpB,IAAM,IAAO,IAAI,EAAQ;EACzB,EAAQ,UAAU;EAElB,IAAM,IAAO,EAAU,sBAAsB;EAC7C,EAAoB,CAAS;EAC7B,IAAM,IAAc,EAAuB,CAAS;EACpD,EAAK,KAAK;GACR;GACA,OAAO,EAAK;GACZ,QAAQ,EAAK;GACb,iBAAiB,EAAY;EAC/B,CAAC,CAAC,CAAC,WAAW;GACZ,AAAK,MACH,EAAS,UAAU,IACnB,EAAiB,UAAU,CAAW;EAE1C,CAAC;EAED,IAAM,IAAK,IAAI,gBAAgB,MAAY;GACrC,OAAK,WACT,KAAK,IAAM,KAAS,GAAS;IAC3B,IAAM,EAAE,UAAO,cAAW,EAAM;IAChC,AAAI,IAAQ,KAAK,IAAS,KACxB,EAAK,OAAO,GAAO,CAAM;GAE7B;EACF,CAAC;EACD,EAAG,QAAQ,CAAS;EAYpB,IAAM,IAAgB,IAAI,uBAPD;GACvB,IAAI,EAAK,WAAW;GACpB,EAAoB,CAAS;GAC7B,IAAM,IAAS,EAAuB,CAAS;GAE/C,AADA,EAAK,mBAAmB,EAAO,UAAU,GACzC,EAAiB,UAAU,CAAM;EACnC,CACqD;EACrD,EAAc,QAAQ,SAAS,iBAAiB;GAC9C,YAAY;GACZ,iBAAiB,CAAC,cAAc,OAAO;EACzC,CAAC;EAED,IAAM,IAAiB,EAAU,QAAQ,cAAc;EAQvD,OAPI,KACF,EAAc,QAAQ,GAAgB;GACpC,YAAY;GACZ,iBAAiB,CAAC,cAAc,OAAO;EACzC,CAAC,SAGU;GAOX,AANA,IAAY,IACZ,EAAG,WAAW,GACd,EAAc,WAAW,GACzB,EAAK,QAAQ,GACb,EAAQ,UAAU,MAClB,EAAS,UAAU,IACf,EAAO,cAAY,EAAO,WAAW,YAAY,CAAM;EAC7D;CACF,GAAG,CAAC,CAAY,CAAC,GAEV;EAAE;EAAS;EAAW;CAAS;AACxC"}

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

@@ -1,34 +1,34 @@
-import { useCallback as a, useRef as h, useState as w } from "react";
-function X(c, e, i = 120, l = 600) {
-  const [o, u] = w(null), n = h(null), p = a((t) => {
-    t.preventDefault(), t.stopPropagation(), t.target.setPointerCapture(t.pointerId);
-    const r = t.currentTarget.closest("[data-flow-panel]"), s = r ? r.getBoundingClientRect().width : o ?? e;
-    n.current = {
-      startX: t.clientX,
-      startWidth: s
-    };
-  }, [o, e]), d = a((t) => {
-    if (!n.current) return;
-    const r = t.clientX - n.current.startX, s = c === "right" ? 1 : -1, g = Math.max(i, Math.min(l, n.current.startWidth + r * s));
-    u(g);
-  }, [
-    c,
-    i,
-    l
-  ]), P = a(() => {
-    n.current = null;
-  }, []);
-  return {
-    panelWidth: o ?? e,
-    resizeHandleProps: {
-      onPointerDown: p,
-      onPointerMove: d,
-      onPointerUp: P
-    }
-  };
+import { useCallback as e, useRef as t, useState as n } from "react";
+//#region src/components/pro/Flow/hooks/useResizablePanel.ts
+function r(r, i, a = 120, o = 600) {
+	let [s, c] = n(null), l = t(null), u = e((e) => {
+		e.preventDefault(), e.stopPropagation(), e.target.setPointerCapture(e.pointerId);
+		let t = e.currentTarget.closest("[data-flow-panel]"), n = t ? t.getBoundingClientRect().width : s ?? i;
+		l.current = {
+			startX: e.clientX,
+			startWidth: n
+		};
+	}, [s, i]), d = e((e) => {
+		if (!l.current) return;
+		let t = e.clientX - l.current.startX, n = r === "right" ? 1 : -1, i = Math.max(a, Math.min(o, l.current.startWidth + t * n));
+		c(i);
+	}, [
+		r,
+		a,
+		o
+	]), f = e(() => {
+		l.current = null;
+	}, []);
+	return {
+		panelWidth: s ?? i,
+		resizeHandleProps: {
+			onPointerDown: u,
+			onPointerMove: d,
+			onPointerUp: f
+		}
+	};
 }
-export {
-  X as useResizablePanel
-};
+//#endregion
+export { r as useResizablePanel };
 
 //# sourceMappingURL=useResizablePanel.js.map