@tldraw/mermaid 4.6.0-canary.00a8c03b5687

package/dist-esm/flowchartDiagram.mjs

@@ -0,0 +1,188 @@
+import { buildClassDefColorMap, parseCssStyles, parseNodeInlineColor } from "./colors.mjs";
+import {
+  buildNodeCentersFromSvg,
+  parseAllEdgePointsFromSvg,
+  parseClustersFromSvg,
+  parseNodesFromSvg,
+  scaleLayout
+} from "./svgParsing.mjs";
+import { getArrowBend, LAYOUT_SCALE, orderTopDown } from "./utils.mjs";
+function mapEdgeTypeToArrowhead(type) {
+  if (!type) return "arrow";
+  if (type.includes("point")) return "arrow";
+  if (type.includes("circle")) return "dot";
+  if (type.includes("cross")) return "bar";
+  if (type.includes("open")) return "none";
+  return "arrow";
+}
+function mapFlowShapeTypeToGeo(type) {
+  switch (type) {
+    case "diamond":
+      return "diamond";
+    case "ellipse":
+    case "circle":
+    case "doublecircle":
+    case "stadium":
+    case "cylinder":
+      return "ellipse";
+    case "hexagon":
+      return "hexagon";
+    case "trapezoid":
+    // TODO: implement inv_trapezoid in SDK
+    case "inv_trapezoid":
+      return "trapezoid";
+    case "lean_right":
+      return "rhombus";
+    case "lean_left":
+      return "rhombus-2";
+    case "square":
+    case "rect":
+    case "round":
+    case "subroutine":
+    default:
+      return "rectangle";
+  }
+}
+function mapEdgeStrokeToDash(stroke) {
+  if (!stroke) return "solid";
+  if (stroke === "dotted") return "dotted";
+  return "solid";
+}
+const FRAME_TOP_PAD = 14;
+function buildHierarchy(subGraphs) {
+  const subGraphIds = new Set(subGraphs.map((subGraph) => subGraph.id));
+  const nodeToSubGraph = /* @__PURE__ */ new Map();
+  const subGraphParent = /* @__PURE__ */ new Map();
+  for (const subGraph of subGraphs) {
+    for (const nodeId of subGraph.nodes) {
+      if (subGraphIds.has(nodeId)) {
+        subGraphParent.set(nodeId, subGraph.id);
+      } else if (!nodeToSubGraph.has(nodeId)) {
+        nodeToSubGraph.set(nodeId, subGraph.id);
+      }
+    }
+  }
+  return { nodeToSubGraph, subGraphParent };
+}
+function parseFlowchartLayout(root) {
+  const nodes = parseNodesFromSvg(root, ".node", (domId) => {
+    const match = domId.match(/^flowchart-(.+)-\d+$/);
+    return match ? match[1] : domId;
+  });
+  const clusters = parseClustersFromSvg(root, ".cluster");
+  const edges = parseAllEdgePointsFromSvg(root, (dataId) => {
+    const match = dataId.match(/^L_(.+)_([^_]+)_\d+$/);
+    return match ? { start: match[1], end: match[2] } : null;
+  });
+  scaleLayout(nodes, clusters, edges, LAYOUT_SCALE);
+  return { nodes, clusters, edges };
+}
+function flowchartToBlueprint(layout, vertices, edges, subGraphs, classDefs) {
+  const nodeColorMap = classDefs ? buildClassDefColorMap(classDefs, vertices) : /* @__PURE__ */ new Map();
+  const { nodes: svgNodes, clusters: svgClusters, edges: svgEdges } = layout;
+  const nodeCenters = buildNodeCentersFromSvg(svgNodes, svgClusters);
+  const allSubGraphs = subGraphs || [];
+  const { nodeToSubGraph, subGraphParent } = buildHierarchy(allSubGraphs);
+  const nodes = [];
+  const blueprintEdges = [];
+  for (const subGraph of orderTopDown(
+    allSubGraphs,
+    (subGraph2) => subGraph2.id,
+    (subGraph2) => subGraphParent.get(subGraph2.id)
+  )) {
+    const cluster = svgClusters.get(subGraph.id);
+    if (!cluster) continue;
+    nodes.push({
+      id: subGraph.id,
+      x: cluster.topLeft.x,
+      y: cluster.topLeft.y - FRAME_TOP_PAD,
+      w: cluster.width,
+      h: cluster.height + FRAME_TOP_PAD,
+      geo: "rectangle",
+      parentId: subGraphParent.get(subGraph.id),
+      label: subGraph.title || subGraph.id,
+      fill: "semi",
+      color: "black",
+      dash: "draw",
+      size: "s",
+      align: "middle",
+      verticalAlign: "start"
+    });
+  }
+  for (const [id, vertex] of vertices) {
+    const svgNode = svgNodes.get(id);
+    if (!svgNode) continue;
+    const geo = mapFlowShapeTypeToGeo(vertex.type);
+    const colors = nodeColorMap.get(id) ?? parseNodeInlineColor(vertex.styles);
+    let { width: w, height: h } = svgNode;
+    if (vertex.type === "circle" || vertex.type === "doublecircle") {
+      w = h = Math.max(w, h);
+    }
+    nodes.push({
+      id,
+      x: svgNode.center.x - w / 2,
+      y: svgNode.center.y - h / 2,
+      w,
+      h,
+      geo,
+      parentId: nodeToSubGraph.get(id),
+      label: vertex.text || void 0,
+      ...(colors?.fillColor && { fill: "solid" }),
+      ...(colors && { color: colors.strokeColor ?? colors.fillColor }),
+      align: "middle",
+      verticalAlign: "middle",
+      size: "m"
+    });
+  }
+  const claimed = /* @__PURE__ */ new Set();
+  for (const edge of edges) {
+    const startCenter = nodeCenters.get(edge.start);
+    const endCenter = nodeCenters.get(edge.end);
+    let bend = 0;
+    if (startCenter && endCenter) {
+      let bestIndex = -1;
+      let bestDist = Infinity;
+      for (let i = 0; i < svgEdges.length; i++) {
+        if (claimed.has(i) || svgEdges[i].points.length < 2) continue;
+        const points = svgEdges[i].points;
+        const distance = Math.hypot(points[0].x - startCenter.x, points[0].y - startCenter.y) + Math.hypot(
+          points[points.length - 1].x - endCenter.x,
+          points[points.length - 1].y - endCenter.y
+        );
+        if (distance < bestDist) {
+          bestDist = distance;
+          bestIndex = i;
+        }
+      }
+      if (bestIndex >= 0) {
+        claimed.add(bestIndex);
+        bend = getArrowBend(svgEdges[bestIndex]);
+      }
+    }
+    const cssOverrides = edge.style ? parseCssStyles(edge.style) : void 0;
+    const arrowheadEnd = mapEdgeTypeToArrowhead(edge.type);
+    const dash = cssOverrides?.dashOverride ?? mapEdgeStrokeToDash(edge.stroke);
+    const size = cssOverrides?.sizeOverride ?? (edge.stroke === "thick" ? "l" : "s");
+    blueprintEdges.push({
+      startNodeId: edge.start,
+      endNodeId: edge.end,
+      label: edge.text,
+      bend,
+      arrowheadEnd,
+      arrowheadStart: edge.type?.includes("double_arrow") ? arrowheadEnd : void 0,
+      dash,
+      size,
+      color: cssOverrides?.color
+    });
+  }
+  const nodeIds = new Set(nodes.map((n) => n.id));
+  const validEdges = blueprintEdges.filter(
+    (e) => nodeIds.has(e.startNodeId) && nodeIds.has(e.endNodeId)
+  );
+  return { nodes, edges: validEdges };
+}
+export {
+  flowchartToBlueprint,
+  parseFlowchartLayout
+};
+//# sourceMappingURL=flowchartDiagram.mjs.map

