dishui 0.0.43 → 0.0.45

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

@@ -189,7 +189,7 @@ function j() {
   }, [d, m]), _(() => {
     const t = (e) => {
       const o = e.target;
-      if (o.matches(".flow-label-editor") || o.isContentEditable) return;
+      if (o.matches("input, textarea, select, .flow-label-editor") || o.isContentEditable) return;
       const i = c.nodeIds.size === 1 ? [...c.nodeIds][0] : null, n = i ? a.nodes.find((l) => l.id === i) : void 0, x = () => {
         e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
       };

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

@@ -1 +1 @@
-{"version":3,"file":"useMindMap.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useMindMap.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { DEFAULT_EDGE_DATA, DEFAULT_NODE_DATA } from '../constants';\nimport { generateId } from '../nodes/nodeUtils';\nimport type { FlowCanvasData, FlowNode } from '../types';\n\nconst NODE_WIDTH = 150;\nconst NODE_HEIGHT = 52;\nconst LEVEL_GAP = 100;\nconst ROW_GAP = 26;\n\nfunction layoutMindMap(\n  canvas: FlowCanvasData,\n  rootId: string,\n  fixed?: { id: string; position: { x: number; y: number } },\n): Map<string, { x: number; y: number }> {\n  const nodes = canvas.nodes.filter(node => node.data.isMindMapNode);\n  const nodeMap = new Map(nodes.map(node => [node.id, node]));\n  const children = new Map<string, FlowNode[]>();\n  for (const node of nodes) {\n    const parentId = node.data.mindMapParentId;\n    if (!parentId || !nodeMap.has(parentId)) continue;\n    const list = children.get(parentId) ?? [];\n    list.push(node);\n    children.set(parentId, list);\n  }\n\n  const root = nodeMap.get(rootId);\n  if (!root) return new Map();\n  const positions = new Map<string, { x: number; y: number }>();\n  let nextY = root.position.y;\n\n  const place = (node: FlowNode, depth: number): number => {\n    const kids = children.get(node.id) ?? [];\n    let centerY: number;\n    if (kids.length === 0) {\n      centerY = nextY;\n      nextY += NODE_HEIGHT + ROW_GAP;\n    } else {\n      const childYs = kids.map(child => place(child, depth + 1));\n      centerY = (childYs[0] + childYs[childYs.length - 1]) / 2;\n    }\n    positions.set(node.id, {\n      x: root.position.x + depth * (NODE_WIDTH + LEVEL_GAP),\n      y: centerY,\n    });\n    return centerY;\n  };\n\n  place(root, 0);\n  if (fixed) {\n    const computed = positions.get(fixed.id);\n    if (computed) {\n      const dx = fixed.position.x - computed.x;\n      const dy = fixed.position.y - computed.y;\n      for (const [id, position] of positions) {\n        positions.set(id, { x: position.x + dx, y: position.y + dy });\n      }\n    }\n  }\n  return positions;\n}\n\nexport function useMindMap() {\n  const { setEditingNodeId, focusOnRect } = useFlowUI();\n  const { currentCanvas, currentCanvasId, selection, setSelection, setDoc } = useFlowContext();\n\n  const focusNode = useCallback((node: FlowNode | undefined) => {\n    if (!node) return;\n    window.setTimeout(() => {\n      focusOnRect(node.position.x, node.position.y, node.width, node.height, {\n        padding: 80,\n        preserveZoom: true,\n        duration: 280,\n      });\n    }, 0);\n  }, [focusOnRect]);\n\n  const createNode = useCallback((kind: 'child' | 'sibling-after' | 'sibling-before') => {\n    const selectedId = selection.nodeIds.size === 1 ? [...selection.nodeIds][0] : null;\n    const selected = selectedId ? currentCanvas.nodes.find(node => node.id === selectedId) : undefined;\n    if (!selected) return;\n\n    // A regular Flow node can become the root of a mind map on first use.\n    const parentId = kind === 'child' ? selected.id : selected.data.mindMapParentId;\n    if (kind !== 'child' && !parentId) return;\n    const id = generateId('mind');\n    const node: FlowNode = {\n      id,\n      type: 'shapeRoundRect',\n      position: { x: selected.position.x + NODE_WIDTH + LEVEL_GAP, y: selected.position.y + NODE_HEIGHT + ROW_GAP },\n      width: NODE_WIDTH,\n      height: NODE_HEIGHT,\n      zIndex: Math.max(0, ...currentCanvas.nodes.map(item => item.zIndex ?? 0)) + 1,\n      data: {\n        ...DEFAULT_NODE_DATA,\n        label: kind === 'child' ? '子主题' : '主题',\n        fill: '#ffffff',\n        stroke: '#6366f1',\n        strokeWidth: 2,\n        isMindMapNode: true,\n        mindMapParentId: parentId,\n      },\n    };\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      const rootId = (() => {\n        let cursor = selected;\n        const map = new Map(canvas.nodes.map(item => [item.id, item]));\n        while (cursor.data.mindMapParentId && map.has(cursor.data.mindMapParentId)) {\n          cursor = map.get(cursor.data.mindMapParentId)!;\n        }\n        return cursor.id;\n      })();\n      const normalizedNodes = canvas.nodes.map(item => item.id === selected.id && !item.data.isMindMapNode\n        ? { ...item, data: { ...item.data, isMindMapNode: true } }\n        : item);\n      const selectedIndex = normalizedNodes.findIndex(item => item.id === selected.id);\n      const insertIndex = kind === 'sibling-before'\n        ? selectedIndex\n        : selectedIndex + 1;\n      normalizedNodes.splice(Math.max(0, insertIndex), 0, node);\n      const nextCanvas: FlowCanvasData = {\n        ...canvas,\n        nodes: normalizedNodes,\n        edges: [...canvas.edges, {\n          id: generateId('edge'),\n          source: parentId!,\n          target: id,\n          type: 'simplebezier',\n          data: { ...DEFAULT_EDGE_DATA, markerEnd: 'none', strokeColor: '#94a3b8', strokeWidth: 1.5 },\n        }],\n      };\n      // Child insertion keeps the current node fixed. Sibling insertion keeps\n      // their shared parent fixed, so adding nodes never makes the parent jump.\n      const fixedNode = kind === 'child'\n        ? selected\n        : canvas.nodes.find(item => item.id === parentId) ?? selected;\n      const positions = layoutMindMap(nextCanvas, rootId, {\n        id: fixedNode.id,\n        position: fixedNode.position,\n      });\n      nextCanvas.nodes = nextCanvas.nodes.map(item => {\n        const pos = positions.get(item.id);\n        return pos ? { ...item, position: pos } : item;\n      });\n      return { ...prev, canvases: { ...prev.canvases, [currentCanvasId]: nextCanvas } };\n    });\n    setSelection({ nodeIds: new Set([id]), edgeIds: new Set(), lineIds: new Set() });\n  }, [selection, currentCanvas, currentCanvasId, setDoc, setSelection]);\n\n  const createRoot = useCallback(() => {\n    if (selection.nodeIds.size !== 0) return false;\n    const id = generateId('mind');\n    const highestZ = Math.max(0, ...currentCanvas.nodes.map(node => node.zIndex ?? 0));\n    const node: FlowNode = {\n      id,\n      type: 'shapeRoundRect',\n      position: { x: 120, y: 120 },\n      width: NODE_WIDTH,\n      height: NODE_HEIGHT,\n      zIndex: highestZ + 1,\n      data: { ...DEFAULT_NODE_DATA, label: '中心主题', fill: '#eef2ff', stroke: '#4f46e5', strokeWidth: 2, isMindMapNode: true },\n    };\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return { ...prev, canvases: { ...prev.canvases, [currentCanvasId]: { ...canvas, nodes: [...canvas.nodes, node] } } };\n    });\n    setSelection({ nodeIds: new Set([id]), edgeIds: new Set(), lineIds: new Set() });\n    return true;\n  }, [selection, currentCanvas, currentCanvasId, setDoc, setSelection]);\n\n  const focusedNodeId = selection.nodeIds.size === 1 ? [...selection.nodeIds][0] : null;\n\n  // Center only when keyboard focus/selection moves to another node. Node drag\n  // updates currentCanvas continuously; depending on currentCanvas here would\n  // make the viewport chase the mouse while an object is being repositioned.\n  useEffect(() => {\n    if (!focusedNodeId) return;\n    const node = currentCanvas.nodes.find(item => item.id === focusedNodeId);\n    if (!node) return;\n    const timer = window.setTimeout(() => focusNode(node), 20);\n    return () => window.clearTimeout(timer);\n    // currentCanvas is intentionally excluded: position-only updates must not\n    // retrigger viewport focus while dragging.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [focusedNodeId, focusNode]);\n\n  useEffect(() => {\n    const onKey = (event: KeyboardEvent) => {\n      const target = event.target as HTMLElement;\n      // Keep native input behavior only while the inline node-label editor is\n      // active. Inspector controls lose focus when a canvas node is selected.\n      if (target.matches('.flow-label-editor') || target.isContentEditable) return;\n      const selectedId = selection.nodeIds.size === 1 ? [...selection.nodeIds][0] : null;\n      const selected = selectedId ? currentCanvas.nodes.find(node => node.id === selectedId) : undefined;\n\n      const consume = () => {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n      };\n\n      if (event.key === 'Tab') {\n        consume();\n        if (!selected) createRoot();\n        else createNode('child');\n      } else if (event.key === 'Enter' && selected) {\n        consume();\n        createNode(event.shiftKey ? 'sibling-before' : 'sibling-after');\n      } else if ((event.key === ' ' || event.code === 'Space') && selected) {\n        consume();\n        setEditingNodeId(selected.id);\n      } else if (selected && ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n        const nodeMap = new Map(currentCanvas.nodes.map(node => [node.id, node]));\n        const siblings = currentCanvas.nodes.filter(node =>\n          node.data.isMindMapNode && node.data.mindMapParentId === selected.data.mindMapParentId,\n        );\n        const siblingIndex = siblings.findIndex(node => node.id === selected.id);\n        const children = currentCanvas.nodes.filter(node => node.data.mindMapParentId === selected.id);\n        let targetNode: FlowNode | undefined;\n        if (event.key === 'ArrowLeft' && selected.data.mindMapParentId) {\n          targetNode = nodeMap.get(selected.data.mindMapParentId);\n        } else if (event.key === 'ArrowRight') {\n          targetNode = children[0];\n        } else if (event.key === 'ArrowUp' && siblingIndex > 0) {\n          targetNode = siblings[siblingIndex - 1];\n        } else if (event.key === 'ArrowDown' && siblingIndex >= 0 && siblingIndex < siblings.length - 1) {\n          targetNode = siblings[siblingIndex + 1];\n        }\n\n        // Regular Flow nodes have no mind-map relationship metadata. Fall back\n        // to spatial navigation, choosing the nearest node in the requested\n        // direction. The perpendicular penalty favors visually aligned nodes.\n        if (!targetNode) {\n          const sx = selected.position.x + selected.width / 2;\n          const sy = selected.position.y + selected.height / 2;\n          const candidates = currentCanvas.nodes\n            .filter(node => node.id !== selected.id && node.type !== 'animAnchor')\n            .map(node => {\n              const dx = node.position.x + node.width / 2 - sx;\n              const dy = node.position.y + node.height / 2 - sy;\n              const inDirection = event.key === 'ArrowLeft' ? dx < 0\n                : event.key === 'ArrowRight' ? dx > 0\n                  : event.key === 'ArrowUp' ? dy < 0\n                    : dy > 0;\n              const primary = event.key === 'ArrowLeft' || event.key === 'ArrowRight'\n                ? Math.abs(dx)\n                : Math.abs(dy);\n              const perpendicular = event.key === 'ArrowLeft' || event.key === 'ArrowRight'\n                ? Math.abs(dy)\n                : Math.abs(dx);\n              return { node, inDirection, score: primary + perpendicular * 1.75 };\n            })\n            .filter(candidate => candidate.inDirection)\n            .sort((a, b) => a.score - b.score);\n          targetNode = candidates[0]?.node;\n        }\n\n        if (targetNode) {\n          consume();\n          setSelection({ nodeIds: new Set([targetNode.id]), edgeIds: new Set(), lineIds: new Set() });\n        }\n      }\n    };\n    window.addEventListener('keydown', onKey, true);\n    return () => window.removeEventListener('keydown', onKey, true);\n  }, [selection, currentCanvas, createNode, createRoot, setEditingNodeId, setSelection]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"useMindMap.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useMindMap.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { DEFAULT_EDGE_DATA, DEFAULT_NODE_DATA } from '../constants';\nimport { generateId } from '../nodes/nodeUtils';\nimport type { FlowCanvasData, FlowNode } from '../types';\n\nconst NODE_WIDTH = 150;\nconst NODE_HEIGHT = 52;\nconst LEVEL_GAP = 100;\nconst ROW_GAP = 26;\n\nfunction layoutMindMap(\n  canvas: FlowCanvasData,\n  rootId: string,\n  fixed?: { id: string; position: { x: number; y: number } },\n): Map<string, { x: number; y: number }> {\n  const nodes = canvas.nodes.filter(node => node.data.isMindMapNode);\n  const nodeMap = new Map(nodes.map(node => [node.id, node]));\n  const children = new Map<string, FlowNode[]>();\n  for (const node of nodes) {\n    const parentId = node.data.mindMapParentId;\n    if (!parentId || !nodeMap.has(parentId)) continue;\n    const list = children.get(parentId) ?? [];\n    list.push(node);\n    children.set(parentId, list);\n  }\n\n  const root = nodeMap.get(rootId);\n  if (!root) return new Map();\n  const positions = new Map<string, { x: number; y: number }>();\n  let nextY = root.position.y;\n\n  const place = (node: FlowNode, depth: number): number => {\n    const kids = children.get(node.id) ?? [];\n    let centerY: number;\n    if (kids.length === 0) {\n      centerY = nextY;\n      nextY += NODE_HEIGHT + ROW_GAP;\n    } else {\n      const childYs = kids.map(child => place(child, depth + 1));\n      centerY = (childYs[0] + childYs[childYs.length - 1]) / 2;\n    }\n    positions.set(node.id, {\n      x: root.position.x + depth * (NODE_WIDTH + LEVEL_GAP),\n      y: centerY,\n    });\n    return centerY;\n  };\n\n  place(root, 0);\n  if (fixed) {\n    const computed = positions.get(fixed.id);\n    if (computed) {\n      const dx = fixed.position.x - computed.x;\n      const dy = fixed.position.y - computed.y;\n      for (const [id, position] of positions) {\n        positions.set(id, { x: position.x + dx, y: position.y + dy });\n      }\n    }\n  }\n  return positions;\n}\n\nexport function useMindMap() {\n  const { setEditingNodeId, focusOnRect } = useFlowUI();\n  const { currentCanvas, currentCanvasId, selection, setSelection, setDoc } = useFlowContext();\n\n  const focusNode = useCallback((node: FlowNode | undefined) => {\n    if (!node) return;\n    window.setTimeout(() => {\n      focusOnRect(node.position.x, node.position.y, node.width, node.height, {\n        padding: 80,\n        preserveZoom: true,\n        duration: 280,\n      });\n    }, 0);\n  }, [focusOnRect]);\n\n  const createNode = useCallback((kind: 'child' | 'sibling-after' | 'sibling-before') => {\n    const selectedId = selection.nodeIds.size === 1 ? [...selection.nodeIds][0] : null;\n    const selected = selectedId ? currentCanvas.nodes.find(node => node.id === selectedId) : undefined;\n    if (!selected) return;\n\n    // A regular Flow node can become the root of a mind map on first use.\n    const parentId = kind === 'child' ? selected.id : selected.data.mindMapParentId;\n    if (kind !== 'child' && !parentId) return;\n    const id = generateId('mind');\n    const node: FlowNode = {\n      id,\n      type: 'shapeRoundRect',\n      position: { x: selected.position.x + NODE_WIDTH + LEVEL_GAP, y: selected.position.y + NODE_HEIGHT + ROW_GAP },\n      width: NODE_WIDTH,\n      height: NODE_HEIGHT,\n      zIndex: Math.max(0, ...currentCanvas.nodes.map(item => item.zIndex ?? 0)) + 1,\n      data: {\n        ...DEFAULT_NODE_DATA,\n        label: kind === 'child' ? '子主题' : '主题',\n        fill: '#ffffff',\n        stroke: '#6366f1',\n        strokeWidth: 2,\n        isMindMapNode: true,\n        mindMapParentId: parentId,\n      },\n    };\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      const rootId = (() => {\n        let cursor = selected;\n        const map = new Map(canvas.nodes.map(item => [item.id, item]));\n        while (cursor.data.mindMapParentId && map.has(cursor.data.mindMapParentId)) {\n          cursor = map.get(cursor.data.mindMapParentId)!;\n        }\n        return cursor.id;\n      })();\n      const normalizedNodes = canvas.nodes.map(item => item.id === selected.id && !item.data.isMindMapNode\n        ? { ...item, data: { ...item.data, isMindMapNode: true } }\n        : item);\n      const selectedIndex = normalizedNodes.findIndex(item => item.id === selected.id);\n      const insertIndex = kind === 'sibling-before'\n        ? selectedIndex\n        : selectedIndex + 1;\n      normalizedNodes.splice(Math.max(0, insertIndex), 0, node);\n      const nextCanvas: FlowCanvasData = {\n        ...canvas,\n        nodes: normalizedNodes,\n        edges: [...canvas.edges, {\n          id: generateId('edge'),\n          source: parentId!,\n          target: id,\n          type: 'simplebezier',\n          data: { ...DEFAULT_EDGE_DATA, markerEnd: 'none', strokeColor: '#94a3b8', strokeWidth: 1.5 },\n        }],\n      };\n      // Child insertion keeps the current node fixed. Sibling insertion keeps\n      // their shared parent fixed, so adding nodes never makes the parent jump.\n      const fixedNode = kind === 'child'\n        ? selected\n        : canvas.nodes.find(item => item.id === parentId) ?? selected;\n      const positions = layoutMindMap(nextCanvas, rootId, {\n        id: fixedNode.id,\n        position: fixedNode.position,\n      });\n      nextCanvas.nodes = nextCanvas.nodes.map(item => {\n        const pos = positions.get(item.id);\n        return pos ? { ...item, position: pos } : item;\n      });\n      return { ...prev, canvases: { ...prev.canvases, [currentCanvasId]: nextCanvas } };\n    });\n    setSelection({ nodeIds: new Set([id]), edgeIds: new Set(), lineIds: new Set() });\n  }, [selection, currentCanvas, currentCanvasId, setDoc, setSelection]);\n\n  const createRoot = useCallback(() => {\n    if (selection.nodeIds.size !== 0) return false;\n    const id = generateId('mind');\n    const highestZ = Math.max(0, ...currentCanvas.nodes.map(node => node.zIndex ?? 0));\n    const node: FlowNode = {\n      id,\n      type: 'shapeRoundRect',\n      position: { x: 120, y: 120 },\n      width: NODE_WIDTH,\n      height: NODE_HEIGHT,\n      zIndex: highestZ + 1,\n      data: { ...DEFAULT_NODE_DATA, label: '中心主题', fill: '#eef2ff', stroke: '#4f46e5', strokeWidth: 2, isMindMapNode: true },\n    };\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return { ...prev, canvases: { ...prev.canvases, [currentCanvasId]: { ...canvas, nodes: [...canvas.nodes, node] } } };\n    });\n    setSelection({ nodeIds: new Set([id]), edgeIds: new Set(), lineIds: new Set() });\n    return true;\n  }, [selection, currentCanvas, currentCanvasId, setDoc, setSelection]);\n\n  const focusedNodeId = selection.nodeIds.size === 1 ? [...selection.nodeIds][0] : null;\n\n  // Center only when keyboard focus/selection moves to another node. Node drag\n  // updates currentCanvas continuously; depending on currentCanvas here would\n  // make the viewport chase the mouse while an object is being repositioned.\n  useEffect(() => {\n    if (!focusedNodeId) return;\n    const node = currentCanvas.nodes.find(item => item.id === focusedNodeId);\n    if (!node) return;\n    const timer = window.setTimeout(() => focusNode(node), 20);\n    return () => window.clearTimeout(timer);\n    // currentCanvas is intentionally excluded: position-only updates must not\n    // retrigger viewport focus while dragging.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [focusedNodeId, focusNode]);\n\n  useEffect(() => {\n    const onKey = (event: KeyboardEvent) => {\n      const target = event.target as HTMLElement;\n      // Never intercept native editing keys from form controls. In particular,\n      // inspector textareas must keep Enter/Tab for multiline media source.\n      if (target.matches('input, textarea, select, .flow-label-editor') || target.isContentEditable) return;\n      const selectedId = selection.nodeIds.size === 1 ? [...selection.nodeIds][0] : null;\n      const selected = selectedId ? currentCanvas.nodes.find(node => node.id === selectedId) : undefined;\n\n      const consume = () => {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n      };\n\n      if (event.key === 'Tab') {\n        consume();\n        if (!selected) createRoot();\n        else createNode('child');\n      } else if (event.key === 'Enter' && selected) {\n        consume();\n        createNode(event.shiftKey ? 'sibling-before' : 'sibling-after');\n      } else if ((event.key === ' ' || event.code === 'Space') && selected) {\n        consume();\n        setEditingNodeId(selected.id);\n      } else if (selected && ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n        const nodeMap = new Map(currentCanvas.nodes.map(node => [node.id, node]));\n        const siblings = currentCanvas.nodes.filter(node =>\n          node.data.isMindMapNode && node.data.mindMapParentId === selected.data.mindMapParentId,\n        );\n        const siblingIndex = siblings.findIndex(node => node.id === selected.id);\n        const children = currentCanvas.nodes.filter(node => node.data.mindMapParentId === selected.id);\n        let targetNode: FlowNode | undefined;\n        if (event.key === 'ArrowLeft' && selected.data.mindMapParentId) {\n          targetNode = nodeMap.get(selected.data.mindMapParentId);\n        } else if (event.key === 'ArrowRight') {\n          targetNode = children[0];\n        } else if (event.key === 'ArrowUp' && siblingIndex > 0) {\n          targetNode = siblings[siblingIndex - 1];\n        } else if (event.key === 'ArrowDown' && siblingIndex >= 0 && siblingIndex < siblings.length - 1) {\n          targetNode = siblings[siblingIndex + 1];\n        }\n\n        // Regular Flow nodes have no mind-map relationship metadata. Fall back\n        // to spatial navigation, choosing the nearest node in the requested\n        // direction. The perpendicular penalty favors visually aligned nodes.\n        if (!targetNode) {\n          const sx = selected.position.x + selected.width / 2;\n          const sy = selected.position.y + selected.height / 2;\n          const candidates = currentCanvas.nodes\n            .filter(node => node.id !== selected.id && node.type !== 'animAnchor')\n            .map(node => {\n              const dx = node.position.x + node.width / 2 - sx;\n              const dy = node.position.y + node.height / 2 - sy;\n              const inDirection = event.key === 'ArrowLeft' ? dx < 0\n                : event.key === 'ArrowRight' ? dx > 0\n                  : event.key === 'ArrowUp' ? dy < 0\n                    : dy > 0;\n              const primary = event.key === 'ArrowLeft' || event.key === 'ArrowRight'\n                ? Math.abs(dx)\n                : Math.abs(dy);\n              const perpendicular = event.key === 'ArrowLeft' || event.key === 'ArrowRight'\n                ? Math.abs(dy)\n                : Math.abs(dx);\n              return { node, inDirection, score: primary + perpendicular * 1.75 };\n            })\n            .filter(candidate => candidate.inDirection)\n            .sort((a, b) => a.score - b.score);\n          targetNode = candidates[0]?.node;\n        }\n\n        if (targetNode) {\n          consume();\n          setSelection({ nodeIds: new Set([targetNode.id]), edgeIds: new Set(), lineIds: new Set() });\n        }\n      }\n    };\n    window.addEventListener('keydown', onKey, true);\n    return () => window.removeEventListener('keydown', onKey, true);\n  }, [selection, currentCanvas, createNode, createRoot, setEditingNodeId, setSelection]);\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/nodes/NodeRenderer.js

@@ -1,63 +1,63 @@
-import { shapeDrawers as x } from "./shapes.js";
-import { createNodeText as R, updateNodeText as W } from "./NodeText.js";
-import { createHandleGraphics as M, getHandlePositions as S, updateHandleGraphics as O } from "./NodeHandles.js";
-import { getFlipScale as N, getRotationRad as z } from "./nodeUtils.js";
-import { getIconTexture as A, subscribeIconTextureReady as I } from "./svgIconTexture.js";
-import { Container as C, Graphics as _, Sprite as T, Text as H } from "pixi.js";
-var V = class {
+import { drawRoundRectBorder as R, shapeDrawers as v } from "./shapes.js";
+import { createNodeText as W, updateNodeText as M } from "./NodeText.js";
+import { createHandleGraphics as O, getHandlePositions as S, updateHandleGraphics as N } from "./NodeHandles.js";
+import { getFlipScale as z, getRotationRad as A } from "./nodeUtils.js";
+import { getIconTexture as I, subscribeIconTextureReady as T } from "./svgIconTexture.js";
+import { Container as C, Graphics as _, Sprite as H, Text as L } from "pixi.js";
+var E = class {
   world;
   nodeLayer;
   nodes = /* @__PURE__ */ new Map();
   _dynamicOffset = 0;
   _unsubscribeTextureReady;
-  advanceAnimation(e) {
-    this._dynamicOffset = (this._dynamicOffset + e * 0.06) % 1e3;
+  advanceAnimation(i) {
+    this._dynamicOffset = (this._dynamicOffset + i * 0.06) % 1e3;
   }
-  constructor(e) {
-    this.world = e, this.nodeLayer = new C({
+  constructor(i) {
+    this.world = i, this.nodeLayer = new C({
       label: "nodes",
       sortableChildren: !0
-    }), this.world.addChild(this.nodeLayer), this._unsubscribeTextureReady = I(() => this._resync?.());
+    }), this.world.addChild(this.nodeLayer), this._unsubscribeTextureReady = T(() => this._resync?.());
   }
   _resync = null;
-  sync(e, t, a, p, h) {
-    const r = /* @__PURE__ */ new Set();
-    this._resync = () => this.sync(e, t, a, p, h);
-    const o = p ?? (() => {
-      const i = e.filter((n) => n.type === "animAnchor").sort((n, f) => (n.data.animIndex ?? 0) - (f.data.animIndex ?? 0)), s = /* @__PURE__ */ new Map();
-      return i.forEach((n, f) => s.set(n.id, f + 1)), s;
+  sync(i, t, a, c, h) {
+    const o = /* @__PURE__ */ new Set();
+    this._resync = () => this.sync(i, t, a, c, h);
+    const r = c ?? (() => {
+      const e = i.filter((n) => n.type === "animAnchor").sort((n, f) => (n.data.animIndex ?? 0) - (f.data.animIndex ?? 0)), s = /* @__PURE__ */ new Map();
+      return e.forEach((n, f) => s.set(n.id, f + 1)), s;
     })();
-    for (const i of e) {
-      r.add(i.id);
-      let s = this.nodes.get(i.id);
-      s || (s = this._createNode(i), this.nodes.set(i.id, s)), this._updateNode(s, i, t.has(i.id), a === i.id, o.get(i.id), h);
+    for (const e of i) {
+      o.add(e.id);
+      let s = this.nodes.get(e.id);
+      s || (s = this._createNode(e), this.nodes.set(e.id, s)), this._updateNode(s, e, t.has(e.id), a === e.id, r.get(e.id), h);
     }
-    for (const [i, s] of this.nodes) r.has(i) || (this.nodeLayer.removeChild(s.container), s.container.destroy({ children: !0 }), this.nodes.delete(i));
+    for (const [e, s] of this.nodes) o.has(e) || (this.nodeLayer.removeChild(s.container), s.container.destroy({ children: !0 }), this.nodes.delete(e));
   }
-  getNodeContainer(e) {
-    return this.nodes.get(e);
+  getNodeContainer(i) {
+    return this.nodes.get(i);
   }
   getAllNodeContainers() {
     return [...this.nodes.values()];
   }
-  _createNode(e) {
-    const t = new C({ label: `node-${e.id}` });
+  _createNode(i) {
+    const t = new C({ label: `node-${i.id}` });
     t.eventMode = "static", t.cursor = "pointer";
     const a = new _();
     a.label = "sub-canvas-glow", t.addChild(a);
-    const p = new _();
-    p.label = "shape", t.addChild(p);
-    const h = new T();
+    const c = new _();
+    c.label = "shape", t.addChild(c);
+    const h = new H();
     h.label = "svg-icon", h.anchor.set(0.5, 0.5), h.visible = !1, t.addChild(h);
-    const r = R({
-      label: e.data.label,
-      color: e.data.labelColor ?? e.data.color,
-      fontSize: e.data.fontSize,
-      width: e.width,
-      height: e.height
+    const o = W({
+      label: i.data.label,
+      color: i.data.labelColor ?? i.data.color,
+      fontSize: i.data.fontSize,
+      width: i.width,
+      height: i.height
     });
-    t.addChild(r);
-    const o = S(e.width, e.height), i = M(t, o, !1), s = new H({
+    t.addChild(o);
+    const r = S(i.width, i.height), e = O(t, r, !1), s = new L({
       text: "",
       style: {
         fontFamily: "system-ui, sans-serif",
@@ -68,50 +68,50 @@ var V = class {
     });
     return s.label = "anim-badge", s.anchor.set(0.5, 0.5), s.visible = !1, t.addChild(s), this.nodeLayer.addChild(t), {
       container: t,
-      shape: p,
+      shape: c,
       icon: h,
-      text: r,
+      text: o,
       animBadge: s,
-      handles: i,
-      handleDefs: o,
-      nodeId: e.id,
+      handles: e,
+      handleDefs: r,
+      nodeId: i.id,
       subCanvasGlow: a
     };
   }
-  _updateNode(e, t, a, p, h, r) {
-    const { container: o, shape: i, icon: s, text: n, animBadge: f, handles: w, subCanvasGlow: b } = e;
-    o.position.set(t.position.x, t.position.y), o.zIndex = t.zIndex ?? 0;
-    const y = z(t.data), c = N(t.data);
-    o.rotation = y, o.scale.set(c.sx, c.sy), y !== 0 || c.sx < 0 || c.sy < 0 ? (o.pivot.set(t.width / 2, t.height / 2), o.position.set(t.position.x + t.width / 2, t.position.y + t.height / 2)) : o.pivot.set(0, 0);
+  _updateNode(i, t, a, c, h, o) {
+    const { container: r, shape: e, icon: s, text: n, animBadge: f, handles: b, subCanvasGlow: y } = i;
+    r.position.set(t.position.x, t.position.y), r.zIndex = t.zIndex ?? 0;
+    const w = A(t.data), p = z(t.data);
+    r.rotation = w, r.scale.set(p.sx, p.sy), w !== 0 || p.sx < 0 || p.sy < 0 ? (r.pivot.set(t.width / 2, t.height / 2), r.position.set(t.position.x + t.width / 2, t.position.y + t.height / 2)) : r.pivot.set(0, 0);
     const g = t.type === "shapeSvg", k = t.type === "mediaNode", m = t.type === "animAnchor";
-    if (i.clear(), i.alpha = 1, g) this._updateSvgNode(e, t, a);
+    if (e.clear(), e.alpha = 1, g) this._updateSvgNode(i, t, a);
     else if (k) {
       s.visible = !1;
-      const l = t.data.fill && t.data.fill !== "transparent" ? t.data.fill : "#ffffff", d = t.data.borderStyle === "none", u = a ? "#3b82f6" : t.data.stroke, v = a ? Math.max(t.data.strokeWidth, 2) : t.data.strokeWidth;
-      x.shapeRoundRect(i, {
+      const l = t.data.fill && t.data.fill !== "transparent" ? t.data.fill : "#ffffff", d = t.data.borderStyle === "none", u = a ? "#3b82f6" : t.data.stroke, x = a ? Math.max(t.data.strokeWidth, 2) : t.data.strokeWidth;
+      v.shapeRoundRect(e, {
         width: t.width,
         height: t.height,
         fill: l,
         stroke: u,
-        strokeWidth: v,
+        strokeWidth: x,
         borderStyle: a && d ? "solid" : t.data.borderStyle,
         dashOffset: this._dynamicOffset
       });
     } else if (m) {
       s.visible = !1;
-      const l = "#8b5cf6", d = r?.presentation ?? !1, u = d ? (r?.presentationAnchorVisible ?? !1) && r?.presentationAnchorId === t.id : r?.showAnchors ?? !0;
-      u && (i.alpha = d ? 0.48 : 0.9, x.shapeRoundRect(i, {
+      const l = "#8b5cf6", d = o?.presentation ?? !1, u = d ? (o?.presentationAnchorVisible ?? !1) && o?.presentationAnchorId === t.id : o?.showAnchors ?? !0;
+      u && (e.alpha = d ? 0.48 : 0.9, v.shapeRoundRect(e, {
         width: t.width,
         height: t.height,
         fill: "transparent",
         stroke: a && !d ? "#3b82f6" : l,
         strokeWidth: a && !d ? 2.5 : 1.5,
         borderStyle: "dashed"
-      }), i.circle(0, 0, d ? 11 : 13).fill({ color: a && !d ? "#3b82f6" : l })), f.text = String(h ?? ""), f.alpha = d ? 0.7 : 1, f.visible = u, f.position.set(0, 0);
+      }), e.circle(0, 0, d ? 11 : 13).fill({ color: a && !d ? "#3b82f6" : l })), f.text = String(h ?? ""), f.alpha = d ? 0.7 : 1, f.visible = u, f.position.set(0, 0);
     } else {
       s.visible = !1;
-      const l = x[t.type] ?? x.shapeRect, d = t.data.borderStyle === "none";
-      l(i, {
+      const l = v[t.type] ?? v.shapeRect, d = t.data.borderStyle === "none";
+      l(e, {
         width: t.width,
         height: t.height,
         fill: t.data.fill,
@@ -121,19 +121,19 @@ var V = class {
         dashOffset: this._dynamicOffset
       });
     }
-    if (m || (f.visible = !1), b.clear(), t.data.childCanvasId) {
-      const d = t.width + 8, u = t.height + 8, v = 0.5 + 0.3 * Math.sin(this._dynamicOffset * 8e-3);
-      b.roundRect(-4, -4, d, u, 6), b.stroke({
+    if (m || (f.visible = !1), y.clear(), t.data.childCanvasId) {
+      const d = t.width + 8, u = t.height + 8, x = 0.5 + 0.3 * Math.sin(this._dynamicOffset * 8e-3);
+      y.roundRect(-4, -4, d, u, 6), y.stroke({
         color: 9133302,
         width: 2.5,
-        alpha: v
-      }), b.roundRect(-6, -6, d + 4, u + 4, 8), b.stroke({
+        alpha: x
+      }), y.roundRect(-6, -6, d + 4, u + 4, 8), y.stroke({
         color: 9133302,
         width: 1,
-        alpha: v * 0.4
+        alpha: x * 0.4
       });
     }
-    if (W(n, {
+    if (M(n, {
       label: k || m ? "" : t.data.label,
       color: t.data.labelColor ?? t.data.color,
       fontSize: t.data.fontSize,
@@ -146,42 +146,40 @@ var V = class {
       const l = t.data.labelPlacement ?? "below";
       l === "below" ? n.position.set(t.width / 2, t.height + 2 + (t.data.fontSize ?? 12) / 2) : l === "above" ? n.position.set(t.width / 2, -2 - (t.data.fontSize ?? 12) / 2) : n.position.set(t.width / 2, t.height / 2);
     }
-    if (n.rotation = -y, n.scale.set(c.sx, c.sy), w.visible = (p || a) && !(m && r?.presentation), w.visible) {
+    if (n.rotation = -w, n.scale.set(p.sx, p.sy), b.visible = (c || a) && !(m && o?.presentation), b.visible) {
       const l = S(t.width, t.height);
-      e.handleDefs = l, O(w, l);
+      i.handleDefs = l, N(b, l);
     }
   }
-  _updateSvgNode(e, t, a) {
-    const { shape: p, icon: h } = e, { width: r, height: o, data: i } = t, s = i.iconBox ?? !1, n = i.borderStyle ?? (s ? "solid" : "none"), f = n === "none";
-    if (s || a || !f) {
-      const y = Math.min(8, r * 0.12, o * 0.12);
-      i.fill && i.fill !== "transparent" && p.roundRect(0, 0, r, o, y).fill({ color: i.fill });
-      const c = a ? "#3b82f6" : i.stroke, g = a ? Math.max(i.strokeWidth, 2) : i.strokeWidth;
-      !(f && !a) && c && c !== "transparent" && g > 0 && x.shapeRoundRect(p, {
-        width: r,
-        height: o,
-        fill: "transparent",
-        stroke: c,
-        strokeWidth: g,
-        borderStyle: n,
-        dashOffset: this._dynamicOffset
-      });
-    }
-    const w = i.color || "#334155", b = A(i.svgId ?? "", w);
-    if (b) {
-      h.texture = b, h.visible = !0;
-      const y = s ? Math.min(r, o) * 0.18 : 2, c = Math.max(4, Math.min(r, o) - y * 2);
-      h.width = c, h.height = c, h.position.set(r / 2, o / 2);
+  _updateSvgNode(i, t, a) {
+    const { shape: c, icon: h } = i, { width: o, height: r, data: e } = t, s = e.iconBox ?? !1, n = e.borderStyle ?? (s ? "solid" : "none"), f = n === "none", b = Math.min(8, o * 0.12, r * 0.12);
+    e.fill && e.fill !== "transparent" && (s || !f) && c.roundRect(0, 0, o, r, b).fill({ color: e.fill }), !f && e.stroke && e.stroke !== "transparent" && e.strokeWidth > 0 && R(c, {
+      width: o,
+      height: r,
+      fill: "transparent",
+      stroke: e.stroke,
+      strokeWidth: e.strokeWidth,
+      borderStyle: n,
+      dashOffset: this._dynamicOffset
+    }, b), a && c.roundRect(0, 0, o, r, b).stroke({
+      color: "#3b82f6",
+      width: Math.max(e.strokeWidth, 2)
+    });
+    const y = e.color || "#334155", w = I(e.svgId ?? "", y);
+    if (w) {
+      h.texture = w, h.visible = !0;
+      const p = s ? Math.min(o, r) * 0.18 : 2, g = Math.max(4, Math.min(o, r) - p * 2);
+      h.width = g, h.height = g, h.position.set(o / 2, r / 2);
     } else h.visible = !1;
   }
   destroy() {
     this._unsubscribeTextureReady(), this._resync = null;
-    for (const [, e] of this.nodes) e.container.destroy({ children: !0 });
+    for (const [, i] of this.nodes) i.container.destroy({ children: !0 });
     this.nodes.clear(), this.nodeLayer.destroy({ children: !0 });
   }
 };
 export {
-  V as NodeRenderer
+  E as NodeRenderer
 };
 
 //# sourceMappingURL=NodeRenderer.js.map

package/dist/components/pro/Flow/nodes/NodeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/NodeRenderer.ts"],"sourcesContent":["import { Container, Graphics, Text, Sprite } from 'pixi.js';\nimport type { FlowNode } from '../types';\nimport { shapeDrawers, type ShapeDrawOptions } from './shapes';\nimport { createNodeText, updateNodeText } from './NodeText';\nimport { getHandlePositions, createHandleGraphics, updateHandleGraphics, type HandleDef } from './NodeHandles';\nimport { getRotationRad, getFlipScale } from './nodeUtils';\nimport { getIconTexture, subscribeIconTextureReady } from './svgIconTexture';\n\nexport interface NodeContainer {\n  container: Container;\n  shape: Graphics;\n  icon: Sprite;\n  text: Text;\n  /** Sequence badge shown on `animAnchor` nodes. */\n  animBadge: Text;\n  handles: Graphics;\n  handleDefs: HandleDef[];\n  nodeId: string;\n  subCanvasGlow: Graphics;\n}\n\n/**\n * Manages PixiJS display objects for all nodes on the current canvas.\n * Syncs from FlowNode[] data → PixiJS scene graph.\n */\nexport class NodeRenderer {\n  private world: Container;\n  private nodeLayer: Container;\n  private nodes = new Map<string, NodeContainer>();\n  private _dynamicOffset = 0;\n  private _unsubscribeTextureReady: () => void;\n\n  /** Call once per frame to advance the dynamic dash animation. */\n  advanceAnimation(deltaMs: number): void {\n    this._dynamicOffset = (this._dynamicOffset + deltaMs * 0.06) % 1000;\n  }\n\n  constructor(world: Container) {\n    this.world = world;\n    this.nodeLayer = new Container({ label: 'nodes', sortableChildren: true });\n    this.world.addChild(this.nodeLayer);\n    this._unsubscribeTextureReady = subscribeIconTextureReady(() => this._resync?.());\n  }\n\n  private _resync: (() => void) | null = null;\n\n  /**\n   * Reconcile PixiJS containers with the current node data.\n   * Creates new containers, updates existing, removes stale.\n   */\n  sync(\n    flowNodes: FlowNode[],\n    selectedIds: Set<string>,\n    hoveredId: string | null,\n    animSeqMap?: Map<string, number>,\n    options?: {\n      showAnchors?: boolean;\n      presentation?: boolean;\n      presentationAnchorId?: string;\n      presentationAnchorVisible?: boolean;\n    },\n  ): void {\n    const seen = new Set<string>();\n    this._resync = () => this.sync(flowNodes, selectedIds, hoveredId, animSeqMap, options);\n\n    // Animation-anchor display sequence (1-based). When a global map is\n    // provided (document-wide, shared across sub-canvases) it is used directly;\n    // otherwise derive a per-canvas order from stable creation index.\n    const seqOf = animSeqMap ?? (() => {\n      const anchors = flowNodes\n        .filter((n) => n.type === 'animAnchor')\n        .sort((a, b) => (a.data.animIndex ?? 0) - (b.data.animIndex ?? 0));\n      const m = new Map<string, number>();\n      anchors.forEach((n, i) => m.set(n.id, i + 1));\n      return m;\n    })();\n\n    for (const node of flowNodes) {\n      seen.add(node.id);\n      let nc = this.nodes.get(node.id);\n      if (!nc) {\n        nc = this._createNode(node);\n        this.nodes.set(node.id, nc);\n      }\n      this._updateNode(\n        nc,\n        node,\n        selectedIds.has(node.id),\n        hoveredId === node.id,\n        seqOf.get(node.id),\n        options,\n      );\n    }\n\n    // Remove nodes no longer in data\n    for (const [id, nc] of this.nodes) {\n      if (!seen.has(id)) {\n        this.nodeLayer.removeChild(nc.container);\n        nc.container.destroy({ children: true });\n        this.nodes.delete(id);\n      }\n    }\n  }\n\n  getNodeContainer(id: string): NodeContainer | undefined {\n    return this.nodes.get(id);\n  }\n\n  getAllNodeContainers(): NodeContainer[] {\n    return [...this.nodes.values()];\n  }\n\n  private _createNode(node: FlowNode): NodeContainer {\n    const container = new Container({ label: `node-${node.id}` });\n    container.eventMode = 'static';\n    container.cursor = 'pointer';\n\n    const subCanvasGlow = new Graphics();\n    subCanvasGlow.label = 'sub-canvas-glow';\n    container.addChild(subCanvasGlow);\n\n    const shape = new Graphics();\n    shape.label = 'shape';\n    container.addChild(shape);\n\n    const icon = new Sprite();\n    icon.label = 'svg-icon';\n    icon.anchor.set(0.5, 0.5);\n    icon.visible = false;\n    container.addChild(icon);\n\n    const text = createNodeText({\n      label: node.data.label,\n      color: node.data.labelColor ?? node.data.color,\n      fontSize: node.data.fontSize,\n      width: node.width,\n      height: node.height,\n    });\n    container.addChild(text);\n\n    const handleDefs = getHandlePositions(node.width, node.height);\n    const handles = createHandleGraphics(container, handleDefs, false);\n\n    // Sequence badge for animation anchors (top-left corner).\n    const animBadge = new Text({\n      text: '',\n      style: { fontFamily: 'system-ui, sans-serif', fontSize: 13, fill: '#ffffff', fontWeight: '700' },\n    });\n    animBadge.label = 'anim-badge';\n    animBadge.anchor.set(0.5, 0.5);\n    animBadge.visible = false;\n    container.addChild(animBadge);\n\n    this.nodeLayer.addChild(container);\n\n    return { container, shape, icon, text, animBadge, handles, handleDefs, nodeId: node.id, subCanvasGlow };\n  }\n\n  private _updateNode(\n    nc: NodeContainer,\n    node: FlowNode,\n    selected: boolean,\n    hovered: boolean,\n    animSeq?: number,\n    options?: {\n      showAnchors?: boolean;\n      presentation?: boolean;\n      presentationAnchorId?: string;\n      presentationAnchorVisible?: boolean;\n    },\n  ): void {\n    const { container, shape, icon, text, animBadge, handles, subCanvasGlow } = nc;\n\n    // Position\n    container.position.set(node.position.x, node.position.y);\n\n    container.zIndex = node.zIndex ?? 0;\n\n    // Rotation & flip\n    const rad = getRotationRad(node.data);\n    const flip = getFlipScale(node.data);\n    container.rotation = rad;\n    container.scale.set(flip.sx, flip.sy);\n    if (rad !== 0 || flip.sx < 0 || flip.sy < 0) {\n      container.pivot.set(node.width / 2, node.height / 2);\n      container.position.set(node.position.x + node.width / 2, node.position.y + node.height / 2);\n    } else {\n      container.pivot.set(0, 0);\n    }\n\n    const isSvg = node.type === 'shapeSvg';\n    const isMedia = node.type === 'mediaNode';\n    const isAnchor = node.type === 'animAnchor';\n\n    // Redraw shape\n    shape.clear();\n    shape.alpha = 1;\n    if (isSvg) {\n      this._updateSvgNode(nc, node, selected);\n    } else if (isMedia) {\n      // Media nodes render their content in a synced DOM overlay; PixiJS only\n      // draws the frame (background + border) beneath the overlay.\n      icon.visible = false;\n      const r = 6;\n      const fill = node.data.fill && node.data.fill !== 'transparent' ? node.data.fill : '#ffffff';\n      const borderHidden = node.data.borderStyle === 'none';\n      const strokeColor = selected ? '#3b82f6' : node.data.stroke;\n      const strokeW = selected ? Math.max(node.data.strokeWidth, 2) : node.data.strokeWidth;\n      shapeDrawers.shapeRoundRect(shape, {\n        width: node.width,\n        height: node.height,\n        fill,\n        stroke: strokeColor,\n        strokeWidth: strokeW,\n        borderStyle: selected && borderHidden ? 'solid' : node.data.borderStyle,\n        dashOffset: this._dynamicOffset,\n      });\n    } else if (isAnchor) {\n      // Animation anchors are globally visible/hidden in editing mode. During\n      // presentation the current frame remains as a subtle dashed overlay.\n      icon.visible = false;\n      const accent = '#8b5cf6';\n      const presentation = options?.presentation ?? false;\n      const anchorVisible = presentation\n        ? (options?.presentationAnchorVisible ?? false) && options?.presentationAnchorId === node.id\n        : (options?.showAnchors ?? true);\n      if (anchorVisible) {\n        shape.alpha = presentation ? 0.48 : 0.9;\n        shapeDrawers.shapeRoundRect(shape, {\n          width: node.width,\n          height: node.height,\n          fill: 'transparent',\n          stroke: selected && !presentation ? '#3b82f6' : accent,\n          strokeWidth: selected && !presentation ? 2.5 : 1.5,\n          borderStyle: 'dashed',\n        });\n        shape.circle(0, 0, presentation ? 11 : 13).fill({\n          color: selected && !presentation ? '#3b82f6' : accent,\n        });\n      }\n      animBadge.text = String(animSeq ?? '');\n      animBadge.alpha = presentation ? 0.7 : 1;\n      animBadge.visible = anchorVisible;\n      animBadge.position.set(0, 0);\n    } else {\n      icon.visible = false;\n      const drawFn = shapeDrawers[node.type] ?? shapeDrawers.shapeRect;\n      const borderHidden = node.data.borderStyle === 'none';\n      const opts: ShapeDrawOptions = {\n        width: node.width,\n        height: node.height,\n        fill: node.data.fill,\n        stroke: selected ? '#3b82f6' : node.data.stroke,\n        strokeWidth: selected ? Math.max(node.data.strokeWidth, 2) : node.data.strokeWidth,\n        borderStyle: (selected && borderHidden) ? 'solid' : node.data.borderStyle,\n        dashOffset: this._dynamicOffset,\n      };\n      drawFn(shape, opts);\n    }\n    if (!isAnchor) animBadge.visible = false;\n\n    // Sub-canvas glow indicator\n    subCanvasGlow.clear();\n    if (node.data.childCanvasId) {\n      const pad = 4;\n      const w = node.width + pad * 2;\n      const h = node.height + pad * 2;\n      const pulse = 0.5 + 0.3 * Math.sin(this._dynamicOffset * 0.008);\n      subCanvasGlow.roundRect(-pad, -pad, w, h, 6);\n      subCanvasGlow.stroke({ color: 0x8b5cf6, width: 2.5, alpha: pulse });\n      subCanvasGlow.roundRect(-pad - 2, -pad - 2, w + 4, h + 4, 8);\n      subCanvasGlow.stroke({ color: 0x8b5cf6, width: 1, alpha: pulse * 0.4 });\n    }\n\n    // Text: counter-rotate and counter-flip so it stays upright\n    updateNodeText(text, {\n      label: isMedia || isAnchor ? '' : node.data.label,\n      color: node.data.labelColor ?? node.data.color,\n      fontSize: node.data.fontSize,\n      width: node.width,\n      height: node.height,\n    });\n    text.visible = !isMedia && !isAnchor;\n\n    if (node.type === 'shapeCorner') {\n      const half = Math.min(node.width, node.height) * 0.4;\n      text.position.set((half + node.width) / 2, (half + node.height) / 2);\n    } else if (isSvg) {\n      // SVG stamps: label sits below the icon by default (drawio-like).\n      const placement = node.data.labelPlacement ?? 'below';\n      if (placement === 'below') {\n        text.position.set(node.width / 2, node.height + 2 + (node.data.fontSize ?? 12) / 2);\n      } else if (placement === 'above') {\n        text.position.set(node.width / 2, -2 - (node.data.fontSize ?? 12) / 2);\n      } else {\n        text.position.set(node.width / 2, node.height / 2);\n      }\n    }\n\n    text.rotation = -rad;\n    text.scale.set(flip.sx, flip.sy);\n\n    // Handles visibility\n    handles.visible = (hovered || selected) && !(isAnchor && options?.presentation);\n    if (handles.visible) {\n      const defs = getHandlePositions(node.width, node.height);\n      nc.handleDefs = defs;\n      updateHandleGraphics(handles, defs);\n    }\n  }\n\n  /**\n   * Draw an SVG-stamp node: optional bordered box + centered icon sprite.\n   * The icon texture is rasterized lazily; a redraw is requested when ready.\n   */\n  private _updateSvgNode(nc: NodeContainer, node: FlowNode, selected: boolean): void {\n    const { shape, icon } = nc;\n    const { width, height, data } = node;\n\n    // Border is configured by `borderStyle` alone. A selected icon keeps the\n    // standard blue selection frame even when the configured border is hidden.\n    const showBox = data.iconBox ?? false;\n    const borderStyle = data.borderStyle ?? (showBox ? 'solid' : 'none');\n    const borderHidden = borderStyle === 'none';\n    if (showBox || selected || !borderHidden) {\n      const r = Math.min(8, width * 0.12, height * 0.12);\n      if (data.fill && data.fill !== 'transparent') {\n        shape.roundRect(0, 0, width, height, r).fill({ color: data.fill });\n      }\n      const strokeColor = selected ? '#3b82f6' : data.stroke;\n      const strokeW = selected ? Math.max(data.strokeWidth, 2) : data.strokeWidth;\n      if (!(borderHidden && !selected) && strokeColor && strokeColor !== 'transparent' && strokeW > 0) {\n        shapeDrawers.shapeRoundRect(shape, {\n          width,\n          height,\n          fill: 'transparent',\n          stroke: strokeColor,\n          strokeWidth: strokeW,\n          borderStyle,\n          dashOffset: this._dynamicOffset,\n        });\n      }\n    }\n\n    // Icon sprite: fit within the box with padding, centered. The texture is\n    // rasterized lazily; because the ticker re-runs sync every frame, it will\n    // be picked up automatically once cached.\n    const iconColor = data.color || '#334155';\n    const tex = getIconTexture(data.svgId ?? '', iconColor);\n    if (tex) {\n      icon.texture = tex;\n      icon.visible = true;\n      const pad = showBox ? Math.min(width, height) * 0.18 : 2;\n      const box = Math.max(4, Math.min(width, height) - pad * 2);\n      icon.width = box;\n      icon.height = box;\n      icon.position.set(width / 2, height / 2);\n    } else {\n      icon.visible = false;\n    }\n  }\n\n  destroy(): void {\n    this._unsubscribeTextureReady();\n    this._resync = null;\n    for (const [, nc] of this.nodes) {\n      nc.container.destroy({ children: true });\n    }\n    this.nodes.clear();\n    this.nodeLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"NodeRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/NodeRenderer.ts"],"sourcesContent":["import { Container, Graphics, Text, Sprite } from 'pixi.js';\nimport type { FlowNode } from '../types';\nimport { drawRoundRectBorder, shapeDrawers, type ShapeDrawOptions } from './shapes';\nimport { createNodeText, updateNodeText } from './NodeText';\nimport { getHandlePositions, createHandleGraphics, updateHandleGraphics, type HandleDef } from './NodeHandles';\nimport { getRotationRad, getFlipScale } from './nodeUtils';\nimport { getIconTexture, subscribeIconTextureReady } from './svgIconTexture';\n\nexport interface NodeContainer {\n  container: Container;\n  shape: Graphics;\n  icon: Sprite;\n  text: Text;\n  /** Sequence badge shown on `animAnchor` nodes. */\n  animBadge: Text;\n  handles: Graphics;\n  handleDefs: HandleDef[];\n  nodeId: string;\n  subCanvasGlow: Graphics;\n}\n\n/**\n * Manages PixiJS display objects for all nodes on the current canvas.\n * Syncs from FlowNode[] data → PixiJS scene graph.\n */\nexport class NodeRenderer {\n  private world: Container;\n  private nodeLayer: Container;\n  private nodes = new Map<string, NodeContainer>();\n  private _dynamicOffset = 0;\n  private _unsubscribeTextureReady: () => void;\n\n  /** Call once per frame to advance the dynamic dash animation. */\n  advanceAnimation(deltaMs: number): void {\n    this._dynamicOffset = (this._dynamicOffset + deltaMs * 0.06) % 1000;\n  }\n\n  constructor(world: Container) {\n    this.world = world;\n    this.nodeLayer = new Container({ label: 'nodes', sortableChildren: true });\n    this.world.addChild(this.nodeLayer);\n    this._unsubscribeTextureReady = subscribeIconTextureReady(() => this._resync?.());\n  }\n\n  private _resync: (() => void) | null = null;\n\n  /**\n   * Reconcile PixiJS containers with the current node data.\n   * Creates new containers, updates existing, removes stale.\n   */\n  sync(\n    flowNodes: FlowNode[],\n    selectedIds: Set<string>,\n    hoveredId: string | null,\n    animSeqMap?: Map<string, number>,\n    options?: {\n      showAnchors?: boolean;\n      presentation?: boolean;\n      presentationAnchorId?: string;\n      presentationAnchorVisible?: boolean;\n    },\n  ): void {\n    const seen = new Set<string>();\n    this._resync = () => this.sync(flowNodes, selectedIds, hoveredId, animSeqMap, options);\n\n    // Animation-anchor display sequence (1-based). When a global map is\n    // provided (document-wide, shared across sub-canvases) it is used directly;\n    // otherwise derive a per-canvas order from stable creation index.\n    const seqOf = animSeqMap ?? (() => {\n      const anchors = flowNodes\n        .filter((n) => n.type === 'animAnchor')\n        .sort((a, b) => (a.data.animIndex ?? 0) - (b.data.animIndex ?? 0));\n      const m = new Map<string, number>();\n      anchors.forEach((n, i) => m.set(n.id, i + 1));\n      return m;\n    })();\n\n    for (const node of flowNodes) {\n      seen.add(node.id);\n      let nc = this.nodes.get(node.id);\n      if (!nc) {\n        nc = this._createNode(node);\n        this.nodes.set(node.id, nc);\n      }\n      this._updateNode(\n        nc,\n        node,\n        selectedIds.has(node.id),\n        hoveredId === node.id,\n        seqOf.get(node.id),\n        options,\n      );\n    }\n\n    // Remove nodes no longer in data\n    for (const [id, nc] of this.nodes) {\n      if (!seen.has(id)) {\n        this.nodeLayer.removeChild(nc.container);\n        nc.container.destroy({ children: true });\n        this.nodes.delete(id);\n      }\n    }\n  }\n\n  getNodeContainer(id: string): NodeContainer | undefined {\n    return this.nodes.get(id);\n  }\n\n  getAllNodeContainers(): NodeContainer[] {\n    return [...this.nodes.values()];\n  }\n\n  private _createNode(node: FlowNode): NodeContainer {\n    const container = new Container({ label: `node-${node.id}` });\n    container.eventMode = 'static';\n    container.cursor = 'pointer';\n\n    const subCanvasGlow = new Graphics();\n    subCanvasGlow.label = 'sub-canvas-glow';\n    container.addChild(subCanvasGlow);\n\n    const shape = new Graphics();\n    shape.label = 'shape';\n    container.addChild(shape);\n\n    const icon = new Sprite();\n    icon.label = 'svg-icon';\n    icon.anchor.set(0.5, 0.5);\n    icon.visible = false;\n    container.addChild(icon);\n\n    const text = createNodeText({\n      label: node.data.label,\n      color: node.data.labelColor ?? node.data.color,\n      fontSize: node.data.fontSize,\n      width: node.width,\n      height: node.height,\n    });\n    container.addChild(text);\n\n    const handleDefs = getHandlePositions(node.width, node.height);\n    const handles = createHandleGraphics(container, handleDefs, false);\n\n    // Sequence badge for animation anchors (top-left corner).\n    const animBadge = new Text({\n      text: '',\n      style: { fontFamily: 'system-ui, sans-serif', fontSize: 13, fill: '#ffffff', fontWeight: '700' },\n    });\n    animBadge.label = 'anim-badge';\n    animBadge.anchor.set(0.5, 0.5);\n    animBadge.visible = false;\n    container.addChild(animBadge);\n\n    this.nodeLayer.addChild(container);\n\n    return { container, shape, icon, text, animBadge, handles, handleDefs, nodeId: node.id, subCanvasGlow };\n  }\n\n  private _updateNode(\n    nc: NodeContainer,\n    node: FlowNode,\n    selected: boolean,\n    hovered: boolean,\n    animSeq?: number,\n    options?: {\n      showAnchors?: boolean;\n      presentation?: boolean;\n      presentationAnchorId?: string;\n      presentationAnchorVisible?: boolean;\n    },\n  ): void {\n    const { container, shape, icon, text, animBadge, handles, subCanvasGlow } = nc;\n\n    // Position\n    container.position.set(node.position.x, node.position.y);\n\n    container.zIndex = node.zIndex ?? 0;\n\n    // Rotation & flip\n    const rad = getRotationRad(node.data);\n    const flip = getFlipScale(node.data);\n    container.rotation = rad;\n    container.scale.set(flip.sx, flip.sy);\n    if (rad !== 0 || flip.sx < 0 || flip.sy < 0) {\n      container.pivot.set(node.width / 2, node.height / 2);\n      container.position.set(node.position.x + node.width / 2, node.position.y + node.height / 2);\n    } else {\n      container.pivot.set(0, 0);\n    }\n\n    const isSvg = node.type === 'shapeSvg';\n    const isMedia = node.type === 'mediaNode';\n    const isAnchor = node.type === 'animAnchor';\n\n    // Redraw shape\n    shape.clear();\n    shape.alpha = 1;\n    if (isSvg) {\n      this._updateSvgNode(nc, node, selected);\n    } else if (isMedia) {\n      // Media nodes render their content in a synced DOM overlay; PixiJS only\n      // draws the frame (background + border) beneath the overlay.\n      icon.visible = false;\n      const r = 6;\n      const fill = node.data.fill && node.data.fill !== 'transparent' ? node.data.fill : '#ffffff';\n      const borderHidden = node.data.borderStyle === 'none';\n      const strokeColor = selected ? '#3b82f6' : node.data.stroke;\n      const strokeW = selected ? Math.max(node.data.strokeWidth, 2) : node.data.strokeWidth;\n      shapeDrawers.shapeRoundRect(shape, {\n        width: node.width,\n        height: node.height,\n        fill,\n        stroke: strokeColor,\n        strokeWidth: strokeW,\n        borderStyle: selected && borderHidden ? 'solid' : node.data.borderStyle,\n        dashOffset: this._dynamicOffset,\n      });\n    } else if (isAnchor) {\n      // Animation anchors are globally visible/hidden in editing mode. During\n      // presentation the current frame remains as a subtle dashed overlay.\n      icon.visible = false;\n      const accent = '#8b5cf6';\n      const presentation = options?.presentation ?? false;\n      const anchorVisible = presentation\n        ? (options?.presentationAnchorVisible ?? false) && options?.presentationAnchorId === node.id\n        : (options?.showAnchors ?? true);\n      if (anchorVisible) {\n        shape.alpha = presentation ? 0.48 : 0.9;\n        shapeDrawers.shapeRoundRect(shape, {\n          width: node.width,\n          height: node.height,\n          fill: 'transparent',\n          stroke: selected && !presentation ? '#3b82f6' : accent,\n          strokeWidth: selected && !presentation ? 2.5 : 1.5,\n          borderStyle: 'dashed',\n        });\n        shape.circle(0, 0, presentation ? 11 : 13).fill({\n          color: selected && !presentation ? '#3b82f6' : accent,\n        });\n      }\n      animBadge.text = String(animSeq ?? '');\n      animBadge.alpha = presentation ? 0.7 : 1;\n      animBadge.visible = anchorVisible;\n      animBadge.position.set(0, 0);\n    } else {\n      icon.visible = false;\n      const drawFn = shapeDrawers[node.type] ?? shapeDrawers.shapeRect;\n      const borderHidden = node.data.borderStyle === 'none';\n      const opts: ShapeDrawOptions = {\n        width: node.width,\n        height: node.height,\n        fill: node.data.fill,\n        stroke: selected ? '#3b82f6' : node.data.stroke,\n        strokeWidth: selected ? Math.max(node.data.strokeWidth, 2) : node.data.strokeWidth,\n        borderStyle: (selected && borderHidden) ? 'solid' : node.data.borderStyle,\n        dashOffset: this._dynamicOffset,\n      };\n      drawFn(shape, opts);\n    }\n    if (!isAnchor) animBadge.visible = false;\n\n    // Sub-canvas glow indicator\n    subCanvasGlow.clear();\n    if (node.data.childCanvasId) {\n      const pad = 4;\n      const w = node.width + pad * 2;\n      const h = node.height + pad * 2;\n      const pulse = 0.5 + 0.3 * Math.sin(this._dynamicOffset * 0.008);\n      subCanvasGlow.roundRect(-pad, -pad, w, h, 6);\n      subCanvasGlow.stroke({ color: 0x8b5cf6, width: 2.5, alpha: pulse });\n      subCanvasGlow.roundRect(-pad - 2, -pad - 2, w + 4, h + 4, 8);\n      subCanvasGlow.stroke({ color: 0x8b5cf6, width: 1, alpha: pulse * 0.4 });\n    }\n\n    // Text: counter-rotate and counter-flip so it stays upright\n    updateNodeText(text, {\n      label: isMedia || isAnchor ? '' : node.data.label,\n      color: node.data.labelColor ?? node.data.color,\n      fontSize: node.data.fontSize,\n      width: node.width,\n      height: node.height,\n    });\n    text.visible = !isMedia && !isAnchor;\n\n    if (node.type === 'shapeCorner') {\n      const half = Math.min(node.width, node.height) * 0.4;\n      text.position.set((half + node.width) / 2, (half + node.height) / 2);\n    } else if (isSvg) {\n      // SVG stamps: label sits below the icon by default (drawio-like).\n      const placement = node.data.labelPlacement ?? 'below';\n      if (placement === 'below') {\n        text.position.set(node.width / 2, node.height + 2 + (node.data.fontSize ?? 12) / 2);\n      } else if (placement === 'above') {\n        text.position.set(node.width / 2, -2 - (node.data.fontSize ?? 12) / 2);\n      } else {\n        text.position.set(node.width / 2, node.height / 2);\n      }\n    }\n\n    text.rotation = -rad;\n    text.scale.set(flip.sx, flip.sy);\n\n    // Handles visibility\n    handles.visible = (hovered || selected) && !(isAnchor && options?.presentation);\n    if (handles.visible) {\n      const defs = getHandlePositions(node.width, node.height);\n      nc.handleDefs = defs;\n      updateHandleGraphics(handles, defs);\n    }\n  }\n\n  /**\n   * Draw an SVG-stamp node: optional bordered box + centered icon sprite.\n   * The icon texture is rasterized lazily; a redraw is requested when ready.\n   */\n  private _updateSvgNode(nc: NodeContainer, node: FlowNode, selected: boolean): void {\n    const { shape, icon } = nc;\n    const { width, height, data } = node;\n\n    // Render the configured icon box independently from the solid selection\n    // outline. Otherwise selecting an icon makes dotted/dashed borders appear\n    // solid and hides whether the chosen border style is actually applied.\n    const showBox = data.iconBox ?? false;\n    const borderStyle = data.borderStyle ?? (showBox ? 'solid' : 'none');\n    const borderHidden = borderStyle === 'none';\n    const r = Math.min(8, width * 0.12, height * 0.12);\n    if (data.fill && data.fill !== 'transparent' && (showBox || !borderHidden)) {\n      shape.roundRect(0, 0, width, height, r).fill({ color: data.fill });\n    }\n    if (!borderHidden && data.stroke && data.stroke !== 'transparent' && data.strokeWidth > 0) {\n      drawRoundRectBorder(shape, {\n        width,\n        height,\n        fill: 'transparent',\n        stroke: data.stroke,\n        strokeWidth: data.strokeWidth,\n        borderStyle,\n        dashOffset: this._dynamicOffset,\n      }, r);\n    }\n    if (selected) {\n      shape.roundRect(0, 0, width, height, r).stroke({\n        color: '#3b82f6',\n        width: Math.max(data.strokeWidth, 2),\n      });\n    }\n\n    // Icon sprite: fit within the box with padding, centered. The texture is\n    // rasterized lazily; because the ticker re-runs sync every frame, it will\n    // be picked up automatically once cached.\n    const iconColor = data.color || '#334155';\n    const tex = getIconTexture(data.svgId ?? '', iconColor);\n    if (tex) {\n      icon.texture = tex;\n      icon.visible = true;\n      const pad = showBox ? Math.min(width, height) * 0.18 : 2;\n      const box = Math.max(4, Math.min(width, height) - pad * 2);\n      icon.width = box;\n      icon.height = box;\n      icon.position.set(width / 2, height / 2);\n    } else {\n      icon.visible = false;\n    }\n  }\n\n  destroy(): void {\n    this._unsubscribeTextureReady();\n    this._resync = null;\n    for (const [, nc] of this.nodes) {\n      nc.container.destroy({ children: true });\n    }\n    this.nodes.clear();\n    this.nodeLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/nodes/shapes.d.ts

@@ -8,6 +8,10 @@ export interface ShapeDrawOptions {
     borderStyle?: 'solid' | 'dashed' | 'dotted' | 'dynamic' | 'none';
     dashOffset?: number;
 }
+/** Draw only a rounded-rectangle border, without leaving a base path that can
+ * be picked up by the dashed stroke. Useful when fill and border are rendered
+ * independently, as they are for SVG icon nodes. */
+export declare function drawRoundRectBorder(g: Graphics, o: ShapeDrawOptions, radius?: number): void;
 export declare function drawRect(g: Graphics, o: ShapeDrawOptions): void;
 export declare function drawRoundRect(g: Graphics, o: ShapeDrawOptions): void;
 export declare function drawEllipse(g: Graphics, o: ShapeDrawOptions): void;