dishui 0.0.64 → 0.0.66

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

@@ -1,209 +1,198 @@
-import { ROOT_CANVAS_ID as $, createEmptyDocument as x } from "../constants.js";
-import { useFlowContext as C } from "../context/FlowContext.js";
-import { generateId as O } from "../nodes/nodeUtils.js";
-import { isArchifySpec as M } from "../archify/spec.js";
-import { archifyToFlowDocument as S } from "../archify/convert.js";
-import { useCallback as b } from "react";
-var R = 1;
-function j(n, o = "flowchart") {
-  return (n ?? "").trim().replace(/[\\/:*?"<>|]+/g, "-").replace(/\s+/g, " ").trim() || o;
+import { ROOT_CANVAS_ID as e, createEmptyDocument as t } from "../constants.js";
+import { useFlowContext as n } from "../context/FlowContext.js";
+import { generateId as r } from "../nodes/nodeUtils.js";
+import { isArchifySpec as i } from "../archify/spec.js";
+import { archifyToFlowDocument as a } from "../archify/convert.js";
+import { useCallback as o } from "react";
+//#region src/components/pro/Flow/hooks/useFlowImportExport.ts
+var s = 1;
+function c(e, t = "flowchart") {
+	return (e ?? "").trim().replace(/[\\/:*?"<>|]+/g, "-").replace(/\s+/g, " ").trim() || t;
 }
-function z() {
-  const { doc: n, setDoc: o } = C();
-  return {
-    exportJSON: b(() => {
-      const e = {
-        version: R,
-        canvases: n.canvases,
-        stack: n.stack,
-        title: n.title
-      };
-      return JSON.stringify(e, null, 2);
-    }, [n]),
-    importJSON: b((e) => {
-      try {
-        const s = JSON.parse(e);
-        if (M(s)) {
-          o(S(s));
-          return;
-        }
-        const i = s;
-        if (!i.canvases || !i.stack) throw new Error("Invalid document format");
-        o({
-          canvases: i.canvases,
-          stack: i.stack,
-          title: i.title
-        });
-      } catch (s) {
-        console.error("Failed to import JSON:", s);
-      }
-    }, [o]),
-    importArchify: b((e) => {
-      try {
-        const s = typeof e == "string" ? JSON.parse(e) : e;
-        return M(s) ? (o(S(s)), !0) : !1;
-      } catch (s) {
-        return console.error("Failed to import Archify spec:", s), !1;
-      }
-    }, [o]),
-    importMermaid: b((e) => {
-      const s = L(e);
-      o(s);
-    }, [o]),
-    exportMarkdown: b(() => E(n), [n]),
-    clearDocument: b(() => {
-      o(x());
-    }, [o])
-  };
+function l() {
+	let { doc: e, setDoc: r } = n();
+	return {
+		exportJSON: o(() => {
+			let t = {
+				version: s,
+				canvases: e.canvases,
+				stack: e.stack,
+				title: e.title
+			};
+			return JSON.stringify(t, null, 2);
+		}, [e]),
+		importJSON: o((e) => {
+			try {
+				let t = JSON.parse(e);
+				if (i(t)) {
+					r(a(t));
+					return;
+				}
+				let n = t;
+				if (!n.canvases || !n.stack) throw Error("Invalid document format");
+				r({
+					canvases: n.canvases,
+					stack: n.stack,
+					title: n.title
+				});
+			} catch (e) {
+				console.error("Failed to import JSON:", e);
+			}
+		}, [r]),
+		importArchify: o((e) => {
+			try {
+				let t = typeof e == "string" ? JSON.parse(e) : e;
+				return i(t) ? (r(a(t)), !0) : !1;
+			} catch (e) {
+				return console.error("Failed to import Archify spec:", e), !1;
+			}
+		}, [r]),
+		importMermaid: o((e) => {
+			let t = d(e);
+			r(t);
+		}, [r]),
+		exportMarkdown: o(() => u(e), [e]),
+		clearDocument: o(() => {
+			r(t());
+		}, [r])
+	};
 }
-function E(n) {
-  const o = [], e = (c) => {
-    const f = (c.data.label ?? "").trim();
-    return f ? f.replace(/\s+/g, " ") : c.type === "mediaNode" ? `(${c.data.mediaKind ?? "media"})` : `(${c.type})`;
-  }, s = (c, f, h) => {
-    const m = n.canvases[c];
-    if (!m) return;
-    const y = new Map(m.nodes.map((t) => [t.id, t])), a = /* @__PURE__ */ new Map();
-    for (const t of m.nodes) {
-      const r = t.parentId && y.has(t.parentId) ? t.parentId : void 0, d = a.get(r) ?? [];
-      d.push(t), a.set(r, d);
-    }
-    const p = (t, r) => {
-      const d = "  ".repeat(r), l = t.data.isGroup || t.type === "flowGroup" || t.type === "geometryGroup" ? `**${e(t)}**` : e(t);
-      if (o.push(`${d}- ${l}`), t.type === "mediaNode" && t.data.mediaKind) {
-        const g = t.data.mediaKind;
-        if (g === "data" && t.data.dataConfig) {
-          const k = t.data.dataConfig, N = k.columns.map((I) => I.label ?? I.key).join(", ");
-          o.push(`${d}  - 数据表：${k.rows.length} 行 · 列（${N}）`);
-        } else if (t.data.mediaContent && g !== "image" && g !== "model3d") {
-          const k = t.data.mediaContent.trim().split(`
-`)[0].slice(0, 80);
-          k && o.push(`${d}  - ${g}: ${k}`);
-        }
-      }
-      const v = a.get(t.id) ?? [];
-      for (const g of v) p(g, r + 1);
-      const w = t.data.childCanvasId;
-      w && n.canvases[w] && !h.has(w) && (h.add(w), s(w, f + 1, h));
-    }, u = a.get(void 0) ?? [];
-    for (const t of u) p(t, 0);
-    if (m.edges.length > 0) {
-      o.push(""), o.push(`${"#".repeat(Math.min(6, f + 1))} 连接关系`);
-      for (const t of m.edges) {
-        const r = y.get(t.source), d = y.get(t.target);
-        if (!r || !d) continue;
-        const l = t.data.labelText ? ` （${t.data.labelText}）` : "";
-        o.push(`- ${e(r)} → ${e(d)}${l}`);
-      }
-    }
-  }, i = /* @__PURE__ */ new Set([$]);
-  o.push("# 流程图"), o.push(""), s($, 1, i);
-  for (const c of Object.keys(n.canvases))
-    i.has(c) || (i.add(c), o.push(""), o.push(`## 画布 ${c}`), o.push(""), s(c, 2, i));
-  return o.join(`
-`).replace(/\n{3,}/g, `
-
-`).trim() + `
-`;
+function u(t) {
+	let n = [], r = (e) => {
+		let t = (e.data.label ?? "").trim();
+		return t ? t.replace(/\s+/g, " ") : e.type === "mediaNode" ? `(${e.data.mediaKind ?? "media"})` : `(${e.type})`;
+	}, i = (e, a, o) => {
+		let s = t.canvases[e];
+		if (!s) return;
+		let c = new Map(s.nodes.map((e) => [e.id, e])), l = /* @__PURE__ */ new Map();
+		for (let e of s.nodes) {
+			let t = e.parentId && c.has(e.parentId) ? e.parentId : void 0, n = l.get(t) ?? [];
+			n.push(e), l.set(t, n);
+		}
+		let u = (e, s) => {
+			let c = "  ".repeat(s), d = e.data.isGroup || e.type === "flowGroup" || e.type === "geometryGroup" ? `**${r(e)}**` : r(e);
+			if (n.push(`${c}- ${d}`), e.type === "mediaNode" && e.data.mediaKind) {
+				let t = e.data.mediaKind;
+				if (t === "data" && e.data.dataConfig) {
+					let t = e.data.dataConfig, r = t.columns.map((e) => e.label ?? e.key).join(", ");
+					n.push(`${c}  - 数据表：${t.rows.length} 行 · 列（${r}）`);
+				} else if (e.data.mediaContent && t !== "image" && t !== "model3d") {
+					let r = e.data.mediaContent.trim().split("\n")[0].slice(0, 80);
+					r && n.push(`${c}  - ${t}: ${r}`);
+				}
+			}
+			let f = l.get(e.id) ?? [];
+			for (let e of f) u(e, s + 1);
+			let p = e.data.childCanvasId;
+			p && t.canvases[p] && !o.has(p) && (o.add(p), i(p, a + 1, o));
+		}, d = l.get(void 0) ?? [];
+		for (let e of d) u(e, 0);
+		if (s.edges.length > 0) {
+			n.push(""), n.push(`${"#".repeat(Math.min(6, a + 1))} 连接关系`);
+			for (let e of s.edges) {
+				let t = c.get(e.source), i = c.get(e.target);
+				if (!t || !i) continue;
+				let a = e.data.labelText ? ` （${e.data.labelText}）` : "";
+				n.push(`- ${r(t)} → ${r(i)}${a}`);
+			}
+		}
+	}, a = /* @__PURE__ */ new Set([e]);
+	n.push("# 流程图"), n.push(""), i(e, 1, a);
+	for (let e of Object.keys(t.canvases)) a.has(e) || (a.add(e), n.push(""), n.push(`## 画布 ${e}`), n.push(""), i(e, 2, a));
+	return n.join("\n").replace(/\n{3,}/g, "\n\n").trim() + "\n";
 }
-function L(n) {
-  const o = n.split(`
-`).map((a) => a.trim()).filter((a) => a && !a.startsWith("%%")), e = /* @__PURE__ */ new Map(), s = [];
-  let i = !1;
-  for (const a of o) {
-    if (/^(graph|flowchart)\s+(LR|RL)/i.test(a)) {
-      i = !0;
-      continue;
-    }
-    if (/^(graph|flowchart)\s+/i.test(a)) continue;
-    const p = a.match(/^(\w+)(?:\[([^\]]*)\])?\s*(-->|---|-\.->|==>)(?:\|([^|]*)\|)?\s*(\w+)(?:\[([^\]]*)\])?/);
-    if (p) {
-      const [, t, r, , d, l, v] = p;
-      r && !e.has(t) && e.set(t, {
-        id: t,
-        label: r
-      }), v && !e.has(l) && e.set(l, {
-        id: l,
-        label: v
-      }), e.has(t) || e.set(t, {
-        id: t,
-        label: t
-      }), e.has(l) || e.set(l, {
-        id: l,
-        label: l
-      }), s.push({
-        from: t,
-        to: l,
-        label: d?.trim()
-      });
-      continue;
-    }
-    const u = a.match(/^(\w+)\[([^\]]*)\]/);
-    if (u) {
-      const [, t, r] = u;
-      e.has(t) || e.set(t, {
-        id: t,
-        label: r
-      });
-    }
-  }
-  const c = [...e.keys()], f = i ? c.length : Math.ceil(Math.sqrt(c.length)), h = {
-    x: 200,
-    y: 120
-  }, m = c.map((a, p) => {
-    const u = p % f, t = Math.floor(p / f), r = e.get(a);
-    return {
-      id: r.id,
-      type: "shapeRoundRect",
-      position: {
-        x: 100 + u * h.x,
-        y: 100 + t * h.y
-      },
-      width: 140,
-      height: 60,
-      data: {
-        label: r.label,
-        fill: "theme:base-100",
-        stroke: "theme:base-content",
-        strokeWidth: 2,
-        color: "theme:base-content",
-        fontSize: 14
-      }
-    };
-  }), y = s.map((a) => ({
-    id: O("edge"),
-    source: a.from,
-    target: a.to,
-    type: "smoothstep",
-    data: {
-      strokeColor: "theme:base-content",
-      strokeWidth: 2,
-      lineStyle: "solid",
-      markerEnd: "arrowclosed",
-      labelText: a.label
-    }
-  }));
-  return {
-    canvases: { [$]: {
-      nodes: m,
-      edges: y,
-      lines: []
-    } },
-    stack: [$]
-  };
+function d(t) {
+	let n = t.split("\n").map((e) => e.trim()).filter((e) => e && !e.startsWith("%%")), i = /* @__PURE__ */ new Map(), a = [], o = !1;
+	for (let e of n) {
+		if (/^(graph|flowchart)\s+(LR|RL)/i.test(e)) {
+			o = !0;
+			continue;
+		}
+		if (/^(graph|flowchart)\s+/i.test(e)) continue;
+		let t = e.match(/^(\w+)(?:\[([^\]]*)\])?\s*(-->|---|-\.->|==>)(?:\|([^|]*)\|)?\s*(\w+)(?:\[([^\]]*)\])?/);
+		if (t) {
+			let [, e, n, , r, o, s] = t;
+			n && !i.has(e) && i.set(e, {
+				id: e,
+				label: n
+			}), s && !i.has(o) && i.set(o, {
+				id: o,
+				label: s
+			}), i.has(e) || i.set(e, {
+				id: e,
+				label: e
+			}), i.has(o) || i.set(o, {
+				id: o,
+				label: o
+			}), a.push({
+				from: e,
+				to: o,
+				label: r?.trim()
+			});
+			continue;
+		}
+		let n = e.match(/^(\w+)\[([^\]]*)\]/);
+		if (n) {
+			let [, e, t] = n;
+			i.has(e) || i.set(e, {
+				id: e,
+				label: t
+			});
+		}
+	}
+	let s = [...i.keys()], c = o ? s.length : Math.ceil(Math.sqrt(s.length)), l = {
+		x: 200,
+		y: 120
+	}, u = s.map((e, t) => {
+		let n = t % c, r = Math.floor(t / c), a = i.get(e);
+		return {
+			id: a.id,
+			type: "shapeRoundRect",
+			position: {
+				x: 100 + n * l.x,
+				y: 100 + r * l.y
+			},
+			width: 140,
+			height: 60,
+			data: {
+				label: a.label,
+				fill: "theme:base-100",
+				stroke: "theme:base-content",
+				strokeWidth: 2,
+				color: "theme:base-content",
+				fontSize: 14
+			}
+		};
+	}), d = a.map((e) => ({
+		id: r("edge"),
+		source: e.from,
+		target: e.to,
+		type: "smoothstep",
+		data: {
+			strokeColor: "theme:base-content",
+			strokeWidth: 2,
+			lineStyle: "solid",
+			markerEnd: "arrowclosed",
+			labelText: e.label
+		}
+	}));
+	return {
+		canvases: { [e]: {
+			nodes: u,
+			edges: d,
+			lines: []
+		} },
+		stack: [e]
+	};
 }
-async function K(n) {
-  return n.toDataURL("image/png");
+async function f(e) {
+	return e.toDataURL("image/png");
 }
-function W(n, o) {
-  const e = document.createElement("a");
-  e.href = n, e.download = o, document.body.appendChild(e), e.click(), document.body.removeChild(e);
+function p(e, t) {
+	let n = document.createElement("a");
+	n.href = e, n.download = t, document.body.appendChild(n), n.click(), document.body.removeChild(n);
 }
-export {
-  W as downloadDataURL,
-  K as exportCanvasToPNG,
-  j as safeFileBaseName,
-  z as useFlowImportExport
-};
+//#endregion
+export { p as downloadDataURL, f as exportCanvasToPNG, c as safeFileBaseName, l as useFlowImportExport };
 
 //# sourceMappingURL=useFlowImportExport.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFlowImportExport.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useFlowImportExport.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowDocument, FlowCanvasData, FlowNode, FlowEdge, FlowLine } from '../types';\nimport { createEmptyDocument, ROOT_CANVAS_ID } from '../constants';\nimport { generateId } from '../nodes/nodeUtils';\nimport { isArchifySpec, archifyToFlowDocument } from '../archify';\n\nconst PERSIST_VERSION = 1;\n\ninterface SerializedDocument {\n  version: number;\n  canvases: Record<string, FlowCanvasData>;\n  stack: string[];\n  title?: string;\n}\n\n/**\n * Sanitize a project title into a safe file base name, falling back to a\n * default when empty. Shared by all export paths so filenames stay consistent.\n */\nexport function safeFileBaseName(title: string | undefined, fallback = 'flowchart'): string {\n  const name = (title ?? '').trim().replace(/[\\\\/:*?\"<>|]+/g, '-').replace(/\\s+/g, ' ').trim();\n  return name || fallback;\n}\n\n/**\n * Serialize/deserialize FlowDocument to/from JSON.\n * Also includes Mermaid flowchart import.\n */\nexport function useFlowImportExport() {\n  const { doc, setDoc } = useFlowContext();\n\n  const exportJSON = useCallback((): string => {\n    const serialized: SerializedDocument = {\n      version: PERSIST_VERSION,\n      canvases: doc.canvases,\n      stack: doc.stack,\n      title: doc.title,\n    };\n    return JSON.stringify(serialized, null, 2);\n  }, [doc]);\n\n  const importJSON = useCallback((json: string) => {\n    try {\n      const parsed = JSON.parse(json) as unknown;\n      // Auto-detect an Archify spec and convert it to a Flow document so the\n      // same \"import JSON\" entry point accepts both native and Archify files.\n      if (isArchifySpec(parsed)) {\n        setDoc(archifyToFlowDocument(parsed));\n        return;\n      }\n      const doc = parsed as SerializedDocument;\n      if (!doc.canvases || !doc.stack) throw new Error('Invalid document format');\n      setDoc({\n        canvases: doc.canvases,\n        stack: doc.stack,\n        title: doc.title,\n      });\n    } catch (err) {\n      console.error('Failed to import JSON:', err);\n    }\n  }, [setDoc]);\n\n  /**\n   * Import an Archify diagram spec (architecture / workflow / sequence /\n   * dataflow / lifecycle), converting it to a native Flow document. Accepts a\n   * JSON string or an already-parsed object. Returns true on success.\n   */\n  const importArchify = useCallback((input: string | object): boolean => {\n    try {\n      const spec = typeof input === 'string' ? JSON.parse(input) : input;\n      if (!isArchifySpec(spec)) return false;\n      setDoc(archifyToFlowDocument(spec));\n      return true;\n    } catch (err) {\n      console.error('Failed to import Archify spec:', err);\n      return false;\n    }\n  }, [setDoc]);\n\n  const importMermaid = useCallback((mermaidCode: string) => {\n    const doc = parseMermaidFlowchart(mermaidCode);\n    setDoc(doc);\n  }, [setDoc]);\n\n  const exportMarkdown = useCallback((): string => {\n    return documentToMarkdown(doc);\n  }, [doc]);\n\n  const clearDocument = useCallback(() => {\n    setDoc(createEmptyDocument());\n  }, [setDoc]);\n\n  return { exportJSON, importJSON, importArchify, importMermaid, exportMarkdown, clearDocument };\n}\n\n/**\n * Render a FlowDocument as a Markdown outline describing the node hierarchy\n * and connections. Groups become sections with their children nested beneath;\n * edges are listed as a connection summary per canvas. Sub-canvases (drill-down\n * nodes) are rendered as nested sections.\n */\nfunction documentToMarkdown(doc: FlowDocument): string {\n  const lines: string[] = [];\n\n  const nodeLabel = (n: FlowNode): string => {\n    const raw = (n.data.label ?? '').trim();\n    if (raw) return raw.replace(/\\s+/g, ' ');\n    if (n.type === 'mediaNode') return `(${n.data.mediaKind ?? 'media'})`;\n    return `(${n.type})`;\n  };\n\n  const renderCanvas = (canvasId: string, headingLevel: number, seenCanvases: Set<string>) => {\n    const canvas = doc.canvases[canvasId];\n    if (!canvas) return;\n\n    // Index nodes by id and by parent for hierarchy traversal.\n    const byId = new Map(canvas.nodes.map((n) => [n.id, n]));\n    const childrenOf = new Map<string | undefined, FlowNode[]>();\n    for (const n of canvas.nodes) {\n      const key = n.parentId && byId.has(n.parentId) ? n.parentId : undefined;\n      const list = childrenOf.get(key) ?? [];\n      list.push(n);\n      childrenOf.set(key, list);\n    }\n\n    const emitNode = (node: FlowNode, depth: number) => {\n      const indent = '  '.repeat(depth);\n      const isGroup = node.data.isGroup || node.type === 'flowGroup' || node.type === 'geometryGroup';\n      const bullet = isGroup ? `**${nodeLabel(node)}**` : nodeLabel(node);\n      lines.push(`${indent}- ${bullet}`);\n\n      // Media content (markdown/data/etc.) as a short description line.\n      if (node.type === 'mediaNode' && node.data.mediaKind) {\n        const kind = node.data.mediaKind;\n        if (kind === 'data' && node.data.dataConfig) {\n          const cfg = node.data.dataConfig;\n          const cols = cfg.columns.map((c) => c.label ?? c.key).join(', ');\n          lines.push(`${indent}  - 数据表：${cfg.rows.length} 行 · 列（${cols}）`);\n        } else if (node.data.mediaContent && kind !== 'image' && kind !== 'model3d') {\n          const preview = node.data.mediaContent.trim().split('\\n')[0].slice(0, 80);\n          if (preview) lines.push(`${indent}  - ${kind}: ${preview}`);\n        }\n      }\n\n      // Recurse into visual group children.\n      const kids = childrenOf.get(node.id) ?? [];\n      for (const kid of kids) emitNode(kid, depth + 1);\n\n      // Recurse into a drill-down sub-canvas, if any.\n      const childCanvasId = node.data.childCanvasId;\n      if (childCanvasId && doc.canvases[childCanvasId] && !seenCanvases.has(childCanvasId)) {\n        seenCanvases.add(childCanvasId);\n        renderCanvas(childCanvasId, headingLevel + 1, seenCanvases);\n      }\n    };\n\n    const roots = childrenOf.get(undefined) ?? [];\n    for (const root of roots) emitNode(root, 0);\n\n    // Connections summary.\n    if (canvas.edges.length > 0) {\n      lines.push('');\n      lines.push(`${'#'.repeat(Math.min(6, headingLevel + 1))} 连接关系`);\n      for (const edge of canvas.edges) {\n        const from = byId.get(edge.source);\n        const to = byId.get(edge.target);\n        if (!from || !to) continue;\n        const edgeLabel = edge.data.labelText ? ` （${edge.data.labelText}）` : '';\n        lines.push(`- ${nodeLabel(from)} → ${nodeLabel(to)}${edgeLabel}`);\n      }\n    }\n  };\n\n  const seen = new Set<string>([ROOT_CANVAS_ID]);\n  lines.push('# 流程图');\n  lines.push('');\n  renderCanvas(ROOT_CANVAS_ID, 1, seen);\n\n  // Any orphan canvases not reached via drill-down nodes.\n  for (const canvasId of Object.keys(doc.canvases)) {\n    if (seen.has(canvasId)) continue;\n    seen.add(canvasId);\n    lines.push('');\n    lines.push(`## 画布 ${canvasId}`);\n    lines.push('');\n    renderCanvas(canvasId, 2, seen);\n  }\n\n  return lines.join('\\n').replace(/\\n{3,}/g, '\\n\\n').trim() + '\\n';\n}\n\n/**\n * Simple Mermaid flowchart parser.\n * Handles basic `graph TD` / `flowchart LR` syntax with node definitions and edges.\n */\nfunction parseMermaidFlowchart(code: string): FlowDocument {\n  const lines = code.split('\\n').map(l => l.trim()).filter(l => l && !l.startsWith('%%'));\n\n  const nodeMap = new Map<string, { id: string; label: string }>();\n  const edges: Array<{ from: string; to: string; label?: string }> = [];\n\n  let isHorizontal = false;\n\n  for (const line of lines) {\n    // Detect direction\n    if (/^(graph|flowchart)\\s+(LR|RL)/i.test(line)) {\n      isHorizontal = true;\n      continue;\n    }\n    if (/^(graph|flowchart)\\s+/i.test(line)) continue;\n\n    // Edge patterns: A --> B, A -->|label| B, A --- B\n    const edgeMatch = line.match(/^(\\w+)(?:\\[([^\\]]*)\\])?\\s*(-->|---|-\\.->|==>)(?:\\|([^|]*)\\|)?\\s*(\\w+)(?:\\[([^\\]]*)\\])?/);\n    if (edgeMatch) {\n      const [, fromId, fromLabel, , edgeLabel, toId, toLabel] = edgeMatch;\n      if (fromLabel && !nodeMap.has(fromId)) nodeMap.set(fromId, { id: fromId, label: fromLabel });\n      if (toLabel && !nodeMap.has(toId)) nodeMap.set(toId, { id: toId, label: toLabel });\n      if (!nodeMap.has(fromId)) nodeMap.set(fromId, { id: fromId, label: fromId });\n      if (!nodeMap.has(toId)) nodeMap.set(toId, { id: toId, label: toId });\n      edges.push({ from: fromId, to: toId, label: edgeLabel?.trim() });\n      continue;\n    }\n\n    // Standalone node: A[Label]\n    const nodeMatch = line.match(/^(\\w+)\\[([^\\]]*)\\]/);\n    if (nodeMatch) {\n      const [, id, label] = nodeMatch;\n      if (!nodeMap.has(id)) nodeMap.set(id, { id, label });\n    }\n  }\n\n  // Layout: simple grid placement\n  const nodeIds = [...nodeMap.keys()];\n  const cols = isHorizontal ? nodeIds.length : Math.ceil(Math.sqrt(nodeIds.length));\n  const spacing = { x: 200, y: 120 };\n\n  const nodes: FlowNode[] = nodeIds.map((id, i) => {\n    const col = i % cols;\n    const row = Math.floor(i / cols);\n    const data = nodeMap.get(id)!;\n    return {\n      id: data.id,\n      type: 'shapeRoundRect' as const,\n      position: { x: 100 + col * spacing.x, y: 100 + row * spacing.y },\n      width: 140,\n      height: 60,\n      data: {\n        label: data.label,\n        fill: 'theme:base-100',\n        stroke: 'theme:base-content',\n        strokeWidth: 2,\n        color: 'theme:base-content',\n        fontSize: 14,\n      },\n    };\n  });\n\n  const flowEdges: FlowEdge[] = edges.map((e) => ({\n    id: generateId('edge'),\n    source: e.from,\n    target: e.to,\n    type: 'smoothstep' as const,\n    data: {\n      strokeColor: 'theme:base-content',\n      strokeWidth: 2,\n      lineStyle: 'solid' as const,\n      markerEnd: 'arrowclosed' as const,\n      labelText: e.label,\n    },\n  }));\n\n  return {\n    canvases: {\n      [ROOT_CANVAS_ID]: { nodes, edges: flowEdges, lines: [] },\n    },\n    stack: [ROOT_CANVAS_ID],\n  };\n}\n\n/**\n * Export the PixiJS canvas as PNG data URL.\n */\nexport async function exportCanvasToPNG(canvas: HTMLCanvasElement): Promise<string> {\n  return canvas.toDataURL('image/png');\n}\n\n/**\n * Download a data URL as a file.\n */\nexport function downloadDataURL(dataUrl: string, filename: string): void {\n  const a = document.createElement('a');\n  a.href = dataUrl;\n  a.download = filename;\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"mappings":"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"}
+{"version":3,"file":"useFlowImportExport.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useFlowImportExport.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowDocument, FlowCanvasData, FlowNode, FlowEdge, FlowLine } from '../types';\nimport { createEmptyDocument, ROOT_CANVAS_ID } from '../constants';\nimport { generateId } from '../nodes/nodeUtils';\nimport { isArchifySpec, archifyToFlowDocument } from '../archify';\n\nconst PERSIST_VERSION = 1;\n\ninterface SerializedDocument {\n  version: number;\n  canvases: Record<string, FlowCanvasData>;\n  stack: string[];\n  title?: string;\n}\n\n/**\n * Sanitize a project title into a safe file base name, falling back to a\n * default when empty. Shared by all export paths so filenames stay consistent.\n */\nexport function safeFileBaseName(title: string | undefined, fallback = 'flowchart'): string {\n  const name = (title ?? '').trim().replace(/[\\\\/:*?\"<>|]+/g, '-').replace(/\\s+/g, ' ').trim();\n  return name || fallback;\n}\n\n/**\n * Serialize/deserialize FlowDocument to/from JSON.\n * Also includes Mermaid flowchart import.\n */\nexport function useFlowImportExport() {\n  const { doc, setDoc } = useFlowContext();\n\n  const exportJSON = useCallback((): string => {\n    const serialized: SerializedDocument = {\n      version: PERSIST_VERSION,\n      canvases: doc.canvases,\n      stack: doc.stack,\n      title: doc.title,\n    };\n    return JSON.stringify(serialized, null, 2);\n  }, [doc]);\n\n  const importJSON = useCallback((json: string) => {\n    try {\n      const parsed = JSON.parse(json) as unknown;\n      // Auto-detect an Archify spec and convert it to a Flow document so the\n      // same \"import JSON\" entry point accepts both native and Archify files.\n      if (isArchifySpec(parsed)) {\n        setDoc(archifyToFlowDocument(parsed));\n        return;\n      }\n      const doc = parsed as SerializedDocument;\n      if (!doc.canvases || !doc.stack) throw new Error('Invalid document format');\n      setDoc({\n        canvases: doc.canvases,\n        stack: doc.stack,\n        title: doc.title,\n      });\n    } catch (err) {\n      console.error('Failed to import JSON:', err);\n    }\n  }, [setDoc]);\n\n  /**\n   * Import an Archify diagram spec (architecture / workflow / sequence /\n   * dataflow / lifecycle), converting it to a native Flow document. Accepts a\n   * JSON string or an already-parsed object. Returns true on success.\n   */\n  const importArchify = useCallback((input: string | object): boolean => {\n    try {\n      const spec = typeof input === 'string' ? JSON.parse(input) : input;\n      if (!isArchifySpec(spec)) return false;\n      setDoc(archifyToFlowDocument(spec));\n      return true;\n    } catch (err) {\n      console.error('Failed to import Archify spec:', err);\n      return false;\n    }\n  }, [setDoc]);\n\n  const importMermaid = useCallback((mermaidCode: string) => {\n    const doc = parseMermaidFlowchart(mermaidCode);\n    setDoc(doc);\n  }, [setDoc]);\n\n  const exportMarkdown = useCallback((): string => {\n    return documentToMarkdown(doc);\n  }, [doc]);\n\n  const clearDocument = useCallback(() => {\n    setDoc(createEmptyDocument());\n  }, [setDoc]);\n\n  return { exportJSON, importJSON, importArchify, importMermaid, exportMarkdown, clearDocument };\n}\n\n/**\n * Render a FlowDocument as a Markdown outline describing the node hierarchy\n * and connections. Groups become sections with their children nested beneath;\n * edges are listed as a connection summary per canvas. Sub-canvases (drill-down\n * nodes) are rendered as nested sections.\n */\nfunction documentToMarkdown(doc: FlowDocument): string {\n  const lines: string[] = [];\n\n  const nodeLabel = (n: FlowNode): string => {\n    const raw = (n.data.label ?? '').trim();\n    if (raw) return raw.replace(/\\s+/g, ' ');\n    if (n.type === 'mediaNode') return `(${n.data.mediaKind ?? 'media'})`;\n    return `(${n.type})`;\n  };\n\n  const renderCanvas = (canvasId: string, headingLevel: number, seenCanvases: Set<string>) => {\n    const canvas = doc.canvases[canvasId];\n    if (!canvas) return;\n\n    // Index nodes by id and by parent for hierarchy traversal.\n    const byId = new Map(canvas.nodes.map((n) => [n.id, n]));\n    const childrenOf = new Map<string | undefined, FlowNode[]>();\n    for (const n of canvas.nodes) {\n      const key = n.parentId && byId.has(n.parentId) ? n.parentId : undefined;\n      const list = childrenOf.get(key) ?? [];\n      list.push(n);\n      childrenOf.set(key, list);\n    }\n\n    const emitNode = (node: FlowNode, depth: number) => {\n      const indent = '  '.repeat(depth);\n      const isGroup = node.data.isGroup || node.type === 'flowGroup' || node.type === 'geometryGroup';\n      const bullet = isGroup ? `**${nodeLabel(node)}**` : nodeLabel(node);\n      lines.push(`${indent}- ${bullet}`);\n\n      // Media content (markdown/data/etc.) as a short description line.\n      if (node.type === 'mediaNode' && node.data.mediaKind) {\n        const kind = node.data.mediaKind;\n        if (kind === 'data' && node.data.dataConfig) {\n          const cfg = node.data.dataConfig;\n          const cols = cfg.columns.map((c) => c.label ?? c.key).join(', ');\n          lines.push(`${indent}  - 数据表：${cfg.rows.length} 行 · 列（${cols}）`);\n        } else if (node.data.mediaContent && kind !== 'image' && kind !== 'model3d') {\n          const preview = node.data.mediaContent.trim().split('\\n')[0].slice(0, 80);\n          if (preview) lines.push(`${indent}  - ${kind}: ${preview}`);\n        }\n      }\n\n      // Recurse into visual group children.\n      const kids = childrenOf.get(node.id) ?? [];\n      for (const kid of kids) emitNode(kid, depth + 1);\n\n      // Recurse into a drill-down sub-canvas, if any.\n      const childCanvasId = node.data.childCanvasId;\n      if (childCanvasId && doc.canvases[childCanvasId] && !seenCanvases.has(childCanvasId)) {\n        seenCanvases.add(childCanvasId);\n        renderCanvas(childCanvasId, headingLevel + 1, seenCanvases);\n      }\n    };\n\n    const roots = childrenOf.get(undefined) ?? [];\n    for (const root of roots) emitNode(root, 0);\n\n    // Connections summary.\n    if (canvas.edges.length > 0) {\n      lines.push('');\n      lines.push(`${'#'.repeat(Math.min(6, headingLevel + 1))} 连接关系`);\n      for (const edge of canvas.edges) {\n        const from = byId.get(edge.source);\n        const to = byId.get(edge.target);\n        if (!from || !to) continue;\n        const edgeLabel = edge.data.labelText ? ` （${edge.data.labelText}）` : '';\n        lines.push(`- ${nodeLabel(from)} → ${nodeLabel(to)}${edgeLabel}`);\n      }\n    }\n  };\n\n  const seen = new Set<string>([ROOT_CANVAS_ID]);\n  lines.push('# 流程图');\n  lines.push('');\n  renderCanvas(ROOT_CANVAS_ID, 1, seen);\n\n  // Any orphan canvases not reached via drill-down nodes.\n  for (const canvasId of Object.keys(doc.canvases)) {\n    if (seen.has(canvasId)) continue;\n    seen.add(canvasId);\n    lines.push('');\n    lines.push(`## 画布 ${canvasId}`);\n    lines.push('');\n    renderCanvas(canvasId, 2, seen);\n  }\n\n  return lines.join('\\n').replace(/\\n{3,}/g, '\\n\\n').trim() + '\\n';\n}\n\n/**\n * Simple Mermaid flowchart parser.\n * Handles basic `graph TD` / `flowchart LR` syntax with node definitions and edges.\n */\nfunction parseMermaidFlowchart(code: string): FlowDocument {\n  const lines = code.split('\\n').map(l => l.trim()).filter(l => l && !l.startsWith('%%'));\n\n  const nodeMap = new Map<string, { id: string; label: string }>();\n  const edges: Array<{ from: string; to: string; label?: string }> = [];\n\n  let isHorizontal = false;\n\n  for (const line of lines) {\n    // Detect direction\n    if (/^(graph|flowchart)\\s+(LR|RL)/i.test(line)) {\n      isHorizontal = true;\n      continue;\n    }\n    if (/^(graph|flowchart)\\s+/i.test(line)) continue;\n\n    // Edge patterns: A --> B, A -->|label| B, A --- B\n    const edgeMatch = line.match(/^(\\w+)(?:\\[([^\\]]*)\\])?\\s*(-->|---|-\\.->|==>)(?:\\|([^|]*)\\|)?\\s*(\\w+)(?:\\[([^\\]]*)\\])?/);\n    if (edgeMatch) {\n      const [, fromId, fromLabel, , edgeLabel, toId, toLabel] = edgeMatch;\n      if (fromLabel && !nodeMap.has(fromId)) nodeMap.set(fromId, { id: fromId, label: fromLabel });\n      if (toLabel && !nodeMap.has(toId)) nodeMap.set(toId, { id: toId, label: toLabel });\n      if (!nodeMap.has(fromId)) nodeMap.set(fromId, { id: fromId, label: fromId });\n      if (!nodeMap.has(toId)) nodeMap.set(toId, { id: toId, label: toId });\n      edges.push({ from: fromId, to: toId, label: edgeLabel?.trim() });\n      continue;\n    }\n\n    // Standalone node: A[Label]\n    const nodeMatch = line.match(/^(\\w+)\\[([^\\]]*)\\]/);\n    if (nodeMatch) {\n      const [, id, label] = nodeMatch;\n      if (!nodeMap.has(id)) nodeMap.set(id, { id, label });\n    }\n  }\n\n  // Layout: simple grid placement\n  const nodeIds = [...nodeMap.keys()];\n  const cols = isHorizontal ? nodeIds.length : Math.ceil(Math.sqrt(nodeIds.length));\n  const spacing = { x: 200, y: 120 };\n\n  const nodes: FlowNode[] = nodeIds.map((id, i) => {\n    const col = i % cols;\n    const row = Math.floor(i / cols);\n    const data = nodeMap.get(id)!;\n    return {\n      id: data.id,\n      type: 'shapeRoundRect' as const,\n      position: { x: 100 + col * spacing.x, y: 100 + row * spacing.y },\n      width: 140,\n      height: 60,\n      data: {\n        label: data.label,\n        fill: 'theme:base-100',\n        stroke: 'theme:base-content',\n        strokeWidth: 2,\n        color: 'theme:base-content',\n        fontSize: 14,\n      },\n    };\n  });\n\n  const flowEdges: FlowEdge[] = edges.map((e) => ({\n    id: generateId('edge'),\n    source: e.from,\n    target: e.to,\n    type: 'smoothstep' as const,\n    data: {\n      strokeColor: 'theme:base-content',\n      strokeWidth: 2,\n      lineStyle: 'solid' as const,\n      markerEnd: 'arrowclosed' as const,\n      labelText: e.label,\n    },\n  }));\n\n  return {\n    canvases: {\n      [ROOT_CANVAS_ID]: { nodes, edges: flowEdges, lines: [] },\n    },\n    stack: [ROOT_CANVAS_ID],\n  };\n}\n\n/**\n * Export the PixiJS canvas as PNG data URL.\n */\nexport async function exportCanvasToPNG(canvas: HTMLCanvasElement): Promise<string> {\n  return canvas.toDataURL('image/png');\n}\n\n/**\n * Download a data URL as a file.\n */\nexport function downloadDataURL(dataUrl: string, filename: string): void {\n  const a = document.createElement('a');\n  a.href = dataUrl;\n  a.download = filename;\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAkB;AAaxB,SAAgB,EAAiB,GAA2B,IAAW,aAAqB;CAE1F,QADc,KAAS,GAAA,CAAI,KAAK,CAAC,CAAC,QAAQ,kBAAkB,GAAG,CAAC,CAAC,QAAQ,QAAQ,GAAG,CAAC,CAAC,KAC/E,KAAQ;AACjB;AAMA,SAAgB,IAAsB;CACpC,IAAM,EAAE,QAAK,cAAW,EAAe;CA+DvC,OAAO;EAAE,YA7DU,QAA0B;GAC3C,IAAM,IAAiC;IACrC,SAAS;IACT,UAAU,EAAI;IACd,OAAO,EAAI;IACX,OAAO,EAAI;GACb;GACA,OAAO,KAAK,UAAU,GAAY,MAAM,CAAC;EAC3C,GAAG,CAAC,CAAG,CAqDE;EAAY,YAnDF,GAAa,MAAiB;GAC/C,IAAI;IACF,IAAM,IAAS,KAAK,MAAM,CAAI;IAG9B,IAAI,EAAc,CAAM,GAAG;KACzB,EAAO,EAAsB,CAAM,CAAC;KACpC;IACF;IACA,IAAM,IAAM;IACZ,IAAI,CAAC,EAAI,YAAY,CAAC,EAAI,OAAO,MAAU,MAAM,yBAAyB;IAC1E,EAAO;KACL,UAAU,EAAI;KACd,OAAO,EAAI;KACX,OAAO,EAAI;IACb,CAAC;GACH,SAAS,GAAK;IACZ,QAAQ,MAAM,0BAA0B,CAAG;GAC7C;EACF,GAAG,CAAC,CAAM,CAgCW;EAAY,eAzBX,GAAa,MAAoC;GACrE,IAAI;IACF,IAAM,IAAO,OAAO,KAAU,WAAW,KAAK,MAAM,CAAK,IAAI;IAG7D,OAFK,EAAc,CAAI,KACvB,EAAO,EAAsB,CAAI,CAAC,GAC3B,MAF0B;GAGnC,SAAS,GAAK;IAEZ,OADA,QAAQ,MAAM,kCAAkC,CAAG,GAC5C;GACT;EACF,GAAG,CAAC,CAAM,CAeuB;EAAe,eAb1B,GAAa,MAAwB;GACzD,IAAM,IAAM,EAAsB,CAAW;GAC7C,EAAO,CAAG;EACZ,GAAG,CAAC,CAAM,CAUsC;EAAe,gBARxC,QACd,EAAmB,CAAG,GAC5B,CAAC,CAAG,CAMwD;EAAgB,eAJzD,QAAkB;GACtC,EAAO,EAAoB,CAAC;EAC9B,GAAG,CAAC,CAAM,CAEqE;CAAc;AAC/F;AAQA,SAAS,EAAmB,GAA2B;CACrD,IAAM,IAAkB,CAAC,GAEnB,KAAa,MAAwB;EACzC,IAAM,KAAO,EAAE,KAAK,SAAS,GAAA,CAAI,KAAK;EAGtC,OAFI,IAAY,EAAI,QAAQ,QAAQ,GAAG,IACnC,EAAE,SAAS,cAAoB,IAAI,EAAE,KAAK,aAAa,QAAQ,KAC5D,IAAI,EAAE,KAAK;CACpB,GAEM,KAAgB,GAAkB,GAAsB,MAA8B;EAC1F,IAAM,IAAS,EAAI,SAAS;EAC5B,IAAI,CAAC,GAAQ;EAGb,IAAM,IAAO,IAAI,IAAI,EAAO,MAAM,KAAK,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,GACjD,oBAAa,IAAI,IAAoC;EAC3D,KAAK,IAAM,KAAK,EAAO,OAAO;GAC5B,IAAM,IAAM,EAAE,YAAY,EAAK,IAAI,EAAE,QAAQ,IAAI,EAAE,WAAW,KAAA,GACxD,IAAO,EAAW,IAAI,CAAG,KAAK,CAAC;GAErC,AADA,EAAK,KAAK,CAAC,GACX,EAAW,IAAI,GAAK,CAAI;EAC1B;EAEA,IAAM,KAAY,GAAgB,MAAkB;GAClD,IAAM,IAAS,KAAK,OAAO,CAAK,GAE1B,IADU,EAAK,KAAK,WAAW,EAAK,SAAS,eAAe,EAAK,SAAS,kBACvD,KAAK,EAAU,CAAI,EAAE,MAAM,EAAU,CAAI;GAIlE,IAHA,EAAM,KAAK,GAAG,EAAO,IAAI,GAAQ,GAG7B,EAAK,SAAS,eAAe,EAAK,KAAK,WAAW;IACpD,IAAM,IAAO,EAAK,KAAK;IACvB,IAAI,MAAS,UAAU,EAAK,KAAK,YAAY;KAC3C,IAAM,IAAM,EAAK,KAAK,YAChB,IAAO,EAAI,QAAQ,KAAK,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,IAAI;KAC/D,EAAM,KAAK,GAAG,EAAO,UAAU,EAAI,KAAK,OAAO,SAAS,EAAK,EAAE;IACjE,OAAO,IAAI,EAAK,KAAK,gBAAgB,MAAS,WAAW,MAAS,WAAW;KAC3E,IAAM,IAAU,EAAK,KAAK,aAAa,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,EAAE;KACxE,AAAI,KAAS,EAAM,KAAK,GAAG,EAAO,MAAM,EAAK,IAAI,GAAS;IAC5D;GACF;GAGA,IAAM,IAAO,EAAW,IAAI,EAAK,EAAE,KAAK,CAAC;GACzC,KAAK,IAAM,KAAO,GAAM,EAAS,GAAK,IAAQ,CAAC;GAG/C,IAAM,IAAgB,EAAK,KAAK;GAChC,AAAI,KAAiB,EAAI,SAAS,MAAkB,CAAC,EAAa,IAAI,CAAa,MACjF,EAAa,IAAI,CAAa,GAC9B,EAAa,GAAe,IAAe,GAAG,CAAY;EAE9D,GAEM,IAAQ,EAAW,IAAI,KAAA,CAAS,KAAK,CAAC;EAC5C,KAAK,IAAM,KAAQ,GAAO,EAAS,GAAM,CAAC;EAG1C,IAAI,EAAO,MAAM,SAAS,GAAG;GAE3B,AADA,EAAM,KAAK,EAAE,GACb,EAAM,KAAK,GAAG,IAAI,OAAO,KAAK,IAAI,GAAG,IAAe,CAAC,CAAC,EAAE,MAAM;GAC9D,KAAK,IAAM,KAAQ,EAAO,OAAO;IAC/B,IAAM,IAAO,EAAK,IAAI,EAAK,MAAM,GAC3B,IAAK,EAAK,IAAI,EAAK,MAAM;IAC/B,IAAI,CAAC,KAAQ,CAAC,GAAI;IAClB,IAAM,IAAY,EAAK,KAAK,YAAY,KAAK,EAAK,KAAK,UAAU,KAAK;IACtE,EAAM,KAAK,KAAK,EAAU,CAAI,EAAE,KAAK,EAAU,CAAE,IAAI,GAAW;GAClE;EACF;CACF,GAEM,oBAAO,IAAI,IAAY,CAAC,CAAc,CAAC;CAG7C,AAFA,EAAM,KAAK,OAAO,GAClB,EAAM,KAAK,EAAE,GACb,EAAa,GAAgB,GAAG,CAAI;CAGpC,KAAK,IAAM,KAAY,OAAO,KAAK,EAAI,QAAQ,GACzC,EAAK,IAAI,CAAQ,MACrB,EAAK,IAAI,CAAQ,GACjB,EAAM,KAAK,EAAE,GACb,EAAM,KAAK,SAAS,GAAU,GAC9B,EAAM,KAAK,EAAE,GACb,EAAa,GAAU,GAAG,CAAI;CAGhC,OAAO,EAAM,KAAK,IAAI,CAAC,CAAC,QAAQ,WAAW,MAAM,CAAC,CAAC,KAAK,IAAI;AAC9D;AAMA,SAAS,EAAsB,GAA4B;CACzD,IAAM,IAAQ,EAAK,MAAM,IAAI,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC,CAAC,CAAC,QAAO,MAAK,KAAK,CAAC,EAAE,WAAW,IAAI,CAAC,GAEhF,oBAAU,IAAI,IAA2C,GACzD,IAA6D,CAAC,GAEhE,IAAe;CAEnB,KAAK,IAAM,KAAQ,GAAO;EAExB,IAAI,gCAAgC,KAAK,CAAI,GAAG;GAC9C,IAAe;GACf;EACF;EACA,IAAI,yBAAyB,KAAK,CAAI,GAAG;EAGzC,IAAM,IAAY,EAAK,MAAM,wFAAwF;EACrH,IAAI,GAAW;GACb,IAAM,GAAG,GAAQ,KAAa,GAAW,GAAM,KAAW;GAK1D,AAJI,KAAa,CAAC,EAAQ,IAAI,CAAM,KAAG,EAAQ,IAAI,GAAQ;IAAE,IAAI;IAAQ,OAAO;GAAU,CAAC,GACvF,KAAW,CAAC,EAAQ,IAAI,CAAI,KAAG,EAAQ,IAAI,GAAM;IAAE,IAAI;IAAM,OAAO;GAAQ,CAAC,GAC5E,EAAQ,IAAI,CAAM,KAAG,EAAQ,IAAI,GAAQ;IAAE,IAAI;IAAQ,OAAO;GAAO,CAAC,GACtE,EAAQ,IAAI,CAAI,KAAG,EAAQ,IAAI,GAAM;IAAE,IAAI;IAAM,OAAO;GAAK,CAAC,GACnE,EAAM,KAAK;IAAE,MAAM;IAAQ,IAAI;IAAM,OAAO,GAAW,KAAK;GAAE,CAAC;GAC/D;EACF;EAGA,IAAM,IAAY,EAAK,MAAM,oBAAoB;EACjD,IAAI,GAAW;GACb,IAAM,GAAG,GAAI,KAAS;GACtB,AAAK,EAAQ,IAAI,CAAE,KAAG,EAAQ,IAAI,GAAI;IAAE;IAAI;GAAM,CAAC;EACrD;CACF;CAGA,IAAM,IAAU,CAAC,GAAG,EAAQ,KAAK,CAAC,GAC5B,IAAO,IAAe,EAAQ,SAAS,KAAK,KAAK,KAAK,KAAK,EAAQ,MAAM,CAAC,GAC1E,IAAU;EAAE,GAAG;EAAK,GAAG;CAAI,GAE3B,IAAoB,EAAQ,KAAK,GAAI,MAAM;EAC/C,IAAM,IAAM,IAAI,GACV,IAAM,KAAK,MAAM,IAAI,CAAI,GACzB,IAAO,EAAQ,IAAI,CAAE;EAC3B,OAAO;GACL,IAAI,EAAK;GACT,MAAM;GACN,UAAU;IAAE,GAAG,MAAM,IAAM,EAAQ;IAAG,GAAG,MAAM,IAAM,EAAQ;GAAE;GAC/D,OAAO;GACP,QAAQ;GACR,MAAM;IACJ,OAAO,EAAK;IACZ,MAAM;IACN,QAAQ;IACR,aAAa;IACb,OAAO;IACP,UAAU;GACZ;EACF;CACF,CAAC,GAEK,IAAwB,EAAM,KAAK,OAAO;EAC9C,IAAI,EAAW,MAAM;EACrB,QAAQ,EAAE;EACV,QAAQ,EAAE;EACV,MAAM;EACN,MAAM;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,WAAW;GACX,WAAW,EAAE;EACf;CACF,EAAE;CAEF,OAAO;EACL,UAAU,GACP,IAAiB;GAAE;GAAO,OAAO;GAAW,OAAO,CAAC;EAAE,EACzD;EACA,OAAO,CAAC,CAAc;CACxB;AACF;AAKA,eAAsB,EAAkB,GAA4C;CAClF,OAAO,EAAO,UAAU,WAAW;AACrC;AAKA,SAAgB,EAAgB,GAAiB,GAAwB;CACvE,IAAM,IAAI,SAAS,cAAc,GAAG;CAKpC,AAJA,EAAE,OAAO,GACT,EAAE,WAAW,GACb,SAAS,KAAK,YAAY,CAAC,GAC3B,EAAE,MAAM,GACR,SAAS,KAAK,YAAY,CAAC;AAC7B"}

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

@@ -1,41 +1,35 @@
-import { useFlowContext as u } from "../context/FlowContext.js";
-import { useFlowUI as i } from "../context/FlowUIContext.js";
-import { useEffect as d } from "react";
-function D(t) {
-  const { selection: a, setSelection: f, currentCanvas: p } = u(), { editingNodeId: n, setToolMode: y, setPendingPlacement: s } = i();
-  d(() => {
-    const o = (e) => {
-      const l = e.target;
-      if (l.tagName === "INPUT" || l.tagName === "TEXTAREA" || l.isContentEditable || n) return;
-      const r = e.metaKey || e.ctrlKey;
-      if (r && e.key === "z" && !e.shiftKey)
-        e.preventDefault(), t.undo();
-      else if (r && (e.key === "Z" || e.key === "z" && e.shiftKey))
-        e.preventDefault(), t.redo();
-      else if (r && e.key === "c")
-        e.preventDefault(), t.copy();
-      else if (r && e.key === "x")
-        e.preventDefault(), t.cut();
-      else {
-        if (r && e.key === "v") return;
-        r && e.key === "a" ? (e.preventDefault(), t.selectAll()) : r && (e.key === "d" || e.key === "D") ? (e.preventDefault(), t.duplicate()) : r && e.altKey && (e.key === "g" || e.key === "G") ? (e.preventDefault(), t.geoGroup?.()) : r && e.key === "g" && !e.shiftKey && !e.altKey ? (e.preventDefault(), t.group?.()) : r && (e.key === "G" || e.key === "g" && e.shiftKey) && !e.altKey ? (e.preventDefault(), t.ungroup?.()) : r && e.shiftKey && e.key === "ArrowUp" ? (e.preventDefault(), t.bringToFront?.()) : r && !e.shiftKey && e.key === "ArrowUp" ? (e.preventDefault(), t.bringForward?.()) : r && !e.shiftKey && e.key === "ArrowDown" ? (e.preventDefault(), t.sendBackward?.()) : r && e.shiftKey && e.key === "ArrowDown" ? (e.preventDefault(), t.sendToBack?.()) : e.key === "Delete" || e.key === "Backspace" ? (e.preventDefault(), t.deleteSelected()) : e.key === "Escape" && (f({
-          nodeIds: /* @__PURE__ */ new Set(),
-          edgeIds: /* @__PURE__ */ new Set(),
-          lineIds: /* @__PURE__ */ new Set()
-        }), y("select"), s(null));
-      }
-    };
-    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
-  }, [
-    t,
-    n,
-    f,
-    y,
-    s
-  ]);
+import { useFlowContext as e } from "../context/FlowContext.js";
+import { useFlowUI as t } from "../context/FlowUIContext.js";
+import { useEffect as n } from "react";
+//#region src/components/pro/Flow/hooks/useKeyboardShortcuts.ts
+function r(r) {
+	let { selection: i, setSelection: a, currentCanvas: o } = e(), { editingNodeId: s, setToolMode: c, setPendingPlacement: l } = t();
+	n(() => {
+		let e = (e) => {
+			let t = e.target;
+			if (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable || s) return;
+			let n = e.metaKey || e.ctrlKey;
+			if (n && e.key === "z" && !e.shiftKey) e.preventDefault(), r.undo();
+			else if (n && (e.key === "Z" || e.key === "z" && e.shiftKey)) e.preventDefault(), r.redo();
+			else if (n && e.key === "c") e.preventDefault(), r.copy();
+			else if (n && e.key === "x") e.preventDefault(), r.cut();
+			else if (n && e.key === "v") return;
+			else n && e.key === "a" ? (e.preventDefault(), r.selectAll()) : n && (e.key === "d" || e.key === "D") ? (e.preventDefault(), r.duplicate()) : n && e.altKey && (e.key === "g" || e.key === "G") ? (e.preventDefault(), r.geoGroup?.()) : n && e.key === "g" && !e.shiftKey && !e.altKey ? (e.preventDefault(), r.group?.()) : n && (e.key === "G" || e.key === "g" && e.shiftKey) && !e.altKey ? (e.preventDefault(), r.ungroup?.()) : n && e.shiftKey && e.key === "ArrowUp" ? (e.preventDefault(), r.bringToFront?.()) : n && !e.shiftKey && e.key === "ArrowUp" ? (e.preventDefault(), r.bringForward?.()) : n && !e.shiftKey && e.key === "ArrowDown" ? (e.preventDefault(), r.sendBackward?.()) : n && e.shiftKey && e.key === "ArrowDown" ? (e.preventDefault(), r.sendToBack?.()) : e.key === "Delete" || e.key === "Backspace" ? (e.preventDefault(), r.deleteSelected()) : e.key === "Escape" && (a({
+				nodeIds: /* @__PURE__ */ new Set(),
+				edgeIds: /* @__PURE__ */ new Set(),
+				lineIds: /* @__PURE__ */ new Set()
+			}), c("select"), l(null));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		r,
+		s,
+		a,
+		c,
+		l
+	]);
 }
-export {
-  D as useKeyboardShortcuts
-};
+//#endregion
+export { r as useKeyboardShortcuts };
 
 //# sourceMappingURL=useKeyboardShortcuts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardShortcuts.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useKeyboardShortcuts.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\n\ninterface KeyboardShortcutActions {\n  undo: () => void;\n  redo: () => void;\n  copy: () => void;\n  cut: () => void;\n  paste: () => void;\n  duplicate: () => void;\n  deleteSelected: () => void;\n  selectAll: () => void;\n  group?: () => void;\n  geoGroup?: () => void;\n  ungroup?: () => void;\n  bringToFront?: () => void;\n  bringForward?: () => void;\n  sendBackward?: () => void;\n  sendToBack?: () => void;\n}\n\n/**\n * Registers global keyboard shortcuts for the flow editor.\n */\nexport function useKeyboardShortcuts(actions: KeyboardShortcutActions) {\n  const { selection, setSelection, currentCanvas } = useFlowContext();\n  const { editingNodeId, setToolMode, setPendingPlacement } = useFlowUI();\n\n  useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      // Don't intercept when editing text in inputs\n      const target = e.target as HTMLElement;\n      if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) return;\n      if (editingNodeId) return;\n\n      const meta = e.metaKey || e.ctrlKey;\n\n      if (meta && e.key === 'z' && !e.shiftKey) {\n        e.preventDefault();\n        actions.undo();\n      } else if (meta && (e.key === 'Z' || (e.key === 'z' && e.shiftKey))) {\n        e.preventDefault();\n        actions.redo();\n      } else if (meta && e.key === 'c') {\n        e.preventDefault();\n        actions.copy();\n      } else if (meta && e.key === 'x') {\n        e.preventDefault();\n        actions.cut();\n      } else if (meta && e.key === 'v') {\n        // Let the native paste event inspect image clipboard data. Structured\n        // Flow clipboard fallback is handled there when no image is present.\n        return;\n      } else if (meta && e.key === 'a') {\n        e.preventDefault();\n        actions.selectAll();\n      } else if (meta && (e.key === 'd' || e.key === 'D')) {\n        e.preventDefault();\n        actions.duplicate();\n      } else if (meta && e.altKey && (e.key === 'g' || e.key === 'G')) {\n        e.preventDefault();\n        actions.geoGroup?.();\n      } else if (meta && e.key === 'g' && !e.shiftKey && !e.altKey) {\n        e.preventDefault();\n        actions.group?.();\n      } else if (meta && (e.key === 'G' || (e.key === 'g' && e.shiftKey)) && !e.altKey) {\n        e.preventDefault();\n        actions.ungroup?.();\n      } else if (meta && e.shiftKey && e.key === 'ArrowUp') {\n        e.preventDefault();\n        actions.bringToFront?.();\n      } else if (meta && !e.shiftKey && e.key === 'ArrowUp') {\n        e.preventDefault();\n        actions.bringForward?.();\n      } else if (meta && !e.shiftKey && e.key === 'ArrowDown') {\n        e.preventDefault();\n        actions.sendBackward?.();\n      } else if (meta && e.shiftKey && e.key === 'ArrowDown') {\n        e.preventDefault();\n        actions.sendToBack?.();\n      } else if (e.key === 'Delete' || e.key === 'Backspace') {\n        e.preventDefault();\n        actions.deleteSelected();\n      } else if (e.key === 'Escape') {\n        setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n        setToolMode('select');\n        setPendingPlacement(null);\n      }\n    };\n\n    window.addEventListener('keydown', handler);\n    return () => window.removeEventListener('keydown', handler);\n  }, [actions, editingNodeId, setSelection, setToolMode, setPendingPlacement]);\n}\n"],"mappings":";;;AAyBA,SAAgB,EAAqB,GAAkC;AACrE,QAAM,EAAE,WAAA,GAAW,cAAA,GAAc,eAAA,EAAA,IAAkB,EAAe,GAC5D,EAAE,eAAA,GAAe,aAAA,GAAa,qBAAA,EAAA,IAAwB,EAAU;AAEtE,EAAA,EAAA,MAAgB;AACd,UAAM,IAAA,CAAW,MAAqB;AAEpC,YAAM,IAAS,EAAE;AAEjB,UADI,EAAO,YAAY,WAAW,EAAO,YAAY,cAAc,EAAO,qBACtE,EAAe;AAEnB,YAAM,IAAO,EAAE,WAAW,EAAE;AAE5B,UAAI,KAAQ,EAAE,QAAQ,OAAO,CAAC,EAAE;AAC9B,UAAE,eAAe,GACjB,EAAQ,KAAK;AAAA,eACJ,MAAS,EAAE,QAAQ,OAAQ,EAAE,QAAQ,OAAO,EAAE;AACvD,UAAE,eAAe,GACjB,EAAQ,KAAK;AAAA,eACJ,KAAQ,EAAE,QAAQ;AAC3B,UAAE,eAAe,GACjB,EAAQ,KAAK;AAAA,eACJ,KAAQ,EAAE,QAAQ;AAC3B,UAAE,eAAe,GACjB,EAAQ,IAAI;AAAA,WACP;AAAA,YAAI,KAAQ,EAAE,QAAQ,IAG3B;AACK,QAAI,KAAQ,EAAE,QAAQ,OAC3B,EAAE,eAAe,GACjB,EAAQ,UAAU,KACT,MAAS,EAAE,QAAQ,OAAO,EAAE,QAAQ,QAC7C,EAAE,eAAe,GACjB,EAAQ,UAAU,KACT,KAAQ,EAAE,WAAW,EAAE,QAAQ,OAAO,EAAE,QAAQ,QACzD,EAAE,eAAe,GACjB,EAAQ,WAAW,KACV,KAAQ,EAAE,QAAQ,OAAO,CAAC,EAAE,YAAY,CAAC,EAAE,UACpD,EAAE,eAAe,GACjB,EAAQ,QAAQ,KACP,MAAS,EAAE,QAAQ,OAAQ,EAAE,QAAQ,OAAO,EAAE,aAAc,CAAC,EAAE,UACxE,EAAE,eAAe,GACjB,EAAQ,UAAU,KACT,KAAQ,EAAE,YAAY,EAAE,QAAQ,aACzC,EAAE,eAAe,GACjB,EAAQ,eAAe,KACd,KAAQ,CAAC,EAAE,YAAY,EAAE,QAAQ,aAC1C,EAAE,eAAe,GACjB,EAAQ,eAAe,KACd,KAAQ,CAAC,EAAE,YAAY,EAAE,QAAQ,eAC1C,EAAE,eAAe,GACjB,EAAQ,eAAe,KACd,KAAQ,EAAE,YAAY,EAAE,QAAQ,eACzC,EAAE,eAAe,GACjB,EAAQ,aAAa,KACZ,EAAE,QAAQ,YAAY,EAAE,QAAQ,eACzC,EAAE,eAAe,GACjB,EAAQ,eAAe,KACd,EAAE,QAAQ,aACnB,EAAa;AAAA,UAAE,SAAS,oBAAI,IAAI;AAAA,UAAG,SAAS,oBAAI,IAAI;AAAA,UAAG,SAAS,oBAAI,IAAI;AAAA,QAAE,CAAC,GAC3E,EAAY,QAAQ,GACpB,EAAoB,IAAI;AAAA;AAAA,IAE5B;AAEA,kBAAO,iBAAiB,WAAW,CAAO,GAC1C,MAAa,OAAO,oBAAoB,WAAW,CAAO;AAAA,EAC5D,GAAG;AAAA,IAAC;AAAA,IAAS;AAAA,IAAe;AAAA,IAAc;AAAA,IAAa;AAAA,EAAmB,CAAC;AAC7E"}
+{"version":3,"file":"useKeyboardShortcuts.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useKeyboardShortcuts.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\n\ninterface KeyboardShortcutActions {\n  undo: () => void;\n  redo: () => void;\n  copy: () => void;\n  cut: () => void;\n  paste: () => void;\n  duplicate: () => void;\n  deleteSelected: () => void;\n  selectAll: () => void;\n  group?: () => void;\n  geoGroup?: () => void;\n  ungroup?: () => void;\n  bringToFront?: () => void;\n  bringForward?: () => void;\n  sendBackward?: () => void;\n  sendToBack?: () => void;\n}\n\n/**\n * Registers global keyboard shortcuts for the flow editor.\n */\nexport function useKeyboardShortcuts(actions: KeyboardShortcutActions) {\n  const { selection, setSelection, currentCanvas } = useFlowContext();\n  const { editingNodeId, setToolMode, setPendingPlacement } = useFlowUI();\n\n  useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      // Don't intercept when editing text in inputs\n      const target = e.target as HTMLElement;\n      if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) return;\n      if (editingNodeId) return;\n\n      const meta = e.metaKey || e.ctrlKey;\n\n      if (meta && e.key === 'z' && !e.shiftKey) {\n        e.preventDefault();\n        actions.undo();\n      } else if (meta && (e.key === 'Z' || (e.key === 'z' && e.shiftKey))) {\n        e.preventDefault();\n        actions.redo();\n      } else if (meta && e.key === 'c') {\n        e.preventDefault();\n        actions.copy();\n      } else if (meta && e.key === 'x') {\n        e.preventDefault();\n        actions.cut();\n      } else if (meta && e.key === 'v') {\n        // Let the native paste event inspect image clipboard data. Structured\n        // Flow clipboard fallback is handled there when no image is present.\n        return;\n      } else if (meta && e.key === 'a') {\n        e.preventDefault();\n        actions.selectAll();\n      } else if (meta && (e.key === 'd' || e.key === 'D')) {\n        e.preventDefault();\n        actions.duplicate();\n      } else if (meta && e.altKey && (e.key === 'g' || e.key === 'G')) {\n        e.preventDefault();\n        actions.geoGroup?.();\n      } else if (meta && e.key === 'g' && !e.shiftKey && !e.altKey) {\n        e.preventDefault();\n        actions.group?.();\n      } else if (meta && (e.key === 'G' || (e.key === 'g' && e.shiftKey)) && !e.altKey) {\n        e.preventDefault();\n        actions.ungroup?.();\n      } else if (meta && e.shiftKey && e.key === 'ArrowUp') {\n        e.preventDefault();\n        actions.bringToFront?.();\n      } else if (meta && !e.shiftKey && e.key === 'ArrowUp') {\n        e.preventDefault();\n        actions.bringForward?.();\n      } else if (meta && !e.shiftKey && e.key === 'ArrowDown') {\n        e.preventDefault();\n        actions.sendBackward?.();\n      } else if (meta && e.shiftKey && e.key === 'ArrowDown') {\n        e.preventDefault();\n        actions.sendToBack?.();\n      } else if (e.key === 'Delete' || e.key === 'Backspace') {\n        e.preventDefault();\n        actions.deleteSelected();\n      } else if (e.key === 'Escape') {\n        setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n        setToolMode('select');\n        setPendingPlacement(null);\n      }\n    };\n\n    window.addEventListener('keydown', handler);\n    return () => window.removeEventListener('keydown', handler);\n  }, [actions, editingNodeId, setSelection, setToolMode, setPendingPlacement]);\n}\n"],"mappings":";;;;AAyBA,SAAgB,EAAqB,GAAkC;CACrE,IAAM,EAAE,cAAW,iBAAc,qBAAkB,EAAe,GAC5D,EAAE,kBAAe,gBAAa,2BAAwB,EAAU;CAEtE,QAAgB;EACd,IAAM,KAAW,MAAqB;GAEpC,IAAM,IAAS,EAAE;GAEjB,IADI,EAAO,YAAY,WAAW,EAAO,YAAY,cAAc,EAAO,qBACtE,GAAe;GAEnB,IAAM,IAAO,EAAE,WAAW,EAAE;GAE5B,IAAI,KAAQ,EAAE,QAAQ,OAAO,CAAC,EAAE,UAE9B,AADA,EAAE,eAAe,GACjB,EAAQ,KAAK;QACR,IAAI,MAAS,EAAE,QAAQ,OAAQ,EAAE,QAAQ,OAAO,EAAE,WAEvD,AADA,EAAE,eAAe,GACjB,EAAQ,KAAK;QACR,IAAI,KAAQ,EAAE,QAAQ,KAE3B,AADA,EAAE,eAAe,GACjB,EAAQ,KAAK;QACR,IAAI,KAAQ,EAAE,QAAQ,KAE3B,AADA,EAAE,eAAe,GACjB,EAAQ,IAAI;QACP,IAAI,KAAQ,EAAE,QAAQ,KAG3B;QACK,AAAI,KAAQ,EAAE,QAAQ,OAC3B,EAAE,eAAe,GACjB,EAAQ,UAAU,KACT,MAAS,EAAE,QAAQ,OAAO,EAAE,QAAQ,QAC7C,EAAE,eAAe,GACjB,EAAQ,UAAU,KACT,KAAQ,EAAE,WAAW,EAAE,QAAQ,OAAO,EAAE,QAAQ,QACzD,EAAE,eAAe,GACjB,EAAQ,WAAW,KACV,KAAQ,EAAE,QAAQ,OAAO,CAAC,EAAE,YAAY,CAAC,EAAE,UACpD,EAAE,eAAe,GACjB,EAAQ,QAAQ,KACP,MAAS,EAAE,QAAQ,OAAQ,EAAE,QAAQ,OAAO,EAAE,aAAc,CAAC,EAAE,UACxE,EAAE,eAAe,GACjB,EAAQ,UAAU,KACT,KAAQ,EAAE,YAAY,EAAE,QAAQ,aACzC,EAAE,eAAe,GACjB,EAAQ,eAAe,KACd,KAAQ,CAAC,EAAE,YAAY,EAAE,QAAQ,aAC1C,EAAE,eAAe,GACjB,EAAQ,eAAe,KACd,KAAQ,CAAC,EAAE,YAAY,EAAE,QAAQ,eAC1C,EAAE,eAAe,GACjB,EAAQ,eAAe,KACd,KAAQ,EAAE,YAAY,EAAE,QAAQ,eACzC,EAAE,eAAe,GACjB,EAAQ,aAAa,KACZ,EAAE,QAAQ,YAAY,EAAE,QAAQ,eACzC,EAAE,eAAe,GACjB,EAAQ,eAAe,KACd,EAAE,QAAQ,aACnB,EAAa;IAAE,yBAAS,IAAI,IAAI;IAAG,yBAAS,IAAI,IAAI;IAAG,yBAAS,IAAI,IAAI;GAAE,CAAC,GAC3E,EAAY,QAAQ,GACpB,EAAoB,IAAI;EAE5B;EAGA,OADA,OAAO,iBAAiB,WAAW,CAAO,SAC7B,OAAO,oBAAoB,WAAW,CAAO;CAC5D,GAAG;EAAC;EAAS;EAAe;EAAc;EAAa;CAAmB,CAAC;AAC7E"}