package/dist-esm/flowchartDiagram.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/flowchartDiagram.ts"],
+  "sourcesContent": ["import type {\n\tFlowClass,\n\tFlowEdge,\n\tFlowSubGraph,\n\tFlowVertex,\n} from 'mermaid/dist/diagrams/flowchart/types.js'\nimport { TLArrowShapeArrowheadStyle, TLDefaultDashStyle, TLGeoShape } from 'tldraw'\nimport type {\n\tDiagramMermaidBlueprint,\n\tMermaidBlueprintEdge,\n\tMermaidBlueprintGeoNode,\n} from './blueprint'\nimport { buildClassDefColorMap, parseCssStyles, parseNodeInlineColor } from './colors'\nimport {\n\tbuildNodeCentersFromSvg,\n\tparseAllEdgePointsFromSvg,\n\tparseClustersFromSvg,\n\ttype ParsedDiagramLayout,\n\tparseNodesFromSvg,\n\tscaleLayout,\n} from './svgParsing'\nimport { getArrowBend, LAYOUT_SCALE, orderTopDown } from './utils'\n\nfunction mapEdgeTypeToArrowhead(type: string | undefined): TLArrowShapeArrowheadStyle {\n\tif (!type) return 'arrow'\n\n\tif (type.includes('point')) return 'arrow'\n\tif (type.includes('circle')) return 'dot'\n\tif (type.includes('cross')) return 'bar'\n\tif (type.includes('open')) return 'none'\n\n\treturn 'arrow'\n}\n\nfunction mapFlowShapeTypeToGeo(type: string | undefined): TLGeoShape['props']['geo'] {\n\tswitch (type) {\n\t\tcase 'diamond':\n\t\t\treturn 'diamond'\n\t\tcase 'ellipse':\n\t\tcase 'circle':\n\t\tcase 'doublecircle':\n\t\tcase 'stadium':\n\t\tcase 'cylinder':\n\t\t\treturn 'ellipse'\n\t\tcase 'hexagon':\n\t\t\treturn 'hexagon'\n\t\tcase 'trapezoid':\n\t\t// TODO: implement inv_trapezoid in SDK\n\t\tcase 'inv_trapezoid':\n\t\t\treturn 'trapezoid'\n\t\tcase 'lean_right':\n\t\t\treturn 'rhombus'\n\t\tcase 'lean_left':\n\t\t\treturn 'rhombus-2'\n\t\tcase 'square':\n\t\tcase 'rect':\n\t\tcase 'round':\n\t\tcase 'subroutine':\n\t\tdefault:\n\t\t\treturn 'rectangle'\n\t}\n}\n\nfunction mapEdgeStrokeToDash(stroke: string | undefined): TLDefaultDashStyle {\n\tif (!stroke) return 'solid'\n\tif (stroke === 'dotted') return 'dotted'\n\treturn 'solid'\n}\n\nconst FRAME_TOP_PAD = 14\n\nfunction buildHierarchy(subGraphs: FlowSubGraph[]) {\n\tconst subGraphIds = new Set(subGraphs.map((subGraph) => subGraph.id))\n\tconst nodeToSubGraph = new Map<string, string>()\n\tconst subGraphParent = new Map<string, string>()\n\tfor (const subGraph of subGraphs) {\n\t\tfor (const nodeId of subGraph.nodes) {\n\t\t\tif (subGraphIds.has(nodeId)) {\n\t\t\t\tsubGraphParent.set(nodeId, subGraph.id)\n\t\t\t} else if (!nodeToSubGraph.has(nodeId)) {\n\t\t\t\tnodeToSubGraph.set(nodeId, subGraph.id)\n\t\t\t}\n\t\t}\n\t}\n\treturn { nodeToSubGraph, subGraphParent }\n}\n\n/** Parse flowchart-specific SVG layout data for use by {@link flowchartToBlueprint}. */\nexport function parseFlowchartLayout(root: Element): ParsedDiagramLayout {\n\tconst nodes = parseNodesFromSvg(root, '.node', (domId) => {\n\t\tconst match = domId.match(/^flowchart-(.+)-\\d+$/)\n\t\treturn match ? match[1] : domId\n\t})\n\tconst clusters = parseClustersFromSvg(root, '.cluster')\n\tconst edges = parseAllEdgePointsFromSvg(root, (dataId) => {\n\t\tconst match = dataId.match(/^L_(.+)_([^_]+)_\\d+$/)\n\t\treturn match ? { start: match[1], end: match[2] } : null\n\t})\n\tscaleLayout(nodes, clusters, edges, LAYOUT_SCALE)\n\treturn { nodes, clusters, edges }\n}\n\n/** Convert a parsed Mermaid flowchart into a tldraw blueprint of nodes and edges. */\nexport function flowchartToBlueprint(\n\tlayout: ParsedDiagramLayout,\n\tvertices: Map<string, FlowVertex>,\n\tedges: FlowEdge[],\n\tsubGraphs?: FlowSubGraph[],\n\tclassDefs?: Map<string, FlowClass>\n): DiagramMermaidBlueprint {\n\tconst nodeColorMap = classDefs ? buildClassDefColorMap(classDefs, vertices) : new Map()\n\tconst { nodes: svgNodes, clusters: svgClusters, edges: svgEdges } = layout\n\tconst nodeCenters = buildNodeCentersFromSvg(svgNodes, svgClusters)\n\n\tconst allSubGraphs = subGraphs || []\n\tconst { nodeToSubGraph, subGraphParent } = buildHierarchy(allSubGraphs)\n\n\tconst nodes: MermaidBlueprintGeoNode[] = []\n\tconst blueprintEdges: MermaidBlueprintEdge[] = []\n\n\t// Frames for subgraphs\n\tfor (const subGraph of orderTopDown(\n\t\tallSubGraphs,\n\t\t(subGraph) => subGraph.id,\n\t\t(subGraph) => subGraphParent.get(subGraph.id)\n\t)) {\n\t\tconst cluster = svgClusters.get(subGraph.id)\n\t\tif (!cluster) continue\n\n\t\tnodes.push({\n\t\t\tid: subGraph.id,\n\t\t\tx: cluster.topLeft.x,\n\t\t\ty: cluster.topLeft.y - FRAME_TOP_PAD,\n\t\t\tw: cluster.width,\n\t\t\th: cluster.height + FRAME_TOP_PAD,\n\t\t\tgeo: 'rectangle',\n\t\t\tparentId: subGraphParent.get(subGraph.id),\n\t\t\tlabel: subGraph.title || subGraph.id,\n\t\t\tfill: 'semi',\n\t\t\tcolor: 'black',\n\t\t\tdash: 'draw',\n\t\t\tsize: 's',\n\t\t\talign: 'middle',\n\t\t\tverticalAlign: 'start',\n\t\t})\n\t}\n\n\t// Node shapes\n\tfor (const [id, vertex] of vertices) {\n\t\tconst svgNode = svgNodes.get(id)\n\t\tif (!svgNode) continue\n\n\t\tconst geo = mapFlowShapeTypeToGeo(vertex.type)\n\t\tconst colors = nodeColorMap.get(id) ?? parseNodeInlineColor(vertex.styles)\n\n\t\tlet { width: w, height: h } = svgNode\n\t\tif (vertex.type === 'circle' || vertex.type === 'doublecircle') {\n\t\t\tw = h = Math.max(w, h)\n\t\t}\n\n\t\tnodes.push({\n\t\t\tid,\n\t\t\tx: svgNode.center.x - w / 2,\n\t\t\ty: svgNode.center.y - h / 2,\n\t\t\tw,\n\t\t\th,\n\t\t\tgeo,\n\t\t\tparentId: nodeToSubGraph.get(id),\n\t\t\tlabel: vertex.text || undefined,\n\t\t\t...(colors?.fillColor && { fill: 'solid' as const }),\n\t\t\t...(colors && { color: colors.strokeColor ?? colors.fillColor }),\n\t\t\talign: 'middle',\n\t\t\tverticalAlign: 'middle',\n\t\t\tsize: 'm',\n\t\t} satisfies MermaidBlueprintGeoNode)\n\t}\n\n\t// Edges: match DB edges to SVG edges by proximity, compute bends\n\tconst claimed = new Set<number>()\n\tfor (const edge of edges) {\n\t\tconst startCenter = nodeCenters.get(edge.start)\n\t\tconst endCenter = nodeCenters.get(edge.end)\n\n\t\tlet bend = 0\n\t\tif (startCenter && endCenter) {\n\t\t\tlet bestIndex = -1\n\t\t\tlet bestDist = Infinity\n\t\t\tfor (let i = 0; i < svgEdges.length; i++) {\n\t\t\t\tif (claimed.has(i) || svgEdges[i].points.length < 2) continue\n\n\t\t\t\tconst points = svgEdges[i].points\n\t\t\t\tconst distance =\n\t\t\t\t\tMath.hypot(points[0].x - startCenter.x, points[0].y - startCenter.y) +\n\t\t\t\t\tMath.hypot(\n\t\t\t\t\t\tpoints[points.length - 1].x - endCenter.x,\n\t\t\t\t\t\tpoints[points.length - 1].y - endCenter.y\n\t\t\t\t\t)\n\t\t\t\tif (distance < bestDist) {\n\t\t\t\t\tbestDist = distance\n\t\t\t\t\tbestIndex = i\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (bestIndex >= 0) {\n\t\t\t\tclaimed.add(bestIndex)\n\t\t\t\tbend = getArrowBend(svgEdges[bestIndex])\n\t\t\t}\n\t\t}\n\n\t\tconst cssOverrides = edge.style ? parseCssStyles(edge.style) : undefined\n\t\tconst arrowheadEnd = mapEdgeTypeToArrowhead(edge.type)\n\t\tconst dash = cssOverrides?.dashOverride ?? mapEdgeStrokeToDash(edge.stroke)\n\t\tconst size = cssOverrides?.sizeOverride ?? (edge.stroke === 'thick' ? 'l' : 's')\n\n\t\tblueprintEdges.push({\n\t\t\tstartNodeId: edge.start,\n\t\t\tendNodeId: edge.end,\n\t\t\tlabel: edge.text,\n\t\t\tbend,\n\t\t\tarrowheadEnd,\n\t\t\tarrowheadStart: edge.type?.includes('double_arrow') ? arrowheadEnd : undefined,\n\t\t\tdash,\n\t\t\tsize,\n\t\t\tcolor: cssOverrides?.color,\n\t\t})\n\t}\n\n\tconst nodeIds = new Set(nodes.map((n) => n.id))\n\tconst validEdges = blueprintEdges.filter(\n\t\t(e) => nodeIds.has(e.startNodeId) && nodeIds.has(e.endNodeId)\n\t)\n\treturn { nodes, edges: validEdges }\n}\n"],
+  "mappings": "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",
+  "names": ["subGraph"]
+}

