@elixpo/lixsketch 5.5.9 → 5.5.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/{AIRenderer-46WIFF2B.js → AIRenderer-PWWLWI6U.js} +84 -16
- package/dist/react/AIRenderer-PWWLWI6U.js.map +7 -0
- package/dist/react/{CopyPaste-4CKJRHJ3.js → CopyPaste-SA72NDFN.js} +2 -2
- package/dist/react/{EventDispatcher-AD2BPPPS.js → EventDispatcher-BZQRHROG.js} +2 -2
- package/dist/react/{MermaidFlowchartRenderer-A26B2SM3.js → MermaidFlowchartRenderer-4YEMAYQC.js} +18 -3
- package/dist/react/MermaidFlowchartRenderer-4YEMAYQC.js.map +7 -0
- package/dist/react/{MermaidSequenceRenderer-OF4JK77D.js → MermaidSequenceRenderer-KCUHO7UI.js} +106 -4
- package/dist/react/MermaidSequenceRenderer-KCUHO7UI.js.map +7 -0
- package/dist/react/MermaidStructuredRenderer-GGOOGON5.js +365 -0
- package/dist/react/MermaidStructuredRenderer-GGOOGON5.js.map +7 -0
- package/dist/react/{SceneSerializer-4U4B24JM.js → SceneSerializer-ZPHV6IUP.js} +2 -2
- package/dist/react/{SketchEngine-XWWTA2MT.js → SketchEngine-NPF2XN6Z.js} +7 -7
- package/dist/react/TextShape-U6ZZKB35.js +8 -0
- package/dist/react/{chunk-QXFBG7OM.js → chunk-42O6W7DF.js} +18 -1
- package/dist/react/chunk-42O6W7DF.js.map +7 -0
- package/dist/react/{chunk-YVCENC7J.js → chunk-5QIT2WBE.js} +19 -116
- package/dist/react/chunk-5QIT2WBE.js.map +7 -0
- package/dist/react/index.js +34 -100
- package/dist/react/index.js.map +3 -3
- package/dist/react/{textTool-KY4AYUTC.js → textTool-HY5NMM7H.js} +2 -2
- package/package.json +1 -1
- package/src/core/AIRenderer.js +95 -11
- package/src/core/MermaidFlowchartRenderer.js +18 -3
- package/src/core/MermaidSequenceRenderer.js +116 -7
- package/src/core/MermaidStructuredRenderer.js +363 -0
- package/src/react/LixSketchCanvas.jsx +1 -1
- package/src/react/components/modals/LixScriptModal.jsx +22 -96
- package/src/react/components/sidebars/TextSidebar.jsx +1 -1
- package/src/react/store/useUIStore.js +1 -1
- package/src/shapes/TextShape.js +19 -0
- package/src/tools/textTool.js +23 -157
- package/dist/react/AIRenderer-46WIFF2B.js.map +0 -7
- package/dist/react/MermaidFlowchartRenderer-A26B2SM3.js.map +0 -7
- package/dist/react/MermaidSequenceRenderer-OF4JK77D.js.map +0 -7
- package/dist/react/TextShape-54ZJ66E3.js +0 -8
- package/dist/react/chunk-QXFBG7OM.js.map +0 -7
- package/dist/react/chunk-YVCENC7J.js.map +0 -7
- /package/dist/react/{CopyPaste-4CKJRHJ3.js.map → CopyPaste-SA72NDFN.js.map} +0 -0
- /package/dist/react/{EventDispatcher-AD2BPPPS.js.map → EventDispatcher-BZQRHROG.js.map} +0 -0
- /package/dist/react/{SceneSerializer-4U4B24JM.js.map → SceneSerializer-ZPHV6IUP.js.map} +0 -0
- /package/dist/react/{SketchEngine-XWWTA2MT.js.map → SketchEngine-NPF2XN6Z.js.map} +0 -0
- /package/dist/react/{TextShape-54ZJ66E3.js.map → TextShape-U6ZZKB35.js.map} +0 -0
- /package/dist/react/{textTool-KY4AYUTC.js.map → textTool-HY5NMM7H.js.map} +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/core/MermaidFlowchartRenderer.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable */\n/**\n * MermaidFlowchartRenderer - Renders parsed flowchart diagrams as high-quality SVG.\n *\n * One renderer for both preview and canvas \u2014 ensures they always match.\n * Supports: rectangle [], rounded rectangle (), circle (()), diamond/rhombus {},\n * directed/undirected edges with labels, subgraphs, all directions (TD/TB/LR/RL/BT).\n *\n * Dark theme matching the app aesthetic.\n */\n\n// Layout constants\nconst NODE_W = 150;\nconst NODE_H = 50;\nconst H_SPACING = 200;\nconst V_SPACING = 120;\nconst SIDE_MARGIN = 50;\nconst TOP_MARGIN = 40;\nconst FONT_FAMILY = 'lixFont, sans-serif';\n\n// Issue #38 follow-up: theme-aware stroke / fill. Resolved at draw time\n// so a single render call uses whichever palette is active.\nfunction isThemeDark() {\n if (typeof document === 'undefined') return true;\n return !!(document.body && document.body.classList.contains('theme-dark'));\n}\nfunction nodeStrokeColor() { return isThemeDark() ? '#fff' : '#1a1a2e'; }\nfunction edgeStrokeColor() { return isThemeDark() ? '#888' : '#444'; }\n\n// Theme colors (dark theme \u2014 used by the SVG-string preview path only)\nconst THEME = {\n bg: '#1e1e28',\n nodeBg: 'transparent',\n nodeStroke: '#9090c0',\n nodeText: '#e0e0e0',\n edgeStroke: '#888',\n edgeText: '#a0a0b0',\n subgraphBg: 'rgba(80,80,120,0.08)',\n subgraphBorder: '#555',\n subgraphLabel: '#888',\n};\n\nfunction escapeXml(str) {\n return String(str)\n .replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n .replace(/\"/g, '"');\n}\n\nfunction measureText(text, fontSize) {\n return text.length * fontSize * 0.55;\n}\n\n/**\n * Render a parsed flowchart diagram to SVG markup.\n *\n * @param {Object} diagram - Parsed from parseMermaid()\n * @param {Object} opts - { width?, height?, fitToContent? }\n * @returns {string} SVG markup string\n */\nexport function renderFlowchartSVG(diagram, opts = {}) {\n if (!diagram || !diagram.nodes || diagram.nodes.length === 0) return '';\n\n const nodes = diagram.nodes;\n const edges = diagram.edges || [];\n const subgraphs = diagram.subgraphs || [];\n const direction = diagram.direction || 'TD';\n\n // Compute bounds of laid-out nodes\n let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n nodes.forEach(n => {\n const nw = n.width || NODE_W;\n const nh = n.height || NODE_H;\n minX = Math.min(minX, n.x);\n minY = Math.min(minY, n.y);\n maxX = Math.max(maxX, n.x + nw);\n maxY = Math.max(maxY, n.y + nh);\n });\n\n const dw = maxX - minX || 1;\n const dh = maxY - minY || 1;\n\n // If fitToContent or explicit size, scale to fit\n const targetW = opts.width || dw + SIDE_MARGIN * 2;\n const targetH = opts.height || dh + TOP_MARGIN * 2;\n\n let scale, offX, offY;\n if (opts.width || opts.height) {\n const pad = 40;\n scale = Math.min(\n (targetW - pad * 2) / dw,\n (targetH - pad * 2) / dh,\n 1.8\n );\n offX = (targetW - dw * scale) / 2 - minX * scale;\n offY = (targetH - dh * scale) / 2 - minY * scale;\n } else {\n scale = 1;\n offX = SIDE_MARGIN - minX;\n offY = TOP_MARGIN - minY;\n }\n\n const totalWidth = opts.width || Math.round(dw * scale + SIDE_MARGIN * 2);\n const totalHeight = opts.height || Math.round(dh * scale + TOP_MARGIN * 2);\n\n // Build node lookup for edge rendering\n const nodeById = new Map();\n nodes.forEach(n => {\n const nw = (n.width || NODE_W) * scale;\n const nh = (n.height || NODE_H) * scale;\n const nx = n.x * scale + offX;\n const ny = n.y * scale + offY;\n nodeById.set(n.id, {\n x: nx, y: ny, w: nw, h: nh,\n cx: nx + nw / 2, cy: ny + nh / 2,\n type: n.type, label: n.label,\n fill: n.fill, stroke: n.stroke, strokeWidth: n.strokeWidth,\n });\n });\n\n let svg = '';\n const defs = [];\n\n // Arrow markers (normal, dotted, thick)\n defs.push(`<marker id=\"fc-arrow\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n <path d=\"M1,1 L9,3.5 L1,6\" fill=\"none\" stroke=\"${THEME.edgeStroke}\" stroke-width=\"1.5\" stroke-linejoin=\"round\" />\n </marker>`);\n defs.push(`<marker id=\"fc-arrow-thick\" markerWidth=\"12\" markerHeight=\"9\" refX=\"11\" refY=\"4.5\" orient=\"auto\">\n <path d=\"M1,1 L11,4.5 L1,8\" fill=\"none\" stroke=\"${THEME.edgeStroke}\" stroke-width=\"2\" stroke-linejoin=\"round\" />\n </marker>`);\n\n // Background\n svg += `<rect x=\"0\" y=\"0\" width=\"${totalWidth}\" height=\"${totalHeight}\" fill=\"${THEME.bg}\" rx=\"8\" />`;\n\n // --- Subgraphs (rendered first, behind everything) ---\n for (const sg of subgraphs) {\n if (!sg.nodes || sg.nodes.length === 0) continue;\n\n let sgMinX = Infinity, sgMinY = Infinity, sgMaxX = -Infinity, sgMaxY = -Infinity;\n let hasNodes = false;\n for (const nid of sg.nodes) {\n const nd = nodeById.get(nid);\n if (!nd) continue;\n hasNodes = true;\n sgMinX = Math.min(sgMinX, nd.x);\n sgMinY = Math.min(sgMinY, nd.y);\n sgMaxX = Math.max(sgMaxX, nd.x + nd.w);\n sgMaxY = Math.max(sgMaxY, nd.y + nd.h);\n }\n if (!hasNodes) continue;\n\n const sgPad = 20 * scale;\n const sgX = sgMinX - sgPad;\n const sgY = sgMinY - sgPad - 16 * scale;\n const sgW = (sgMaxX - sgMinX) + sgPad * 2;\n const sgH = (sgMaxY - sgMinY) + sgPad * 2 + 16 * scale;\n\n svg += `<g data-fc-type=\"subgraph\" data-fc-id=\"${escapeXml(sg.id)}\">`;\n svg += `<rect x=\"${sgX}\" y=\"${sgY}\" width=\"${sgW}\" height=\"${sgH}\" rx=\"6\" fill=\"${THEME.subgraphBg}\" stroke=\"${THEME.subgraphBorder}\" stroke-width=\"1\" stroke-dasharray=\"4 2\" />`;\n if (sg.label) {\n svg += `<text x=\"${sgX + 8}\" y=\"${sgY + 14}\" fill=\"${THEME.subgraphLabel}\" font-size=\"${Math.max(9, 11 * scale)}\" font-family=\"${FONT_FAMILY}\">${escapeXml(sg.label)}</text>`;\n }\n svg += `</g>`;\n }\n\n // --- Edges ---\n edges.forEach(e => {\n const f = nodeById.get(e.from);\n const t = nodeById.get(e.to);\n if (!f || !t) return;\n\n const directed = e.directed !== false;\n const edgeStyle = e.style || 'normal';\n let strokeW, dashArr, markerRef;\n if (edgeStyle === 'thick') {\n strokeW = 3;\n dashArr = '';\n markerRef = directed ? ' marker-end=\"url(#fc-arrow-thick)\"' : '';\n } else if (edgeStyle === 'dotted') {\n strokeW = 1.5;\n dashArr = ' stroke-dasharray=\"5 3\"';\n markerRef = directed ? ' marker-end=\"url(#fc-arrow)\"' : '';\n } else {\n strokeW = 1.5;\n dashArr = '';\n markerRef = directed ? ' marker-end=\"url(#fc-arrow)\"' : '';\n }\n const eStroke = e.stroke || THEME.edgeStroke;\n\n // Compute connection points\n const sp = getEdgePoint(f, t);\n const ep = getEdgePoint(t, f);\n\n // Determine if we should curve\n const dx = t.cx - f.cx;\n const dy = t.cy - f.cy;\n const dist = Math.sqrt(dx * dx + dy * dy);\n let mx = (sp.x + ep.x) / 2;\n let my = (sp.y + ep.y) / 2;\n\n svg += `<g data-fc-type=\"edge\" data-fc-from=\"${escapeXml(e.from)}\" data-fc-to=\"${escapeXml(e.to)}\">`;\n\n if (dist > 0 && Math.abs(dy) > 15 && Math.abs(dx) > 15) {\n // Curved edge\n const perpX = -dy / dist;\n const perpY = dx / dist;\n const curveAmt = dist * 0.12;\n const cpx = mx + perpX * curveAmt;\n const cpy = my + perpY * curveAmt;\n mx = 0.25 * sp.x + 0.5 * cpx + 0.25 * ep.x;\n my = 0.25 * sp.y + 0.5 * cpy + 0.25 * ep.y;\n svg += `<path d=\"M ${sp.x} ${sp.y} Q ${cpx} ${cpy} ${ep.x} ${ep.y}\" fill=\"none\" stroke=\"${eStroke}\" stroke-width=\"${strokeW}\"${dashArr}${markerRef} />`;\n } else {\n svg += `<line x1=\"${sp.x}\" y1=\"${sp.y}\" x2=\"${ep.x}\" y2=\"${ep.y}\" stroke=\"${eStroke}\" stroke-width=\"${strokeW}\"${dashArr}${markerRef} />`;\n }\n\n // Edge label (supports multi-line via \\n)\n if (e.label) {\n const labelFontSize = Math.max(8, 10 * scale);\n const labelLines = e.label.split('\\n');\n const maxLineW = Math.max(...labelLines.map(l => measureText(l, labelFontSize)));\n const labelW = maxLineW + 12;\n const labelH = labelLines.length * (labelFontSize + 3) + 6;\n svg += `<rect x=\"${mx - labelW / 2}\" y=\"${my - labelH / 2}\" width=\"${labelW}\" height=\"${labelH}\" rx=\"3\" fill=\"${THEME.bg}\" opacity=\"0.85\" />`;\n if (labelLines.length === 1) {\n svg += `<text x=\"${mx}\" y=\"${my + 1}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${THEME.edgeText}\" font-size=\"${labelFontSize}\" font-family=\"${FONT_FAMILY}\">${escapeXml(e.label)}</text>`;\n } else {\n const startY = my - ((labelLines.length - 1) * (labelFontSize + 3)) / 2;\n svg += `<text x=\"${mx}\" text-anchor=\"middle\" fill=\"${THEME.edgeText}\" font-size=\"${labelFontSize}\" font-family=\"${FONT_FAMILY}\">`;\n labelLines.forEach((ln, idx) => {\n svg += `<tspan x=\"${mx}\" dy=\"${idx === 0 ? 0 : labelFontSize + 3}\" y=\"${idx === 0 ? startY : ''}\">${escapeXml(ln)}</tspan>`;\n });\n svg += `</text>`;\n }\n }\n\n svg += `</g>`;\n });\n\n // --- Nodes ---\n nodes.forEach(n => {\n const d = nodeById.get(n.id);\n if (!d) return;\n\n const nStroke = n.stroke || THEME.nodeStroke;\n const nFill = n.fill || THEME.nodeBg;\n const nStrokeWidth = n.strokeWidth || 1.8;\n const fontSize = Math.max(9, Math.min(13, 12 * scale));\n\n svg += `<g data-fc-type=\"node\" data-fc-id=\"${escapeXml(n.id)}\">`;\n\n if (n.type === 'circle') {\n const r = Math.min(d.w, d.h) / 2;\n svg += `<circle cx=\"${d.cx}\" cy=\"${d.cy}\" r=\"${r}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n } else if (n.type === 'diamond') {\n const hw = d.w / 2 * 0.85;\n const hh = d.h / 2 * 0.85;\n svg += `<polygon points=\"${d.cx},${d.cy - hh} ${d.cx + hw},${d.cy} ${d.cx},${d.cy + hh} ${d.cx - hw},${d.cy}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n } else if (n.type === 'asymmetric') {\n // Flag/asymmetric shape: pointed left, flat right\n const notchX = d.x + 15 * scale;\n svg += `<polygon points=\"${d.x},${d.y} ${d.x + d.w},${d.y} ${d.x + d.w},${d.y + d.h} ${d.x},${d.y + d.h} ${notchX},${d.cy}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n } else if (n.type === 'roundrect') {\n svg += `<rect x=\"${d.x}\" y=\"${d.y}\" width=\"${d.w}\" height=\"${d.h}\" rx=\"${12 * scale}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n } else {\n svg += `<rect x=\"${d.x}\" y=\"${d.y}\" width=\"${d.w}\" height=\"${d.h}\" rx=\"${3 * scale}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n }\n\n // Node label (supports multi-line via \\n)\n if (n.label) {\n let labelFill = nFill && nFill !== 'transparent' && nFill !== THEME.nodeBg ? getContrastColor(nFill) : nStroke;\n if (isColorTooDark(labelFill)) labelFill = '#d0d0d0';\n\n const labelLines = n.label.split('\\n');\n if (labelLines.length === 1) {\n svg += `<text x=\"${d.cx}\" y=\"${d.cy}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${labelFill}\" font-size=\"${fontSize}\" font-family=\"${FONT_FAMILY}\" font-weight=\"500\">${escapeXml(n.label)}</text>`;\n } else {\n const lineH = fontSize + 3;\n const startY = d.cy - ((labelLines.length - 1) * lineH) / 2;\n svg += `<text text-anchor=\"middle\" fill=\"${labelFill}\" font-size=\"${fontSize}\" font-family=\"${FONT_FAMILY}\" font-weight=\"500\">`;\n labelLines.forEach((ln, idx) => {\n svg += `<tspan x=\"${d.cx}\" y=\"${startY + idx * lineH}\">${escapeXml(ln)}</tspan>`;\n });\n svg += `</text>`;\n }\n }\n\n svg += `</g>`;\n });\n\n // Build final SVG\n const defsStr = defs.length > 0 ? `<defs>${defs.join('')}</defs>` : '';\n return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${totalWidth}\" height=\"${totalHeight}\" viewBox=\"0 0 ${totalWidth} ${totalHeight}\">${defsStr}${svg}</svg>`;\n}\n\n/**\n * Get the connection point on a node's boundary toward another node.\n */\nfunction getEdgePoint(node, target) {\n const dx = target.cx - node.cx;\n const dy = target.cy - node.cy;\n\n if (node.type === 'circle') {\n const r = Math.min(node.w, node.h) / 2;\n const dist = Math.sqrt(dx * dx + dy * dy) || 1;\n return { x: node.cx + (dx / dist) * r, y: node.cy + (dy / dist) * r };\n }\n\n if (node.type === 'diamond') {\n // Diamond edge intersection\n const hw = node.w / 2 * 0.85;\n const hh = node.h / 2 * 0.85;\n const adx = Math.abs(dx) || 0.001;\n const ady = Math.abs(dy) || 0.001;\n const t = Math.min(hw / adx, hh / ady);\n return { x: node.cx + dx * t * 0.95, y: node.cy + dy * t * 0.95 };\n }\n\n // Rectangle / rounded rect / asymmetric - exit from edges\n const hw = node.w / 2;\n const hh = node.h / 2;\n\n if (Math.abs(dx) < 0.001 || Math.abs(dy) * hw > Math.abs(dx) * hh) {\n if (dy > 0) return { x: node.cx, y: node.y + node.h };\n return { x: node.cx, y: node.y };\n }\n if (dx > 0) return { x: node.x + node.w, y: node.cy };\n return { x: node.x, y: node.cy };\n}\n\nfunction isColorTooDark(hex) {\n if (!hex || hex === 'transparent' || hex === 'none') return false;\n const rgb = parseColor(hex);\n if (!rgb) return false;\n return (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) < 80;\n}\n\nfunction parseColor(hex) {\n if (!hex || hex === 'transparent' || hex === 'none') return null;\n let c = hex.replace('#', '');\n // Support 3-char shorthand (#9f6 \u2192 #99ff66)\n if (c.length === 3) c = c[0] + c[0] + c[1] + c[1] + c[2] + c[2];\n if (c.length < 6) return null;\n return {\n r: parseInt(c.substring(0, 2), 16),\n g: parseInt(c.substring(2, 4), 16),\n b: parseInt(c.substring(4, 6), 16),\n };\n}\n\nfunction getLuminance(hex) {\n const rgb = parseColor(hex);\n if (!rgb) return 0;\n return 0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b;\n}\n\nfunction getContrastColor(bgHex) {\n // Pick dark or light text based on background luminance\n return getLuminance(bgHex) > 140 ? '#1a1a2e' : '#f0f0f0';\n}\n\n/**\n * Generate preview SVG for the modal.\n */\nexport function renderFlowchartPreviewSVG(diagram) {\n return renderFlowchartSVG(diagram, { width: 600, height: 450 });\n}\n\n/**\n * Render a flowchart diagram onto the canvas as a real engine `Frame`\n * containing independent shapes \u2014 Rectangle nodes (with embedded labels)\n * joined by Arrow edges. Each child is fully independent for click /\n * drag / resize / colour-change, exactly like a user-drawn shape; the\n * Frame's `_diagramType` marker means deleting it pulls every child with\n * it (so the diagram behaves as one logical unit when you're done with\n * it) \u2014 see Frame.destroy().\n *\n * Issue #34 bug #3 (follow-up to #22 phase 5): drops the shared `groupId`\n * glue that made selecting one shape select the whole diagram; the Frame\n * is the explicit container instead.\n */\nexport function renderFlowchartOnCanvas(diagram) {\n if (!diagram || !diagram.nodes || diagram.nodes.length === 0) return false;\n if (!window.svg || !window.Rectangle || !window.Frame) {\n console.error('[FlowchartRenderer] Engine not initialized');\n return false;\n }\n\n const nodes = diagram.nodes;\n const edges = diagram.edges || [];\n\n // Diagram bounds (in the renderer's natural coordinate space)\n let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n nodes.forEach((n) => {\n const nw = n.width || 140;\n const nh = n.height || 60;\n minX = Math.min(minX, n.x);\n minY = Math.min(minY, n.y);\n maxX = Math.max(maxX, n.x + nw);\n maxY = Math.max(maxY, n.y + nh);\n });\n const dw = (maxX - minX) || 1;\n const dh = (maxY - minY) || 1;\n\n // Center on the current viewport\n const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n const vcx = vb.x + vb.width / 2;\n const vcy = vb.y + vb.height / 2;\n const ox = vcx - dw / 2 - minX;\n const oy = vcy - dh / 2 - minY;\n\n // \u2500\u2500 Wrapper frame \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // Created up-front so we can call addShapeToFrame as each child is\n // built. _diagramType marks it so Frame.destroy() takes the children\n // along on delete (issue #34 bug #3).\n //\n // PADDING bumped from 40 \u2192 90 so edge labels, rotated diamond nodes,\n // and arrow heads near the diagram boundary stay inside the frame\n // instead of getting clipped at the corners.\n const PADDING = 90;\n const frameTitle = diagram.title || 'Mermaid diagram';\n const frame = new window.Frame(\n vcx - dw / 2 - PADDING,\n vcy - dh / 2 - PADDING,\n dw + PADDING * 2,\n dh + PADDING * 2,\n {\n stroke: '#888',\n strokeWidth: 1,\n fill: 'transparent',\n opacity: 0.7,\n frameName: frameTitle,\n }\n );\n frame._diagramType = 'mermaid-flowchart';\n window.shapes.push(frame);\n if (window.pushCreateAction) window.pushCreateAction(frame);\n\n const nodeMap = new Map(); // id \u2192 shape\n\n // \u2500\u2500 Nodes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n for (const n of nodes) {\n const nw = n.width || 140;\n const nh = n.height || 60;\n const nx = n.x + ox;\n const ny = n.y + oy;\n const cx = nx + nw / 2;\n const cy = ny + nh / 2;\n\n const opts = {\n stroke: n.stroke || nodeStrokeColor(),\n strokeWidth: n.strokeWidth ?? 1.5,\n fill: n.fill || 'transparent',\n fillStyle: n.fill && n.fill !== 'transparent' ? 'solid' : 'none',\n roughness: 1,\n label: n.label || '',\n labelColor: n.labelColor || nodeStrokeColor(),\n };\n\n let shape = null;\n try {\n if (n.type === 'circle' && window.Circle) {\n shape = new window.Circle(cx, cy, nw / 2, nh / 2, opts);\n } else if (n.type === 'diamond') {\n const sz = Math.max(nw, nh) * 0.75;\n shape = new window.Rectangle(cx - sz / 2, cy - sz / 2, sz, sz, opts);\n shape.rotation = 45;\n if (typeof shape.draw === 'function') shape.draw();\n } else if (n.type === 'roundrect') {\n shape = new window.Rectangle(nx, ny, nw, nh, { ...opts, cornerRadius: Math.min(nw, nh) * 0.2 });\n } else {\n shape = new window.Rectangle(nx, ny, nw, nh, opts);\n }\n } catch (err) {\n console.warn('[FlowchartRenderer] Node creation failed:', n.id, err);\n continue;\n }\n if (!shape) continue;\n\n window.shapes.push(shape);\n if (window.pushCreateAction) window.pushCreateAction(shape);\n frame.addShapeToFrame(shape);\n\n nodeMap.set(n.id, { shape, x: nx, y: ny, width: nw, height: nh, centerX: cx, centerY: cy });\n }\n\n // \u2500\u2500 Edges \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n for (const e of edges) {\n const fromNode = nodeMap.get(e.from);\n const toNode = nodeMap.get(e.to);\n if (!fromNode || !toNode) continue;\n\n // Connect from the source center to the target center \u2014 autoAttach\n // will snap each endpoint to the appropriate edge of the shape.\n const sp = { x: fromNode.centerX, y: fromNode.centerY };\n const ep = { x: toNode.centerX, y: toNode.centerY };\n\n const directed = e.directed !== false;\n const style = e.style || 'normal';\n const isThick = style === 'thick';\n const isDotted = style === 'dotted';\n\n const opts = {\n stroke: e.stroke || edgeStrokeColor(),\n strokeWidth: isThick ? 3 : 1.5,\n roughness: 1,\n strokeDasharray: isDotted ? '5 3' : '',\n label: e.label || '',\n labelColor: e.labelColor || edgeStrokeColor(),\n };\n\n let connector = null;\n try {\n if (directed && window.Arrow) {\n connector = new window.Arrow(sp, ep, opts);\n } else if (window.Line) {\n connector = new window.Line(sp, ep, opts);\n } else if (window.Arrow) {\n connector = new window.Arrow(sp, ep, opts);\n }\n } catch (err) {\n console.warn('[FlowchartRenderer] Edge creation failed:', e, err);\n continue;\n }\n if (!connector) continue;\n\n window.shapes.push(connector);\n if (window.pushCreateAction) window.pushCreateAction(connector);\n frame.addShapeToFrame(connector);\n\n // Wire arrow endpoints into the source/target shapes so moving a\n // node drags its connections along. window.__autoAttach is set up\n // by AIRenderer.initAIRenderer() during engine init.\n if (directed && connector.shapeName === 'arrow' && typeof window.__autoAttach === 'function') {\n try {\n window.__autoAttach(connector, fromNode.shape, true, sp);\n window.__autoAttach(connector, toNode.shape, false, ep);\n } catch (err) {\n console.warn('[FlowchartRenderer] autoAttach failed:', err);\n }\n }\n }\n\n // Select the first node so the user has feedback that something\n // landed. Selecting a child (not the frame) reinforces the\n // \"independent shapes inside a frame\" model.\n const first = nodeMap.values().next().value;\n if (first) {\n window.currentShape = first.shape;\n if (typeof first.shape.selectShape === 'function') first.shape.selectShape();\n }\n\n return true;\n}\n"],
|
|
5
|
-
"mappings": ";;;AAYA,IAAM,SAAS;AACf,IAAM,SAAS;AAGf,IAAM,cAAc;AACpB,IAAM,aAAa;AACnB,IAAM,cAAc;AAIpB,SAAS,cAAc;AACnB,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,SAAO,CAAC,EAAE,SAAS,QAAQ,SAAS,KAAK,UAAU,SAAS,YAAY;AAC5E;AACA,SAAS,kBAAkB;AAAE,SAAO,YAAY,IAAI,SAAS;AAAW;AACxE,SAAS,kBAAkB;AAAE,SAAO,YAAY,IAAI,SAAS;AAAQ;AAGrE,IAAM,QAAQ;AAAA,EACV,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AACnB;AAEA,SAAS,UAAU,KAAK;AACpB,SAAO,OAAO,GAAG,EACZ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ;AAC/B;AAEA,SAAS,YAAY,MAAM,UAAU;AACjC,SAAO,KAAK,SAAS,WAAW;AACpC;AASO,SAAS,mBAAmB,SAAS,OAAO,CAAC,GAAG;AACnD,MAAI,CAAC,WAAW,CAAC,QAAQ,SAAS,QAAQ,MAAM,WAAW,EAAG,QAAO;AAErE,QAAM,QAAQ,QAAQ;AACtB,QAAM,QAAQ,QAAQ,SAAS,CAAC;AAChC,QAAM,YAAY,QAAQ,aAAa,CAAC;AACxC,QAAM,YAAY,QAAQ,aAAa;AAGvC,MAAI,OAAO,UAAU,OAAO,UAAU,OAAO,WAAW,OAAO;AAC/D,QAAM,QAAQ,OAAK;AACf,UAAM,KAAK,EAAE,SAAS;AACtB,UAAM,KAAK,EAAE,UAAU;AACvB,WAAO,KAAK,IAAI,MAAM,EAAE,CAAC;AACzB,WAAO,KAAK,IAAI,MAAM,EAAE,CAAC;AACzB,WAAO,KAAK,IAAI,MAAM,EAAE,IAAI,EAAE;AAC9B,WAAO,KAAK,IAAI,MAAM,EAAE,IAAI,EAAE;AAAA,EAClC,CAAC;AAED,QAAM,KAAK,OAAO,QAAQ;AAC1B,QAAM,KAAK,OAAO,QAAQ;AAG1B,QAAM,UAAU,KAAK,SAAS,KAAK,cAAc;AACjD,QAAM,UAAU,KAAK,UAAU,KAAK,aAAa;AAEjD,MAAI,OAAO,MAAM;AACjB,MAAI,KAAK,SAAS,KAAK,QAAQ;AAC3B,UAAM,MAAM;AACZ,YAAQ,KAAK;AAAA,OACR,UAAU,MAAM,KAAK;AAAA,OACrB,UAAU,MAAM,KAAK;AAAA,MACtB;AAAA,IACJ;AACA,YAAQ,UAAU,KAAK,SAAS,IAAI,OAAO;AAC3C,YAAQ,UAAU,KAAK,SAAS,IAAI,OAAO;AAAA,EAC/C,OAAO;AACH,YAAQ;AACR,WAAO,cAAc;AACrB,WAAO,aAAa;AAAA,EACxB;AAEA,QAAM,aAAa,KAAK,SAAS,KAAK,MAAM,KAAK,QAAQ,cAAc,CAAC;AACxE,QAAM,cAAc,KAAK,UAAU,KAAK,MAAM,KAAK,QAAQ,aAAa,CAAC;AAGzE,QAAM,WAAW,oBAAI,IAAI;AACzB,QAAM,QAAQ,OAAK;AACf,UAAM,MAAM,EAAE,SAAS,UAAU;AACjC,UAAM,MAAM,EAAE,UAAU,UAAU;AAClC,UAAM,KAAK,EAAE,IAAI,QAAQ;AACzB,UAAM,KAAK,EAAE,IAAI,QAAQ;AACzB,aAAS,IAAI,EAAE,IAAI;AAAA,MACf,GAAG;AAAA,MAAI,GAAG;AAAA,MAAI,GAAG;AAAA,MAAI,GAAG;AAAA,MACxB,IAAI,KAAK,KAAK;AAAA,MAAG,IAAI,KAAK,KAAK;AAAA,MAC/B,MAAM,EAAE;AAAA,MAAM,OAAO,EAAE;AAAA,MACvB,MAAM,EAAE;AAAA,MAAM,QAAQ,EAAE;AAAA,MAAQ,aAAa,EAAE;AAAA,IACnD,CAAC;AAAA,EACL,CAAC;AAED,MAAI,MAAM;AACV,QAAM,OAAO,CAAC;AAGd,OAAK,KAAK;AAAA,uDACyC,MAAM,UAAU;AAAA,cACzD;AACV,OAAK,KAAK;AAAA,wDAC0C,MAAM,UAAU;AAAA,cAC1D;AAGV,SAAO,4BAA4B,UAAU,aAAa,WAAW,WAAW,MAAM,EAAE;AAGxF,aAAW,MAAM,WAAW;AACxB,QAAI,CAAC,GAAG,SAAS,GAAG,MAAM,WAAW,EAAG;AAExC,QAAI,SAAS,UAAU,SAAS,UAAU,SAAS,WAAW,SAAS;AACvE,QAAI,WAAW;AACf,eAAW,OAAO,GAAG,OAAO;AACxB,YAAM,KAAK,SAAS,IAAI,GAAG;AAC3B,UAAI,CAAC,GAAI;AACT,iBAAW;AACX,eAAS,KAAK,IAAI,QAAQ,GAAG,CAAC;AAC9B,eAAS,KAAK,IAAI,QAAQ,GAAG,CAAC;AAC9B,eAAS,KAAK,IAAI,QAAQ,GAAG,IAAI,GAAG,CAAC;AACrC,eAAS,KAAK,IAAI,QAAQ,GAAG,IAAI,GAAG,CAAC;AAAA,IACzC;AACA,QAAI,CAAC,SAAU;AAEf,UAAM,QAAQ,KAAK;AACnB,UAAM,MAAM,SAAS;AACrB,UAAM,MAAM,SAAS,QAAQ,KAAK;AAClC,UAAM,MAAO,SAAS,SAAU,QAAQ;AACxC,UAAM,MAAO,SAAS,SAAU,QAAQ,IAAI,KAAK;AAEjD,WAAO,0CAA0C,UAAU,GAAG,EAAE,CAAC;AACjE,WAAO,YAAY,GAAG,QAAQ,GAAG,YAAY,GAAG,aAAa,GAAG,kBAAkB,MAAM,UAAU,aAAa,MAAM,cAAc;AACnI,QAAI,GAAG,OAAO;AACV,aAAO,YAAY,MAAM,CAAC,QAAQ,MAAM,EAAE,WAAW,MAAM,aAAa,gBAAgB,KAAK,IAAI,GAAG,KAAK,KAAK,CAAC,kBAAkB,WAAW,KAAK,UAAU,GAAG,KAAK,CAAC;AAAA,IACxK;AACA,WAAO;AAAA,EACX;AAGA,QAAM,QAAQ,OAAK;AACf,UAAM,IAAI,SAAS,IAAI,EAAE,IAAI;AAC7B,UAAM,IAAI,SAAS,IAAI,EAAE,EAAE;AAC3B,QAAI,CAAC,KAAK,CAAC,EAAG;AAEd,UAAM,WAAW,EAAE,aAAa;AAChC,UAAM,YAAY,EAAE,SAAS;AAC7B,QAAI,SAAS,SAAS;AACtB,QAAI,cAAc,SAAS;AACvB,gBAAU;AACV,gBAAU;AACV,kBAAY,WAAW,uCAAuC;AAAA,IAClE,WAAW,cAAc,UAAU;AAC/B,gBAAU;AACV,gBAAU;AACV,kBAAY,WAAW,iCAAiC;AAAA,IAC5D,OAAO;AACH,gBAAU;AACV,gBAAU;AACV,kBAAY,WAAW,iCAAiC;AAAA,IAC5D;AACA,UAAM,UAAU,EAAE,UAAU,MAAM;AAGlC,UAAM,KAAK,aAAa,GAAG,CAAC;AAC5B,UAAM,KAAK,aAAa,GAAG,CAAC;AAG5B,UAAM,KAAK,EAAE,KAAK,EAAE;AACpB,UAAM,KAAK,EAAE,KAAK,EAAE;AACpB,UAAM,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK,EAAE;AACxC,QAAI,MAAM,GAAG,IAAI,GAAG,KAAK;AACzB,QAAI,MAAM,GAAG,IAAI,GAAG,KAAK;AAEzB,WAAO,wCAAwC,UAAU,EAAE,IAAI,CAAC,iBAAiB,UAAU,EAAE,EAAE,CAAC;AAEhG,QAAI,OAAO,KAAK,KAAK,IAAI,EAAE,IAAI,MAAM,KAAK,IAAI,EAAE,IAAI,IAAI;AAEpD,YAAM,QAAQ,CAAC,KAAK;AACpB,YAAM,QAAQ,KAAK;AACnB,YAAM,WAAW,OAAO;AACxB,YAAM,MAAM,KAAK,QAAQ;AACzB,YAAM,MAAM,KAAK,QAAQ;AACzB,WAAK,OAAO,GAAG,IAAI,MAAM,MAAM,OAAO,GAAG;AACzC,WAAK,OAAO,GAAG,IAAI,MAAM,MAAM,OAAO,GAAG;AACzC,aAAO,cAAc,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,yBAAyB,OAAO,mBAAmB,OAAO,IAAI,OAAO,GAAG,SAAS;AAAA,IACtJ,OAAO;AACH,aAAO,aAAa,GAAG,CAAC,SAAS,GAAG,CAAC,SAAS,GAAG,CAAC,SAAS,GAAG,CAAC,aAAa,OAAO,mBAAmB,OAAO,IAAI,OAAO,GAAG,SAAS;AAAA,IACxI;AAGA,QAAI,EAAE,OAAO;AACT,YAAM,gBAAgB,KAAK,IAAI,GAAG,KAAK,KAAK;AAC5C,YAAM,aAAa,EAAE,MAAM,MAAM,IAAI;AACrC,YAAM,WAAW,KAAK,IAAI,GAAG,WAAW,IAAI,OAAK,YAAY,GAAG,aAAa,CAAC,CAAC;AAC/E,YAAM,SAAS,WAAW;AAC1B,YAAM,SAAS,WAAW,UAAU,gBAAgB,KAAK;AACzD,aAAO,YAAY,KAAK,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,YAAY,MAAM,aAAa,MAAM,kBAAkB,MAAM,EAAE;AACxH,UAAI,WAAW,WAAW,GAAG;AACzB,eAAO,YAAY,EAAE,QAAQ,KAAK,CAAC,4DAA4D,MAAM,QAAQ,gBAAgB,aAAa,kBAAkB,WAAW,KAAK,UAAU,EAAE,KAAK,CAAC;AAAA,MAClM,OAAO;AACH,cAAM,SAAS,MAAO,WAAW,SAAS,MAAM,gBAAgB,KAAM;AACtE,eAAO,YAAY,EAAE,gCAAgC,MAAM,QAAQ,gBAAgB,aAAa,kBAAkB,WAAW;AAC7H,mBAAW,QAAQ,CAAC,IAAI,QAAQ;AAC5B,iBAAO,aAAa,EAAE,SAAS,QAAQ,IAAI,IAAI,gBAAgB,CAAC,QAAQ,QAAQ,IAAI,SAAS,EAAE,KAAK,UAAU,EAAE,CAAC;AAAA,QACrH,CAAC;AACD,eAAO;AAAA,MACX;AAAA,IACJ;AAEA,WAAO;AAAA,EACX,CAAC;AAGD,QAAM,QAAQ,OAAK;AACf,UAAM,IAAI,SAAS,IAAI,EAAE,EAAE;AAC3B,QAAI,CAAC,EAAG;AAER,UAAM,UAAU,EAAE,UAAU,MAAM;AAClC,UAAM,QAAQ,EAAE,QAAQ,MAAM;AAC9B,UAAM,eAAe,EAAE,eAAe;AACtC,UAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,KAAK,KAAK,CAAC;AAErD,WAAO,sCAAsC,UAAU,EAAE,EAAE,CAAC;AAE5D,QAAI,EAAE,SAAS,UAAU;AACrB,YAAM,IAAI,KAAK,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI;AAC/B,aAAO,eAAe,EAAE,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,WAAW,KAAK,aAAa,OAAO,mBAAmB,YAAY;AAAA,IACvH,WAAW,EAAE,SAAS,WAAW;AAC7B,YAAM,KAAK,EAAE,IAAI,IAAI;AACrB,YAAM,KAAK,EAAE,IAAI,IAAI;AACrB,aAAO,oBAAoB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,KAAK,aAAa,OAAO,mBAAmB,YAAY;AAAA,IAClL,WAAW,EAAE,SAAS,cAAc;AAEhC,YAAM,SAAS,EAAE,IAAI,KAAK;AAC1B,aAAO,oBAAoB,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,MAAM,IAAI,EAAE,EAAE,WAAW,KAAK,aAAa,OAAO,mBAAmB,YAAY;AAAA,IAChM,WAAW,EAAE,SAAS,aAAa;AAC/B,aAAO,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC,aAAa,EAAE,CAAC,SAAS,KAAK,KAAK,WAAW,KAAK,aAAa,OAAO,mBAAmB,YAAY;AAAA,IAC1J,OAAO;AACH,aAAO,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC,aAAa,EAAE,CAAC,SAAS,IAAI,KAAK,WAAW,KAAK,aAAa,OAAO,mBAAmB,YAAY;AAAA,IACzJ;AAGA,QAAI,EAAE,OAAO;AACT,UAAI,YAAY,SAAS,UAAU,iBAAiB,UAAU,MAAM,SAAS,iBAAiB,KAAK,IAAI;AACvG,UAAI,eAAe,SAAS,EAAG,aAAY;AAE3C,YAAM,aAAa,EAAE,MAAM,MAAM,IAAI;AACrC,UAAI,WAAW,WAAW,GAAG;AACzB,eAAO,YAAY,EAAE,EAAE,QAAQ,EAAE,EAAE,4DAA4D,SAAS,gBAAgB,QAAQ,kBAAkB,WAAW,uBAAuB,UAAU,EAAE,KAAK,CAAC;AAAA,MAC1M,OAAO;AACH,cAAM,QAAQ,WAAW;AACzB,cAAM,SAAS,EAAE,MAAO,WAAW,SAAS,KAAK,QAAS;AAC1D,eAAO,oCAAoC,SAAS,gBAAgB,QAAQ,kBAAkB,WAAW;AACzG,mBAAW,QAAQ,CAAC,IAAI,QAAQ;AAC5B,iBAAO,aAAa,EAAE,EAAE,QAAQ,SAAS,MAAM,KAAK,KAAK,UAAU,EAAE,CAAC;AAAA,QAC1E,CAAC;AACD,eAAO;AAAA,MACX;AAAA,IACJ;AAEA,WAAO;AAAA,EACX,CAAC;AAGD,QAAM,UAAU,KAAK,SAAS,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC,YAAY;AACpE,SAAO,kDAAkD,UAAU,aAAa,WAAW,kBAAkB,UAAU,IAAI,WAAW,KAAK,OAAO,GAAG,GAAG;AAC5J;AAKA,SAAS,aAAa,MAAM,QAAQ;AAChC,QAAM,KAAK,OAAO,KAAK,KAAK;AAC5B,QAAM,KAAK,OAAO,KAAK,KAAK;AAE5B,MAAI,KAAK,SAAS,UAAU;AACxB,UAAM,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI;AACrC,UAAM,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK,EAAE,KAAK;AAC7C,WAAO,EAAE,GAAG,KAAK,KAAM,KAAK,OAAQ,GAAG,GAAG,KAAK,KAAM,KAAK,OAAQ,EAAE;AAAA,EACxE;AAEA,MAAI,KAAK,SAAS,WAAW;AAEzB,UAAMA,MAAK,KAAK,IAAI,IAAI;AACxB,UAAMC,MAAK,KAAK,IAAI,IAAI;AACxB,UAAM,MAAM,KAAK,IAAI,EAAE,KAAK;AAC5B,UAAM,MAAM,KAAK,IAAI,EAAE,KAAK;AAC5B,UAAM,IAAI,KAAK,IAAID,MAAK,KAAKC,MAAK,GAAG;AACrC,WAAO,EAAE,GAAG,KAAK,KAAK,KAAK,IAAI,MAAM,GAAG,KAAK,KAAK,KAAK,IAAI,KAAK;AAAA,EACpE;AAGA,QAAM,KAAK,KAAK,IAAI;AACpB,QAAM,KAAK,KAAK,IAAI;AAEpB,MAAI,KAAK,IAAI,EAAE,IAAI,QAAS,KAAK,IAAI,EAAE,IAAI,KAAK,KAAK,IAAI,EAAE,IAAI,IAAI;AAC/D,QAAI,KAAK,EAAG,QAAO,EAAE,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAE;AACpD,WAAO,EAAE,GAAG,KAAK,IAAI,GAAG,KAAK,EAAE;AAAA,EACnC;AACA,MAAI,KAAK,EAAG,QAAO,EAAE,GAAG,KAAK,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;AACpD,SAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,GAAG;AACnC;AAEA,SAAS,eAAe,KAAK;AACzB,MAAI,CAAC,OAAO,QAAQ,iBAAiB,QAAQ,OAAQ,QAAO;AAC5D,QAAM,MAAM,WAAW,GAAG;AAC1B,MAAI,CAAC,IAAK,QAAO;AACjB,SAAQ,QAAQ,IAAI,IAAI,QAAQ,IAAI,IAAI,QAAQ,IAAI,IAAK;AAC7D;AAEA,SAAS,WAAW,KAAK;AACrB,MAAI,CAAC,OAAO,QAAQ,iBAAiB,QAAQ,OAAQ,QAAO;AAC5D,MAAI,IAAI,IAAI,QAAQ,KAAK,EAAE;AAE3B,MAAI,EAAE,WAAW,EAAG,KAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;AAC9D,MAAI,EAAE,SAAS,EAAG,QAAO;AACzB,SAAO;AAAA,IACH,GAAG,SAAS,EAAE,UAAU,GAAG,CAAC,GAAG,EAAE;AAAA,IACjC,GAAG,SAAS,EAAE,UAAU,GAAG,CAAC,GAAG,EAAE;AAAA,IACjC,GAAG,SAAS,EAAE,UAAU,GAAG,CAAC,GAAG,EAAE;AAAA,EACrC;AACJ;AAEA,SAAS,aAAa,KAAK;AACvB,QAAM,MAAM,WAAW,GAAG;AAC1B,MAAI,CAAC,IAAK,QAAO;AACjB,SAAO,QAAQ,IAAI,IAAI,QAAQ,IAAI,IAAI,QAAQ,IAAI;AACvD;AAEA,SAAS,iBAAiB,OAAO;AAE7B,SAAO,aAAa,KAAK,IAAI,MAAM,YAAY;AACnD;AAKO,SAAS,0BAA0B,SAAS;AAC/C,SAAO,mBAAmB,SAAS,EAAE,OAAO,KAAK,QAAQ,IAAI,CAAC;AAClE;AAeO,SAAS,wBAAwB,SAAS;AAC7C,MAAI,CAAC,WAAW,CAAC,QAAQ,SAAS,QAAQ,MAAM,WAAW,EAAG,QAAO;AACrE,MAAI,CAAC,OAAO,OAAO,CAAC,OAAO,aAAa,CAAC,OAAO,OAAO;AACnD,YAAQ,MAAM,4CAA4C;AAC1D,WAAO;AAAA,EACX;AAEA,QAAM,QAAQ,QAAQ;AACtB,QAAM,QAAQ,QAAQ,SAAS,CAAC;AAGhC,MAAI,OAAO,UAAU,OAAO,UAAU,OAAO,WAAW,OAAO;AAC/D,QAAM,QAAQ,CAAC,MAAM;AACjB,UAAM,KAAK,EAAE,SAAS;AACtB,UAAM,KAAK,EAAE,UAAU;AACvB,WAAO,KAAK,IAAI,MAAM,EAAE,CAAC;AACzB,WAAO,KAAK,IAAI,MAAM,EAAE,CAAC;AACzB,WAAO,KAAK,IAAI,MAAM,EAAE,IAAI,EAAE;AAC9B,WAAO,KAAK,IAAI,MAAM,EAAE,IAAI,EAAE;AAAA,EAClC,CAAC;AACD,QAAM,KAAM,OAAO,QAAS;AAC5B,QAAM,KAAM,OAAO,QAAS;AAG5B,QAAM,KAAK,OAAO,kBAAkB,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,OAAO,YAAY,QAAQ,OAAO,YAAY;AACvG,QAAM,MAAM,GAAG,IAAI,GAAG,QAAQ;AAC9B,QAAM,MAAM,GAAG,IAAI,GAAG,SAAS;AAC/B,QAAM,KAAK,MAAM,KAAK,IAAI;AAC1B,QAAM,KAAK,MAAM,KAAK,IAAI;AAU1B,QAAM,UAAU;AAChB,QAAM,aAAa,QAAQ,SAAS;AACpC,QAAM,QAAQ,IAAI,OAAO;AAAA,IACrB,MAAM,KAAK,IAAI;AAAA,IACf,MAAM,KAAK,IAAI;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,IACf;AAAA,EACJ;AACA,QAAM,eAAe;AACrB,SAAO,OAAO,KAAK,KAAK;AACxB,MAAI,OAAO,iBAAkB,QAAO,iBAAiB,KAAK;AAE1D,QAAM,UAAU,oBAAI,IAAI;AAGxB,aAAW,KAAK,OAAO;AACnB,UAAM,KAAK,EAAE,SAAS;AACtB,UAAM,KAAK,EAAE,UAAU;AACvB,UAAM,KAAK,EAAE,IAAI;AACjB,UAAM,KAAK,EAAE,IAAI;AACjB,UAAM,KAAK,KAAK,KAAK;AACrB,UAAM,KAAK,KAAK,KAAK;AAErB,UAAM,OAAO;AAAA,MACT,QAAQ,EAAE,UAAU,gBAAgB;AAAA,MACpC,aAAa,EAAE,eAAe;AAAA,MAC9B,MAAM,EAAE,QAAQ;AAAA,MAChB,WAAW,EAAE,QAAQ,EAAE,SAAS,gBAAgB,UAAU;AAAA,MAC1D,WAAW;AAAA,MACX,OAAO,EAAE,SAAS;AAAA,MAClB,YAAY,EAAE,cAAc,gBAAgB;AAAA,IAChD;AAEA,QAAI,QAAQ;AACZ,QAAI;AACA,UAAI,EAAE,SAAS,YAAY,OAAO,QAAQ;AACtC,gBAAQ,IAAI,OAAO,OAAO,IAAI,IAAI,KAAK,GAAG,KAAK,GAAG,IAAI;AAAA,MAC1D,WAAW,EAAE,SAAS,WAAW;AAC7B,cAAM,KAAK,KAAK,IAAI,IAAI,EAAE,IAAI;AAC9B,gBAAQ,IAAI,OAAO,UAAU,KAAK,KAAK,GAAG,KAAK,KAAK,GAAG,IAAI,IAAI,IAAI;AACnE,cAAM,WAAW;AACjB,YAAI,OAAO,MAAM,SAAS,WAAY,OAAM,KAAK;AAAA,MACrD,WAAW,EAAE,SAAS,aAAa;AAC/B,gBAAQ,IAAI,OAAO,UAAU,IAAI,IAAI,IAAI,IAAI,EAAE,GAAG,MAAM,cAAc,KAAK,IAAI,IAAI,EAAE,IAAI,IAAI,CAAC;AAAA,MAClG,OAAO;AACH,gBAAQ,IAAI,OAAO,UAAU,IAAI,IAAI,IAAI,IAAI,IAAI;AAAA,MACrD;AAAA,IACJ,SAAS,KAAK;AACV,cAAQ,KAAK,6CAA6C,EAAE,IAAI,GAAG;AACnE;AAAA,IACJ;AACA,QAAI,CAAC,MAAO;AAEZ,WAAO,OAAO,KAAK,KAAK;AACxB,QAAI,OAAO,iBAAkB,QAAO,iBAAiB,KAAK;AAC1D,UAAM,gBAAgB,KAAK;AAE3B,YAAQ,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC;AAAA,EAC9F;AAGA,aAAW,KAAK,OAAO;AACnB,UAAM,WAAW,QAAQ,IAAI,EAAE,IAAI;AACnC,UAAM,SAAS,QAAQ,IAAI,EAAE,EAAE;AAC/B,QAAI,CAAC,YAAY,CAAC,OAAQ;AAI1B,UAAM,KAAK,EAAE,GAAG,SAAS,SAAS,GAAG,SAAS,QAAQ;AACtD,UAAM,KAAK,EAAE,GAAG,OAAO,SAAS,GAAG,OAAO,QAAQ;AAElD,UAAM,WAAW,EAAE,aAAa;AAChC,UAAM,QAAQ,EAAE,SAAS;AACzB,UAAM,UAAU,UAAU;AAC1B,UAAM,WAAW,UAAU;AAE3B,UAAM,OAAO;AAAA,MACT,QAAQ,EAAE,UAAU,gBAAgB;AAAA,MACpC,aAAa,UAAU,IAAI;AAAA,MAC3B,WAAW;AAAA,MACX,iBAAiB,WAAW,QAAQ;AAAA,MACpC,OAAO,EAAE,SAAS;AAAA,MAClB,YAAY,EAAE,cAAc,gBAAgB;AAAA,IAChD;AAEA,QAAI,YAAY;AAChB,QAAI;AACA,UAAI,YAAY,OAAO,OAAO;AAC1B,oBAAY,IAAI,OAAO,MAAM,IAAI,IAAI,IAAI;AAAA,MAC7C,WAAW,OAAO,MAAM;AACpB,oBAAY,IAAI,OAAO,KAAK,IAAI,IAAI,IAAI;AAAA,MAC5C,WAAW,OAAO,OAAO;AACrB,oBAAY,IAAI,OAAO,MAAM,IAAI,IAAI,IAAI;AAAA,MAC7C;AAAA,IACJ,SAAS,KAAK;AACV,cAAQ,KAAK,6CAA6C,GAAG,GAAG;AAChE;AAAA,IACJ;AACA,QAAI,CAAC,UAAW;AAEhB,WAAO,OAAO,KAAK,SAAS;AAC5B,QAAI,OAAO,iBAAkB,QAAO,iBAAiB,SAAS;AAC9D,UAAM,gBAAgB,SAAS;AAK/B,QAAI,YAAY,UAAU,cAAc,WAAW,OAAO,OAAO,iBAAiB,YAAY;AAC1F,UAAI;AACA,eAAO,aAAa,WAAW,SAAS,OAAO,MAAM,EAAE;AACvD,eAAO,aAAa,WAAW,OAAO,OAAO,OAAO,EAAE;AAAA,MAC1D,SAAS,KAAK;AACV,gBAAQ,KAAK,0CAA0C,GAAG;AAAA,MAC9D;AAAA,IACJ;AAAA,EACJ;AAKA,QAAM,QAAQ,QAAQ,OAAO,EAAE,KAAK,EAAE;AACtC,MAAI,OAAO;AACP,WAAO,eAAe,MAAM;AAC5B,QAAI,OAAO,MAAM,MAAM,gBAAgB,WAAY,OAAM,MAAM,YAAY;AAAA,EAC/E;AAEA,SAAO;AACX;",
|
|
6
|
-
"names": ["hw", "hh"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/core/MermaidSequenceRenderer.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable */\n/**\n * MermaidSequenceRenderer - Renders parsed sequence diagrams as high-quality SVG.\n *\n * One renderer for both preview and canvas \u2014 ensures they always match.\n * The canvas renderer inserts the SVG into a frame; elements inside are\n * individually editable (each participant box, message label, note, etc.\n * is its own SVG group with data attributes for the editor).\n *\n * Design follows the reference image: dark theme, clean lines,\n * participant boxes at top and bottom, dashed lifelines, arrow styles.\n */\n\nimport { parseSequenceDiagram } from './MermaidSequenceParser.js';\n\n// Layout constants\nconst PARTICIPANT_W = 100;\nconst PARTICIPANT_H = 36;\nconst PARTICIPANT_GAP = 140;\nconst MSG_ROW_HEIGHT = 50;\nconst NOTE_PAD = 10;\nconst NOTE_MAX_W = 160;\nconst TOP_MARGIN = 30;\nconst BOTTOM_MARGIN = 30;\nconst SIDE_MARGIN = 40;\nconst FONT_FAMILY = 'lixFont, sans-serif';\nconst CODE_FONT = 'lixCode, monospace';\n\n// Issue #38 follow-up: theme-aware palette. The on-canvas renderer reads\n// `themeColors()` at draw time so a single render call gets whichever\n// palette is active. The dark THEME object below is kept for the SVG-\n// string preview path (`renderSequenceSVG`), which is rendered inside\n// the modal's preview pane.\nfunction themeColors() {\n const isDark = typeof document !== 'undefined'\n && document.body\n && document.body.classList.contains('theme-dark');\n if (isDark) return THEME;\n return {\n bg: '#fbfaf6',\n participantBg: '#ffffff',\n participantBorder: '#9c9c9c',\n participantText: '#38384e',\n lifeline: '#b0b0b8',\n messageLine: '#62627a',\n messageDash: '#888',\n messageText: '#38384e',\n noteBg: '#fffce0',\n noteBorder: '#c0b870',\n noteText: '#5e5230',\n blockBg: 'rgba(80,80,120,0.08)',\n blockBorder: '#9c9c9c',\n blockLabel: '#62627a',\n crossColor: '#c2483a',\n };\n}\n\n// Theme colors (dark theme \u2014 preview/SVG-string path).\nconst THEME = {\n bg: '#1e1e28',\n participantBg: '#232329',\n participantBorder: '#555',\n participantText: '#e8e8ee',\n lifeline: '#444',\n messageLine: '#888',\n messageDash: '#666',\n messageText: '#e0e0e0',\n noteBg: '#3a3520',\n noteBorder: '#665e30',\n noteText: '#d4c870',\n blockBg: 'rgba(80,80,120,0.12)',\n blockBorder: '#555',\n blockLabel: '#a0a0b0',\n crossColor: '#e74c3c',\n};\n\nfunction escapeXml(str) {\n return String(str)\n .replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n .replace(/\"/g, '"');\n}\n\n/**\n * Measure approximate text width (since we can't use DOM measurement in pure SVG generation).\n * Uses a rough character-width heuristic.\n */\nfunction measureText(text, fontSize) {\n const avgCharWidth = fontSize * 0.55;\n return text.length * avgCharWidth;\n}\n\n/**\n * Word-wrap text into lines that fit within maxWidth.\n */\nfunction wrapText(text, fontSize, maxWidth) {\n // Handle <br/> tags\n const segments = text.split(/<br\\s*\\/?>/i);\n const lines = [];\n for (const segment of segments) {\n const words = segment.split(/\\s+/);\n let currentLine = '';\n for (const word of words) {\n const testLine = currentLine ? currentLine + ' ' + word : word;\n if (measureText(testLine, fontSize) > maxWidth && currentLine) {\n lines.push(currentLine);\n currentLine = word;\n } else {\n currentLine = testLine;\n }\n }\n if (currentLine) lines.push(currentLine);\n }\n return lines.length > 0 ? lines : [''];\n}\n\n/**\n * Render a parsed sequence diagram to SVG markup.\n *\n * @param {Object} diagram - Parsed from parseSequenceDiagram()\n * @param {Object} opts - { width?, fitToContent? }\n * @returns {string} SVG markup string\n */\nexport function renderSequenceSVG(diagram, opts = {}) {\n if (!diagram || diagram.type !== 'sequenceDiagram') return '';\n\n const participants = diagram.participants;\n const messages = diagram.messages;\n const notes = diagram.notes;\n const blocks = diagram.blocks || [];\n\n const pCount = participants.length;\n if (pCount === 0) return '';\n\n // Build participant index map\n const pIndex = new Map();\n participants.forEach((p, i) => pIndex.set(p.name, i));\n\n // Calculate total width\n const contentWidth = (pCount - 1) * PARTICIPANT_GAP + PARTICIPANT_W;\n const totalWidth = opts.width || Math.max(contentWidth + SIDE_MARGIN * 2, 400);\n const startX = (totalWidth - contentWidth) / 2;\n\n // Participant X centers\n const pCenters = participants.map((_, i) => startX + i * PARTICIPANT_GAP + PARTICIPANT_W / 2);\n\n // Pre-calculate note heights to account for row expansion\n const noteAtMsg = new Map(); // msgIndex -> [{note, height}]\n for (const note of notes) {\n const fontSize = 11;\n const lines = wrapText(note.text, fontSize, NOTE_MAX_W - NOTE_PAD * 2);\n const h = lines.length * (fontSize + 4) + NOTE_PAD * 2;\n if (!noteAtMsg.has(note.atMessage)) noteAtMsg.set(note.atMessage, []);\n noteAtMsg.get(note.atMessage).push({ ...note, lines, height: h });\n }\n\n // Calculate message Y positions (accounting for notes that expand rows)\n const topBoxBottom = TOP_MARGIN + PARTICIPANT_H;\n let currentY = topBoxBottom + 30; // gap after top participant boxes\n\n const msgYPositions = [];\n for (let mi = 0; mi < messages.length; mi++) {\n // Check if notes appear before this message\n const notesBefore = noteAtMsg.get(mi);\n if (notesBefore) {\n const maxNoteH = Math.max(...notesBefore.map(n => n.height));\n currentY += maxNoteH + 10;\n }\n msgYPositions.push(currentY);\n currentY += MSG_ROW_HEIGHT;\n }\n\n // Notes after last message\n const notesAfterLast = noteAtMsg.get(messages.length);\n if (notesAfterLast) {\n const maxNoteH = Math.max(...notesAfterLast.map(n => n.height));\n currentY += maxNoteH + 10;\n }\n\n const bottomBoxTop = currentY + 20;\n const totalHeight = bottomBoxTop + PARTICIPANT_H + BOTTOM_MARGIN;\n\n // Start building SVG\n let svg = '';\n const defs = [];\n\n // Arrow markers\n defs.push(`<marker id=\"seq-arrow-open\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n <polyline points=\"1,1 9,3.5 1,6\" fill=\"none\" stroke=\"${THEME.messageLine}\" stroke-width=\"1.5\" stroke-linejoin=\"round\" />\n </marker>`);\n defs.push(`<marker id=\"seq-arrow-filled\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n <polygon points=\"1,1 9,3.5 1,6\" fill=\"${THEME.messageLine}\" stroke=\"none\" />\n </marker>`);\n\n // Background\n svg += `<rect x=\"0\" y=\"0\" width=\"${totalWidth}\" height=\"${totalHeight}\" fill=\"${THEME.bg}\" rx=\"8\" />`;\n\n // Title\n if (diagram.title) {\n svg += `<text x=\"${totalWidth / 2}\" y=\"${TOP_MARGIN - 8}\" text-anchor=\"middle\" fill=\"${THEME.participantText}\" font-size=\"14\" font-family=\"${FONT_FAMILY}\" font-weight=\"600\">${escapeXml(diagram.title)}</text>`;\n }\n\n // --- Lifelines (dashed vertical lines) ---\n for (let pi = 0; pi < pCount; pi++) {\n const cx = pCenters[pi];\n svg += `<line x1=\"${cx}\" y1=\"${topBoxBottom}\" x2=\"${cx}\" y2=\"${bottomBoxTop}\" stroke=\"${THEME.lifeline}\" stroke-width=\"1\" stroke-dasharray=\"6 4\" />`;\n }\n\n // --- Participant boxes (top) ---\n for (let pi = 0; pi < pCount; pi++) {\n const cx = pCenters[pi];\n const bx = cx - PARTICIPANT_W / 2;\n const by = TOP_MARGIN;\n svg += `<g data-seq-type=\"participant\" data-seq-id=\"${escapeXml(participants[pi].name)}\" data-seq-pos=\"top\">`;\n svg += `<rect x=\"${bx}\" y=\"${by}\" width=\"${PARTICIPANT_W}\" height=\"${PARTICIPANT_H}\" rx=\"4\" fill=\"${THEME.participantBg}\" stroke=\"${THEME.participantBorder}\" stroke-width=\"1.5\" />`;\n svg += `<text x=\"${cx}\" y=\"${by + PARTICIPANT_H / 2 + 1}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${THEME.participantText}\" font-size=\"13\" font-family=\"${FONT_FAMILY}\">${escapeXml(participants[pi].name)}</text>`;\n svg += `</g>`;\n }\n\n // --- Participant boxes (bottom) ---\n for (let pi = 0; pi < pCount; pi++) {\n const cx = pCenters[pi];\n const bx = cx - PARTICIPANT_W / 2;\n const by = bottomBoxTop;\n svg += `<g data-seq-type=\"participant\" data-seq-id=\"${escapeXml(participants[pi].name)}\" data-seq-pos=\"bottom\">`;\n svg += `<rect x=\"${bx}\" y=\"${by}\" width=\"${PARTICIPANT_W}\" height=\"${PARTICIPANT_H}\" rx=\"4\" fill=\"${THEME.participantBg}\" stroke=\"${THEME.participantBorder}\" stroke-width=\"1.5\" />`;\n svg += `<text x=\"${cx}\" y=\"${by + PARTICIPANT_H / 2 + 1}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${THEME.participantText}\" font-size=\"13\" font-family=\"${FONT_FAMILY}\">${escapeXml(participants[pi].name)}</text>`;\n svg += `</g>`;\n }\n\n // --- Blocks (alt/loop/opt etc.) ---\n for (const block of blocks) {\n const startY = block.startMsg < msgYPositions.length\n ? msgYPositions[block.startMsg] - 20\n : topBoxBottom + 20;\n const endY = block.endMsg <= msgYPositions.length\n ? (block.endMsg < msgYPositions.length ? msgYPositions[block.endMsg] - 10 : currentY)\n : currentY;\n\n const blockX = startX - 15;\n const blockW = contentWidth + 30;\n\n svg += `<g data-seq-type=\"block\" data-block-type=\"${block.type}\">`;\n svg += `<rect x=\"${blockX}\" y=\"${startY}\" width=\"${blockW}\" height=\"${endY - startY}\" rx=\"4\" fill=\"${THEME.blockBg}\" stroke=\"${THEME.blockBorder}\" stroke-width=\"1\" stroke-dasharray=\"4 2\" />`;\n // Type label in top-left corner\n svg += `<rect x=\"${blockX}\" y=\"${startY}\" width=\"${measureText(block.type, 10) + 12}\" height=\"18\" rx=\"3\" fill=\"${THEME.blockBorder}\" />`;\n svg += `<text x=\"${blockX + 6}\" y=\"${startY + 12}\" fill=\"${THEME.bg}\" font-size=\"10\" font-family=\"${FONT_FAMILY}\" font-weight=\"600\">${escapeXml(block.type)}</text>`;\n // Condition label\n if (block.label) {\n svg += `<text x=\"${blockX + measureText(block.type, 10) + 20}\" y=\"${startY + 12}\" fill=\"${THEME.blockLabel}\" font-size=\"10\" font-family=\"${FONT_FAMILY}\" font-style=\"italic\">[${escapeXml(block.label)}]</text>`;\n }\n\n // Section dividers (else sections)\n for (let si = 1; si < block.sections.length; si++) {\n const section = block.sections[si];\n const secY = section.startMsg < msgYPositions.length\n ? msgYPositions[section.startMsg] - 15\n : endY - 10;\n svg += `<line x1=\"${blockX}\" y1=\"${secY}\" x2=\"${blockX + blockW}\" y2=\"${secY}\" stroke=\"${THEME.blockBorder}\" stroke-width=\"1\" stroke-dasharray=\"4 2\" />`;\n if (section.label) {\n svg += `<text x=\"${blockX + 8}\" y=\"${secY + 13}\" fill=\"${THEME.blockLabel}\" font-size=\"10\" font-family=\"${FONT_FAMILY}\" font-style=\"italic\">[${escapeXml(section.label)}]</text>`;\n }\n }\n svg += `</g>`;\n }\n\n // --- Messages ---\n for (let mi = 0; mi < messages.length; mi++) {\n const msg = messages[mi];\n const y = msgYPositions[mi];\n const fromIdx = pIndex.get(msg.from);\n const toIdx = pIndex.get(msg.to);\n if (fromIdx === undefined || toIdx === undefined) continue;\n\n const fromX = pCenters[fromIdx];\n const toX = pCenters[toIdx];\n const isSelf = fromIdx === toIdx;\n\n svg += `<g data-seq-type=\"message\" data-seq-idx=\"${mi}\">`;\n\n if (isSelf) {\n // Self-message: loop arrow to the right\n const loopW = 40;\n const loopH = 25;\n const dash = msg.solid ? '' : ` stroke-dasharray=\"6 3\"`;\n svg += `<path d=\"M ${fromX} ${y} L ${fromX + loopW} ${y} L ${fromX + loopW} ${y + loopH} L ${fromX + 4} ${y + loopH}\" fill=\"none\" stroke=\"${THEME.messageLine}\" stroke-width=\"1.5\"${dash} marker-end=\"url(#seq-arrow-open)\" />`;\n if (msg.text) {\n svg += `<text x=\"${fromX + loopW + 6}\" y=\"${y + loopH / 2 + 1}\" dominant-baseline=\"central\" fill=\"${THEME.messageText}\" font-size=\"12\" font-family=\"${FONT_FAMILY}\">${escapeXml(msg.text)}</text>`;\n }\n } else {\n const isLeft = toX < fromX;\n const lineEndX = isLeft ? toX + 4 : toX - 4;\n const dash = msg.solid ? '' : ` stroke-dasharray=\"6 3\"`;\n\n // Arrow line\n const markerId = msg.arrowHead === 'filled' ? 'seq-arrow-filled' : 'seq-arrow-open';\n\n if (msg.cross) {\n // Cross at end (lost message)\n svg += `<line x1=\"${fromX}\" y1=\"${y}\" x2=\"${lineEndX}\" y2=\"${y}\" stroke=\"${THEME.messageLine}\" stroke-width=\"1.5\"${dash} />`;\n // X mark\n const xSize = 6;\n svg += `<line x1=\"${toX - xSize}\" y1=\"${y - xSize}\" x2=\"${toX + xSize}\" y2=\"${y + xSize}\" stroke=\"${THEME.crossColor}\" stroke-width=\"2\" />`;\n svg += `<line x1=\"${toX + xSize}\" y1=\"${y - xSize}\" x2=\"${toX - xSize}\" y2=\"${y + xSize}\" stroke=\"${THEME.crossColor}\" stroke-width=\"2\" />`;\n } else {\n svg += `<line x1=\"${fromX}\" y1=\"${y}\" x2=\"${lineEndX}\" y2=\"${y}\" stroke=\"${THEME.messageLine}\" stroke-width=\"1.5\"${dash} marker-end=\"url(#${markerId})\" />`;\n }\n\n // Message text (centered above the line)\n if (msg.text) {\n const midX = (fromX + toX) / 2;\n const textContent = msg.number ? `${msg.number}. ${msg.text}` : msg.text;\n svg += `<text x=\"${midX}\" y=\"${y - 8}\" text-anchor=\"middle\" fill=\"${THEME.messageText}\" font-size=\"12\" font-family=\"${FONT_FAMILY}\">${escapeXml(textContent)}</text>`;\n }\n }\n\n svg += `</g>`;\n }\n\n // --- Notes ---\n for (const [msgIdx, noteGroup] of noteAtMsg.entries()) {\n const baseY = msgIdx < msgYPositions.length\n ? msgYPositions[msgIdx] - 15\n : (msgIdx > 0 ? msgYPositions[msgIdx - 1] + MSG_ROW_HEIGHT - 15 : topBoxBottom + 30);\n\n for (const note of noteGroup) {\n const targetIdxs = note.targets.map(t => pIndex.get(t)).filter(i => i !== undefined);\n if (targetIdxs.length === 0) continue;\n\n const fontSize = 11;\n const lineH = fontSize + 4;\n const noteH = note.lines.length * lineH + NOTE_PAD * 2;\n const noteW = Math.min(\n NOTE_MAX_W,\n Math.max(...note.lines.map(l => measureText(l, fontSize))) + NOTE_PAD * 2 + 10\n );\n\n let noteX;\n if (note.position === 'left of') {\n const px = pCenters[targetIdxs[0]];\n noteX = px - PARTICIPANT_W / 2 - noteW - 8;\n } else if (note.position === 'right of') {\n const px = pCenters[targetIdxs[0]];\n noteX = px + PARTICIPANT_W / 2 + 8;\n } else {\n // 'over' - center between targets\n if (targetIdxs.length >= 2) {\n const minP = Math.min(...targetIdxs);\n const maxP = Math.max(...targetIdxs);\n const center = (pCenters[minP] + pCenters[maxP]) / 2;\n noteX = center - noteW / 2;\n } else {\n noteX = pCenters[targetIdxs[0]] - noteW / 2;\n }\n }\n\n const noteY = baseY - noteH;\n\n svg += `<g data-seq-type=\"note\">`;\n svg += `<rect x=\"${noteX}\" y=\"${noteY}\" width=\"${noteW}\" height=\"${noteH}\" rx=\"3\" fill=\"${THEME.noteBg}\" stroke=\"${THEME.noteBorder}\" stroke-width=\"1\" />`;\n // Render wrapped text lines\n note.lines.forEach((line, li) => {\n svg += `<text x=\"${noteX + NOTE_PAD}\" y=\"${noteY + NOTE_PAD + li * lineH + fontSize}\" fill=\"${THEME.noteText}\" font-size=\"${fontSize}\" font-family=\"${FONT_FAMILY}\">${escapeXml(line)}</text>`;\n });\n svg += `</g>`;\n }\n }\n\n // Build final SVG\n const defsStr = defs.length > 0 ? `<defs>${defs.join('')}</defs>` : '';\n return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${totalWidth}\" height=\"${totalHeight}\" viewBox=\"0 0 ${totalWidth} ${totalHeight}\">${defsStr}${svg}</svg>`;\n}\n\n/**\n * Generate preview SVG for the modal (fixed width).\n */\nexport function renderSequencePreviewSVG(diagram) {\n return renderSequenceSVG(diagram, { width: 620 });\n}\n\n/**\n * Parse raw mermaid source and render sequence SVG.\n * Returns SVG string or empty string if not a sequence diagram.\n */\nexport function parseAndRenderSequence(src) {\n const diagram = parseSequenceDiagram(src);\n if (!diagram) return '';\n return renderSequenceSVG(diagram);\n}\n\n/**\n * Render a sequence diagram onto the canvas as a real engine `Frame`\n * containing independent shapes \u2014 top + bottom participant boxes,\n * dashed lifelines, and a real Arrow (or Line for `--x`/`-x`) per\n * message. Each child is fully independent for click / drag / resize;\n * the Frame's `_diagramType` marker makes Frame.destroy() pull the\n * children along on delete, so the diagram still behaves as one\n * logical unit when discarded.\n *\n * Issue #34 bug #3 (follow-up to #24 per-actor split): drops the shared\n * `groupId` glue so clicking one shape selects only that shape.\n *\n * Notes and block-frames (alt/opt/loop) are skipped for now \u2014 they'd\n * either need their own shape types or a richer label model. Self-\n * messages are also skipped (would need a curved arrow).\n */\nexport function renderSequenceOnCanvas(diagram) {\n if (!diagram || diagram.type !== 'sequenceDiagram') return false;\n if (!window.svg || !window.Rectangle || !window.Line || !window.Arrow) {\n console.error('[SequenceRenderer] Engine not initialized (Rectangle / Line / Arrow missing)');\n return false;\n }\n\n const participants = diagram.participants || [];\n const messages = diagram.messages || [];\n if (participants.length === 0) return false;\n\n // Mirror the layout math from renderSequenceSVG so the canvas layout\n // matches the modal preview.\n const pCount = participants.length;\n const contentWidth = (pCount - 1) * PARTICIPANT_GAP + PARTICIPANT_W;\n const totalWidth = Math.max(contentWidth + SIDE_MARGIN * 2, 400);\n const startX = (totalWidth - contentWidth) / 2;\n const pCenters = participants.map((_, i) => startX + i * PARTICIPANT_GAP + PARTICIPANT_W / 2);\n\n const topBoxBottom = TOP_MARGIN + PARTICIPANT_H;\n const msgYPositions = [];\n let currentY = topBoxBottom + 30;\n for (let mi = 0; mi < messages.length; mi++) {\n msgYPositions.push(currentY);\n currentY += MSG_ROW_HEIGHT;\n }\n const bottomBoxTop = currentY + 20;\n const totalHeight = bottomBoxTop + PARTICIPANT_H + BOTTOM_MARGIN;\n\n // Centre the diagram on the current viewport so the user sees it\n // right where they invoked the renderer.\n const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n const ox = vb.x + vb.width / 2 - totalWidth / 2;\n const oy = vb.y + vb.height / 2 - totalHeight / 2;\n\n // \u2500\u2500 Wrapper frame \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // Issue #34 bug #3: drop the shared groupId glue. Each child is\n // independent for click / drag / resize. The Frame's `_diagramType`\n // marker makes Frame.destroy() pull the children along on delete,\n // so the diagram still behaves as one logical unit when discarded.\n if (!window.Frame) {\n console.error('[SequenceRenderer] window.Frame missing \u2014 cannot wrap diagram');\n return false;\n }\n // Padding bumped 24 \u2192 60 so participant labels + message text near\n // the frame's edges stay inside on the new wider light canvas.\n const PADDING = 60;\n const TK = themeColors();\n const frameTitle = diagram.title || 'Sequence diagram';\n const frame = new window.Frame(\n ox - PADDING,\n oy - PADDING,\n totalWidth + PADDING * 2,\n totalHeight + PADDING * 2,\n {\n stroke: TK.blockBorder,\n strokeWidth: 1,\n fill: 'transparent',\n opacity: 0.7,\n frameName: frameTitle,\n }\n );\n frame._diagramType = 'mermaid-sequence';\n window.shapes.push(frame);\n if (window.pushCreateAction) window.pushCreateAction(frame);\n\n const created = [];\n\n // \u2500\u2500 Participants: top box + lifeline (and bottom box) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n const pIndex = new Map();\n for (let pi = 0; pi < pCount; pi++) {\n const p = participants[pi];\n pIndex.set(p.name, pi);\n const cx = pCenters[pi] + ox;\n const bx = cx - PARTICIPANT_W / 2;\n\n try {\n // Top participant box\n const topBox = new window.Rectangle(bx, TOP_MARGIN + oy, PARTICIPANT_W, PARTICIPANT_H, {\n stroke: TK.participantBorder,\n strokeWidth: 1.5,\n fill: TK.participantBg,\n fillStyle: 'solid',\n roughness: 1,\n label: p.name,\n labelColor: TK.participantText,\n });\n window.shapes.push(topBox);\n if (window.pushCreateAction) window.pushCreateAction(topBox);\n frame.addShapeToFrame(topBox);\n created.push(topBox);\n\n // Lifeline (dashed vertical line spanning the diagram height)\n const lifeline = new window.Line(\n { x: cx, y: topBoxBottom + oy },\n { x: cx, y: bottomBoxTop + oy },\n {\n stroke: TK.lifeline,\n strokeWidth: 1,\n strokeDasharray: '6 4',\n roughness: 0,\n }\n );\n window.shapes.push(lifeline);\n if (window.pushCreateAction) window.pushCreateAction(lifeline);\n frame.addShapeToFrame(lifeline);\n created.push(lifeline);\n\n // Bottom participant box (mirrors top \u2014 Mermaid convention)\n const bottomBox = new window.Rectangle(bx, bottomBoxTop + oy, PARTICIPANT_W, PARTICIPANT_H, {\n stroke: TK.participantBorder,\n strokeWidth: 1.5,\n fill: TK.participantBg,\n fillStyle: 'solid',\n roughness: 1,\n label: p.name,\n labelColor: TK.participantText,\n });\n window.shapes.push(bottomBox);\n if (window.pushCreateAction) window.pushCreateAction(bottomBox);\n frame.addShapeToFrame(bottomBox);\n created.push(bottomBox);\n } catch (err) {\n console.warn('[SequenceRenderer] Participant creation failed:', p.name, err);\n }\n }\n\n // \u2500\u2500 Messages: arrow (or line for --x style) per row \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n for (let mi = 0; mi < messages.length; mi++) {\n const m = messages[mi];\n const fromI = pIndex.get(m.from);\n const toI = pIndex.get(m.to);\n if (fromI == null || toI == null) continue;\n if (fromI === toI) continue; // skip self-messages (v1 limitation)\n\n const fromCx = pCenters[fromI] + ox;\n const toCx = pCenters[toI] + ox;\n const y = msgYPositions[mi] + oy;\n\n const labelText = m.number ? `${m.number}. ${m.text}` : m.text;\n\n // Solid vs dashed (sync vs async response). `cross` style (-x)\n // would render as a line with an X at the head \u2014 fall back to a\n // line for that, arrow otherwise.\n const isCross = !!m.cross && m.arrowHead === 'cross';\n const opts = {\n stroke: TK.messageLine,\n strokeWidth: 1.5,\n roughness: 0,\n strokeDasharray: m.solid ? '' : '6 4',\n label: labelText || '',\n labelColor: TK.messageText,\n };\n\n try {\n const sp = { x: fromCx, y };\n const ep = { x: toCx, y };\n const connector = isCross\n ? new window.Line(sp, ep, opts)\n : new window.Arrow(sp, ep, opts);\n window.shapes.push(connector);\n if (window.pushCreateAction) window.pushCreateAction(connector);\n frame.addShapeToFrame(connector);\n created.push(connector);\n } catch (err) {\n console.warn('[SequenceRenderer] Message creation failed:', m, err);\n }\n }\n\n // Auto-select the first node so the user has feedback that the\n // diagram landed. Selecting a child (not the frame) reinforces the\n // \"independent shapes inside a frame\" model from issue #34 bug #3.\n const first = created[0];\n if (first) {\n window.currentShape = first;\n if (typeof first.selectShape === 'function') first.selectShape();\n }\n\n console.log(`[SequenceRenderer] Done: ${pCount} participants, ${messages.length} messages`);\n return true;\n}\n\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/shapes/TextShape.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable */\n// TextShape class - extracted from writeText.js\n// Depends on globals: svg, shapes, currentShape\n\nfunction extractRotationFromTransform(el) {\n const t = el.getAttribute(\"transform\") || \"\";\n const m = t.match(/rotate\\(([^,)]+)/);\n return m ? parseFloat(m[1]) : 0;\n}\nfunction updateAttachedArrows(wrapper) {\n if (!wrapper || typeof shapes === \"undefined\") return;\n shapes.forEach(s => {\n if (s && s.shapeName === \"arrow\" && typeof s.updateAttachments === \"function\") {\n if ((s.attachedToStart && s.attachedToStart.shape === wrapper) ||\n (s.attachedToEnd && s.attachedToEnd.shape === wrapper)) {\n s.updateAttachments();\n }\n }\n });\n}\nlet isDragging = false;\nlet hoveredFrameText = null;\nlet selectedElement = null;\nfunction updateSelectionFeedback() {}\nfunction deselectElement() { selectedElement = null; }\nfunction selectElement(el) { selectedElement = el; }\n\nclass TextShape {\n constructor(groupElement) {\n this.group = groupElement;\n this.shapeName = 'text';\n this.shapeID = groupElement.getAttribute('id') || `text-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n \n // Frame attachment properties\n this.parentFrame = null;\n \n // Update group attributes \u2014 ensure data-type is set for textTool interaction\n this.group.setAttribute('type', 'text');\n this.group.setAttribute('data-type', 'text-group');\n this.group.shapeName = 'text';\n this.group.shapeID = this.shapeID;\n }\n \n // Position and dimension properties for frame compatibility\n get x() {\n const transform = this.group.transform.baseVal.consolidate();\n return transform ? transform.matrix.e : parseFloat(this.group.getAttribute('data-x')) || 0;\n }\n \n set x(value) {\n const transform = this.group.transform.baseVal.consolidate();\n const currentY = transform ? transform.matrix.f : parseFloat(this.group.getAttribute('data-y')) || 0;\n const rotation = extractRotationFromTransform(this.group) || 0;\n const textElement = this.group.querySelector('text');\n if (textElement) {\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n this.group.setAttribute('transform', `translate(${value}, ${currentY}) rotate(${rotation}, ${centerX}, ${centerY})`);\n } else {\n this.group.setAttribute('transform', `translate(${value}, ${currentY})`);\n }\n this.group.setAttribute('data-x', value);\n }\n \n get y() {\n const transform = this.group.transform.baseVal.consolidate();\n return transform ? transform.matrix.f : parseFloat(this.group.getAttribute('data-y')) || 0;\n }\n \n set y(value) {\n const transform = this.group.transform.baseVal.consolidate();\n const currentX = transform ? transform.matrix.e : parseFloat(this.group.getAttribute('data-x')) || 0;\n const rotation = extractRotationFromTransform(this.group) || 0;\n const textElement = this.group.querySelector('text');\n if (textElement) {\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n this.group.setAttribute('transform', `translate(${currentX}, ${value}) rotate(${rotation}, ${centerX}, ${centerY})`);\n } else {\n this.group.setAttribute('transform', `translate(${currentX}, ${value})`);\n }\n this.group.setAttribute('data-y', value);\n }\n \n get width() {\n const textElement = this.group.querySelector('text');\n if (textElement) {\n return textElement.getBBox().width;\n }\n return 0;\n }\n \n set width(value) {\n // Text width is determined by content and font size, not directly settable\n // This is here for frame compatibility but doesn't change the text\n }\n \n get height() {\n const textElement = this.group.querySelector('text');\n if (textElement) {\n return textElement.getBBox().height;\n }\n return 0;\n }\n \n set height(value) {\n // Text height is determined by content and font size, not directly settable\n // This is here for frame compatibility but doesn't change the text\n }\n \n get rotation() {\n return extractRotationFromTransform(this.group) || 0;\n }\n \n set rotation(value) {\n const currentTransform = this.group.transform.baseVal.consolidate();\n const currentX = currentTransform ? currentTransform.matrix.e : 0;\n const currentY = currentTransform ? currentTransform.matrix.f : 0;\n const textElement = this.group.querySelector('text');\n if (textElement) {\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n this.group.setAttribute('transform', `translate(${currentX}, ${currentY}) rotate(${value}, ${centerX}, ${centerY})`);\n }\n }\n\n move(dx, dy) {\n const currentTransform = this.group.transform.baseVal.consolidate();\n const currentX = currentTransform ? currentTransform.matrix.e : 0;\n const currentY = currentTransform ? currentTransform.matrix.f : 0;\n\n this.x = currentX + dx;\n this.y = currentY + dy;\n\n // Only update frame containment if we're actively dragging the shape itself\n // and not being moved by a parent frame\n if (isDragging && !this.isBeingMovedByFrame) {\n this.updateFrameContainment();\n }\n\n this.updateAttachedArrows();\n }\n\n updateAttachedArrows() {\n updateAttachedArrows(this);\n }\n\n updateFrameContainment() {\n // Don't update if we're being moved by a frame\n if (this.isBeingMovedByFrame) return;\n \n let targetFrame = null;\n \n // Find which frame this shape is over\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.forEach(shape => {\n if (shape.shapeName === 'frame' && shape.isShapeInFrame(this)) {\n targetFrame = shape;\n }\n });\n }\n \n // If we have a parent frame and we're being dragged, temporarily remove clipping\n if (this.parentFrame && isDragging) {\n this.parentFrame.temporarilyRemoveFromFrame(this);\n }\n \n // Update frame highlighting\n if (hoveredFrameText && hoveredFrameText !== targetFrame) {\n hoveredFrameText.removeHighlight();\n }\n \n if (targetFrame && targetFrame !== hoveredFrameText) {\n targetFrame.highlightFrame();\n }\n \n hoveredFrameText = targetFrame;\n }\n\n contains(x, y) {\n const textElement = this.group.querySelector('text');\n if (!textElement || typeof textElement.getBBox !== 'function') return false;\n\n let bbox;\n try { bbox = textElement.getBBox(); } catch { return false; }\n const padding = 8; // Selection padding\n\n const CTM = this.group.getCTM();\n if (!CTM) return false;\n \n const inverseCTM = CTM.inverse();\n const svgPoint = svg.createSVGPoint();\n svgPoint.x = x;\n svgPoint.y = y;\n const transformedPoint = svgPoint.matrixTransform(inverseCTM);\n \n return transformedPoint.x >= bbox.x - padding && \n transformedPoint.x <= bbox.x + bbox.width + padding &&\n transformedPoint.y >= bbox.y - padding && \n transformedPoint.y <= bbox.y + bbox.height + padding;\n }\n\n // Add draw method for consistency with other shapes\n draw() {\n // Text doesn't need redrawing like other shapes, but we need this method for consistency\n if (selectedElement === this.group) {\n updateSelectionFeedback();\n }\n }\n\n // Add methods for frame compatibility\n removeSelection() {\n if (selectedElement === this.group) {\n deselectElement();\n }\n }\n\n selectShape() {\n // Use the real textTool selectElement (with selection feedback) if available\n if (typeof window !== 'undefined' && window.__selectTextElement) {\n window.__selectTextElement(this.group);\n } else {\n selectElement(this.group);\n }\n }\n}\n\nexport { TextShape };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/tools/textTool.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable */\n// Text tool event handlers - extracted from writeText.js\nimport {\n pushCreateAction,\n pushDeleteAction,\n pushDeleteActionWithAttachments,\n pushTransformAction,\n pushOptionsChangeAction,\n pushFrameAttachmentAction,\n setTextReferences,\n updateSelectedElement\n} from '../core/UndoRedo.js';\nimport { cleanupAttachments, updateAttachedArrows } from './arrowTool.js';\n\nfunction getThemeStroke() { if (typeof document === \"undefined\") return \"#fff\"; return document.body && document.body.classList.contains(\"theme-dark\") ? \"#fff\" : \"#1a1a2e\"; }\nimport {\n addCodeBlock,\n wrapCodeElement,\n selectCodeBlock,\n deselectCodeBlock,\n applySyntaxHighlightingToSVG,\n createHighlightedSVGText,\n updateCodeBackground,\n extractTextFromCodeElement,\n setCodeLanguage,\n getCodeLanguage,\n getSelectedCodeBlock\n} from './codeTool.js';\n\nlet textSize = \"30px\";\nlet textFont = \"lixFont\";\nlet textColor = null;\nlet textAlign = \"left\";\n\nlet textColorOptions = document.querySelectorAll(\".textColorSpan\");\nlet textFontOptions = document.querySelectorAll(\".textFontSpan\");\nlet textSizeOptions = document.querySelectorAll(\".textSizeSpan\");\nlet textAlignOptions = document.querySelectorAll(\".textAlignSpan\");\n\nlet selectedElement = null;\nlet selectionBox = null;\nlet resizeHandles = {};\nlet dragOffsetX, dragOffsetY;\nlet isDragging = false;\nlet isResizing = false;\nlet currentResizeHandle = null;\nlet startBBox = null;\nlet startFontSize = null;\nlet startPoint = null;\nlet isRotating = false;\nlet rotationStartAngle = 0;\nlet rotationStartTransform = null;\nlet initialHandlePosRelGroup = null;\nlet initialGroupTx = 0;\nlet initialGroupTy = 0;\nlet initialInverseScreenCTM = null;\n\n// Frame attachment variables\nlet draggedShapeInitialFrameText = null;\nlet hoveredFrameText = null;\n\nsetTextReferences(selectedElement, updateSelectionFeedback, svg);\n\n\nfunction switchToSelectionTool() {\n if (window.__sketchStoreApi) {\n window.__sketchStoreApi.setActiveTool('select', { afterDraw: true });\n } else {\n window.isSelectionToolActive = true;\n }\n}\n\n\n// Convert group element to our TextShape class\nfunction wrapTextElement(groupElement) {\n const textShape = new TextShape(groupElement);\n return textShape;\n}\n\nfunction getSVGCoordinates(event, element = svg) {\n if (!svg || !svg.createSVGPoint) {\n console.error(\"SVG element or createSVGPoint method not available.\");\n return { x: 0, y: 0 };\n }\n let pt = svg.createSVGPoint();\n pt.x = event.clientX;\n pt.y = event.clientY;\n\n try {\n let screenCTM = (element && typeof element.getScreenCTM === 'function' && element.getScreenCTM()) || svg.getScreenCTM();\n if (!screenCTM) {\n console.error(\"Could not get Screen CTM.\");\n return { x: event.clientX, y: event.clientY };\n }\n let svgPoint = pt.matrixTransform(screenCTM.inverse());\n return {\n x: svgPoint.x,\n y: svgPoint.y,\n };\n } catch (error) {\n console.error(\"Error getting SVG coordinates:\", error);\n return { x: event.clientX, y: event.clientY };\n }\n}\n\nfunction addText(event) {\n let { x, y } = getSVGCoordinates(event);\n\n let gElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n gElement.setAttribute(\"data-type\", \"text-group\");\n gElement.setAttribute(\"transform\", `translate(${x}, ${y})`);\n\n let textElement = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"text\"\n );\n let textAlignElement = \"start\";\n if (textAlign === \"center\") textAlignElement = \"middle\";\n else if (textAlign === \"right\") textAlignElement = \"end\";\n\n textElement.setAttribute(\"x\", 0);\n textElement.setAttribute(\"y\", 0);\n textElement.setAttribute(\"fill\", textColor ?? getThemeStroke());\n textElement.setAttribute(\"font-size\", textSize);\n textElement.setAttribute(\"font-family\", textFont);\n textElement.setAttribute(\"text-anchor\", textAlignElement);\n textElement.setAttribute(\"cursor\", \"default\");\n textElement.setAttribute(\"white-space\", \"pre\");\n textElement.setAttribute(\"dominant-baseline\", \"hanging\");\n // Issue #48 bugs #1 / #3: reverted the previous `bounding-box` hit\n // area (introduced for #34 #5b) \u2014 extending the text's hit zone to\n // its full bbox meant the negative space between glyphs and around\n // the text was stealing clicks from shapes drawn ON TOP of the text\n // (drag a rect over text \u2192 text intercepts; select text then click a\n // different shape elsewhere \u2192 click lands in text's invisible bbox\n // and the text stays selected). Default `painted` only fires on\n // glyph pixels, which restores the expected pass-through. Trade-off:\n // empty-padding clicks no longer select the text \u2014 the user has to\n // click on the letters.\n textElement.setAttribute(\"pointer-events\", \"painted\");\n textElement.textContent = \"\";\n\n gElement.setAttribute(\"data-x\", x);\n gElement.setAttribute(\"data-y\", y);\n textElement.setAttribute(\"data-initial-size\", textSize);\n textElement.setAttribute(\"data-initial-font\", textFont);\n textElement.setAttribute(\"data-initial-color\", textColor ?? getThemeStroke());\n textElement.setAttribute(\"data-initial-align\", textAlign);\n textElement.setAttribute(\"data-type\", \"text\");\n gElement.appendChild(textElement);\n svg.appendChild(gElement);\n \n // Attach ID to both group and text element\n const shapeID = `text-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n gElement.setAttribute('id', shapeID);\n textElement.setAttribute('id', `${shapeID}-text`);\n \n // Create TextShape wrapper for frame functionality\n const textShape = wrapTextElement(gElement);\n \n // Add to shapes array for arrow attachment and frame functionality\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.push(textShape);\n }\n \n pushCreateAction({\n type: 'text',\n element: textShape,\n shapeName: 'text'\n });\n\n // Check if text was created inside a frame and add it\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.forEach(shape => {\n if (shape.shapeName === 'frame' && shape.isShapeInFrame(textShape)) {\n shape.addShapeToFrame(textShape);\n }\n });\n }\n\n makeTextEditable(textElement, gElement);\n}\n\nfunction makeTextEditable(textElement, groupElement) {\n\n if (document.querySelector(\"textarea.svg-text-editor\")) {\n return;\n }\n\n if (selectedElement) {\n deselectElement();\n }\n\n let input = document.createElement(\"textarea\");\n input.className = \"svg-text-editor\";\n input.setAttribute(\"aria-label\", \"Edit canvas text\");\n input.setAttribute(\"data-editing\", \"true\");\n\n // Issue #48 phase D follow-up: prefer the persisted `data-wrap-\n // source` when present so re-opening the editor shows the user's\n // original line breaks instead of the auto-wrap output. Falls back\n // to tspan-concatenation for legacy text shapes.\n let textContent = '';\n const storedSource = textElement.getAttribute('data-wrap-source');\n if (storedSource !== null && storedSource !== '') {\n textContent = storedSource.replace(/ /g, '\\u00A0');\n } else {\n const tspans = textElement.querySelectorAll('tspan');\n if (tspans.length > 0) {\n tspans.forEach((tspan, index) => {\n textContent += tspan.textContent.replace(/ /g, '\\u00A0');\n if (index < tspans.length - 1) textContent += '\\n';\n });\n } else {\n textContent = textElement.textContent.replace(/ /g, '\\u00A0');\n }\n }\n\n input.value = textContent;\n input.style.position = \"absolute\";\n input.style.outline = \"none\";\n input.style.padding = \"1px\";\n input.style.margin = \"0\";\n input.style.boxSizing = \"border-box\";\n input.style.overflow = \"hidden\";\n input.style.resize = \"none\";\n input.style.whiteSpace = \"pre-wrap\";\n input.style.minHeight = \"1.2em\";\n input.style.zIndex = \"10000\";\n\n const svgRect = svg.getBoundingClientRect();\n\n // Use the group element's own screenCTM which includes group transform + SVG viewBox transform\n const textBBox = textElement.getBBox();\n let pt = svg.createSVGPoint();\n pt.x = textBBox.x;\n pt.y = textBBox.y;\n\n const groupCTM = groupElement.getScreenCTM() || svg.getScreenCTM();\n let screenPt = pt.matrixTransform(groupCTM);\n\n input.style.left = `${screenPt.x}px`;\n input.style.top = `${screenPt.y}px`;\n\n const svgZoomFactor = svg.getScreenCTM() ? svg.getScreenCTM().a : 1;\n const screenWidth = textBBox.width * svgZoomFactor;\n\n input.style.width = \"auto\";\n input.style.height = \"auto\";\n\n const currentFontSize = textElement.getAttribute(\"font-size\") || \"30px\";\n const currentFontFamily = textElement.getAttribute(\"font-family\") || \"lixFont\";\n const currentFill = textElement.getAttribute(\"fill\") || \"#fff\";\n const currentAnchor = textElement.getAttribute(\"text-anchor\") || \"start\";\n // Scale font-size by zoom so the textarea matches what the user sees on canvas\n const rawSize = parseFloat(currentFontSize) || 30;\n const scaledFontSize = `${rawSize * svgZoomFactor}px`;\n\n input.style.minWidth = \"150px\";\n input.style.minHeight = \"1.5em\";\n input.style.width = \"auto\";\n input.style.height = \"auto\";\n input.style.overflow = \"visible\";\n input.style.whiteSpace = \"pre-wrap\";\n input.style.wordBreak = \"break-word\";\n input.style.fontSize = scaledFontSize;\n input.style.fontFamily = currentFontFamily;\n input.style.color = currentFill;\n input.style.lineHeight = \"1.2em\";\n input.style.textAlign = currentAnchor === \"middle\" ? \"center\" : currentAnchor === \"end\" ? \"right\" : \"left\";\n input.style.backgroundColor = \"transparent\";\n // Keep an obvious editing-only bounding box around the textarea. The\n // editor is removed by renderText(), so this never becomes part of the\n // rendered canvas or exported scene.\n const _isDark = typeof document !== 'undefined'\n && document.body\n && document.body.classList.contains('theme-dark');\n const editingBorder = _isDark ? \"rgba(139,136,232,0.95)\" : \"rgba(91,87,209,0.92)\";\n input.style.border = `2px solid ${editingBorder}`;\n input.style.backgroundColor = _isDark\n ? \"rgba(91,87,209,0.08)\"\n : \"rgba(91,87,209,0.05)\";\n input.style.boxShadow = `0 0 0 2px ${_isDark ? \"rgba(139,136,232,0.18)\" : \"rgba(91,87,209,0.14)\"}`;\n input.style.borderRadius = \"4px\";\n input.style.outline = \"none\";\n document.body.appendChild(input);\n\n const adjustHeight = () => {\n input.style.height = 'auto';\n input.style.height = input.scrollHeight + 'px';\n const maxHeight = svgRect.height - (screenPt.y);\n if (input.scrollHeight > maxHeight) {\n input.style.height = maxHeight + 'px';\n input.style.overflowY = 'auto';\n } else {\n input.style.overflowY = 'hidden';\n }\n };\n\n const adjustWidth = () => {\n input.style.width = 'auto';\n const maxWidth = svgRect.width - (screenPt.x);\n const contentWidth = Math.max(input.scrollWidth, 150);\n if (contentWidth > maxWidth) {\n input.style.width = maxWidth + 'px';\n input.style.overflowX = 'auto';\n } else {\n input.style.width = contentWidth + 'px';\n input.style.overflowX = 'hidden';\n }\n };\n adjustHeight();\n adjustWidth();\n\n setTimeout(() => {\n input.focus();\n input.select();\n }, 50);\n\n input.addEventListener('input', adjustHeight);\n input.addEventListener('input', adjustWidth);\n\n input.addEventListener(\"keydown\", function (e) {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n renderText(input, textElement, true);\n } else if (e.key === \"Escape\") {\n e.preventDefault();\n renderText(input, textElement, true);\n }\n });\n\n input.originalTextElement = textElement;\n input.textGroup = groupElement;\n\n const handleClickOutside = (event) => {\n if (!input.contains(event.target)) {\n renderText(input, textElement, true);\n document.removeEventListener('pointerdown', handleClickOutside, true);\n }\n };\n document.addEventListener('pointerdown', handleClickOutside, true);\n input.handleClickOutside = handleClickOutside;\n\n // Set text cursor on the element during edit mode\n const textEl = groupElement.querySelector('text');\n if (textEl) textEl.setAttribute(\"cursor\", \"text\");\n\n groupElement.style.display = \"none\";\n}\n\n/**\n * Issue #48 phase D follow-up: true text wrapping driven by E/W width.\n *\n * `paint(textElement, source, wrapWidth)` renders the user-typed `source`\n * string into tspans, soft-wrapping any line that exceeds `wrapWidth`\n * pixels (in SVG units). `wrapWidth = null | 0` falls back to the old\n * \"explicit newlines only\" behaviour so existing text shapes that have\n * never been width-resized look identical.\n *\n * The raw `source` is persisted on the element as `data-wrap-source`\n * so subsequent edits (textarea re-open) and serialisation can rebuild\n * the original content even after auto-wrap inserted line breaks.\n */\nfunction measureSegment(text, refTextElement) {\n if (!text) return 0;\n const NS = 'http://www.w3.org/2000/svg';\n const probe = document.createElementNS(NS, 'tspan');\n probe.textContent = text;\n refTextElement.appendChild(probe);\n let width = 0;\n try { width = probe.getComputedTextLength(); } catch {}\n refTextElement.removeChild(probe);\n return width;\n}\n\nfunction paintTextContent(textElement, source, wrapWidth) {\n while (textElement.firstChild) textElement.removeChild(textElement.firstChild);\n const x = textElement.getAttribute('x') || 0;\n const NS = 'http://www.w3.org/2000/svg';\n const paragraphs = (source || '').split('\\n');\n const finalLines = [];\n\n for (const paragraph of paragraphs) {\n const para = paragraph.replace(/\u00A0/g, ' ');\n if (!wrapWidth || wrapWidth <= 0) {\n finalLines.push(para || ' ');\n continue;\n }\n // Word-wrap the paragraph against wrapWidth.\n const words = para.split(/(\\s+)/); // keep separators so spacing survives\n let cur = '';\n for (const token of words) {\n const candidate = cur + token;\n if (measureSegment(candidate, textElement) > wrapWidth && cur.trim().length > 0) {\n finalLines.push(cur);\n cur = token.replace(/^\\s+/, ''); // drop the leading break-space\n } else {\n cur = candidate;\n }\n }\n finalLines.push(cur.length ? cur : ' ');\n }\n\n finalLines.forEach((line, i) => {\n const tspan = document.createElementNS(NS, 'tspan');\n tspan.setAttribute('x', x);\n tspan.setAttribute('dy', i === 0 ? '0' : '1.2em');\n tspan.textContent = line.length ? line : ' ';\n textElement.appendChild(tspan);\n });\n}\n\nfunction getWrapSource(textElement) {\n const stored = textElement.getAttribute('data-wrap-source');\n if (stored !== null && stored !== '') return stored;\n // Fallback: rebuild from existing tspans (legacy text shapes without\n // the attribute). Join each tspan as a paragraph.\n const tspans = textElement.querySelectorAll('tspan');\n if (tspans.length === 0) return textElement.textContent || '';\n return Array.from(tspans).map((t) => (t.textContent || '').replace(/\u00A0/g, ' ')).join('\\n');\n}\n\nfunction getWrapWidth(textElement) {\n const v = parseFloat(textElement.getAttribute('data-wrap-width') || '');\n return Number.isFinite(v) && v > 0 ? v : 0;\n}\n\nfunction renderText(input, textElement, deleteIfEmpty = false) {\n if (!input || !document.body.contains(input)) {\n return;\n }\n\n const text = input.value || \"\";\n const gElement = input.textGroup;\n\n if (input.handleClickOutside) {\n document.removeEventListener('pointerdown', input.handleClickOutside, true);\n }\n\n document.body.removeChild(input);\n\n // Reset cursor back to default after edit mode ends\n if (textElement) textElement.setAttribute(\"cursor\", \"default\");\n\n if (!gElement || !textElement) {\n return;\n }\n\n if (!gElement.parentNode) {\n if (selectedElement === gElement) {\n deselectElement();\n }\n return;\n }\n\n if (deleteIfEmpty && text.trim() === \"\") {\n // Find the TextShape wrapper\n let textShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n textShape = shapes.find(shape => shape.shapeName === 'text' && shape.group === gElement);\n if (textShape) {\n const idx = shapes.indexOf(textShape);\n if (idx !== -1) shapes.splice(idx, 1);\n }\n }\n\n // Use enhanced delete action for text with arrow attachments\n pushDeleteActionWithAttachments({\n type: 'text',\n element: textShape || gElement,\n shapeName: 'text'\n });\n\n // Clean up any arrow attachments before deleting\n if (typeof cleanupAttachments === 'function') {\n cleanupAttachments(gElement);\n }\n\n svg.removeChild(gElement);\n if (selectedElement === gElement) {\n selectedElement = null;\n removeSelectionFeedback();\n }\n } else {\n // Persist the raw editor content so future E/W resizes can re-wrap\n // from the user's original line breaks instead of the auto-inserted\n // ones. Then call the shared paint helper \\u2014 it falls back to the\n // legacy \"explicit newlines only\" path when no wrap-width is set.\n const cleanSource = text.replace(/\\u00A0/g, ' ');\n textElement.setAttribute('data-wrap-source', cleanSource);\n paintTextContent(textElement, cleanSource, getWrapWidth(textElement));\n\n gElement.style.display = 'block';\n\n // Update attached arrows after text content change\n updateAttachedArrows(gElement);\n\n if (selectedElement === gElement) {\n setTimeout(updateSelectionFeedback, 0);\n }\n }\n\n // After rendering text, switch to selection tool and auto-select\n if (gElement.parentNode) {\n switchToSelectionTool();\n // Defer selection so the tool switch (async React state) completes first\n requestAnimationFrame(() => selectElement(gElement));\n }\n}\n\nfunction createSelectionFeedback(groupElement) {\n if (!groupElement) return;\n removeSelectionFeedback();\n\n const textElement = groupElement.querySelector('text');\n if (!textElement) {\n return;\n }\n\n const bbox = textElement.getBBox();\n\n const zoom = window.currentZoom || 1;\n const padding = 8 / zoom;\n const handleSize = 10 / zoom;\n const handleOffset = handleSize / 2;\n const anchorStrokeWidth = 2;\n\n const selX = bbox.x - padding;\n const selY = bbox.y - padding;\n const selWidth = bbox.width + 2 * padding;\n const selHeight = bbox.height + 2 * padding;\n\n const outlinePoints = [\n [selX, selY],\n [selX + selWidth, selY],\n [selX + selWidth, selY + selHeight],\n [selX, selY + selHeight],\n [selX, selY]\n ];\n\n const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n selectionBox = document.createElementNS(\"http://www.w3.org/2000/svg\", \"polyline\");\n selectionBox.setAttribute(\"class\", \"selection-box\");\n selectionBox.setAttribute(\"points\", pointsAttr);\n selectionBox.setAttribute(\"fill\", \"none\");\n selectionBox.setAttribute(\"stroke\", \"#5B57D1\");\n selectionBox.setAttribute(\"stroke-width\", \"1.5\");\n selectionBox.setAttribute(\"stroke-dasharray\", `${4 / zoom} ${2 / zoom}`);\n selectionBox.setAttribute(\"vector-effect\", \"non-scaling-stroke\");\n selectionBox.setAttribute(\"pointer-events\", \"none\");\n groupElement.appendChild(selectionBox);\n\n // Issue #48 bug #5 + phase D follow-up: E/W midpoint anchors drive\n // TRUE word-wrap. Dragging E/W sets `data-wrap-width` on the text\n // element; the paint helper re-flows tspans so the text wraps into\n // multiple lines. Corner anchors keep their font-size scaling\n // behaviour.\n const handlesData = [\n { name: 'nw', x: selX, y: selY, cursor: 'nwse-resize' },\n { name: 'ne', x: selX + selWidth, y: selY, cursor: 'nesw-resize' },\n { name: 'sw', x: selX, y: selY + selHeight, cursor: 'nesw-resize' },\n { name: 'se', x: selX + selWidth, y: selY + selHeight, cursor: 'nwse-resize' },\n { name: 'e', x: selX + selWidth, y: selY + selHeight / 2, cursor: 'ew-resize' },\n { name: 'w', x: selX, y: selY + selHeight / 2, cursor: 'ew-resize' },\n ];\n\n resizeHandles = {};\n handlesData.forEach(handle => {\n const handleRect = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n handleRect.setAttribute(\"class\", `resize-handle resize-handle-${handle.name}`);\n handleRect.setAttribute(\"x\", handle.x - handleOffset);\n handleRect.setAttribute(\"y\", handle.y - handleOffset);\n handleRect.setAttribute(\"width\", handleSize);\n handleRect.setAttribute(\"height\", handleSize);\n handleRect.setAttribute(\"fill\", \"#121212\");\n handleRect.setAttribute(\"stroke\", \"#5B57D1\");\n handleRect.setAttribute(\"stroke-width\", anchorStrokeWidth);\n handleRect.setAttribute(\"vector-effect\", \"non-scaling-stroke\");\n handleRect.style.cursor = handle.cursor;\n handleRect.setAttribute(\"data-anchor\", handle.name);\n groupElement.appendChild(handleRect);\n resizeHandles[handle.name] = handleRect;\n\n handleRect.addEventListener('pointerdown', (e) => {\n if (window.isSelectionToolActive) {\n e.stopPropagation();\n startResize(e, handle.name);\n }\n });\n });\n\n const rotationAnchorPos = { x: selX + selWidth / 2, y: selY - 30 };\n const rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n rotationAnchor.setAttribute('r', 8);\n rotationAnchor.setAttribute('class', 'rotate-anchor');\n rotationAnchor.setAttribute('fill', '#121212');\n rotationAnchor.setAttribute('stroke', '#5B57D1');\n rotationAnchor.setAttribute('stroke-width', anchorStrokeWidth);\n rotationAnchor.setAttribute('vector-effect', 'non-scaling-stroke');\n rotationAnchor.style.cursor = 'grab';\n rotationAnchor.setAttribute('pointer-events', 'all');\n groupElement.appendChild(rotationAnchor);\n\n resizeHandles.rotate = rotationAnchor;\n\n rotationAnchor.addEventListener('pointerdown', (e) => {\n if (window.isSelectionToolActive) {\n e.stopPropagation();\n startRotation(e);\n }\n });\n\n rotationAnchor.addEventListener('mouseover', function() {\n if (!isResizing && !isDragging) {\n this.style.cursor = 'grab';\n }\n });\n\n rotationAnchor.addEventListener('mouseout', function() {\n if (!isResizing && !isDragging) {\n this.style.cursor = 'default';\n }\n });\n}\n\nfunction updateSelectionFeedback() {\n if (!selectedElement || !selectionBox) return;\n\n const textElement = selectedElement.querySelector('text');\n if (!textElement) return;\n\n const wasHidden = selectedElement.style.display === 'none';\n if (wasHidden) selectedElement.style.display = 'block';\n\n const bbox = textElement.getBBox();\n\n if (wasHidden) selectedElement.style.display = 'none';\n\n if (bbox.width === 0 && bbox.height === 0 && textElement.textContent.trim() !== \"\") {\n }\n\n const zoom2 = window.currentZoom || 1;\n const padding = 8 / zoom2;\n const handleSize = 10 / zoom2;\n const handleOffset = handleSize / 2;\n\n const selX = bbox.x - padding;\n const selY = bbox.y - padding;\n const selWidth = Math.max(bbox.width + 2 * padding, handleSize);\n const selHeight = Math.max(bbox.height + 2 * padding, handleSize);\n\n const outlinePoints = [\n [selX, selY],\n [selX + selWidth, selY],\n [selX + selWidth, selY + selHeight],\n [selX, selY + selHeight],\n [selX, selY]\n ];\n\n const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n selectionBox.setAttribute(\"points\", pointsAttr);\n\n const handlesData = [\n { name: 'nw', x: selX, y: selY },\n { name: 'ne', x: selX + selWidth, y: selY },\n { name: 'sw', x: selX, y: selY + selHeight },\n { name: 'se', x: selX + selWidth, y: selY + selHeight },\n // Issue #48 bug #5: keep E/W midpoint handles aligned with the\n // resize so they follow the box as it scales.\n { name: 'e', x: selX + selWidth, y: selY + selHeight / 2 },\n { name: 'w', x: selX, y: selY + selHeight / 2 },\n ];\n\n handlesData.forEach(handle => {\n const handleRect = resizeHandles[handle.name];\n if (handleRect) {\n handleRect.setAttribute(\"x\", handle.x - handleOffset);\n handleRect.setAttribute(\"y\", handle.y - handleOffset);\n }\n });\n\n const rotationAnchor = resizeHandles.rotate;\n if (rotationAnchor) {\n const rotationAnchorPos = { x: selX + selWidth / 2, y: selY - 30 };\n rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n }\n}\n\nfunction startRotation(event) {\n if (!selectedElement || event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n\n isRotating = true;\n isDragging = false;\n isResizing = false;\n\n const textElement = selectedElement.querySelector('text');\n if (!textElement) return;\n\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n\n const mousePos = getSVGCoordinates(event);\n\n let centerPoint = svg.createSVGPoint();\n centerPoint.x = centerX;\n centerPoint.y = centerY;\n\n const groupTransform = selectedElement.transform.baseVal.consolidate();\n if (groupTransform) {\n centerPoint = centerPoint.matrixTransform(groupTransform.matrix);\n }\n\n rotationStartAngle = Math.atan2(mousePos.y - centerPoint.y, mousePos.x - centerPoint.x) * 180 / Math.PI;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n rotationStartTransform = currentTransform ? currentTransform.matrix : svg.createSVGMatrix();\n\n svg.style.cursor = 'grabbing';\n\n window.addEventListener('pointermove', handleMouseMove);\n window.addEventListener('pointerup', handleMouseUp);\n}\n\nfunction removeSelectionFeedback(element) {\n const target = element || selectedElement;\n if (target) {\n target.querySelectorAll(\".selection-box, .resize-handle, .rotate-anchor\").forEach(el => el.remove());\n }\n // Also clean up any orphaned selection elements in all text groups\n svg.querySelectorAll('g[data-type=\"text-group\"] .selection-box, g[data-type=\"text-group\"] .resize-handle, g[data-type=\"text-group\"] .rotate-anchor').forEach(el => el.remove());\n\n selectionBox = null;\n resizeHandles = {};\n}\n\nfunction selectElement(groupElement) {\n if (!groupElement || !groupElement.parentNode) return;\n if (groupElement === selectedElement) return;\n\n deselectElement();\n selectedElement = groupElement;\n selectedElement.classList.add(\"selected\");\n createSelectionFeedback(selectedElement);\n\n updateSelectedElement(selectedElement);\n updateCodeToggleForShape('text');\n\n // Update global currentShape so EventDispatcher can route to other tools later\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n const wrapper = shapes.find(s => s.element === groupElement || s.group === groupElement);\n if (wrapper) {\n currentShape = wrapper;\n }\n }\n\n // Show text property panel when text is selected\n if (window.__showSidebarForShape) window.__showSidebarForShape('text');\n}\n\nfunction deselectElement() {\n const activeEditor = document.querySelector(\"textarea.svg-text-editor\");\n if (activeEditor) {\n let textElement = activeEditor.originalTextElement;\n if (textElement) {\n renderText(activeEditor, textElement, true);\n } else if (document.body.contains(activeEditor)) {\n document.body.removeChild(activeEditor);\n }\n }\n\n if (selectedElement) {\n removeSelectionFeedback();\n selectedElement.classList.remove(\"selected\");\n selectedElement = null;\n\n updateSelectedElement(null);\n\n // Clear global currentShape if it was a text shape\n if (currentShape && (currentShape.shapeName === 'text' || currentShape.shapeName === 'code')) {\n currentShape = null;\n }\n\n // Hide text property panel if we're in selection mode (not text tool)\n if (isSelectionToolActive) {\n textSideBar.classList.add(\"hidden\");\n }\n }\n\n if (isRotating) {\n isRotating = false;\n rotationStartAngle = 0;\n rotationStartTransform = null;\n svg.style.cursor = 'default';\n\n window.removeEventListener('pointermove', handleMouseMove);\n window.removeEventListener('pointerup', handleMouseUp);\n }\n}\n\nfunction startDrag(event) {\n if (!selectedElement || event.button !== 0) return;\n\n if (event.target.closest('.resize-handle')) {\n return;\n }\n\n isDragging = true;\n isResizing = false;\n event.preventDefault();\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n const initialTranslateX = currentTransform ? currentTransform.matrix.e : 0;\n const initialTranslateY = currentTransform ? currentTransform.matrix.f : 0;\n\n startPoint = getSVGCoordinates(event);\n\n dragOffsetX = startPoint.x - initialTranslateX;\n dragOffsetY = startPoint.y - initialTranslateY;\n\n // Find the TextShape wrapper for frame functionality\n let textShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n textShape = shapes.find(shape => shape.shapeName === 'text' && shape.group === selectedElement);\n }\n\n if (textShape) {\n // Store initial frame state\n draggedShapeInitialFrameText = textShape.parentFrame || null;\n \n // Temporarily remove from frame clipping if dragging\n if (textShape.parentFrame) {\n textShape.parentFrame.temporarilyRemoveFromFrame(textShape);\n }\n }\n\n svg.style.cursor = 'grabbing';\n\n svg.addEventListener('pointermove', handleMouseMove);\n svg.addEventListener('pointerup', handleMouseUp);\n}\n\nfunction startResize(event, anchor) {\n if (!selectedElement || event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n\n isResizing = true;\n isDragging = false;\n currentResizeHandle = anchor;\n\n const textElement = selectedElement.querySelector('text');\n if (!textElement) {\n isResizing = false;\n return;\n }\n\n startBBox = textElement.getBBox();\n startFontSize = parseFloat(textElement.getAttribute(\"font-size\") || 30);\n if (isNaN(startFontSize)) startFontSize = 30;\n\n startPoint = getSVGCoordinates(event, selectedElement);\n\n // Freeze the group's screen CTM at resize start so mouse\u2192local mapping stays stable\n const groupScreenCTM = selectedElement.getScreenCTM();\n initialInverseScreenCTM = groupScreenCTM ? groupScreenCTM.inverse() : null;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n initialGroupTx = currentTransform ? currentTransform.matrix.e : 0;\n initialGroupTy = currentTransform ? currentTransform.matrix.f : 0;\n\n const padding = 3;\n const startX = startBBox.x - padding;\n const startY = startBBox.y - padding;\n const startWidth = startBBox.width + 2 * padding;\n const startHeight = startBBox.height + 2 * padding;\n\n let hx = startX;\n let hy = startY;\n if (anchor.includes('e')) { hx = startX + startWidth; }\n if (anchor.includes('s')) { hy = startY + startHeight; }\n initialHandlePosRelGroup = { x: hx, y: hy };\n\n svg.style.cursor = resizeHandles[anchor]?.style.cursor || 'default';\n\n svg.addEventListener('pointermove', handleMouseMove);\n svg.addEventListener('pointerup', handleMouseUp);\n}\n\n\nconst handleMouseMove = (event) => {\n if (!selectedElement) return;\n event.preventDefault();\n\n // Keep lastMousePos in screen coordinates for other functions\n const svgRect = svg.getBoundingClientRect();\n lastMousePos = {\n x: event.clientX - svgRect.left, \n y: event.clientY - svgRect.top\n };\n\n if (isDragging) {\n const currentPoint = getSVGCoordinates(event);\n const newTranslateX = currentPoint.x - dragOffsetX;\n const newTranslateY = currentPoint.y - dragOffsetY;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform) {\n const matrix = currentTransform.matrix;\n const angle = Math.atan2(matrix.b, matrix.a) * 180 / Math.PI;\n\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n\n selectedElement.setAttribute('transform',\n `translate(${newTranslateX}, ${newTranslateY}) rotate(${angle}, ${centerX}, ${centerY})`\n );\n } else {\n selectedElement.setAttribute('transform', `translate(${newTranslateX}, ${newTranslateY})`);\n }\n } else {\n selectedElement.setAttribute('transform', `translate(${newTranslateX}, ${newTranslateY})`);\n }\n\n // Update frame containment for TextShape wrapper\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n const textShape = shapes.find(shape => shape.shapeName === 'text' && shape.group === selectedElement);\n if (textShape) {\n textShape.updateFrameContainment();\n }\n }\n\n // Update attached arrows during dragging\n updateAttachedArrows(selectedElement);\n\n } else if (isResizing) {\n const textElement = selectedElement.querySelector('text');\n if (!textElement || !startBBox || startFontSize === null || !startPoint || !initialHandlePosRelGroup) return;\n\n // Use the frozen initial CTM so the mapping doesn't shift as we change the group transform\n let currentPoint;\n if (initialInverseScreenCTM) {\n const pt = svg.createSVGPoint();\n pt.x = event.clientX;\n pt.y = event.clientY;\n currentPoint = pt.matrixTransform(initialInverseScreenCTM);\n } else {\n currentPoint = getSVGCoordinates(event, selectedElement);\n }\n\n const startX = startBBox.x;\n const startY = startBBox.y;\n const startWidth = startBBox.width;\n const startHeight = startBBox.height;\n\n let anchorX, anchorY;\n const isEdgeWidth = currentResizeHandle === 'e' || currentResizeHandle === 'w';\n\n switch (currentResizeHandle) {\n case 'nw':\n anchorX = startX + startWidth;\n anchorY = startY + startHeight;\n break;\n case 'ne':\n anchorX = startX;\n anchorY = startY + startHeight;\n break;\n case 'sw':\n anchorX = startX + startWidth;\n anchorY = startY;\n break;\n case 'se':\n anchorX = startX;\n anchorY = startY;\n break;\n case 'e':\n anchorX = startX;\n anchorY = startY + startHeight / 2;\n break;\n case 'w':\n anchorX = startX + startWidth;\n anchorY = startY + startHeight / 2;\n break;\n }\n\n // Issue #48 phase D follow-up: E/W now drives TRUE word-wrap.\n // The drag distance becomes the wrap-width target; we re-paint\n // the text with the new width and short-circuit the font-size\n // scaling path that the corners use.\n if (isEdgeWidth) {\n const newWrap = Math.abs(currentPoint.x - anchorX);\n const minWrap = startFontSize * 2; // at least ~one short word wide\n const clampedWrap = Math.max(minWrap, newWrap);\n textElement.setAttribute('data-wrap-width', String(clampedWrap));\n const source = getWrapSource(textElement);\n paintTextContent(textElement, source, clampedWrap);\n if (typeof updateSelectionFeedback === 'function') {\n setTimeout(updateSelectionFeedback, 0);\n }\n return;\n }\n\n const newWidth = Math.abs(currentPoint.x - anchorX);\n const newHeight = Math.abs(currentPoint.y - anchorY);\n const chosenScale = newHeight / startHeight;\n\n const minScale = 0.1;\n const maxScale = 10.0;\n const clampedScale = Math.max(minScale, Math.min(chosenScale, maxScale));\n\n const newFontSize = startFontSize * clampedScale;\n const minFontSize = 5;\n const finalFontSize = Math.max(newFontSize, minFontSize);\n\n textElement.setAttribute(\"font-size\", `${finalFontSize}px`);\n\n const currentBBox = textElement.getBBox();\n\n let newAnchorX, newAnchorY;\n\n switch (currentResizeHandle) {\n case 'nw':\n newAnchorX = currentBBox.x + currentBBox.width;\n newAnchorY = currentBBox.y + currentBBox.height;\n break;\n case 'ne':\n newAnchorX = currentBBox.x;\n newAnchorY = currentBBox.y + currentBBox.height;\n break;\n case 'sw':\n newAnchorX = currentBBox.x + currentBBox.width;\n newAnchorY = currentBBox.y;\n break;\n case 'se':\n newAnchorX = currentBBox.x;\n newAnchorY = currentBBox.y;\n break;\n case 'e':\n newAnchorX = currentBBox.x;\n newAnchorY = currentBBox.y + currentBBox.height / 2;\n break;\n case 'w':\n newAnchorX = currentBBox.x + currentBBox.width;\n newAnchorY = currentBBox.y + currentBBox.height / 2;\n break;\n }\n\n const deltaX = anchorX - newAnchorX;\n const deltaY = anchorY - newAnchorY;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform) {\n const matrix = currentTransform.matrix;\n const angle = Math.atan2(matrix.b, matrix.a) * 180 / Math.PI;\n\n const newGroupTx = initialGroupTx + deltaX;\n const newGroupTy = initialGroupTy + deltaY;\n\n const centerX = currentBBox.x + currentBBox.width / 2;\n const centerY = currentBBox.y + currentBBox.height / 2;\n\n selectedElement.setAttribute('transform',\n `translate(${newGroupTx}, ${newGroupTy}) rotate(${angle}, ${centerX}, ${centerY})`\n );\n } else {\n const newGroupTx = initialGroupTx + deltaX;\n const newGroupTy = initialGroupTy + deltaY;\n selectedElement.setAttribute('transform', `translate(${newGroupTx}, ${newGroupTy})`);\n }\n\n // Update attached arrows during resizing\n updateAttachedArrows(selectedElement);\n\n clearTimeout(selectedElement.updateFeedbackTimeout);\n selectedElement.updateFeedbackTimeout = setTimeout(() => {\n updateSelectionFeedback();\n delete selectedElement.updateFeedbackTimeout;\n }, 0);\n\n } else if (isRotating) {\n const textElement = selectedElement.querySelector('text');\n if (!textElement) return;\n\n const bbox = textElement.getBBox();\n const centerX = bbox.x + bbox.width / 2;\n const centerY = bbox.y + bbox.height / 2;\n\n const mousePos = getSVGCoordinates(event);\n\n let centerPoint = svg.createSVGPoint();\n centerPoint.x = centerX;\n centerPoint.y = centerY;\n\n const groupTransform = selectedElement.transform.baseVal.consolidate();\n if (groupTransform) {\n centerPoint = centerPoint.matrixTransform(groupTransform.matrix);\n }\n\n const currentAngle = Math.atan2(mousePos.y - centerPoint.y, mousePos.x - centerPoint.x) * 180 / Math.PI;\n\n const rotationDiff = currentAngle - rotationStartAngle;\n\n const newTransform = `translate(${rotationStartTransform.e}, ${rotationStartTransform.f}) rotate(${rotationDiff}, ${centerX}, ${centerY})`;\n selectedElement.setAttribute('transform', newTransform);\n\n // Update attached arrows during rotation\n updateAttachedArrows(selectedElement);\n\n updateSelectionFeedback();\n }\n};\n\n\n\nconst handleMouseUp = (event) => {\n if (event.button !== 0) return;\n\n if (isDragging && selectedElement) {\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform) {\n const finalTranslateX = currentTransform.matrix.e;\n const finalTranslateY = currentTransform.matrix.f;\n\n const initialX = parseFloat(selectedElement.getAttribute(\"data-x\")) || 0;\n const initialY = parseFloat(selectedElement.getAttribute(\"data-y\")) || 0;\n\n // Find the TextShape wrapper for frame tracking\n let textShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n textShape = shapes.find(shape => shape.shapeName === 'text' && shape.group === selectedElement);\n }\n\n // Add frame information for undo tracking\n const oldPosWithFrame = {\n x: initialX,\n y: initialY,\n rotation: extractRotationFromTransform(selectedElement) || 0,\n parentFrame: draggedShapeInitialFrameText\n };\n // Issue #34 bug #2: hoveredFrameText is the actual destination\n // tracked during drag \u2014 textShape.parentFrame is still the OLD\n // frame at this point.\n const newPosWithFrame = {\n x: finalTranslateX,\n y: finalTranslateY,\n rotation: extractRotationFromTransform(selectedElement) || 0,\n parentFrame: hoveredFrameText || null,\n };\n\n const stateChanged = initialX !== finalTranslateX || initialY !== finalTranslateY;\n const frameChanged = oldPosWithFrame.parentFrame !== newPosWithFrame.parentFrame;\n\n if (stateChanged || frameChanged) {\n pushTransformAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n oldPosWithFrame,\n newPosWithFrame\n );\n }\n\n // Handle frame containment changes after drag\n if (textShape) {\n const finalFrame = hoveredFrameText;\n \n // If shape moved to a different frame\n if (draggedShapeInitialFrameText !== finalFrame) {\n // Remove from initial frame\n if (draggedShapeInitialFrameText) {\n draggedShapeInitialFrameText.removeShapeFromFrame(textShape);\n }\n \n // Add to new frame\n if (finalFrame) {\n finalFrame.addShapeToFrame(textShape);\n }\n \n // Track the frame change for undo\n if (frameChanged) {\n pushFrameAttachmentAction(finalFrame || draggedShapeInitialFrameText, textShape, \n finalFrame ? 'attach' : 'detach', draggedShapeInitialFrameText);\n }\n } else if (draggedShapeInitialFrameText) {\n // Shape stayed in same frame, restore clipping\n draggedShapeInitialFrameText.restoreToFrame(textShape);\n }\n }\n\n selectedElement.setAttribute(\"data-x\", finalTranslateX);\n selectedElement.setAttribute(\"data-y\", finalTranslateY);\n }\n\n draggedShapeInitialFrameText = null;\n\n } else if (isResizing && selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const finalFontSize = textElement.getAttribute(\"font-size\");\n const initialFontSize = startFontSize;\n\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform && initialFontSize !== parseFloat(finalFontSize)) {\n const finalTranslateX = currentTransform.matrix.e;\n const finalTranslateY = currentTransform.matrix.f;\n\n pushTransformAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n x: initialGroupTx,\n y: initialGroupTy,\n fontSize: initialFontSize,\n rotation: extractRotationFromTransform(selectedElement) || 0\n },\n {\n x: finalTranslateX,\n y: finalTranslateY,\n fontSize: parseFloat(finalFontSize),\n rotation: extractRotationFromTransform(selectedElement) || 0\n }\n );\n\n selectedElement.setAttribute(\"data-x\", finalTranslateX);\n selectedElement.setAttribute(\"data-y\", finalTranslateY);\n }\n\n clearTimeout(selectedElement.updateFeedbackTimeout);\n updateSelectionFeedback();\n }\n } else if (isRotating && selectedElement) {\n const currentTransform = selectedElement.transform.baseVal.consolidate();\n if (currentTransform && rotationStartTransform) {\n const initialRotation = Math.atan2(rotationStartTransform.b, rotationStartTransform.a) * 180 / Math.PI;\n const finalRotation = extractRotationFromTransform(selectedElement) || 0;\n\n if (Math.abs(initialRotation - finalRotation) > 1) {\n pushTransformAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n x: rotationStartTransform.e,\n y: rotationStartTransform.f,\n rotation: initialRotation\n },\n {\n x: currentTransform.matrix.e,\n y: currentTransform.matrix.f,\n rotation: finalRotation\n }\n );\n }\n\n }\n updateSelectionFeedback();\n }\n\n // Clear frame highlighting\n if (hoveredFrameText) {\n hoveredFrameText.removeHighlight();\n hoveredFrameText = null;\n }\n\n isDragging = false;\n isResizing = false;\n isRotating = false;\n currentResizeHandle = null;\n startPoint = null;\n startBBox = null;\n startFontSize = null;\n dragOffsetX = undefined;\n dragOffsetY = undefined;\n initialHandlePosRelGroup = null;\n initialGroupTx = 0;\n initialGroupTy = 0;\n rotationStartAngle = 0;\n rotationStartTransform = null;\n\n // Restore cursor based on context - keep pointer if over selected text\n svg.style.cursor = isSelectionToolActive ? 'default' : (isTextToolActive ? 'text' : 'default');\n\n // Ensure selection feedback is refreshed after transforms\n if (selectedElement) {\n setTimeout(updateSelectionFeedback, 0);\n }\n\n svg.removeEventListener('pointermove', handleMouseMove);\n svg.removeEventListener('pointerup', handleMouseUp);\n window.removeEventListener('pointermove', handleMouseMove);\n window.removeEventListener('pointerup', handleMouseUp);\n};\n\nfunction extractRotationFromTransform(element) {\n const currentTransform = element.transform.baseVal.consolidate();\n if (currentTransform) {\n const matrix = currentTransform.matrix;\n return Math.atan2(matrix.b, matrix.a) * 180 / Math.PI;\n }\n return 0;\n}\n\n// EXPORTED EVENT HANDLERS\nconst handleTextMouseDown = function (e) {\n if (!e.target) return;\n const activeEditor = document.querySelector(\"textarea.svg-text-editor\");\n if (activeEditor && activeEditor.contains(e.target)) {\n return;\n }\n if (activeEditor && !activeEditor.contains(e.target)) {\n let textElement = activeEditor.originalTextElement;\n if (textElement) {\n // renderText switches to selection tool and auto-selects the text as a side effect.\n // Return early so we don't continue with stale tool state.\n renderText(activeEditor, textElement, true);\n return;\n } else if (document.body.contains(activeEditor)){\n document.body.removeChild(activeEditor);\n }\n }\n\n const targetGroup = e.target.closest('g[data-type=\"text-group\"]');\n\n if (isSelectionToolActive && e.button === 0) {\n if (targetGroup) {\n if (e.target.closest('.resize-handle')) {\n return;\n }\n\n // Double-click on selected text: enter edit mode\n if (e.detail >= 2 && targetGroup === selectedElement) {\n enterEditMode(targetGroup);\n e.stopPropagation();\n return;\n }\n\n if (targetGroup === selectedElement) {\n startDrag(e);\n } else {\n selectElement(targetGroup);\n startDrag(e);\n }\n } else {\n deselectElement();\n }\n\n } else if (isTextToolActive && e.button === 0) {\n if (targetGroup) {\n // Double-click: enter edit mode\n if (e.detail >= 2) {\n let textEl = targetGroup.querySelector('text');\n if (textEl) {\n makeTextEditable(textEl, targetGroup);\n e.stopPropagation();\n return;\n }\n }\n // Single-click: select and drag (same as selection tool behavior)\n if (targetGroup === selectedElement) {\n startDrag(e);\n } else {\n selectElement(targetGroup);\n startDrag(e);\n }\n } else {\n deselectElement();\n addText(e);\n }\n }\n};\n\nfunction enterEditMode(groupElement) {\n const textEl = groupElement.querySelector('text');\n if (!textEl) return;\n\n // Switch to text tool with property panel (go through store to clear other flags)\n if (window.__sketchStoreApi) {\n window.__sketchStoreApi.setActiveTool('text');\n } else {\n window.isTextToolActive = true;\n window.isSelectionToolActive = false;\n }\n toolExtraPopup();\n\n // Deselect (removes selection feedback) then open editor\n deselectElement();\n makeTextEditable(textEl, groupElement);\n}\n\nconst handleTextMouseMove = function (e) {\n // Keep lastMousePos in screen coordinates for other functions\n const svgRect = svg.getBoundingClientRect();\n lastMousePos = {\n x: e.clientX - svgRect.left, \n y: e.clientY - svgRect.top\n };\n\n // Handle cursor changes for text tool\n if (isTextToolActive) {\n const targetGroup = e.target?.closest?.('g[data-type=\"text-group\"]');\n if (targetGroup) {\n svg.style.cursor = 'pointer';\n } else {\n svg.style.cursor = 'crosshair';\n }\n } else if (isSelectionToolActive) {\n const targetGroup = e.target?.closest?.('g[data-type=\"text-group\"]');\n if (targetGroup) {\n svg.style.cursor = 'default';\n }\n }\n\n // Check for frame containment while creating text\n if (isTextToolActive && !isDragging && !isResizing && !isRotating) {\n // Get current mouse position for frame highlighting preview\n const { x, y } = getSVGCoordinates(e);\n \n // Create temporary text bounds for frame checking\n const tempTextBounds = {\n x: x - 50,\n y: y - 20,\n width: 100,\n height: 40\n };\n \n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.forEach(frame => {\n if (frame.shapeName === 'frame') {\n if (frame.isShapeInFrame(tempTextBounds)) {\n frame.highlightFrame();\n hoveredFrameText = frame;\n } else if (hoveredFrameText === frame) {\n frame.removeHighlight();\n hoveredFrameText = null;\n }\n }\n });\n }\n }\n};\n\nconst handleTextMouseUp = function (e) {\n // Clear frame highlighting when done with text tool operations\n if (hoveredFrameText) {\n hoveredFrameText.removeHighlight();\n hoveredFrameText = null;\n }\n};\n\n// updateAttachedArrows is imported from drawArrow.js\n\n\ntextColorOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textColorOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const newColor = span.getAttribute(\"data-id\");\n const oldColor = textColor;\n textColor = newColor;\n\n if (selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const currentColor = textElement.getAttribute('fill');\n\n if (currentColor !== newColor) {\n pushOptionsChangeAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n color: currentColor,\n font: textElement.getAttribute('font-family'),\n size: textElement.getAttribute('font-size'),\n align: textElement.getAttribute('text-anchor')\n },\n {\n color: newColor,\n font: textElement.getAttribute('font-family'),\n size: textElement.getAttribute('font-size'),\n align: textElement.getAttribute('text-anchor')\n }\n );\n }\n\n textElement.setAttribute('fill', newColor);\n }\n }\n });\n});\n\ntextFontOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textFontOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const newFont = span.getAttribute(\"data-id\");\n const oldFont = textFont;\n textFont = newFont;\n\n if (selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const currentFont = textElement.getAttribute('font-family');\n\n if (currentFont !== newFont) {\n pushOptionsChangeAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n color: textElement.getAttribute('fill'),\n font: currentFont,\n size: textElement.getAttribute('font-size'),\n align: textElement.getAttribute('text-anchor')\n },\n {\n color: textElement.getAttribute('fill'),\n font: newFont,\n size: textElement.getAttribute('font-size'),\n align: textElement.getAttribute('text-anchor')\n }\n );\n }\n\n textElement.setAttribute('font-family', newFont);\n setTimeout(updateSelectionFeedback, 0);\n }\n }\n });\n});\n\ntextSizeOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textSizeOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const newSize = span.getAttribute(\"data-id\") + \"px\";\n const oldSize = textSize;\n textSize = newSize;\n\n if (selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const currentSize = textElement.getAttribute('font-size');\n\n if (currentSize !== newSize) {\n pushOptionsChangeAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n color: textElement.getAttribute('fill'),\n font: textElement.getAttribute('font-family'),\n size: currentSize,\n align: textElement.getAttribute('text-anchor')\n },\n {\n color: textElement.getAttribute('fill'),\n font: textElement.getAttribute('font-family'),\n size: newSize,\n align: textElement.getAttribute('text-anchor')\n }\n );\n }\n\n textElement.setAttribute('font-size', newSize);\n setTimeout(updateSelectionFeedback, 0);\n }\n }\n });\n});\n\ntextAlignOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textAlignOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const newAlign = span.getAttribute(\"data-id\");\n const oldAlign = textAlign;\n textAlign = newAlign;\n\n if (selectedElement) {\n const textElement = selectedElement.querySelector('text');\n if (textElement) {\n const currentAnchor = textElement.getAttribute('text-anchor');\n let newAnchor = 'start';\n if (newAlign === 'center') newAnchor = 'middle';\n else if (newAlign === 'right') newAnchor = 'end';\n\n if (currentAnchor !== newAnchor) {\n pushOptionsChangeAction(\n {\n type: 'text',\n element: selectedElement,\n shapeName: 'text'\n },\n {\n color: textElement.getAttribute('fill'),\n font: textElement.getAttribute('font-family'),\n size: textElement.getAttribute('font-size'),\n align: currentAnchor\n },\n {\n color: textElement.getAttribute('fill'),\n font: textElement.getAttribute('font-family'),\n size: textElement.getAttribute('font-size'),\n align: newAnchor\n }\n );\n }\n\n textElement.setAttribute('text-anchor', newAnchor);\n setTimeout(updateSelectionFeedback, 0);\n }\n }\n });\n});\n\n\n// --- Code/Text Toggle Handler ---\nconst textCodeOptions = document.querySelectorAll(\".textCodeSpan\");\nconst languageSelector = document.getElementById(\"textLanguageSelector\");\nconst codeLanguageSelect = document.getElementById(\"codeLanguageSelect\");\n\ntextCodeOptions.forEach((span) => {\n span.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n textCodeOptions.forEach((el) => el.classList.remove(\"selected\"));\n span.classList.add(\"selected\");\n\n const isCodeMode = span.getAttribute(\"data-id\") === \"true\";\n isTextInCodeMode = isCodeMode;\n\n // Show/hide language selector\n if (languageSelector) {\n languageSelector.classList.toggle(\"hidden\", !isCodeMode);\n }\n\n // Update tool flags\n if (isTextToolActive) {\n isCodeToolActive = isCodeMode;\n }\n\n // If a shape is selected, convert it\n if (isCodeMode && selectedElement) {\n // Convert text \u2192 code\n convertTextToCode(selectedElement);\n } else if (!isCodeMode && getSelectedCodeBlock()) {\n // Convert code \u2192 text\n convertCodeToText(getSelectedCodeBlock());\n }\n });\n});\n\n// Language selector handler\nif (codeLanguageSelect) {\n codeLanguageSelect.addEventListener(\"change\", (event) => {\n const lang = event.target.value;\n setCodeLanguage(lang);\n\n // If a code block is selected, re-highlight it with the new language\n const selectedCode = getSelectedCodeBlock();\n if (selectedCode) {\n const codeElement = selectedCode.querySelector('text');\n if (codeElement) {\n codeElement.setAttribute(\"data-language\", lang);\n // Re-render with new language highlighting\n const content = extractTextFromCodeElement(codeElement);\n while (codeElement.firstChild) {\n codeElement.removeChild(codeElement.firstChild);\n }\n const highlighted = applySyntaxHighlightingToSVG(content, lang);\n createHighlightedSVGText(highlighted, codeElement);\n updateCodeBackground(selectedCode, codeElement);\n }\n }\n });\n}\n\nfunction convertTextToCode(textGroupElement) {\n const textElement = textGroupElement.querySelector('text');\n if (!textElement) return;\n\n // Get text content\n let textContent = \"\";\n const tspans = textElement.querySelectorAll('tspan');\n if (tspans.length > 0) {\n tspans.forEach((tspan, index) => {\n textContent += tspan.textContent;\n if (index < tspans.length - 1) textContent += \"\\n\";\n });\n } else {\n textContent = textElement.textContent || \"\";\n }\n\n // Get position from transform\n const currentTransform = textGroupElement.transform.baseVal.consolidate();\n const tx = currentTransform ? currentTransform.matrix.e : 0;\n const ty = currentTransform ? currentTransform.matrix.f : 0;\n const fontSize = textElement.getAttribute('font-size') || \"25px\";\n const color = textElement.getAttribute('fill') || \"#fff\";\n\n // Find and remove old TextShape from shapes array\n let oldTextShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n oldTextShape = shapes.find(s => s.shapeName === 'text' && s.group === textGroupElement);\n if (oldTextShape) {\n const idx = shapes.indexOf(oldTextShape);\n if (idx !== -1) shapes.splice(idx, 1);\n }\n }\n\n // Deselect current text\n deselectElement();\n\n // Remove old text group from SVG\n if (textGroupElement.parentNode) {\n textGroupElement.parentNode.removeChild(textGroupElement);\n }\n\n // Create new code block\n const gElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n gElement.setAttribute(\"data-type\", \"code-group\");\n gElement.setAttribute(\"transform\", `translate(${tx}, ${ty})`);\n\n const backgroundRect = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n backgroundRect.setAttribute(\"class\", \"code-background\");\n backgroundRect.setAttribute(\"x\", -10);\n backgroundRect.setAttribute(\"y\", -10);\n backgroundRect.setAttribute(\"width\", 300);\n backgroundRect.setAttribute(\"height\", 60);\n backgroundRect.setAttribute(\"fill\", \"#161b22\");\n backgroundRect.setAttribute(\"stroke\", \"#30363d\");\n backgroundRect.setAttribute(\"stroke-width\", \"1\");\n backgroundRect.setAttribute(\"rx\", \"6\");\n backgroundRect.setAttribute(\"ry\", \"6\");\n gElement.appendChild(backgroundRect);\n\n const codeElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"text\");\n codeElement.setAttribute(\"x\", 0);\n codeElement.setAttribute(\"y\", 0);\n codeElement.setAttribute(\"fill\", color);\n codeElement.setAttribute(\"font-size\", fontSize);\n codeElement.setAttribute(\"font-family\", \"lixCode\");\n codeElement.setAttribute(\"text-anchor\", \"start\");\n codeElement.setAttribute(\"cursor\", \"default\");\n codeElement.setAttribute(\"white-space\", \"pre\");\n codeElement.setAttribute(\"dominant-baseline\", \"hanging\");\n codeElement.setAttribute(\"data-language\", getCodeLanguage());\n codeElement.setAttribute(\"data-type\", \"code\");\n\n const shapeID = `code-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n gElement.setAttribute(\"id\", shapeID);\n gElement.setAttribute(\"data-x\", tx);\n gElement.setAttribute(\"data-y\", ty);\n codeElement.setAttribute(\"id\", `${shapeID}-code`);\n gElement.appendChild(codeElement);\n svg.appendChild(gElement);\n\n // Apply syntax highlighting and add content\n if (textContent.trim()) {\n const lang = getCodeLanguage();\n const highlighted = applySyntaxHighlightingToSVG(textContent, lang);\n createHighlightedSVGText(highlighted, codeElement);\n updateCodeBackground(gElement, codeElement);\n }\n\n // Create CodeShape wrapper\n const codeShape = wrapCodeElement(gElement);\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.push(codeShape);\n }\n\n // Push undo action for mode conversion\n pushModeConvertAction(oldTextShape, textGroupElement, 'text', codeShape, gElement, 'code');\n\n // Select the new code block\n selectCodeBlock(gElement);\n}\n\nfunction convertCodeToText(codeGroupElement) {\n const codeElement = codeGroupElement.querySelector('text');\n if (!codeElement) return;\n\n // Get text content\n const textContent = extractTextFromCodeElement(codeElement);\n\n // Get position from transform\n const currentTransform = codeGroupElement.transform.baseVal.consolidate();\n const tx = currentTransform ? currentTransform.matrix.e : 0;\n const ty = currentTransform ? currentTransform.matrix.f : 0;\n const fontSize = codeElement.getAttribute('font-size') || \"30px\";\n const color = codeElement.getAttribute('fill') || \"#fff\";\n\n // Find and remove old CodeShape from shapes array\n let oldCodeShape = null;\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n oldCodeShape = shapes.find(s => s.shapeName === 'code' && s.group === codeGroupElement);\n if (oldCodeShape) {\n const idx = shapes.indexOf(oldCodeShape);\n if (idx !== -1) shapes.splice(idx, 1);\n }\n }\n\n // Deselect current code block\n deselectCodeBlock();\n\n // Remove old code group from SVG\n if (codeGroupElement.parentNode) {\n codeGroupElement.parentNode.removeChild(codeGroupElement);\n }\n\n // Create new text shape\n const gElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n gElement.setAttribute(\"data-type\", \"text-group\");\n gElement.setAttribute(\"transform\", `translate(${tx}, ${ty})`);\n\n const textElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"text\");\n textElement.setAttribute(\"x\", 0);\n textElement.setAttribute(\"y\", 0);\n textElement.setAttribute(\"fill\", color);\n textElement.setAttribute(\"font-size\", fontSize);\n textElement.setAttribute(\"font-family\", textFont);\n textElement.setAttribute(\"text-anchor\", \"start\");\n textElement.setAttribute(\"cursor\", \"default\");\n textElement.setAttribute(\"white-space\", \"pre\");\n textElement.setAttribute(\"dominant-baseline\", \"hanging\");\n textElement.setAttribute(\"data-type\", \"text\");\n\n const shapeID = `text-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n gElement.setAttribute(\"id\", shapeID);\n gElement.setAttribute(\"data-x\", tx);\n gElement.setAttribute(\"data-y\", ty);\n textElement.setAttribute(\"id\", `${shapeID}-text`);\n gElement.appendChild(textElement);\n svg.appendChild(gElement);\n\n // Add text content as tspans\n if (textContent.trim()) {\n const lines = textContent.split(\"\\n\");\n const x = textElement.getAttribute(\"x\") || 0;\n lines.forEach((line, index) => {\n const tspan = document.createElementNS(\"http://www.w3.org/2000/svg\", \"tspan\");\n tspan.setAttribute(\"x\", x);\n tspan.setAttribute(\"dy\", index === 0 ? \"0\" : \"1.2em\");\n tspan.textContent = line || \" \";\n textElement.appendChild(tspan);\n });\n }\n\n // Create TextShape wrapper\n const textShape = wrapTextElement(gElement);\n if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n shapes.push(textShape);\n }\n\n // Push undo action for mode conversion\n pushModeConvertAction(oldCodeShape, codeGroupElement, 'code', textShape, gElement, 'text');\n\n // Select the new text shape\n selectElement(gElement);\n}\n\nfunction pushModeConvertAction(oldShape, oldElement, oldType, newShape, newElement, newType) {\n pushCreateAction({\n type: 'modeConvert',\n oldShape: oldShape,\n oldElement: oldElement,\n oldType: oldType,\n newShape: newShape,\n newElement: newElement,\n newType: newType,\n element: newShape,\n shapeName: newType\n });\n}\n\n// Update toggle state when a shape is selected\nfunction updateCodeToggleForShape(shapeName) {\n const isCode = shapeName === 'code';\n textCodeOptions.forEach(el => el.classList.remove(\"selected\"));\n textCodeOptions.forEach(el => {\n if ((el.getAttribute(\"data-id\") === \"true\") === isCode) {\n el.classList.add(\"selected\");\n }\n });\n if (languageSelector) {\n languageSelector.classList.toggle(\"hidden\", !isCode);\n }\n // Update the language dropdown to match the selected code block\n if (isCode && codeLanguageSelect) {\n const selectedCode = getSelectedCodeBlock();\n if (selectedCode) {\n const codeEl = selectedCode.querySelector('text');\n const lang = codeEl?.getAttribute(\"data-language\") || \"auto\";\n codeLanguageSelect.value = lang;\n }\n }\n}\n\n// React sidebar bridge \u2014 update currently selected text/code shape\nwindow.updateSelectedTextStyle = function(changes) {\n const el = selectedElement || (window.currentShape && window.currentShape.shapeName === 'text' ? window.currentShape.group : null);\n if (!el) return;\n const textElement = el.querySelector('text');\n if (!textElement) return;\n\n if (changes.color) {\n textElement.setAttribute('fill', changes.color);\n textColor = changes.color;\n }\n if (changes.font) {\n textElement.setAttribute('font-family', changes.font);\n textFont = changes.font;\n }\n if (changes.fontSize) {\n textElement.setAttribute('font-size', changes.fontSize);\n textSize = changes.fontSize;\n }\n};\n\n// Expose select/deselect for external callers (Selection.js, TextShape.selectShape)\nwindow.__deselectTextElement = deselectElement;\nwindow.__selectTextElement = selectElement;\n\n// React sidebar bridge \u2014 text \u2194 code conversion\nwindow.__convertTextToCode = function() {\n if (selectedElement && selectedElement.getAttribute('data-type') === 'text-group') {\n convertTextToCode(selectedElement);\n }\n};\nwindow.__convertCodeToText = function() {\n // Try codeTool's selectedCodeBlock first, then check textTool's selectedElement\n let codeBlock = getSelectedCodeBlock();\n if (!codeBlock && selectedElement && selectedElement.getAttribute('data-type') === 'code-group') {\n codeBlock = selectedElement;\n }\n if (codeBlock) {\n convertCodeToText(codeBlock);\n }\n};\nwindow.__setCodeLanguage = function(lang) {\n setCodeLanguage(lang);\n // Re-highlight selected code block with new language\n const selectedCode = getSelectedCodeBlock();\n if (selectedCode) {\n const codeElement = selectedCode.querySelector('text');\n if (codeElement) {\n codeElement.setAttribute('data-language', lang);\n const textContent = extractTextFromCodeElement(codeElement);\n // Clear and re-highlight\n while (codeElement.firstChild) codeElement.removeChild(codeElement.firstChild);\n const highlighted = applySyntaxHighlightingToSVG(textContent, lang);\n createHighlightedSVGText(highlighted, codeElement);\n updateCodeBackground(selectedCode, codeElement);\n }\n }\n};\n\nexport { handleTextMouseDown, handleTextMouseMove, handleTextMouseUp, updateCodeToggleForShape, deselectElement as deselectTextElement, enterEditMode };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|