agentic-mermaid 0.1.1 → 0.2.0

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.
Files changed (340) hide show
  1. package/AGENT_NATIVE.md +155 -91
  2. package/CHANGELOG.md +163 -4
  3. package/Instructions_for_agents.md +10 -10
  4. package/LICENSES/Apache-2.0.txt +202 -0
  5. package/README.md +31 -38
  6. package/THIRD_PARTY_NOTICES.md +29 -0
  7. package/assets/hero.png +0 -0
  8. package/dist/agent-core.d.ts +463 -0
  9. package/dist/agent-core.js +397 -0
  10. package/dist/agent.d.ts +73 -1868
  11. package/dist/agent.js +336 -37325
  12. package/dist/agentic-mermaid-mcp.js +7 -38399
  13. package/dist/am.js +33626 -40446
  14. package/dist/chunk-2P5FKUQC.js +3485 -0
  15. package/dist/chunk-2S3VSS6I.js +149 -0
  16. package/dist/chunk-2SILJDW2.js +37 -0
  17. package/dist/chunk-BJYMBT4I.js +61963 -0
  18. package/dist/chunk-FDM43XU7.js +615 -0
  19. package/dist/chunk-MYPDVZCO.js +4702 -0
  20. package/dist/index-DWPa2MJs.d.ts +6780 -0
  21. package/dist/index.d.ts +1 -1
  22. package/dist/index.js +310 -33014
  23. package/dist/mcp-cli-5J47WEY3.js +17 -0
  24. package/docs/README.md +39 -31
  25. package/docs/agent-api-cookbook.md +44 -35
  26. package/docs/agent-mutation-policy.md +1 -1
  27. package/docs/agent-workflow-examples.md +2 -2
  28. package/docs/api.md +284 -77
  29. package/docs/ascii.md +26 -16
  30. package/docs/code-mode-impact.md +214 -0
  31. package/docs/comparison.md +23 -11
  32. package/docs/computational-aesthetics-prototype-plan.md +252 -0
  33. package/docs/config.md +26 -10
  34. package/docs/custom-fonts.md +265 -0
  35. package/docs/custom-style-cookbook.md +130 -9
  36. package/docs/diagram-families.md +48 -23
  37. package/docs/features.md +59 -52
  38. package/docs/fork-differences.md +6 -3
  39. package/docs/getting-started.md +23 -16
  40. package/docs/issue-derived-test-cases.md +29 -22
  41. package/docs/mcp-code-mode-rationale.md +13 -6
  42. package/docs/mcp-http-transport.md +20 -13
  43. package/docs/mermaid-layout-complaints.md +66 -52
  44. package/docs/mutation-testing.md +145 -66
  45. package/docs/quality.md +23 -14
  46. package/docs/react.md +2 -2
  47. package/docs/schemas/style-spec.schema.json +1221 -30
  48. package/docs/style-authoring.md +241 -38
  49. package/docs/svg-semantic-contract.md +49 -0
  50. package/docs/testing-strategy.md +166 -58
  51. package/docs/theming.md +19 -32
  52. package/examples/styles/catalog.json +54 -0
  53. package/examples/styles/cloudflare-workers-inspired-prototype.mmd +9 -0
  54. package/examples/styles/cloudflare-workers-inspired-prototype.style.json +110 -0
  55. package/examples/styles/cupertino-prototype.mmd +10 -0
  56. package/examples/styles/cupertino-prototype.style.json +63 -0
  57. package/examples/styles/mid-century-report.style.json +2 -2
  58. package/examples/styles/star-chart-atlas.style.json +2 -1
  59. package/examples/styles/transit-route-map.style.json +2 -2
  60. package/examples/styles/vercel-inspired-prototype.mmd +6 -0
  61. package/examples/styles/vercel-inspired-prototype.style.json +87 -0
  62. package/package.json +85 -45
  63. package/server.json +2 -2
  64. package/skills/agentic-mermaid-diagram-workflow/SKILL.md +17 -36
  65. package/skills/agentic-mermaid-diagram-workflow/references/cli.md +4 -5
  66. package/skills/agentic-mermaid-diagram-workflow/references/code-mode.md +15 -31
  67. package/skills/agentic-mermaid-diagram-workflow/references/sequence.md +10 -14
  68. package/skills/agentic-mermaid-live-editor/SKILL.md +100 -206
  69. package/TODO.md +0 -684
  70. package/dist/index-wjRjbsP-.d.ts +0 -1102
  71. package/docs/assets/improvements/box-start-connector.png +0 -0
  72. package/docs/assets/improvements/comment-dropped-lint.png +0 -0
  73. package/docs/assets/improvements/er-content-loss.png +0 -0
  74. package/docs/assets/improvements/fan-in-trunks.png +0 -0
  75. package/docs/assets/improvements/gantt-family.png +0 -0
  76. package/docs/assets/improvements/gantt-milestone-clamp.png +0 -0
  77. package/docs/assets/improvements/gantt-verify-seam.png +0 -0
  78. package/docs/assets/improvements/subgraph-container-edges.png +0 -0
  79. package/docs/assets/improvements/wrapper-frontmatter.png +0 -0
  80. package/docs/assets/improvements/wrapper-init-directive.png +0 -0
  81. package/docs/assets/improvements/wrapper-leading-comment.png +0 -0
  82. package/docs/assets/style-cookbook/mid-century-report.png +0 -0
  83. package/docs/assets/style-cookbook/star-chart-atlas.png +0 -0
  84. package/docs/assets/style-cookbook/transit-route-map.png +0 -0
  85. package/docs/contributing/adding-diagram-types.md +0 -144
  86. package/docs/contributing/diagram-family-citizenship.matrix.json +0 -2127
  87. package/docs/contributing/diagram-family-citizenship.md +0 -82
  88. package/docs/contributing/harvesting-upstream-tests.md +0 -126
  89. package/docs/contributing/lessons-learned.md +0 -276
  90. package/docs/contributing/releasing.md +0 -82
  91. package/docs/contributing/visual-review-evidence.md +0 -53
  92. package/docs/design/families/README.md +0 -26
  93. package/docs/design/families/architecture-beta.md +0 -48
  94. package/docs/design/families/flowchart-parser-conformance.md +0 -22
  95. package/docs/design/families/gantt-research.md +0 -137
  96. package/docs/design/families/gantt.md +0 -329
  97. package/docs/design/families/journey-agentic-cards-before.png +0 -0
  98. package/docs/design/families/journey-experience-curve-implementation.png +0 -0
  99. package/docs/design/families/journey-mermaid-classic-implementation.png +0 -0
  100. package/docs/design/families/journey-mermaid-classic-prototype.png +0 -0
  101. package/docs/design/families/journey-mermaid-classic-prototype.svg +0 -163
  102. package/docs/design/families/journey-mermaid-classic-prototype.svg.png +0 -0
  103. package/docs/design/families/journey-migration-parity.md +0 -439
  104. package/docs/design/families/journey-section-overlap-after.png +0 -0
  105. package/docs/design/families/journey-section-overlap-before.png +0 -0
  106. package/docs/design/families/journey-usage-research.md +0 -423
  107. package/docs/design/families/journey.md +0 -153
  108. package/docs/design/families/xychart.md +0 -85
  109. package/docs/design/system/README.md +0 -45
  110. package/docs/design/system/abstraction-audit.md +0 -224
  111. package/docs/design/system/abstraction-recommendations.md +0 -655
  112. package/docs/design/system/architecture.mmd +0 -29
  113. package/docs/design/system/architecture.svg +0 -137
  114. package/docs/design/system/layout-guarantees-and-robustness.md +0 -351
  115. package/docs/design/system/layout-rubric.md +0 -138
  116. package/docs/design/system/route-contracts.md +0 -848
  117. package/docs/design/system/source-preservation-ladder.md +0 -52
  118. package/docs/design/system/styles-rollout.md +0 -216
  119. package/docs/design/system/ugly-layouts.md +0 -119
  120. package/docs/layout-characterization/README.md +0 -245
  121. package/docs/layout-characterization/contact-sheet-families.md +0 -498
  122. package/docs/layout-characterization/contact-sheet.md +0 -638
  123. package/docs/layout-characterization/properties.md +0 -281
  124. package/docs/layout-characterization/visual-quality.md +0 -160
  125. package/docs/layout-characterization/visual-snapshots/architecture.svg +0 -79
  126. package/docs/layout-characterization/visual-snapshots/class.svg +0 -60
  127. package/docs/layout-characterization/visual-snapshots/er.svg +0 -61
  128. package/docs/layout-characterization/visual-snapshots/flowchart.svg +0 -58
  129. package/docs/layout-characterization/visual-snapshots/gantt.svg +0 -52
  130. package/docs/layout-characterization/visual-snapshots/journey.svg +0 -98
  131. package/docs/layout-characterization/visual-snapshots/pie.svg +0 -36
  132. package/docs/layout-characterization/visual-snapshots/quadrant.svg +0 -47
  133. package/docs/layout-characterization/visual-snapshots/sequence.svg +0 -59
  134. package/docs/layout-characterization/visual-snapshots/state.svg +0 -52
  135. package/docs/layout-characterization/visual-snapshots/timeline.svg +0 -64
  136. package/docs/layout-characterization/visual-snapshots/xychart.svg +0 -97
  137. package/docs/project/divergences.md +0 -98
  138. package/docs/project/dogfooding-docs-strategy.md +0 -66
  139. package/docs/project/hosted-mcp-cloudflare-plan.md +0 -338
  140. package/docs/project/lessons-learned.md +0 -1019
  141. package/docs/project/remove-role-styling-plan.md +0 -176
  142. package/examples/agent-improve-auth-flow.ts +0 -206
  143. package/examples/agent-loop.ts +0 -53
  144. package/examples/mcp-vs-cli-complex-diagrams.ts +0 -133
  145. package/llms.txt +0 -104
  146. package/skill-evals/README.md +0 -77
  147. package/skill-evals/fixtures/architecture-cache/input.mmd +0 -5
  148. package/skill-evals/fixtures/class-payment/input.mmd +0 -4
  149. package/skill-evals/fixtures/er-orders/input.mmd +0 -10
  150. package/skill-evals/fixtures/flowchart-cache/input.mmd +0 -3
  151. package/skill-evals/fixtures/gantt-release/input.mmd +0 -7
  152. package/skill-evals/fixtures/journey-checkout/input.mmd +0 -6
  153. package/skill-evals/fixtures/pie-exports/input.mmd +0 -5
  154. package/skill-evals/fixtures/quadrant-priorities/input.mmd +0 -11
  155. package/skill-evals/fixtures/sequence-retry/input.mmd +0 -8
  156. package/skill-evals/fixtures/state-lifecycle/input.mmd +0 -5
  157. package/skill-evals/fixtures/timeline-release/input.mmd +0 -6
  158. package/skill-evals/fixtures/xychart-growth/input.mmd +0 -5
  159. package/skill-evals/shared-benchmark.json +0 -510
  160. package/src/agent/analyze.ts +0 -157
  161. package/src/agent/apply.ts +0 -146
  162. package/src/agent/architecture-body.ts +0 -458
  163. package/src/agent/certificates.ts +0 -110
  164. package/src/agent/class-body.ts +0 -319
  165. package/src/agent/core.ts +0 -207
  166. package/src/agent/create.ts +0 -106
  167. package/src/agent/describe.ts +0 -368
  168. package/src/agent/er-body.ts +0 -224
  169. package/src/agent/facts.ts +0 -360
  170. package/src/agent/families-builtin.ts +0 -920
  171. package/src/agent/families.ts +0 -232
  172. package/src/agent/family-layouts.ts +0 -832
  173. package/src/agent/flowchart-body.ts +0 -372
  174. package/src/agent/flowchart-unsupported.ts +0 -243
  175. package/src/agent/font-coverage.ts +0 -288
  176. package/src/agent/gantt-body.ts +0 -495
  177. package/src/agent/index.ts +0 -10
  178. package/src/agent/journey-body.ts +0 -374
  179. package/src/agent/label-metrics.ts +0 -28
  180. package/src/agent/layout-to-rendered.ts +0 -63
  181. package/src/agent/mutate.ts +0 -97
  182. package/src/agent/mutation-ops.ts +0 -51
  183. package/src/agent/op-schema.ts +0 -443
  184. package/src/agent/parse.ts +0 -223
  185. package/src/agent/pie-body.ts +0 -270
  186. package/src/agent/png.ts +0 -171
  187. package/src/agent/quadrant-body.ts +0 -336
  188. package/src/agent/quality.ts +0 -363
  189. package/src/agent/readability-audit.ts +0 -92
  190. package/src/agent/rendered-route-audit.ts +0 -61
  191. package/src/agent/sequence-body.ts +0 -345
  192. package/src/agent/serialize.ts +0 -214
  193. package/src/agent/state-body.ts +0 -589
  194. package/src/agent/structural-count.ts +0 -150
  195. package/src/agent/timeline-body.ts +0 -280
  196. package/src/agent/trace-log.ts +0 -43
  197. package/src/agent/types.ts +0 -995
  198. package/src/agent/verify.ts +0 -603
  199. package/src/agent/xychart-body.ts +0 -472
  200. package/src/architecture/config.ts +0 -282
  201. package/src/architecture/layout.ts +0 -496
  202. package/src/architecture/parser.ts +0 -375
  203. package/src/architecture/renderer.ts +0 -611
  204. package/src/architecture/types.ts +0 -113
  205. package/src/ascii/ansi.ts +0 -423
  206. package/src/ascii/architecture.ts +0 -210
  207. package/src/ascii/canvas.ts +0 -443
  208. package/src/ascii/class-diagram.ts +0 -697
  209. package/src/ascii/converter.ts +0 -475
  210. package/src/ascii/draw.ts +0 -1693
  211. package/src/ascii/edge-bundling.ts +0 -328
  212. package/src/ascii/edge-routing.ts +0 -330
  213. package/src/ascii/er-diagram.ts +0 -439
  214. package/src/ascii/gantt.ts +0 -276
  215. package/src/ascii/grid.ts +0 -747
  216. package/src/ascii/index.ts +0 -196
  217. package/src/ascii/journey.ts +0 -169
  218. package/src/ascii/meta.ts +0 -244
  219. package/src/ascii/multiline-utils.ts +0 -80
  220. package/src/ascii/pathfinder.ts +0 -301
  221. package/src/ascii/pie.ts +0 -67
  222. package/src/ascii/quadrant.ts +0 -158
  223. package/src/ascii/reverse.ts +0 -216
  224. package/src/ascii/sequence.ts +0 -499
  225. package/src/ascii/shapes/circle.ts +0 -27
  226. package/src/ascii/shapes/corners.ts +0 -143
  227. package/src/ascii/shapes/diamond.ts +0 -27
  228. package/src/ascii/shapes/hexagon.ts +0 -27
  229. package/src/ascii/shapes/index.ts +0 -106
  230. package/src/ascii/shapes/rectangle.ts +0 -168
  231. package/src/ascii/shapes/rounded.ts +0 -27
  232. package/src/ascii/shapes/special.ts +0 -332
  233. package/src/ascii/shapes/stadium.ts +0 -110
  234. package/src/ascii/shapes/state.ts +0 -192
  235. package/src/ascii/shapes/types.ts +0 -73
  236. package/src/ascii/timeline.ts +0 -141
  237. package/src/ascii/types.ts +0 -312
  238. package/src/ascii/validate.ts +0 -120
  239. package/src/ascii/width.ts +0 -81
  240. package/src/ascii/wrap.ts +0 -131
  241. package/src/ascii/xychart.ts +0 -919
  242. package/src/browser.ts +0 -29
  243. package/src/class/layout.ts +0 -240
  244. package/src/class/parser.ts +0 -332
  245. package/src/class/renderer.ts +0 -638
  246. package/src/class/types.ts +0 -129
  247. package/src/cli/agent-instructions.ts +0 -1
  248. package/src/cli/am-bin.ts +0 -6
  249. package/src/cli/exit-codes.ts +0 -18
  250. package/src/cli/index.ts +0 -1132
  251. package/src/cli/init-agent.ts +0 -147
  252. package/src/cli/run-entrypoint.ts +0 -10
  253. package/src/color-resolver.ts +0 -152
  254. package/src/elk-instance.ts +0 -114
  255. package/src/er/layout.ts +0 -187
  256. package/src/er/parser.ts +0 -226
  257. package/src/er/renderer.ts +0 -792
  258. package/src/er/types.ts +0 -99
  259. package/src/family-rubric.ts +0 -425
  260. package/src/font-manifest.ts +0 -31
  261. package/src/gantt/layout.ts +0 -365
  262. package/src/gantt/parser.ts +0 -282
  263. package/src/gantt/pipeline.ts +0 -27
  264. package/src/gantt/renderer.ts +0 -414
  265. package/src/gantt/schedule.ts +0 -513
  266. package/src/gantt/types.ts +0 -255
  267. package/src/index.ts +0 -368
  268. package/src/journey/layout.ts +0 -554
  269. package/src/journey/parse-core.ts +0 -251
  270. package/src/journey/parser.ts +0 -101
  271. package/src/journey/renderer.ts +0 -917
  272. package/src/journey/types.ts +0 -144
  273. package/src/layout/geometry.ts +0 -182
  274. package/src/layout/pass.ts +0 -142
  275. package/src/layout/passes/index.ts +0 -3916
  276. package/src/layout-engine.ts +0 -1565
  277. package/src/layout-rubric.ts +0 -659
  278. package/src/mcp/artifacts.ts +0 -137
  279. package/src/mcp/dynamic-harness.ts +0 -31
  280. package/src/mcp/dynamic-modules.d.ts +0 -7
  281. package/src/mcp/facade.ts +0 -608
  282. package/src/mcp/harness-runtime.ts +0 -203
  283. package/src/mcp/hosted-server.ts +0 -468
  284. package/src/mcp/mcp-bin.ts +0 -3
  285. package/src/mcp/mcp-cli.ts +0 -82
  286. package/src/mcp/protocol.ts +0 -13
  287. package/src/mcp/sandbox.ts +0 -195
  288. package/src/mcp/sdk-decl.ts +0 -391
  289. package/src/mcp/server.ts +0 -362
  290. package/src/mcp/tool-surface.ts +0 -146
  291. package/src/mermaid-source.ts +0 -655
  292. package/src/multiline-utils.ts +0 -228
  293. package/src/parser.ts +0 -1031
  294. package/src/pie/layout.ts +0 -168
  295. package/src/pie/parser.ts +0 -136
  296. package/src/pie/renderer.ts +0 -234
  297. package/src/pie/types.ts +0 -82
  298. package/src/quadrant/layout.ts +0 -191
  299. package/src/quadrant/parser.ts +0 -183
  300. package/src/quadrant/renderer.ts +0 -322
  301. package/src/quadrant/types.ts +0 -113
  302. package/src/render-family-hooks.ts +0 -244
  303. package/src/renderer.ts +0 -1099
  304. package/src/route-contracts.ts +0 -2723
  305. package/src/scene/backend.ts +0 -76
  306. package/src/scene/fidelity.ts +0 -183
  307. package/src/scene/hybrid-backend.ts +0 -174
  308. package/src/scene/ir.ts +0 -181
  309. package/src/scene/marks.ts +0 -127
  310. package/src/scene/rough-backend.ts +0 -378
  311. package/src/scene/seed.ts +0 -46
  312. package/src/scene/style-registry.ts +0 -556
  313. package/src/sequence/layout.ts +0 -456
  314. package/src/sequence/parser.ts +0 -255
  315. package/src/sequence/renderer.ts +0 -604
  316. package/src/sequence/types.ts +0 -154
  317. package/src/shape-clipping.ts +0 -351
  318. package/src/shared/accessibility-directives.ts +0 -22
  319. package/src/shared/batched.ts +0 -61
  320. package/src/shared/color-math.ts +0 -93
  321. package/src/shared/svg-a11y.ts +0 -29
  322. package/src/shared/syntax-error.ts +0 -17
  323. package/src/shared/unicode-ranges.ts +0 -135
  324. package/src/styles.ts +0 -318
  325. package/src/svg-paths.ts +0 -28
  326. package/src/text-metrics.ts +0 -248
  327. package/src/theme.ts +0 -710
  328. package/src/timeline/layout.ts +0 -381
  329. package/src/timeline/parser.ts +0 -215
  330. package/src/timeline/renderer.ts +0 -538
  331. package/src/timeline/types.ts +0 -105
  332. package/src/types.ts +0 -462
  333. package/src/website-worker-modules.d.ts +0 -18
  334. package/src/xychart/axis-utils.ts +0 -109
  335. package/src/xychart/colors.ts +0 -124
  336. package/src/xychart/config.ts +0 -88
  337. package/src/xychart/layout.ts +0 -656
  338. package/src/xychart/parser.ts +0 -504
  339. package/src/xychart/renderer.ts +0 -640
  340. package/src/xychart/types.ts +0 -282