package/dist-esm/index.d.mts

@@ -0,0 +1,114 @@
+import { Editor } from 'tldraw';
+import type { TLArrowShapeArrowheadStyle } from 'tldraw';
+import type { TLDefaultColorStyle } from 'tldraw';
+import type { TLDefaultDashStyle } from 'tldraw';
+import type { TLDefaultFillStyle } from 'tldraw';
+import type { TLDefaultHorizontalAlignStyle } from 'tldraw';
+import type { TLDefaultSizeStyle } from 'tldraw';
+import type { TLDefaultVerticalAlignStyle } from 'tldraw';
+import type { TLGeoShapeGeoStyle } from 'tldraw';
+
+/** @public */
+export declare interface BlueprintRenderingOptions {
+    centerOnPosition?: boolean;
+    position?: {
+        x: number;
+        y: number;
+    };
+}
+
+/**
+ * Parse mermaid text and create tldraw shapes for supported diagram types.
+ * Returns the SVG string for supported diagrams, or `null` when the diagram type
+ * is unsupported (after calling `onUnsupportedDiagram` if provided).
+ * Throws {@link MermaidDiagramError} if parsing fails.
+ * @public
+ */
+export declare function createMermaidDiagram(editor: Editor, text: string, options?: MermaidDiagramOptions): Promise<void>;
+
+/**
+ * An intermediate representation of a parsed mermaid diagram as abstract nodes,
+ * edges, and lines with layout positions and tldraw style props. Produced by
+ * the diagram-specific converters and consumed by `renderBlueprint` to create
+ * actual tldraw shapes on the canvas.
+ *
+ * @public
+ */
+export declare interface DiagramMermaidBlueprint {
+    nodes: MermaidBlueprintGeoNode[];
+    edges: MermaidBlueprintEdge[];
+    lines?: MermaidBlueprintLineNode[];
+    groups?: string[][];
+}
+
+/** @public */
+export declare interface MermaidBlueprintEdge {
+    startNodeId: string;
+    endNodeId: string;
+    label?: string;
+    bend: number;
+    arrowheadEnd?: TLArrowShapeArrowheadStyle;
+    arrowheadStart?: TLArrowShapeArrowheadStyle;
+    dash?: TLDefaultDashStyle;
+    size?: TLDefaultSizeStyle;
+    color?: TLDefaultColorStyle;
+    anchorStartY?: number;
+    anchorEndY?: number;
+    isExact?: boolean;
+    isPrecise?: boolean;
+    isExactEnd?: boolean;
+    isPreciseEnd?: boolean;
+    decoration?: {
+        type: 'autonumber';
+        value: string;
+    };
+}
+
+/** @public */
+export declare interface MermaidBlueprintGeoNode {
+    id: string;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    geo: TLGeoShapeGeoStyle;
+    parentId?: string;
+    label?: string;
+    fill?: TLDefaultFillStyle;
+    color?: TLDefaultColorStyle;
+    dash?: TLDefaultDashStyle;
+    size?: TLDefaultSizeStyle;
+    align?: TLDefaultHorizontalAlignStyle;
+    verticalAlign?: TLDefaultVerticalAlignStyle;
+}
+
+/** @public */
+export declare interface MermaidBlueprintLineNode {
+    id: string;
+    x: number;
+    y: number;
+    endX?: number;
+    endY: number;
+    dash?: TLDefaultDashStyle;
+    size?: TLDefaultSizeStyle;
+    color?: TLDefaultColorStyle;
+}
+
+/** @public */
+export declare class MermaidDiagramError extends Error {
+    diagramType: string;
+    type: 'parse' | 'unsupported';
+    constructor(diagramType: string, type: 'parse' | 'unsupported');
+}
+
+/** @public */
+export declare interface MermaidDiagramOptions {
+    mermaidConfig?: Record<string, any>;
+    blueprintRender?: BlueprintRenderingOptions;
+    onUnsupportedDiagram?(svg: string): Promise<void>;
+}
+
+/** @public */
+export declare function renderBlueprint(editor: Editor, blueprint: DiagramMermaidBlueprint, opts?: BlueprintRenderingOptions): void;
+
+export { }

