zombie-mermaid 3.2.0 → 4.1.0

package/README.md

@@ -48,11 +48,14 @@ Diagrams are essential for AI-assisted programming. When you're working with an
 
 The **Bundle Size** badge above tracks the gzipped size of `zombie-mermaid`'s
 main entry point (`dist/index.js`) together with the `@zombie-mermaid/*`
-workspace packages it imports (third-party dependencies such as ELK.js are not
-counted), and updates automatically with every release — the same
-badge/CI-tracked pattern already backing the coverage and CI status badges.
-The standalone renderer packages under [Packages](#packages) get the same
-measurement for their own dependency closure. Need ASCII rendering only? `import { renderMermaidASCII }
+workspace packages it imports, **plus the SVG renderer's third-party
+dependencies** ([ELK.js](https://github.com/kieler/elkjs) and `entities`,
+which make up most of the SVG renderer's real weight), and updates
+automatically with every release — the same badge/CI-tracked pattern already
+backing the coverage and CI status badges. The standalone renderer packages
+under [Packages](#packages) get the same measurement for their own dependency
+closure: the SVG badge is labelled "incl. deps" because it counts ELK.js and
+`entities`, while the ASCII renderer has no third-party dependencies to count. Need ASCII rendering only? `import { renderMermaidASCII }
 from 'zombie-mermaid/ascii'` skips [ELK.js](https://github.com/kieler/elkjs),
 the layout engine the SVG renderer depends on, for a substantially smaller
 bundle.

package/dist/cli.js

@@ -4,6 +4,7 @@ import { extname as V, format as H, parse as G } from "node:path";
 import { THEMES as B, escapeXml as q, isDirection as j, isWideChar as K } from "@zombie-mermaid/core";
 import { access as J, readFile as Z, writeFile as Q } from "node:fs/promises";
 import { diagramColorsToAsciiTheme as ee, renderMermaidASCII as O } from "@zombie-mermaid/ascii-renderer";
+import "@zombie-mermaid/mermaid-parser";
 import { renderMermaidSVG as z } from "@zombie-mermaid/svg-renderer";
 import { createServer as te } from "node:http";
 import { StdioServerTransport as ne } from "@modelcontextprotocol/sdk/server/stdio.js";

package/dist/index.cjs

@@ -1,3 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@zombie-mermaid/core"),t=require("@zombie-mermaid/mermaid-parser"),n=require("@zombie-mermaid/ascii-renderer"),r=require("@zombie-mermaid/svg-renderer");function i(e){let t=e.trim();return t.length>=2&&(t[0]===`"`&&t[t.length-1]===`"`||t[0]===`'`&&t[t.length-1]===`'`)?t.slice(1,-1):t}var a=`"graph <dir>"/"flowchart <dir>" (dir: TD, TB, LR, BT, RL), "stateDiagram-v2", "sequenceDiagram", "classDiagram", "erDiagram", "xychart-beta", "C4Context"/"C4Container"/"C4Component"/"C4Dynamic"/"C4Deployment", "architecture-beta"`;function o(e){let t=e.trim().toLowerCase();if(/^sequence/.test(t))return`sequenceDiagram`;if(/^class/.test(t))return`classDiagram`;if(/^er/.test(t))return`erDiagram`;if(/^xychart/.test(t))return`xychart-beta`;if(/^state/.test(t))return`stateDiagram-v2`}var s=/^(?:[\w-]+@)?<?(?:-{2,}|={2,}|-\.+-?|~{3,})/;function c(e){let t=[];for(let n of e)n.forEach((e,n)=>{if(n===0&&t.length>0&&s.test(e.text)){let n=t[t.length-1];t[t.length-1]={text:`${n.text} ${e.text}`,line:n.line}}else t.push(e)});return t}function l(t){let n=(0,e.extractInitConfig)(t.split(`
-`).map(e=>e.trim())),r=c((0,e.splitStatementsByLine)(t));if(r.length===0)throw Error(`Empty mermaid diagram`);let i=r[0],a=/^stateDiagram(-v2)?\s*$/i.test(i.text)?d(r):u(r);return a.initConfig=n,a}function u(t){let n=t[0];if(n===void 0)throw Error(`parseFlowchart called with no lines`);let r=n.text,s=r.match(/^(?:graph|flowchart)\s+(TD|TB|LR|BT|RL)\s*$/i);if(!s){let e=r.match(/^(?:graph|flowchart)\b\s*(.*)$/i);if(e){let t=e[1].trim();throw Error(t.length>0?`Line ${n.line}: Invalid direction "${t}" in header "${r}". Expected one of: TD, TB, LR, BT, RL.`:`Line ${n.line}: Missing direction in header "${r}". Expected e.g. "graph TD" or "flowchart LR" — one of: TD, TB, LR, BT, RL.`)}let t=o(r),i=t&&t.toLowerCase()!==r.trim().toLowerCase()?` Did you mean "${t}"?`:``;throw Error(`Line ${n.line}: Invalid mermaid header: "${r}".${i} Supported headers: ${a}.`)}let c={direction:(0,e.toDirection)(s[1]),nodes:new Map,edges:[],subgraphs:[],classDefs:new Map,classAssignments:new Map,nodeStyles:new Map,linkStyles:new Map,interactions:new Map},l=[];for(let n=1;n<t.length;n++){let r=t[n].text;if((0,e.tryApplyClassDef)(r,c)||(0,e.tryApplyClassAssignment)(r,c)||(0,e.tryApplyStyleStatement)(r,c))continue;if(/^click\s+/i.test(r)){w(r,c);continue}if(E(r,c))continue;let a=r.match(/^linkStyle\s+(default|[\d,\s]+)\s+(.+)$/);if(a){let t=a[1].trim(),n=(0,e.parseStyleProps)(a[2]);if(t==="default")c.linkStyles.set(`default`,{...c.linkStyles.get(`default`),...n});else{let e=t.split(`,`).map(e=>parseInt(e.trim(),10));for(let t of e)isNaN(t)||c.linkStyles.set(t,{...c.linkStyles.get(t),...n})}continue}let o=r.match(/^direction\s+(TD|TB|LR|BT|RL)\s*$/i);if(o&&l.length>0){l[l.length-1].direction=(0,e.toDirection)(o[1]);continue}let s=r.match(/^subgraph\s+(.+)$/);if(s){let t=s[1].trim(),n=t.match(/^([^\s[]+)\s*\[(.+)\]$/),r,a;n?(r=n[1],a=(0,e.normalizeBrTags)(i(n[2]))):(a=(0,e.normalizeBrTags)(i(t)),r=a.replace(/\s+/g,`_`).replace(/[^\p{L}\p{N}_-]/gu,``));let o={id:r,label:a,nodeIds:[],children:[]};l.push(o);continue}if(r===`end`){let e=l.pop();e&&(l.length>0?l[l.length-1].children.push(e):c.subgraphs.push(e));continue}A(r,c,l)}return c}function d(t){let n={direction:`TD`,nodes:new Map,edges:[],subgraphs:[],classDefs:new Map,classAssignments:new Map,nodeStyles:new Map,linkStyles:new Map,interactions:new Map},r=[],i=new Set,a=0,o=0;for(let s=1;s<t.length;s++){let c=t[s].text;if((0,e.tryApplyClassDef)(c,n)||(0,e.tryApplyClassAssignment)(c,n)||(0,e.tryApplyStyleStatement)(c,n))continue;let l=c.match(/^direction\s+(TD|TB|LR|BT|RL)\s*$/i);if(l){r.length>0?r[r.length-1].direction=(0,e.toDirection)(l[1]):n.direction=(0,e.toDirection)(l[1]);continue}let u=c.match(/^linkStyle\s+(default|[\d,\s]+)\s+(.+)$/);if(u){let t=u[1].trim(),r=(0,e.parseStyleProps)(u[2]);if(t==="default")n.linkStyles.set(`default`,{...n.linkStyles.get(`default`),...r});else{let e=t.split(`,`).map(e=>parseInt(e.trim(),10));for(let t of e)isNaN(t)||n.linkStyles.set(t,{...n.linkStyles.get(t),...r})}continue}if(E(c,n))continue;let d=c.match(/^state\s+(?:"([^"]+)"\s+as\s+)?([\w\p{L}]+)\s*\{$/u);if(d){let e=d[1]??d[2],t=d[2],a={id:t,label:e,nodeIds:[],children:[]};r.push(a),i.add(t),n.nodes.delete(t);continue}if(c===`}`){let e=r.pop();e&&(r.length>0?r[r.length-1].children.push(e):n.subgraphs.push(e));continue}let h=c.match(/^state\s+"([^"]+)"\s+as\s+([\w\p{L}]+)\s*$/u);if(h){let t=(0,e.normalizeBrTags)(h[1]),i=h[2];f(n,r,i,t);continue}let g=c.match(/^(\[\*\]|[\w\p{L}-]+)(?::::([\w][\w-]*))?\s*(?:([\w-]+)@)?-->\s*(\[\*\]|[\w\p{L}-]+)(?::::([\w][\w-]*))?(?:\s*:\s*(.+))?$/u);if(g){let t=g[1],s=g[2],c=g[3],l=g[4],u=g[5],d=g[6]?.trim(),f=d?(0,e.normalizeBrTags)(d):void 0;t===`[*]`?(a++,t=`_start${a>1?a:``}`,p(n,r,{id:t,label:``,shape:`state-start`})):i.has(t)||m(n,r,t),l===`[*]`?(o++,l=`_end${o>1?o:``}`,p(n,r,{id:l,label:``,shape:`state-end`})):i.has(l)||m(n,r,l),s!==void 0&&n.classAssignments.set(t,s),u!==void 0&&n.classAssignments.set(l,u),n.edges.push({source:t,target:l,label:f,style:`solid`,hasArrowStart:!1,hasArrowEnd:!0,...c===void 0?{}:{id:c}});continue}let _=c.match(/^([\w\p{L}-]+):::([\w][\w-]*)\s*$/u);if(_){let e=_[1];i.has(e)||m(n,r,e),n.classAssignments.set(e,_[2]);continue}let v=c.match(/^([\w\p{L}-]+)\s*:\s*(.+)$/u);if(v){let t=v[1];f(n,r,t,(0,e.normalizeBrTags)(v[2].trim()));continue}}for(let e of n.classAssignments.keys())!n.nodes.has(e)&&!i.has(e)&&m(n,[],e);return n}function f(e,t,n,r){let i=e.nodes.get(n);i&&(i.label=r),p(e,t,{id:n,label:r,shape:`rounded`})}function p(e,t,n){if(e.nodes.has(n.id)||e.nodes.set(n.id,n),t.length>0){let e=t[t.length-1];e.nodeIds.includes(n.id)||e.nodeIds.push(n.id)}}function m(e,t,n){if(!e.nodes.has(n))p(e,t,{id:n,label:n,shape:`rounded`});else if(t.length>0){let e=t[t.length-1];e.nodeIds.includes(n)||e.nodeIds.push(n)}}var h=/^(<|o|x)?(-{2,}|={2,}|-\.+-|~{3,})(>|o|x)?(?:\|([^|]*)\|)?/,g=new Set([`--`,`==`]);function _(e){if(e===`o`)return`circle`;if(e===`x`)return`cross`}var v=/^(<|o|x)?(--|-\.|==)\s+(.+?)\s+(-{2,}[>ox]|={2,}[>ox]|\.+-[>ox]|-{3,}|={3,}|-\.+-)/,y=[{regex:/^([\w\p{L}-]+)\(\(\(((?:"[^"]*"|(?!\)\)\)).)+)\)\)\)/u,shape:`doublecircle`},{regex:/^([\w\p{L}-]+)\(\[((?:"[^"]*"|(?!\]\)).)+)\]\)/u,shape:`stadium`},{regex:/^([\w\p{L}-]+)\(\(((?:"[^"]*"|(?!\)\)).)+)\)\)/u,shape:`circle`},{regex:/^([\w\p{L}-]+)\[\[((?:"[^"]*"|(?!\]\]).)+)\]\]/u,shape:`subroutine`},{regex:/^([\w\p{L}-]+)\[\(((?:"[^"]*"|(?!\)\]).)+)\)\]/u,shape:`cylinder`},{regex:/^([\w\p{L}-]+)\[\/((?:"[^"]*"|(?![\\/]\]).)+)([\\/])\]/u,shape:e=>e===`\\`?`trapezoid`:`parallelogram`},{regex:/^([\w\p{L}-]+)\[\\((?:"[^"]*"|(?![\\/]\]).)+)([\\/])\]/u,shape:e=>e===`/`?`trapezoid-alt`:`parallelogram-alt`},{regex:/^([\w\p{L}-]+)>((?:"[^"]*"|(?!\]).)+)\]/u,shape:`asymmetric`},{regex:/^([\w\p{L}-]+)\{\{((?:"[^"]*"|(?!\}\}).)+)\}\}/u,shape:`hexagon`},{regex:/^([\w\p{L}-]+)\[((?:"[^"]*"|(?!\]).)+)\]/u,shape:`rectangle`},{regex:/^([\w\p{L}-]+)\(((?:"[^"]*"|(?!\)).)+)\)/u,shape:`rounded`},{regex:/^([\w\p{L}-]+)\{((?:"[^"]*"|(?!\}).)+)\}/u,shape:`diamond`}],b=/^([\w\p{L}]+(?:-[\w\p{L}]+)*)/u,x=/^([\w\p{L}-]+)(?=@\{)/u;function S(e){if(e.shape)return(0,t.resolveShapeName)(e.shape)??`rectangle`;if(e.icon!==void 0||e.img!==void 0)switch(e.form?.toLowerCase()){case`circle`:return`circle`;case`rounded`:return`rounded`;default:return`rectangle`}return`rectangle`}function C(e,t){return t.label!==void 0&&t.label.length>0?t.label:t.icon?t.icon:t.img?t.img:e}function w(t,n){(0,e.applyClickStatement)(t,n.interactions)}var T=/^([\w-]+)(?=@\{)/;function E(e,n){let r=e.match(T);if(!r||!n.edges.some(e=>e.id===r[1]))return!1;let i=(0,t.matchExpandedBlock)(e.slice(r[1].length));return i?(D(n,r[1],(0,t.parseExpandedMeta)(i.body)),!0):!1}function D(e,t,n){for(let r of e.edges)r.id===t&&(n.animate!==void 0&&(r.animate=n.animate.toLowerCase()!==`false`),n.animation!==void 0&&(r.animate=!0))}var O=/^:::([\w][\w-]*)/,k=/^([\w\p{L}-]+):::([\w][\w-]*)/u;function A(t,n,r){let i=t.trim(),a=j(i,n,r);if(!a||a.ids.length===0)return;i=a.remaining.trim();let o=a.ids;for(;i.length>0;){let t,a,s,c,l,u,d,f=i.match(/^([\w-]+)@(?=[-=<~ox])/);f&&(d=f[1],i=i.slice(f[0].length));let p=i.match(h),m=p?.[2],y=p?.[1],b=p?.[3];if(p&&m!==void 0&&!(y===void 0&&b===void 0&&g.has(m))){t=y!==void 0,l=_(y);let n=p[4]?.trim();c=n?(0,e.normalizeBrTags)(n):void 0,i=i.slice(p[0].length).trim(),a=F(m),s=b!==void 0,u=_(b)}else{let n=i.match(v);if(!n)break;t=!!n[1],l=_(n[1]);let r=n[3].trim();c=r?(0,e.normalizeBrTags)(r):void 0;let o=n[2],d=n[4];i=i.slice(n[0].length).trim(),a=I(o,d),u=_(d.slice(-1)),s=d.endsWith(`>`)||u!==void 0}let x=j(i,n,r);if(!x||x.ids.length===0)break;i=x.remaining.trim();for(let e of o)for(let r of x.ids)n.edges.push({source:e,target:r,label:c,style:a,hasArrowStart:t,hasArrowEnd:s,...l===void 0?{}:{startMarker:l},...u===void 0?{}:{endMarker:u},...d===void 0?{}:{id:d}});o=x.ids}}function j(e,t,n){let r=M(e,t,n);if(!r)return null;let i=[r.id],a=r.remaining.trim();for(;a.startsWith(`&`);){a=a.slice(1).trim();let e=M(a,t,n);if(!e)break;i.push(e.id),a=e.remaining.trim()}return{ids:i,remaining:a}}function M(n,r,i){let a=null,o=n,s,c=o.match(k);c&&(s=c[2],o=c[1]+o.slice(c[0].length));let l=o.match(x);if(l){let n=l[1],s=(0,t.matchExpandedBlock)(o.slice(n.length));if(s){let c=(0,t.parseExpandedMeta)(s.body);N(r,i,{id:n,label:(0,e.normalizeBrTags)(C(n,c)),shape:S(c)}),a=n,o=o.slice(n.length+s.length)}}if(a===null)for(let{regex:t,shape:n}of y){let s=o.match(t);if(s){a=s[1];let t=(0,e.normalizeBrTags)(s[2]),c=typeof n==`function`?n(s[3]??``):n;N(r,i,{id:a,label:t,shape:c}),o=o.slice(s[0].length);break}}if(a===null){let e=o.match(b);e&&(a=e[1],r.nodes.has(a)||N(r,i,{id:a,label:a,shape:`rectangle`}),o=o.slice(e[0].length))}if(a===null)return null;s&&r.classAssignments.set(a,s);let u=o.match(O);return u&&(r.classAssignments.set(a,u[1]),o=o.slice(u[0].length)),{id:a,remaining:o}}function N(e,t,n){e.nodes.has(n.id)||e.nodes.set(n.id,n),P(t,n.id)}function P(e,t){if(e.length>0){let n=e[e.length-1];n.nodeIds.includes(t)||n.nodeIds.push(t)}}function F(e){return e.startsWith(`~`)?`invisible`:e.includes(`.`)?`dotted`:e.startsWith(`=`)?`thick`:`solid`}function I(e,t){return e.includes(`.`)||t.includes(`.`)?`dotted`:e.startsWith(`=`)||t.startsWith(`=`)?`thick`:`solid`}Object.defineProperty(exports,"DEFAULTS",{enumerable:!0,get:function(){return e.DEFAULTS}}),Object.defineProperty(exports,"THEMES",{enumerable:!0,get:function(){return e.THEMES}}),Object.defineProperty(exports,"createLayoutCache",{enumerable:!0,get:function(){return r.createLayoutCache}}),Object.defineProperty(exports,"fromShikiTheme",{enumerable:!0,get:function(){return e.fromShikiTheme}}),exports.parseMermaid=l,Object.defineProperty(exports,"renderMermaid",{enumerable:!0,get:function(){return r.renderMermaid}}),Object.defineProperty(exports,"renderMermaidASCII",{enumerable:!0,get:function(){return n.renderMermaidASCII}}),Object.defineProperty(exports,"renderMermaidAscii",{enumerable:!0,get:function(){return n.renderMermaidAscii}}),Object.defineProperty(exports,"renderMermaidSVG",{enumerable:!0,get:function(){return r.renderMermaidSVG}}),Object.defineProperty(exports,"renderMermaidSVGAsync",{enumerable:!0,get:function(){return r.renderMermaidSVGAsync}}),Object.defineProperty(exports,"renderMermaidSync",{enumerable:!0,get:function(){return r.renderMermaidSync}}),Object.defineProperty(exports,"themeCssVariables",{enumerable:!0,get:function(){return r.themeCssVariables}});
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@zombie-mermaid/core"),t=require("@zombie-mermaid/mermaid-parser"),n=require("@zombie-mermaid/ascii-renderer"),r=require("@zombie-mermaid/svg-renderer");Object.defineProperty(exports,"DEFAULTS",{enumerable:!0,get:function(){return e.DEFAULTS}}),Object.defineProperty(exports,"THEMES",{enumerable:!0,get:function(){return e.THEMES}}),Object.defineProperty(exports,"createLayoutCache",{enumerable:!0,get:function(){return r.createLayoutCache}}),Object.defineProperty(exports,"fromShikiTheme",{enumerable:!0,get:function(){return e.fromShikiTheme}}),Object.defineProperty(exports,"parseMermaid",{enumerable:!0,get:function(){return t.parseMermaid}}),Object.defineProperty(exports,"renderMermaid",{enumerable:!0,get:function(){return r.renderMermaid}}),Object.defineProperty(exports,"renderMermaidASCII",{enumerable:!0,get:function(){return n.renderMermaidASCII}}),Object.defineProperty(exports,"renderMermaidAscii",{enumerable:!0,get:function(){return n.renderMermaidAscii}}),Object.defineProperty(exports,"renderMermaidSVG",{enumerable:!0,get:function(){return r.renderMermaidSVG}}),Object.defineProperty(exports,"renderMermaidSVGAsync",{enumerable:!0,get:function(){return r.renderMermaidSVGAsync}}),Object.defineProperty(exports,"renderMermaidSync",{enumerable:!0,get:function(){return r.renderMermaidSync}}),Object.defineProperty(exports,"themeCssVariables",{enumerable:!0,get:function(){return r.themeCssVariables}});

package/dist/index.d.cts

@@ -11,6 +11,7 @@ import { fromShikiTheme } from '@zombie-mermaid/core';
 import { LayoutCache } from '@zombie-mermaid/svg-renderer';
 import { MermaidGraph } from '@zombie-mermaid/core';
 import { NodeInteraction } from '@zombie-mermaid/core';
+import { parseMermaid } from '@zombie-mermaid/mermaid-parser';
 import { PositionedGraph } from '@zombie-mermaid/core';
 import { renderMermaid } from '@zombie-mermaid/svg-renderer';
 import { renderMermaidASCII } from '@zombie-mermaid/ascii-renderer';
@@ -51,12 +52,7 @@ export { MermaidGraph }
 
 export { NodeInteraction }
 
-/**
- * Parse Mermaid text into a logical graph structure.
- * Auto-detects diagram type (flowchart or state diagram).
- * Throws on invalid/unsupported input.
- */
-export declare function parseMermaid(text: string): MermaidGraph;
+export { parseMermaid }
 
 export { PositionedGraph }
 

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { fromShikiTheme } from '@zombie-mermaid/core';
 import { LayoutCache } from '@zombie-mermaid/svg-renderer';
 import { MermaidGraph } from '@zombie-mermaid/core';
 import { NodeInteraction } from '@zombie-mermaid/core';
+import { parseMermaid } from '@zombie-mermaid/mermaid-parser';
 import { PositionedGraph } from '@zombie-mermaid/core';
 import { renderMermaid } from '@zombie-mermaid/svg-renderer';
 import { renderMermaidASCII } from '@zombie-mermaid/ascii-renderer';
@@ -51,12 +52,7 @@ export { MermaidGraph }
 
 export { NodeInteraction }
 
-/**
- * Parse Mermaid text into a logical graph structure.
- * Auto-detects diagram type (flowchart or state diagram).
- * Throws on invalid/unsupported input.
- */
-export declare function parseMermaid(text: string): MermaidGraph;
+export { parseMermaid }
 
 export { PositionedGraph }
 

package/dist/index.js

@@ -1,435 +1,5 @@
-import { DEFAULTS as e, THEMES as t, applyClickStatement as n, extractInitConfig as r, fromShikiTheme as i, normalizeBrTags as a, parseStyleProps as o, splitStatementsByLine as s, toDirection as c, tryApplyClassAssignment as l, tryApplyClassDef as u, tryApplyStyleStatement as d } from "@zombie-mermaid/core";
-import { matchExpandedBlock as f, parseExpandedMeta as p, resolveShapeName as m } from "@zombie-mermaid/mermaid-parser";
-import { renderMermaidASCII as h, renderMermaidAscii as g } from "@zombie-mermaid/ascii-renderer";
-import { createLayoutCache as _, renderMermaid as v, renderMermaidSVG as y, renderMermaidSVGAsync as b, renderMermaidSync as x, themeCssVariables as S } from "@zombie-mermaid/svg-renderer";
-//#region src/parser.ts
-function C(e) {
-	let t = e.trim();
-	return t.length >= 2 && (t[0] === "\"" && t[t.length - 1] === "\"" || t[0] === "'" && t[t.length - 1] === "'") ? t.slice(1, -1) : t;
-}
-var w = "\"graph <dir>\"/\"flowchart <dir>\" (dir: TD, TB, LR, BT, RL), \"stateDiagram-v2\", \"sequenceDiagram\", \"classDiagram\", \"erDiagram\", \"xychart-beta\", \"C4Context\"/\"C4Container\"/\"C4Component\"/\"C4Dynamic\"/\"C4Deployment\", \"architecture-beta\"";
-function T(e) {
-	let t = e.trim().toLowerCase();
-	if (/^sequence/.test(t)) return "sequenceDiagram";
-	if (/^class/.test(t)) return "classDiagram";
-	if (/^er/.test(t)) return "erDiagram";
-	if (/^xychart/.test(t)) return "xychart-beta";
-	if (/^state/.test(t)) return "stateDiagram-v2";
-}
-var E = /^(?:[\w-]+@)?<?(?:-{2,}|={2,}|-\.+-?|~{3,})/;
-function D(e) {
-	let t = [];
-	for (let n of e) n.forEach((e, n) => {
-		if (n === 0 && t.length > 0 && E.test(e.text)) {
-			let n = t[t.length - 1];
-			t[t.length - 1] = {
-				text: `${n.text} ${e.text}`,
-				line: n.line
-			};
-		} else t.push(e);
-	});
-	return t;
-}
-function O(e) {
-	let t = r(e.split("\n").map((e) => e.trim())), n = D(s(e));
-	if (n.length === 0) throw Error("Empty mermaid diagram");
-	let i = n[0], a = /^stateDiagram(-v2)?\s*$/i.test(i.text) ? A(n) : k(n);
-	return a.initConfig = t, a;
-}
-function k(e) {
-	let t = e[0];
-	if (t === void 0)
- /* v8 ignore next */
-	throw Error("parseFlowchart called with no lines");
-	let n = t.text, r = n.match(/^(?:graph|flowchart)\s+(TD|TB|LR|BT|RL)\s*$/i);
-	if (!r) {
-		let e = n.match(/^(?:graph|flowchart)\b\s*(.*)$/i);
-		if (e) {
-			let r = e[1].trim();
-			throw Error(r.length > 0 ? `Line ${t.line}: Invalid direction "${r}" in header "${n}". Expected one of: TD, TB, LR, BT, RL.` : `Line ${t.line}: Missing direction in header "${n}". Expected e.g. "graph TD" or "flowchart LR" — one of: TD, TB, LR, BT, RL.`);
-		}
-		let r = T(n), i = r && r.toLowerCase() !== n.trim().toLowerCase() ? ` Did you mean "${r}"?` : "";
-		throw Error(`Line ${t.line}: Invalid mermaid header: "${n}".${i} Supported headers: ${w}.`);
-	}
-	let i = {
-		direction: c(r[1]),
-		nodes: /* @__PURE__ */ new Map(),
-		edges: [],
-		subgraphs: [],
-		classDefs: /* @__PURE__ */ new Map(),
-		classAssignments: /* @__PURE__ */ new Map(),
-		nodeStyles: /* @__PURE__ */ new Map(),
-		linkStyles: /* @__PURE__ */ new Map(),
-		interactions: /* @__PURE__ */ new Map()
-	}, s = [];
-	for (let t = 1; t < e.length; t++) {
-		let n = e[t].text;
-		if (u(n, i) || l(n, i) || d(n, i)) continue;
-		if (/^click\s+/i.test(n)) {
-			U(n, i);
-			continue;
-		}
-		if (G(n, i)) continue;
-		let r = n.match(/^linkStyle\s+(default|[\d,\s]+)\s+(.+)$/);
-		if (r) {
-			let e = r[1].trim(), t = o(r[2]);
-			if (e === "default") i.linkStyles.set("default", {
-				...i.linkStyles.get("default"),
-				...t
-			});
-			else {
-				let n = e.split(",").map((e) => parseInt(e.trim(), 10));
-				for (let e of n) isNaN(e) || i.linkStyles.set(e, {
-					...i.linkStyles.get(e),
-					...t
-				});
-			}
-			continue;
-		}
-		let f = n.match(/^direction\s+(TD|TB|LR|BT|RL)\s*$/i);
-		if (f && s.length > 0) {
-			s[s.length - 1].direction = c(f[1]);
-			continue;
-		}
-		let p = n.match(/^subgraph\s+(.+)$/);
-		if (p) {
-			let e = p[1].trim(), t = e.match(/^([^\s[]+)\s*\[(.+)\]$/), n, r;
-			t ? (n = t[1], r = a(C(t[2]))) : (r = a(C(e)), n = r.replace(/\s+/g, "_").replace(/[^\p{L}\p{N}_-]/gu, ""));
-			let i = {
-				id: n,
-				label: r,
-				nodeIds: [],
-				children: []
-			};
-			s.push(i);
-			continue;
-		}
-		if (n === "end") {
-			let e = s.pop();
-			e && (s.length > 0 ? s[s.length - 1].children.push(e) : i.subgraphs.push(e));
-			continue;
-		}
-		Y(n, i, s);
-	}
-	return i;
-}
-function A(e) {
-	let t = {
-		direction: "TD",
-		nodes: /* @__PURE__ */ new Map(),
-		edges: [],
-		subgraphs: [],
-		classDefs: /* @__PURE__ */ new Map(),
-		classAssignments: /* @__PURE__ */ new Map(),
-		nodeStyles: /* @__PURE__ */ new Map(),
-		linkStyles: /* @__PURE__ */ new Map(),
-		interactions: /* @__PURE__ */ new Map()
-	}, n = [], r = /* @__PURE__ */ new Set(), i = 0, s = 0;
-	for (let f = 1; f < e.length; f++) {
-		let p = e[f].text;
-		if (u(p, t) || l(p, t) || d(p, t)) continue;
-		let m = p.match(/^direction\s+(TD|TB|LR|BT|RL)\s*$/i);
-		if (m) {
-			n.length > 0 ? n[n.length - 1].direction = c(m[1]) : t.direction = c(m[1]);
-			continue;
-		}
-		let h = p.match(/^linkStyle\s+(default|[\d,\s]+)\s+(.+)$/);
-		if (h) {
-			let e = h[1].trim(), n = o(h[2]);
-			if (e === "default") t.linkStyles.set("default", {
-				...t.linkStyles.get("default"),
-				...n
-			});
-			else {
-				let r = e.split(",").map((e) => parseInt(e.trim(), 10));
-				for (let e of r) isNaN(e) || t.linkStyles.set(e, {
-					...t.linkStyles.get(e),
-					...n
-				});
-			}
-			continue;
-		}
-		if (G(p, t)) continue;
-		let g = p.match(/^state\s+(?:"([^"]+)"\s+as\s+)?([\w\p{L}]+)\s*\{$/u);
-		if (g) {
-			let e = g[1] ?? g[2], i = g[2], a = {
-				id: i,
-				label: e,
-				nodeIds: [],
-				children: []
-			};
-			n.push(a), r.add(i), t.nodes.delete(i);
-			continue;
-		}
-		if (p === "}") {
-			let e = n.pop();
-			e && (n.length > 0 ? n[n.length - 1].children.push(e) : t.subgraphs.push(e));
-			continue;
-		}
-		let _ = p.match(/^state\s+"([^"]+)"\s+as\s+([\w\p{L}]+)\s*$/u);
-		if (_) {
-			let e = a(_[1]), r = _[2];
-			j(t, n, r, e);
-			continue;
-		}
-		let v = p.match(/^(\[\*\]|[\w\p{L}-]+)(?::::([\w][\w-]*))?\s*(?:([\w-]+)@)?-->\s*(\[\*\]|[\w\p{L}-]+)(?::::([\w][\w-]*))?(?:\s*:\s*(.+))?$/u);
-		if (v) {
-			let e = v[1], o = v[2], c = v[3], l = v[4], u = v[5], d = v[6]?.trim(), f = d ? a(d) : void 0;
-			e === "[*]" ? (i++, e = `_start${i > 1 ? i : ""}`, M(t, n, {
-				id: e,
-				label: "",
-				shape: "state-start"
-			})) : r.has(e) || N(t, n, e), l === "[*]" ? (s++, l = `_end${s > 1 ? s : ""}`, M(t, n, {
-				id: l,
-				label: "",
-				shape: "state-end"
-			})) : r.has(l) || N(t, n, l), o !== void 0 && t.classAssignments.set(e, o), u !== void 0 && t.classAssignments.set(l, u), t.edges.push({
-				source: e,
-				target: l,
-				label: f,
-				style: "solid",
-				hasArrowStart: !1,
-				hasArrowEnd: !0,
-				...c === void 0 ? {} : { id: c }
-			});
-			continue;
-		}
-		let y = p.match(/^([\w\p{L}-]+):::([\w][\w-]*)\s*$/u);
-		if (y) {
-			let e = y[1];
-			r.has(e) || N(t, n, e), t.classAssignments.set(e, y[2]);
-			continue;
-		}
-		let b = p.match(/^([\w\p{L}-]+)\s*:\s*(.+)$/u);
-		if (b) {
-			let e = b[1];
-			j(t, n, e, a(b[2].trim()));
-			continue;
-		}
-	}
-	for (let e of t.classAssignments.keys()) !t.nodes.has(e) && !r.has(e) && N(t, [], e);
-	return t;
-}
-function j(e, t, n, r) {
-	let i = e.nodes.get(n);
-	i && (i.label = r), M(e, t, {
-		id: n,
-		label: r,
-		shape: "rounded"
-	});
-}
-function M(e, t, n) {
-	if (e.nodes.has(n.id) || e.nodes.set(n.id, n), t.length > 0) {
-		let e = t[t.length - 1];
-		e.nodeIds.includes(n.id) || e.nodeIds.push(n.id);
-	}
-}
-function N(e, t, n) {
-	if (!e.nodes.has(n)) M(e, t, {
-		id: n,
-		label: n,
-		shape: "rounded"
-	});
-	else if (t.length > 0) {
-		let e = t[t.length - 1];
-		e.nodeIds.includes(n) || e.nodeIds.push(n);
-	}
-}
-var P = /^(<|o|x)?(-{2,}|={2,}|-\.+-|~{3,})(>|o|x)?(?:\|([^|]*)\|)?/, F = /* @__PURE__ */ new Set(["--", "=="]);
-function I(e) {
-	if (e === "o") return "circle";
-	if (e === "x") return "cross";
-}
-var L = /^(<|o|x)?(--|-\.|==)\s+(.+?)\s+(-{2,}[>ox]|={2,}[>ox]|\.+-[>ox]|-{3,}|={3,}|-\.+-)/, R = [
-	{
-		regex: /^([\w\p{L}-]+)\(\(\(((?:"[^"]*"|(?!\)\)\)).)+)\)\)\)/u,
-		shape: "doublecircle"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\(\[((?:"[^"]*"|(?!\]\)).)+)\]\)/u,
-		shape: "stadium"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\(\(((?:"[^"]*"|(?!\)\)).)+)\)\)/u,
-		shape: "circle"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\[\[((?:"[^"]*"|(?!\]\]).)+)\]\]/u,
-		shape: "subroutine"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\[\(((?:"[^"]*"|(?!\)\]).)+)\)\]/u,
-		shape: "cylinder"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\[\/((?:"[^"]*"|(?![\\/]\]).)+)([\\/])\]/u,
-		shape: (e) => e === "\\" ? "trapezoid" : "parallelogram"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\[\\((?:"[^"]*"|(?![\\/]\]).)+)([\\/])\]/u,
-		shape: (e) => e === "/" ? "trapezoid-alt" : "parallelogram-alt"
-	},
-	{
-		regex: /^([\w\p{L}-]+)>((?:"[^"]*"|(?!\]).)+)\]/u,
-		shape: "asymmetric"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\{\{((?:"[^"]*"|(?!\}\}).)+)\}\}/u,
-		shape: "hexagon"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\[((?:"[^"]*"|(?!\]).)+)\]/u,
-		shape: "rectangle"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\(((?:"[^"]*"|(?!\)).)+)\)/u,
-		shape: "rounded"
-	},
-	{
-		regex: /^([\w\p{L}-]+)\{((?:"[^"]*"|(?!\}).)+)\}/u,
-		shape: "diamond"
-	}
-], z = /^([\w\p{L}]+(?:-[\w\p{L}]+)*)/u, B = /^([\w\p{L}-]+)(?=@\{)/u;
-function V(e) {
-	if (e.shape) return m(e.shape) ?? "rectangle";
-	if (e.icon !== void 0 || e.img !== void 0) switch (e.form?.toLowerCase()) {
-		case "circle": return "circle";
-		case "rounded": return "rounded";
-		default: return "rectangle";
-	}
-	return "rectangle";
-}
-function H(e, t) {
-	return t.label !== void 0 && t.label.length > 0 ? t.label : t.icon ? t.icon : t.img ? t.img : e;
-}
-function U(e, t) {
-	n(e, t.interactions);
-}
-var W = /^([\w-]+)(?=@\{)/;
-function G(e, t) {
-	let n = e.match(W);
-	if (!n || !t.edges.some((e) => e.id === n[1])) return !1;
-	let r = f(e.slice(n[1].length));
-	return r ? (K(t, n[1], p(r.body)), !0) : !1;
-}
-function K(e, t, n) {
-	for (let r of e.edges) r.id === t && (n.animate !== void 0 && (r.animate = n.animate.toLowerCase() !== "false"), n.animation !== void 0 && (r.animate = !0));
-}
-var q = /^:::([\w][\w-]*)/, J = /^([\w\p{L}-]+):::([\w][\w-]*)/u;
-function Y(e, t, n) {
-	let r = e.trim(), i = X(r, t, n);
-	if (!i || i.ids.length === 0) return;
-	r = i.remaining.trim();
-	let o = i.ids;
-	for (; r.length > 0;) {
-		let e, i, s, c, l, u, d, f = r.match(/^([\w-]+)@(?=[-=<~ox])/);
-		f && (d = f[1], r = r.slice(f[0].length));
-		let p = r.match(P), m = p?.[2], h = p?.[1], g = p?.[3];
-		if (p && m !== void 0 && !(h === void 0 && g === void 0 && F.has(m))) {
-			e = h !== void 0, l = I(h);
-			let t = p[4]?.trim();
-			c = t ? a(t) : void 0, r = r.slice(p[0].length).trim(), i = ee(m), s = g !== void 0, u = I(g);
-		} else {
-			let t = r.match(L);
-			if (!t) break;
-			e = !!t[1], l = I(t[1]);
-			let n = t[3].trim();
-			c = n ? a(n) : void 0;
-			let o = t[2], d = t[4];
-			r = r.slice(t[0].length).trim(), i = te(o, d), u = I(d.slice(-1)), s = d.endsWith(">") || u !== void 0;
-		}
-		let _ = X(r, t, n);
-		if (!_ || _.ids.length === 0) break;
-		r = _.remaining.trim();
-		for (let n of o) for (let r of _.ids) t.edges.push({
-			source: n,
-			target: r,
-			label: c,
-			style: i,
-			hasArrowStart: e,
-			hasArrowEnd: s,
-			...l === void 0 ? {} : { startMarker: l },
-			...u === void 0 ? {} : { endMarker: u },
-			...d === void 0 ? {} : { id: d }
-		});
-		o = _.ids;
-	}
-}
-function X(e, t, n) {
-	let r = Z(e, t, n);
-	if (!r) return null;
-	let i = [r.id], a = r.remaining.trim();
-	for (; a.startsWith("&");) {
-		a = a.slice(1).trim();
-		let e = Z(a, t, n);
-		if (!e) break;
-		i.push(e.id), a = e.remaining.trim();
-	}
-	return {
-		ids: i,
-		remaining: a
-	};
-}
-function Z(e, t, n) {
-	let r = null, i = e, o, s = i.match(J);
-	s && (o = s[2], i = s[1] + i.slice(s[0].length));
-	let c = i.match(B);
-	if (c) {
-		let e = c[1], o = f(i.slice(e.length));
-		if (o) {
-			let s = p(o.body);
-			Q(t, n, {
-				id: e,
-				label: a(H(e, s)),
-				shape: V(s)
-			}), r = e, i = i.slice(e.length + o.length);
-		}
-	}
-	if (r === null) for (let { regex: e, shape: o } of R) {
-		let s = i.match(e);
-		if (s) {
-			r = s[1];
-			let e = a(s[2]), c = typeof o == "function" ? o(s[3] ?? "") : o;
-			Q(t, n, {
-				id: r,
-				label: e,
-				shape: c
-			}), i = i.slice(s[0].length);
-			break;
-		}
-	}
-	if (r === null) {
-		let e = i.match(z);
-		e && (r = e[1], t.nodes.has(r) || Q(t, n, {
-			id: r,
-			label: r,
-			shape: "rectangle"
-		}), i = i.slice(e[0].length));
-	}
-	if (r === null) return null;
-	o && t.classAssignments.set(r, o);
-	let l = i.match(q);
-	return l && (t.classAssignments.set(r, l[1]), i = i.slice(l[0].length)), {
-		id: r,
-		remaining: i
-	};
-}
-function Q(e, t, n) {
-	e.nodes.has(n.id) || e.nodes.set(n.id, n), $(t, n.id);
-}
-function $(e, t) {
-	if (e.length > 0) {
-		let n = e[e.length - 1];
-		n.nodeIds.includes(t) || n.nodeIds.push(t);
-	}
-}
-function ee(e) {
-	return e.startsWith("~") ? "invisible" : e.includes(".") ? "dotted" : e.startsWith("=") ? "thick" : "solid";
-}
-function te(e, t) {
-	return e.includes(".") || t.includes(".") ? "dotted" : e.startsWith("=") || t.startsWith("=") ? "thick" : "solid";
-}
-//#endregion
-export { e as DEFAULTS, t as THEMES, _ as createLayoutCache, i as fromShikiTheme, O as parseMermaid, v as renderMermaid, h as renderMermaidASCII, g as renderMermaidAscii, y as renderMermaidSVG, b as renderMermaidSVGAsync, x as renderMermaidSync, S as themeCssVariables };
-
-//# sourceMappingURL=index.js.map
+import { DEFAULTS as e, THEMES as t, fromShikiTheme as n } from "@zombie-mermaid/core";
+import { parseMermaid as r } from "@zombie-mermaid/mermaid-parser";
+import { renderMermaidASCII as i, renderMermaidAscii as a } from "@zombie-mermaid/ascii-renderer";
+import { createLayoutCache as o, renderMermaid as s, renderMermaidSVG as c, renderMermaidSVGAsync as l, renderMermaidSync as u, themeCssVariables as d } from "@zombie-mermaid/svg-renderer";
+export { e as DEFAULTS, t as THEMES, o as createLayoutCache, n as fromShikiTheme, r as parseMermaid, s as renderMermaid, i as renderMermaidASCII, a as renderMermaidAscii, c as renderMermaidSVG, l as renderMermaidSVGAsync, u as renderMermaidSync, d as themeCssVariables };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zombie-mermaid",
-  "version": "3.2.0",
+  "version": "4.1.0",
   "license": "MIT",
   "description": "Render Mermaid diagrams as beautiful SVGs or ASCII art. Ultra-fast, fully themeable, zero DOM dependencies. Maintained fork of beautiful-mermaid.",
   "type": "module",
@@ -84,17 +84,17 @@
     "README.md"
   ],
   "engines": {
-    "node": ">=22"
+    "node": ">=24"
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.30.0",
     "elkjs": "^0.11.0",
     "entities": "^7.0.1",
-    "@zombie-mermaid/ascii-renderer": "3.2.0",
-    "@zombie-mermaid/mcp": "3.2.0",
-    "@zombie-mermaid/mermaid-parser": "3.2.0",
-    "@zombie-mermaid/core": "3.2.0",
-    "@zombie-mermaid/svg-renderer": "3.2.0"
+    "@zombie-mermaid/ascii-renderer": "4.1.0",
+    "@zombie-mermaid/core": "4.1.0",
+    "@zombie-mermaid/mcp": "4.1.0",
+    "@zombie-mermaid/mermaid-parser": "4.1.0",
+    "@zombie-mermaid/svg-renderer": "4.1.0"
   },
   "devDependencies": {
     "@changesets/changelog-github": "^1.0.0",
@@ -105,7 +105,7 @@
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.7",
     "@types/jsdom": "^30.0.0",
-    "@types/node": "^22.0.0",
+    "@types/node": "^24.13.6",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.7",
     "@vitest/coverage-v8": "^4.1.11",
@@ -124,7 +124,7 @@
     "shiki": "^3.19.0",
     "subset-font": "^2.7.0",
     "tsx": "^4.23.12",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "typescript-eslint": "^8.68.0",
     "unplugin-dts": "^1.0.3",
     "vite": "^8.2.2",
@@ -159,9 +159,10 @@
     "bench:mcp": "tsx scripts/bench-mcp.ts",
     "check:bundle-size": "tsx scripts/check-bundle-size.ts",
     "generate:hero": "tsx scripts/generate-hero.ts",
-    "build:mono-font": "tsx scripts/build-mono-font-subset.ts && prettier --write demo/components/generated/mono-font-subset.ts demo/styles.css packages/core/src/generated/mono-font-subset.ts",
+    "build:mono-font": "tsx scripts/build-mono-font-subset.ts && prettier --write demo/components/generated/mono-font-subset.ts demo/styles.css packages/svg-renderer/src/generated/mono-font-subset.ts",
     "generate:primitives-classes": "tsx scripts/generate-primitives-classes.ts && prettier --write demo/components/generated/primitives-classes.ts",
     "generate:logo-lockup": "tsx scripts/generate-logo-lockup.ts",
+    "docs:scripts": "tsx scripts/generate-development-scripts-doc.ts && prettier --write docs/development-scripts.md",
     "badge:bundle-size": "tsx scripts/generate-bundle-badge.ts",
     "visual-diff": "tsx scripts/visual-diff.ts",
     "form-diff": "tsx scripts/form-diff.ts",
@@ -179,6 +180,7 @@
     "dashboard": "scripts/tsx-css.sh packages/site/dashboard.ts",
     "dashboard:data": "tsx scripts/generate-dashboard-data.ts",
     "upstream:pr-candidates": "tsx scripts/list-upstream-pr-rescue-candidates.ts",
-    "audit:responsive": "tsx scripts/audit-responsive.ts"
+    "audit:responsive": "tsx scripts/audit-responsive.ts",
+    "layout:oracle": "tsx scripts/layout-oracle.ts"
   }
 }

package/src/__tests__/ascii-draw-bundles.test.ts

@@ -15,7 +15,7 @@
  * with that input.
  */
 import { describe, it, expect } from 'vitest'
-import { parseMermaid } from '../parser.ts'
+import { parseMermaid } from '@zombie-mermaid/mermaid-parser'
 import { convertToAsciiGraph } from '../../packages/ascii-renderer/src/converter.ts'
 import { createMapping } from '../../packages/ascii-renderer/src/grid.ts'
 import type {
@@ -97,7 +97,9 @@ describe('draw-bundles: rendered fan-in/fan-out diagrams', () => {
 
   it('draws a fan-out bundle with one arrowhead per target (unicode)', () => {
     const out = renderMermaidASCII(FAN_OUT, { useAscii: false })
-    expect(out).toContain('├────────────┐')
+    // The source sits centred over its two targets, so the shared trunk
+    // leaves its bottom border and splits at a ┴ directly beneath it.
+    expect(out).toMatch(/┌─+┴─+┐/)
     expect(out.match(/▼/g)).toHaveLength(2)
   })
 

package/src/__tests__/ascii-edge-bundling-routing.test.ts

@@ -15,7 +15,7 @@
  * code with the same direction-confusion risk the TD side had.
  */
 import { describe, it, expect } from 'vitest'
-import { parseMermaid } from '../parser.ts'
+import { parseMermaid } from '@zombie-mermaid/mermaid-parser'
 import { convertToAsciiGraph } from '../../packages/ascii-renderer/src/converter.ts'
 import { createMapping } from '../../packages/ascii-renderer/src/grid.ts'
 import {

package/src/__tests__/ascii-edge-cross-style-overlap.test.ts

@@ -17,7 +17,7 @@
  * do with subgraphs — this repro has none).
  */
 import { describe, it, expect } from 'vitest'
-import { parseMermaid } from '../parser.ts'
+import { parseMermaid } from '@zombie-mermaid/mermaid-parser'
 import { convertToAsciiGraph } from '../../packages/ascii-renderer/src/converter.ts'
 import { createMapping } from '../../packages/ascii-renderer/src/grid.ts'
 import {