@@ -1,475 +0,0 @@
1
- // ============================================================================
2
- // ASCII renderer — MermaidGraph → AsciiGraph converter
3
- //
4
- // Bridges the existing TypeScript parser output to the ASCII renderer's
5
- // internal graph structure. This avoids maintaining a separate parser
6
- // for ASCII rendering — we reuse parseMermaid() and convert its output.
7
- // ============================================================================
8
-
9
- import type { MermaidGraph, MermaidSubgraph } from '../types.ts'
10
- import type {
11
- AsciiGraph, AsciiNode, AsciiEdge, AsciiSubgraph, AsciiConfig,
12
- } from './types.ts'
13
- import { EMPTY_STYLE } from './types.ts'
14
- import { mkCanvas, mkRoleCanvas } from './canvas.ts'
15
- import { classifyRoutes } from '../route-contracts.ts'
16
-
17
- /**
18
- * Convert a parsed MermaidGraph into an AsciiGraph ready for grid layout.
19
- *
20
- * Key mappings:
21
- * - MermaidGraph.nodes (Map) → ordered AsciiNode[] preserving insertion order
22
- * - MermaidGraph.edges → AsciiEdge[] with resolved node references
23
- * - MermaidGraph.subgraphs → AsciiSubgraph[] with parent/child tree
24
- * - Node labels are used as display names (not raw IDs)
25
- */
26
- export function convertToAsciiGraph(parsed: MermaidGraph, config: AsciiConfig): AsciiGraph {
27
- const subgraphIds = collectSubgraphIds(parsed.subgraphs)
28
-
29
- // Build node list preserving Map insertion order. A parsed node whose id is
30
- // also a subgraph id is a container reference, not a real node box; omit it
31
- // and route matching edges through a subgraph anchor instead.
32
- const nodeMap = new Map<string, AsciiNode>()
33
- let index = 0
34
-
35
- for (const [id, mNode] of parsed.nodes) {
36
- if (subgraphIds.has(id)) continue
37
-
38
- const asciiNode: AsciiNode = {
39
- // Use the parser ID as the unique identity key to avoid collisions
40
- // when multiple nodes share the same label (e.g. A[Web Server], C[Web Server]).
41
- name: id,
42
- // The label is used for rendering inside the box.
43
- displayLabel: mNode.label,
44
- // Preserve shape from parser for shape-aware rendering
45
- shape: mNode.shape,
46
- index,
47
- gridCoord: null,
48
- drawingCoord: null,
49
- drawing: null,
50
- drawn: false,
51
- styleClassName: '',
52
- styleClass: EMPTY_STYLE,
53
- }
54
- nodeMap.set(id, asciiNode)
55
- index++
56
- }
57
-
58
- // Convert subgraphs recursively
59
- const subgraphs: AsciiSubgraph[] = []
60
- for (const mSg of parsed.subgraphs) {
61
- convertSubgraph(mSg, null, nodeMap, subgraphs)
62
- }
63
-
64
- // Deduplicate subgraph node membership to match Go parser behavior.
65
- // In Go, a node belongs only to the subgraph where it was FIRST DEFINED.
66
- // The TS parser adds referenced nodes to all subgraphs they appear in,
67
- // which causes incorrect bounding boxes when nodes span subgraph boundaries.
68
- deduplicateSubgraphNodes(parsed.subgraphs, subgraphs, nodeMap, parsed)
69
-
70
- const subgraphById = new Map(subgraphs.map(sg => [sg.id, sg] as const))
71
- const routeClasses = classifyRoutes(parsed)
72
-
73
- // Build edges with resolved node references. Edges that target a subgraph id
74
- // route through a stable inner anchor for placement/pathfinding, then draw to
75
- // the container border instead of rendering a duplicate phantom node.
76
- const edges: AsciiEdge[] = []
77
- for (let edgeIndex = 0; edgeIndex < parsed.edges.length; edgeIndex++) {
78
- const mEdge = parsed.edges[edgeIndex]!
79
- const fromSubgraph = nodeMap.has(mEdge.source) ? undefined : subgraphById.get(mEdge.source)
80
- const toSubgraph = nodeMap.has(mEdge.target) ? undefined : subgraphById.get(mEdge.target)
81
- const from = nodeMap.get(mEdge.source) ?? (fromSubgraph ? chooseSubgraphAnchor(parsed, fromSubgraph, 'out') : undefined)
82
- const to = nodeMap.get(mEdge.target) ?? (toSubgraph ? chooseSubgraphAnchor(parsed, toSubgraph, 'in') : undefined)
83
- if (!from || !to) continue
84
-
85
- edges.push({
86
- from,
87
- to,
88
- fromSubgraph,
89
- toSubgraph,
90
- text: mEdge.label ?? '',
91
- path: [],
92
- labelLine: [],
93
- startDir: { x: 0, y: 0 },
94
- endDir: { x: 0, y: 0 },
95
- routeClass: routeClasses[edgeIndex],
96
- style: mEdge.style,
97
- hasArrowStart: mEdge.hasArrowStart,
98
- hasArrowEnd: mEdge.hasArrowEnd,
99
- startMarker: mEdge.startMarker,
100
- endMarker: mEdge.endMarker,
101
- })
102
- }
103
-
104
- const nodes = [...nodeMap.values()]
105
-
106
- // BUILD-14: resolve edges whose endpoint is a subgraph id (a "phantom" node).
107
- // The parser auto-creates a node for every edge endpoint, so an edge like
108
- // `Start --> Pipeline` (where Pipeline is a subgraph) yields a node named
109
- // "Pipeline" in addition to the container. The ELK/SVG path filters this and
110
- // attaches the edge to the container via hierarchical ports; the ASCII path
111
- // historically drew a phantom box. Here we drop the phantom node, retarget the
112
- // edge onto a representative member of the container for routing, and flag the
113
- // edge so it is visually clipped to the container border.
114
- const phantomNodeNames = resolveSubgraphEdges(parsed, edges, subgraphs)
115
-
116
- // Apply class definitions
117
- for (const [nodeId, className] of parsed.classAssignments) {
118
- const node = nodeMap.get(nodeId)
119
- const classDef = parsed.classDefs.get(className)
120
- if (node && classDef) {
121
- node.styleClassName = className
122
- node.styleClass = { name: className, styles: classDef }
123
- }
124
- }
125
-
126
- // Drop phantom subgraph-id nodes so they are not placed as standalone boxes.
127
- // Reindex afterwards: grid layout addresses nodes by their array index
128
- // (graph.nodes[node.index]), so indices must stay contiguous after filtering.
129
- let renderedNodes = nodes
130
- if (phantomNodeNames.size > 0) {
131
- renderedNodes = nodes.filter(n => !phantomNodeNames.has(n.name))
132
- renderedNodes.forEach((n, i) => { n.index = i })
133
- }
134
-
135
- return {
136
- nodes: renderedNodes,
137
- edges,
138
- canvas: mkCanvas(0, 0),
139
- roleCanvas: mkRoleCanvas(0, 0),
140
- grid: new Map(),
141
- columnWidth: new Map(),
142
- rowHeight: new Map(),
143
- subgraphs,
144
- config,
145
- offsetX: 0,
146
- offsetY: 0,
147
- bundles: [], // Populated by analyzeEdgeBundles() during layout
148
- trunkJunctions: [], // Populated by sibling trunk-sharing post-processing
149
- }
150
- }
151
-
152
- function collectSubgraphIds(subgraphs: MermaidSubgraph[]): Set<string> {
153
- const ids = new Set<string>()
154
- const visit = (sgs: MermaidSubgraph[]) => {
155
- for (const sg of sgs) {
156
- ids.add(sg.id)
157
- visit(sg.children)
158
- }
159
- }
160
- visit(subgraphs)
161
- return ids
162
- }
163
-
164
- function chooseSubgraphAnchor(
165
- parsed: MermaidGraph,
166
- sg: AsciiSubgraph,
167
- side: 'in' | 'out',
168
- ): AsciiNode | undefined {
169
- const ids = new Set(sg.nodes.map(n => n.name))
170
- if (ids.size === 0) return undefined
171
-
172
- const internalIn = new Set<string>()
173
- const internalOut = new Set<string>()
174
- for (const edge of parsed.edges) {
175
- if (ids.has(edge.source) && ids.has(edge.target)) {
176
- internalOut.add(edge.source)
177
- internalIn.add(edge.target)
178
- }
179
- }
180
-
181
- const preferred = side === 'in'
182
- ? sg.nodes.filter(n => !internalIn.has(n.name))
183
- : sg.nodes.filter(n => !internalOut.has(n.name))
184
- return preferred[0] ?? sg.nodes[0]
185
- }
186
-
187
- /**
188
- * Recursively convert a MermaidSubgraph to AsciiSubgraph.
189
- * Flattens the tree into the subgraphs array while maintaining parent/child references.
190
- * This matches the Go implementation where all subgraphs are in a flat list
191
- * but linked via parent/children pointers.
192
- */
193
- function convertSubgraph(
194
- mSg: MermaidSubgraph,
195
- parent: AsciiSubgraph | null,
196
- nodeMap: Map<string, AsciiNode>,
197
- allSubgraphs: AsciiSubgraph[],
198
- ): AsciiSubgraph {
199
- // Normalize subgraph direction: BT→TD, RL→LR (same as root graph normalization)
200
- let normalizedDirection: 'LR' | 'TD' | undefined
201
- if (mSg.direction) {
202
- normalizedDirection = (mSg.direction === 'LR' || mSg.direction === 'RL') ? 'LR' : 'TD'
203
- }
204
-
205
- const sg: AsciiSubgraph = {
206
- id: mSg.id,
207
- name: mSg.label,
208
- nodes: [],
209
- parent,
210
- children: [],
211
- minX: 0, minY: 0, maxX: 0, maxY: 0,
212
- direction: normalizedDirection,
213
- }
214
-
215
- // Resolve node references
216
- for (const nodeId of mSg.nodeIds) {
217
- const node = nodeMap.get(nodeId)
218
- if (node) sg.nodes.push(node)
219
- }
220
-
221
- allSubgraphs.push(sg)
222
-
223
- // Recurse into children
224
- for (const childMSg of mSg.children) {
225
- const child = convertSubgraph(childMSg, sg, nodeMap, allSubgraphs)
226
- sg.children.push(child)
227
-
228
- // Child nodes are also part of parent subgraphs (Go behavior).
229
- // The Go parser adds nodes to ALL subgraphs in the stack, so a nested
230
- // node belongs to both the inner and outer subgraph.
231
- for (const childNode of child.nodes) {
232
- if (!sg.nodes.includes(childNode)) {
233
- sg.nodes.push(childNode)
234
- }
235
- }
236
- }
237
-
238
- return sg
239
- }
240
-
241
- /**
242
- * Deduplicate subgraph node membership to match Go parser behavior.
243
- *
244
- * The Go parser only adds a node to the subgraph that was active when the node
245
- * was FIRST CREATED. If a node is later referenced inside a different subgraph,
246
- * it is NOT added to that subgraph. The TS parser is more permissive — it adds
247
- * referenced nodes to whichever subgraph they appear in.
248
- *
249
- * This function fixes the discrepancy by:
250
- * 1. Walking the edges to determine which nodes were first created inside each subgraph
251
- * 2. Removing nodes from subgraphs where they weren't first created
252
- */
253
- function deduplicateSubgraphNodes(
254
- mermaidSubgraphs: MermaidSubgraph[],
255
- asciiSubgraphs: AsciiSubgraph[],
256
- nodeMap: Map<string, AsciiNode>,
257
- parsed: MermaidGraph,
258
- ): void {
259
- // Build a map from MermaidSubgraph to its corresponding AsciiSubgraph.
260
- // The ordering matches since we convert them in the same order.
261
- const sgMap = new Map<MermaidSubgraph, AsciiSubgraph>()
262
- buildSgMap(mermaidSubgraphs, asciiSubgraphs, sgMap)
263
-
264
- // Determine which subgraph each node was "first defined" in.
265
- // A node is first defined in the subgraph where it first appears as a NEW node
266
- // in the ordered edge/node list. We approximate this by checking the global
267
- // node insertion order against subgraph membership.
268
- const nodeOwner = new Map<string, AsciiSubgraph>() // nodeId → owning subgraph
269
-
270
- // Walk all mermaid subgraphs in document order. For each subgraph,
271
- // claim nodes that haven't been claimed yet by any previous subgraph.
272
- function claimNodes(mSg: MermaidSubgraph): void {
273
- const asciiSg = sgMap.get(mSg)
274
- if (!asciiSg) return
275
-
276
- // Recurse into children first (they appear before parent in the Go parser stack,
277
- // but nodes defined in children are added to parent too — this is handled by
278
- // the convertSubgraph function which propagates child nodes to parents).
279
- // For dedup, we process children first so their claims propagate up correctly.
280
- for (const child of mSg.children) {
281
- claimNodes(child)
282
- }
283
-
284
- // Claim unclaimed nodes in this subgraph
285
- for (const nodeId of mSg.nodeIds) {
286
- if (!nodeOwner.has(nodeId)) {
287
- nodeOwner.set(nodeId, asciiSg)
288
- }
289
- }
290
- }
291
-
292
- for (const mSg of mermaidSubgraphs) {
293
- claimNodes(mSg)
294
- }
295
-
296
- // Now remove nodes from subgraphs that don't own them.
297
- // A node should remain in: its owner subgraph + all ancestors of the owner.
298
- for (const asciiSg of asciiSubgraphs) {
299
- asciiSg.nodes = asciiSg.nodes.filter(node => {
300
- // Find this node's ID in the nodeMap
301
- let nodeId: string | undefined
302
- for (const [id, n] of nodeMap) {
303
- if (n === node) { nodeId = id; break }
304
- }
305
- if (!nodeId) return false
306
-
307
- const owner = nodeOwner.get(nodeId)
308
- if (!owner) return true // not in any subgraph claim — keep as-is
309
-
310
- // Keep the node if this subgraph is the owner or an ancestor of the owner
311
- return isAncestorOrSelf(asciiSg, owner)
312
- })
313
- }
314
- }
315
-
316
- /**
317
- * BUILD-14: Resolve edges whose endpoint id is a subgraph id.
318
- *
319
- * The TS parser auto-creates a leaf node for every edge endpoint, so an edge
320
- * to/from a subgraph id (e.g. `Start --> Pipeline` where `Pipeline` is a
321
- * subgraph) produces a redundant "phantom" node sharing the subgraph's id.
322
- * The SVG/ELK path filters these and attaches such edges to the container via
323
- * hierarchical ports; the ASCII path used to render the phantom as a real box.
324
- *
325
- * This function detects phantom nodes (a node whose id matches a subgraph id and
326
- * which is not itself a member of any subgraph) and, for each edge touching one:
327
- * 1. retargets the edge onto a representative member of the container so the
328
- * grid layout routes it toward the container, and
329
- * 2. records the container on the edge (attachFromSubgraph / attachToSubgraph)
330
- * so the renderer clips the visible edge to the container border.
331
- *
332
- * Returns the set of phantom node ids that should be removed from the node list.
333
- * Edge semantics are preserved: the visible terminal is the container border,
334
- * not an arbitrary inner node.
335
- */
336
- function resolveSubgraphEdges(
337
- parsed: MermaidGraph,
338
- edges: AsciiEdge[],
339
- asciiSubgraphs: AsciiSubgraph[],
340
- ): Set<string> {
341
- const phantoms = new Set<string>()
342
- if (asciiSubgraphs.length === 0) return phantoms
343
-
344
- // Map subgraph id → AsciiSubgraph.
345
- const sgById = new Map<string, AsciiSubgraph>()
346
- for (const sg of asciiSubgraphs) sgById.set(sg.id, sg)
347
- if (sgById.size === 0) return phantoms
348
-
349
- // A node id is a member of some subgraph if it appears in any subgraph's
350
- // nodeIds in the parser graph (these are genuine inner nodes, never phantoms).
351
- const memberIds = new Set<string>()
352
- const collectMembers = (sg: MermaidSubgraph): void => {
353
- for (const id of sg.nodeIds) memberIds.add(id)
354
- for (const child of sg.children) collectMembers(child)
355
- }
356
- for (const sg of parsed.subgraphs) collectMembers(sg)
357
-
358
- // A phantom is a node whose id matches a subgraph id, is NOT a genuine member
359
- // node, and was auto-created (its label equals its id — no explicit label).
360
- // The label guard pins the id-collision edge case: if the author explicitly
361
- // gave the id a distinct label, treat it as a real node, not a container ref.
362
- const isPhantom = (id: string): boolean => {
363
- if (!sgById.has(id) || memberIds.has(id)) return false
364
- const mNode = parsed.nodes.get(id)
365
- return !mNode || mNode.label === id
366
- }
367
-
368
- for (const edge of edges) {
369
- const fromSg = isPhantom(edge.from.name) ? sgById.get(edge.from.name) : undefined
370
- const toSg = isPhantom(edge.to.name) ? sgById.get(edge.to.name) : undefined
371
-
372
- if (toSg) {
373
- const anchor = pickContainerAnchor(toSg, parsed, 'entry')
374
- if (anchor && anchor !== edge.from) {
375
- phantoms.add(edge.to.name)
376
- edge.to = anchor
377
- edge.attachToSubgraph = toSg
378
- }
379
- }
380
- if (fromSg) {
381
- const anchor = pickContainerAnchor(fromSg, parsed, 'exit')
382
- if (anchor && anchor !== edge.to) {
383
- phantoms.add(edge.from.name)
384
- edge.from = anchor
385
- edge.attachFromSubgraph = fromSg
386
- }
387
- }
388
- }
389
-
390
- // Only remove phantom nodes that are no longer referenced by any edge as a
391
- // real endpoint (every touching edge was successfully retargeted).
392
- for (const id of [...phantoms]) {
393
- const stillUsed = edges.some(e => e.from.name === id || e.to.name === id)
394
- if (stillUsed) phantoms.delete(id)
395
- }
396
-
397
- return phantoms
398
- }
399
-
400
- /**
401
- * Choose a representative member node of a container to anchor a container edge.
402
- * For an incoming edge we prefer an "entry" node (no incoming edge from another
403
- * member); for an outgoing edge an "exit" node (no outgoing edge to another
404
- * member). Falls back to the first member. Returns null if the container has no
405
- * placeable members (e.g. an empty subgraph).
406
- */
407
- function pickContainerAnchor(
408
- sg: AsciiSubgraph,
409
- parsed: MermaidGraph,
410
- role: 'entry' | 'exit',
411
- ): AsciiNode | null {
412
- const members = collectContainerMembers(sg)
413
- if (members.length === 0) return null
414
- const memberSet = new Set(members.map(n => n.name))
415
-
416
- for (const node of members) {
417
- let isBoundary = true
418
- for (const edge of parsed.edges) {
419
- if (role === 'entry' && edge.target === node.name && memberSet.has(edge.source)) {
420
- isBoundary = false
421
- break
422
- }
423
- if (role === 'exit' && edge.source === node.name && memberSet.has(edge.target)) {
424
- isBoundary = false
425
- break
426
- }
427
- }
428
- if (isBoundary) return node
429
- }
430
- return members[0]!
431
- }
432
-
433
- /** Collect all member nodes of a container, including nested children. */
434
- function collectContainerMembers(sg: AsciiSubgraph): AsciiNode[] {
435
- const out: AsciiNode[] = [...sg.nodes]
436
- for (const child of sg.children) {
437
- for (const n of collectContainerMembers(child)) {
438
- if (!out.includes(n)) out.push(n)
439
- }
440
- }
441
- return out
442
- }
443
-
444
- /** Check if `candidate` is the same as or an ancestor of `target`. */
445
- function isAncestorOrSelf(candidate: AsciiSubgraph, target: AsciiSubgraph): boolean {
446
- let current: AsciiSubgraph | null = target
447
- while (current !== null) {
448
- if (current === candidate) return true
449
- current = current.parent
450
- }
451
- return false
452
- }
453
-
454
- /** Build a mapping from MermaidSubgraph → AsciiSubgraph (matching by position). */
455
- function buildSgMap(
456
- mSgs: MermaidSubgraph[],
457
- aSgs: AsciiSubgraph[],
458
- result: Map<MermaidSubgraph, AsciiSubgraph>,
459
- ): void {
460
- // The asciiSubgraphs array is flat (all subgraphs including nested ones),
461
- // while mermaidSubgraphs is hierarchical. We need to flatten the mermaid tree
462
- // in the same order the converter processes them (pre-order DFS).
463
- const flatMermaid: MermaidSubgraph[] = []
464
- function flatten(sgs: MermaidSubgraph[]): void {
465
- for (const sg of sgs) {
466
- flatMermaid.push(sg)
467
- flatten(sg.children)
468
- }
469
- }
470
- flatten(mSgs)
471
-
472
- for (let i = 0; i < flatMermaid.length && i < aSgs.length; i++) {
473
- result.set(flatMermaid[i]!, aSgs[i]!)
474
- }
475
- }