package/dist-esm/index.mjs

@@ -0,0 +1,14 @@
+import { registerTldrawLibraryVersion } from "@tldraw/utils";
+import { createMermaidDiagram, MermaidDiagramError } from "./createMermaidDiagram.mjs";
+import { renderBlueprint } from "./renderBlueprint.mjs";
+registerTldrawLibraryVersion(
+  "@tldraw/mermaid",
+  "4.6.0-canary.00a8c03b5687",
+  "esm"
+);
+export {
+  MermaidDiagramError,
+  createMermaidDiagram,
+  renderBlueprint
+};
+//# sourceMappingURL=index.mjs.map

package/dist-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["import { registerTldrawLibraryVersion } from '@tldraw/utils'\n\nexport type {\n\tDiagramMermaidBlueprint,\n\tMermaidBlueprintEdge,\n\tMermaidBlueprintGeoNode,\n\tMermaidBlueprintLineNode,\n} from './blueprint'\nexport { createMermaidDiagram, MermaidDiagramError } from './createMermaidDiagram'\nexport type { MermaidDiagramOptions } from './createMermaidDiagram'\nexport { renderBlueprint } from './renderBlueprint'\nexport type { BlueprintRenderingOptions } from './renderBlueprint'\n\nregisterTldrawLibraryVersion(\n\t(globalThis as any).TLDRAW_LIBRARY_NAME,\n\t(globalThis as any).TLDRAW_LIBRARY_VERSION,\n\t(globalThis as any).TLDRAW_LIBRARY_MODULES\n)\n"],
+  "mappings": "AAAA,SAAS,oCAAoC;AAQ7C,SAAS,sBAAsB,2BAA2B;AAE1D,SAAS,uBAAuB;AAGhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist-esm/mindmapDiagram.mjs

@@ -0,0 +1,119 @@
+import { parseRgbToTldrawColor } from "./colors.mjs";
+import { parseNodesFromSvg, scaleLayout } from "./svgParsing.mjs";
+import { LAYOUT_SCALE } from "./utils.mjs";
+const MINDMAP_NODE_TYPE = {
+  DEFAULT: 0,
+  ROUNDED_RECT: 1,
+  RECT: 2,
+  CIRCLE: 3,
+  CLOUD: 4,
+  BANG: 5,
+  HEXAGON: 6
+};
+function mapMindmapTypeToGeo(type) {
+  switch (type) {
+    case MINDMAP_NODE_TYPE.CIRCLE:
+      return "ellipse";
+    case MINDMAP_NODE_TYPE.CLOUD:
+      return "cloud";
+    case MINDMAP_NODE_TYPE.HEXAGON:
+      return "hexagon";
+    case MINDMAP_NODE_TYPE.BANG:
+      return "star";
+    case MINDMAP_NODE_TYPE.RECT:
+    case MINDMAP_NODE_TYPE.ROUNDED_RECT:
+    case MINDMAP_NODE_TYPE.DEFAULT:
+    default:
+      return "rectangle";
+  }
+}
+function getEdgeSizeForLevel(parentLevel) {
+  if (parentLevel <= 0) return "l";
+  if (parentLevel === 1) return "m";
+  return "s";
+}
+function flattenMindmapTree(node, parentId, out) {
+  out.push({
+    id: String(node.id),
+    label: node.descr,
+    type: node.type,
+    level: node.level,
+    parentId,
+    section: node.section,
+    isRoot: !!node.isRoot
+  });
+  for (const child of node.children) {
+    flattenMindmapTree(child, String(node.id), out);
+  }
+}
+function parseMindmapNodeId(domId) {
+  const match = domId.match(/^node_(\d+)$/);
+  return match ? match[1] : domId;
+}
+function parseMindmapLayout(root) {
+  const nodes = parseNodesFromSvg(root, ".node", parseMindmapNodeId);
+  scaleLayout(nodes, /* @__PURE__ */ new Map(), [], LAYOUT_SCALE);
+  return { nodes };
+}
+function mindmapToBlueprint(layout, mindmapTree, svgRoot) {
+  const flatNodes = [];
+  flattenMindmapTree(mindmapTree, void 0, flatNodes);
+  const { nodes: svgNodes } = layout;
+  const nodeColors = /* @__PURE__ */ new Map();
+  for (const el of svgRoot.querySelectorAll(".node")) {
+    const rawId = el.getAttribute("id") || "";
+    const id = parseMindmapNodeId(rawId);
+    const shape = el.querySelector("rect, circle, ellipse, polygon, path") ?? el.querySelector(".label-container");
+    if (shape) {
+      const parsed = parseRgbToTldrawColor(getComputedStyle(shape).fill);
+      if (parsed) nodeColors.set(id, parsed.color);
+    }
+  }
+  const nodes = [];
+  const edges = [];
+  const levelById = new Map(flatNodes.map((n) => [n.id, n.level]));
+  for (const flatNode of flatNodes) {
+    const svgNode = svgNodes.get(flatNode.id);
+    if (!svgNode) continue;
+    const geo = mapMindmapTypeToGeo(flatNode.type);
+    const color = nodeColors.get(flatNode.id) ?? "black";
+    let { width: w, height: h } = svgNode;
+    if (flatNode.type === MINDMAP_NODE_TYPE.CIRCLE) {
+      w = h = Math.max(w, h);
+    }
+    nodes.push({
+      id: flatNode.id,
+      x: svgNode.center.x - w / 2,
+      y: svgNode.center.y - h / 2,
+      w,
+      h,
+      geo,
+      label: flatNode.label || void 0,
+      fill: "solid",
+      color,
+      size: flatNode.isRoot ? "l" : "m",
+      align: "middle",
+      verticalAlign: "middle"
+    });
+    if (flatNode.parentId) {
+      const parentLevel = levelById.get(flatNode.parentId) ?? 0;
+      edges.push({
+        startNodeId: flatNode.parentId,
+        endNodeId: flatNode.id,
+        bend: 0,
+        arrowheadEnd: "none",
+        arrowheadStart: "none",
+        size: getEdgeSizeForLevel(parentLevel),
+        color
+      });
+    }
+  }
+  const nodeIds = new Set(nodes.map((n) => n.id));
+  const validEdges = edges.filter((e) => nodeIds.has(e.startNodeId) && nodeIds.has(e.endNodeId));
+  return { nodes, edges: validEdges };
+}
+export {
+  mindmapToBlueprint,
+  parseMindmapLayout
+};
+//# sourceMappingURL=mindmapDiagram.mjs.map

package/dist-esm/mindmapDiagram.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/mindmapDiagram.ts"],
+  "sourcesContent": ["import type { MindmapNode } from 'mermaid/dist/diagrams/mindmap/mindmapTypes.js'\nimport type { TLDefaultColorStyle, TLDefaultSizeStyle, TLGeoShapeGeoStyle } from 'tldraw'\nimport type {\n\tDiagramMermaidBlueprint,\n\tMermaidBlueprintEdge,\n\tMermaidBlueprintGeoNode,\n} from './blueprint'\nimport { parseRgbToTldrawColor } from './colors'\nimport type { ParsedNode } from './svgParsing'\nimport { parseNodesFromSvg, scaleLayout } from './svgParsing'\nimport { LAYOUT_SCALE } from './utils'\n\nconst MINDMAP_NODE_TYPE = {\n\tDEFAULT: 0,\n\tROUNDED_RECT: 1,\n\tRECT: 2,\n\tCIRCLE: 3,\n\tCLOUD: 4,\n\tBANG: 5,\n\tHEXAGON: 6,\n} as const\n\nfunction mapMindmapTypeToGeo(type: number): TLGeoShapeGeoStyle {\n\tswitch (type) {\n\t\tcase MINDMAP_NODE_TYPE.CIRCLE:\n\t\t\treturn 'ellipse'\n\t\tcase MINDMAP_NODE_TYPE.CLOUD:\n\t\t\treturn 'cloud'\n\t\tcase MINDMAP_NODE_TYPE.HEXAGON:\n\t\t\treturn 'hexagon'\n\t\tcase MINDMAP_NODE_TYPE.BANG:\n\t\t\treturn 'star'\n\t\tcase MINDMAP_NODE_TYPE.RECT:\n\t\tcase MINDMAP_NODE_TYPE.ROUNDED_RECT:\n\t\tcase MINDMAP_NODE_TYPE.DEFAULT:\n\t\tdefault:\n\t\t\treturn 'rectangle'\n\t}\n}\n\nfunction getEdgeSizeForLevel(parentLevel: number): TLDefaultSizeStyle {\n\tif (parentLevel <= 0) return 'l'\n\tif (parentLevel === 1) return 'm'\n\treturn 's'\n}\n\ninterface FlatNode {\n\tid: string\n\tlabel: string\n\ttype: number\n\tlevel: number\n\tparentId: string | undefined\n\tsection: number | undefined\n\tisRoot: boolean\n}\n\nfunction flattenMindmapTree(\n\tnode: MindmapNode,\n\tparentId: string | undefined,\n\tout: FlatNode[]\n): void {\n\tout.push({\n\t\tid: String(node.id),\n\t\tlabel: node.descr,\n\t\ttype: node.type,\n\t\tlevel: node.level,\n\t\tparentId,\n\t\tsection: node.section,\n\t\tisRoot: !!node.isRoot,\n\t})\n\tfor (const child of node.children) {\n\t\tflattenMindmapTree(child, String(node.id), out)\n\t}\n}\n\n/**\n * Pre-parsed SVG layout for mindmap diagram converters.\n * Contains already-scaled node positions extracted from the SVG.\n */\nexport interface ParsedMindmapLayout {\n\tnodes: Map<string, ParsedNode>\n}\n\nfunction parseMindmapNodeId(domId: string): string {\n\tconst match = domId.match(/^node_(\\d+)$/)\n\treturn match ? match[1] : domId\n}\n\n/** Parse mindmap-specific SVG layout data for use by {@link mindmapToBlueprint}. */\nexport function parseMindmapLayout(root: Element): ParsedMindmapLayout {\n\tconst nodes = parseNodesFromSvg(root, '.node', parseMindmapNodeId)\n\tscaleLayout(nodes, new Map(), [], LAYOUT_SCALE)\n\treturn { nodes }\n}\n\n/** Convert a parsed Mermaid mindmap into a tldraw blueprint of nodes and edges. */\nexport function mindmapToBlueprint(\n\tlayout: ParsedMindmapLayout,\n\tmindmapTree: MindmapNode,\n\tsvgRoot: Element\n): DiagramMermaidBlueprint {\n\tconst flatNodes: FlatNode[] = []\n\tflattenMindmapTree(mindmapTree, undefined, flatNodes)\n\n\tconst { nodes: svgNodes } = layout\n\n\tconst nodeColors = new Map<string, TLDefaultColorStyle>()\n\tfor (const el of svgRoot.querySelectorAll('.node')) {\n\t\tconst rawId = el.getAttribute('id') || ''\n\t\tconst id = parseMindmapNodeId(rawId)\n\t\tconst shape =\n\t\t\tel.querySelector('rect, circle, ellipse, polygon, path') ??\n\t\t\tel.querySelector('.label-container')\n\t\tif (shape) {\n\t\t\tconst parsed = parseRgbToTldrawColor(getComputedStyle(shape as Element).fill)\n\t\t\tif (parsed) nodeColors.set(id, parsed.color)\n\t\t}\n\t}\n\n\tconst nodes: MermaidBlueprintGeoNode[] = []\n\tconst edges: MermaidBlueprintEdge[] = []\n\tconst levelById = new Map(flatNodes.map((n) => [n.id, n.level]))\n\n\tfor (const flatNode of flatNodes) {\n\t\tconst svgNode = svgNodes.get(flatNode.id)\n\t\tif (!svgNode) continue\n\n\t\tconst geo = mapMindmapTypeToGeo(flatNode.type)\n\t\tconst color = nodeColors.get(flatNode.id) ?? 'black'\n\n\t\tlet { width: w, height: h } = svgNode\n\t\tif (flatNode.type === MINDMAP_NODE_TYPE.CIRCLE) {\n\t\t\tw = h = Math.max(w, h)\n\t\t}\n\n\t\tnodes.push({\n\t\t\tid: flatNode.id,\n\t\t\tx: svgNode.center.x - w / 2,\n\t\t\ty: svgNode.center.y - h / 2,\n\t\t\tw,\n\t\t\th,\n\t\t\tgeo,\n\t\t\tlabel: flatNode.label || undefined,\n\t\t\tfill: 'solid',\n\t\t\tcolor,\n\t\t\tsize: flatNode.isRoot ? 'l' : 'm',\n\t\t\talign: 'middle',\n\t\t\tverticalAlign: 'middle',\n\t\t})\n\n\t\t// Edge from parent to this node\n\t\tif (flatNode.parentId) {\n\t\t\tconst parentLevel = levelById.get(flatNode.parentId) ?? 0\n\t\t\tedges.push({\n\t\t\t\tstartNodeId: flatNode.parentId,\n\t\t\t\tendNodeId: flatNode.id,\n\t\t\t\tbend: 0,\n\t\t\t\tarrowheadEnd: 'none',\n\t\t\t\tarrowheadStart: 'none',\n\t\t\t\tsize: getEdgeSizeForLevel(parentLevel),\n\t\t\t\tcolor,\n\t\t\t})\n\t\t}\n\t}\n\n\tconst nodeIds = new Set(nodes.map((n) => n.id))\n\tconst validEdges = edges.filter((e) => nodeIds.has(e.startNodeId) && nodeIds.has(e.endNodeId))\n\treturn { nodes, edges: validEdges }\n}\n"],
+  "mappings": "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",
+  "names": []
+}