agentic-mermaid 0.1.0 → 0.1.2

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 (333) hide show
  1. package/CHANGELOG.md +149 -4
  2. package/LICENSES/Apache-2.0.txt +202 -0
  3. package/README.md +25 -32
  4. package/THIRD_PARTY_NOTICES.md +29 -0
  5. package/assets/fonts/FONT-LICENSES.md +9 -5
  6. package/assets/fonts/Inter-Bold.ttf +0 -0
  7. package/assets/fonts/Inter-Medium.ttf +0 -0
  8. package/assets/fonts/Inter-Regular.ttf +0 -0
  9. package/assets/fonts/Inter-SemiBold.ttf +0 -0
  10. package/dist/agent-core.d.ts +463 -0
  11. package/dist/agent-core.js +397 -0
  12. package/dist/agent.d.ts +81 -1822
  13. package/dist/agent.js +336 -36839
  14. package/dist/agentic-mermaid-mcp.js +7 -37908
  15. package/dist/am.js +33638 -36261
  16. package/dist/chunk-4QECACIA.js +4702 -0
  17. package/dist/chunk-CDPKJ2BQ.js +37 -0
  18. package/dist/chunk-QKDLMOJJ.js +3487 -0
  19. package/dist/chunk-WI35L7IR.js +615 -0
  20. package/dist/chunk-WN3YDOBG.js +149 -0
  21. package/dist/chunk-ZYMMKQ3I.js +62637 -0
  22. package/dist/index-D54dqSdC.d.ts +6777 -0
  23. package/dist/index.d.ts +1 -1
  24. package/dist/index.js +310 -32836
  25. package/dist/mcp-cli-SBQSTJFC.js +17 -0
  26. package/docs/README.md +14 -6
  27. package/docs/schemas/style-spec.schema.json +1221 -30
  28. package/examples/styles/catalog.json +54 -0
  29. package/examples/styles/cloudflare-workers-inspired-prototype.mmd +9 -0
  30. package/examples/styles/cloudflare-workers-inspired-prototype.style.json +110 -0
  31. package/examples/styles/cupertino-prototype.mmd +10 -0
  32. package/examples/styles/cupertino-prototype.style.json +63 -0
  33. package/examples/styles/mid-century-report.style.json +2 -2
  34. package/examples/styles/star-chart-atlas.style.json +2 -1
  35. package/examples/styles/transit-route-map.style.json +2 -2
  36. package/examples/styles/vercel-inspired-prototype.mmd +6 -0
  37. package/examples/styles/vercel-inspired-prototype.style.json +87 -0
  38. package/package.json +70 -43
  39. package/server.json +41 -0
  40. package/skills/agentic-mermaid-diagram-workflow/SKILL.md +17 -36
  41. package/skills/agentic-mermaid-diagram-workflow/references/cli.md +4 -5
  42. package/skills/agentic-mermaid-diagram-workflow/references/code-mode.md +15 -31
  43. package/skills/agentic-mermaid-diagram-workflow/references/sequence.md +10 -14
  44. package/skills/agentic-mermaid-live-editor/SKILL.md +100 -206
  45. package/AGENT_NATIVE.md +0 -602
  46. package/Instructions_for_agents.md +0 -83
  47. package/TODO.md +0 -662
  48. package/assets/hero.png +0 -0
  49. package/dist/index-x2Cj1dVv.d.ts +0 -1089
  50. package/docs/agent-api-cookbook.md +0 -308
  51. package/docs/agent-mutation-policy.md +0 -104
  52. package/docs/agent-workflow-examples.md +0 -46
  53. package/docs/api.md +0 -203
  54. package/docs/ascii.md +0 -103
  55. package/docs/assets/improvements/box-start-connector.png +0 -0
  56. package/docs/assets/improvements/comment-dropped-lint.png +0 -0
  57. package/docs/assets/improvements/er-content-loss.png +0 -0
  58. package/docs/assets/improvements/fan-in-trunks.png +0 -0
  59. package/docs/assets/improvements/gantt-family.png +0 -0
  60. package/docs/assets/improvements/gantt-milestone-clamp.png +0 -0
  61. package/docs/assets/improvements/gantt-verify-seam.png +0 -0
  62. package/docs/assets/improvements/subgraph-container-edges.png +0 -0
  63. package/docs/assets/improvements/wrapper-frontmatter.png +0 -0
  64. package/docs/assets/improvements/wrapper-init-directive.png +0 -0
  65. package/docs/assets/improvements/wrapper-leading-comment.png +0 -0
  66. package/docs/assets/style-cookbook/mid-century-report.png +0 -0
  67. package/docs/assets/style-cookbook/star-chart-atlas.png +0 -0
  68. package/docs/assets/style-cookbook/transit-route-map.png +0 -0
  69. package/docs/comparison.md +0 -94
  70. package/docs/config.md +0 -105
  71. package/docs/contributing/adding-diagram-types.md +0 -144
  72. package/docs/contributing/diagram-family-citizenship.matrix.json +0 -2127
  73. package/docs/contributing/diagram-family-citizenship.md +0 -82
  74. package/docs/contributing/harvesting-upstream-tests.md +0 -126
  75. package/docs/contributing/lessons-learned.md +0 -276
  76. package/docs/contributing/releasing.md +0 -71
  77. package/docs/contributing/visual-review-evidence.md +0 -53
  78. package/docs/custom-style-cookbook.md +0 -154
  79. package/docs/design/families/README.md +0 -26
  80. package/docs/design/families/architecture-beta.md +0 -48
  81. package/docs/design/families/flowchart-parser-conformance.md +0 -22
  82. package/docs/design/families/gantt-research.md +0 -137
  83. package/docs/design/families/gantt.md +0 -329
  84. package/docs/design/families/journey-agentic-cards-before.png +0 -0
  85. package/docs/design/families/journey-mermaid-classic-implementation.png +0 -0
  86. package/docs/design/families/journey-mermaid-classic-prototype.png +0 -0
  87. package/docs/design/families/journey-mermaid-classic-prototype.svg +0 -163
  88. package/docs/design/families/journey-mermaid-classic-prototype.svg.png +0 -0
  89. package/docs/design/families/journey-migration-parity.md +0 -433
  90. package/docs/design/families/journey-usage-research.md +0 -423
  91. package/docs/design/families/journey.md +0 -125
  92. package/docs/design/families/xychart.md +0 -85
  93. package/docs/design/system/README.md +0 -45
  94. package/docs/design/system/abstraction-audit.md +0 -224
  95. package/docs/design/system/abstraction-recommendations.md +0 -655
  96. package/docs/design/system/architecture.mmd +0 -29
  97. package/docs/design/system/architecture.svg +0 -137
  98. package/docs/design/system/layout-guarantees-and-robustness.md +0 -351
  99. package/docs/design/system/layout-rubric.md +0 -138
  100. package/docs/design/system/route-contracts.md +0 -848
  101. package/docs/design/system/source-preservation-ladder.md +0 -52
  102. package/docs/design/system/styles-rollout.md +0 -216
  103. package/docs/design/system/ugly-layouts.md +0 -119
  104. package/docs/diagram-families.md +0 -193
  105. package/docs/features.md +0 -147
  106. package/docs/fork-differences.md +0 -130
  107. package/docs/getting-started.md +0 -175
  108. package/docs/issue-derived-test-cases.md +0 -156
  109. package/docs/layout-characterization/README.md +0 -245
  110. package/docs/layout-characterization/contact-sheet-families.md +0 -496
  111. package/docs/layout-characterization/contact-sheet.md +0 -638
  112. package/docs/layout-characterization/properties.md +0 -281
  113. package/docs/layout-characterization/visual-quality.md +0 -160
  114. package/docs/layout-characterization/visual-snapshots/architecture.svg +0 -79
  115. package/docs/layout-characterization/visual-snapshots/class.svg +0 -60
  116. package/docs/layout-characterization/visual-snapshots/er.svg +0 -61
  117. package/docs/layout-characterization/visual-snapshots/flowchart.svg +0 -58
  118. package/docs/layout-characterization/visual-snapshots/gantt.svg +0 -52
  119. package/docs/layout-characterization/visual-snapshots/journey.svg +0 -118
  120. package/docs/layout-characterization/visual-snapshots/pie.svg +0 -36
  121. package/docs/layout-characterization/visual-snapshots/quadrant.svg +0 -47
  122. package/docs/layout-characterization/visual-snapshots/sequence.svg +0 -59
  123. package/docs/layout-characterization/visual-snapshots/state.svg +0 -52
  124. package/docs/layout-characterization/visual-snapshots/timeline.svg +0 -64
  125. package/docs/layout-characterization/visual-snapshots/xychart.svg +0 -97
  126. package/docs/mcp-code-mode-rationale.md +0 -101
  127. package/docs/mcp-http-transport.md +0 -223
  128. package/docs/mermaid-layout-complaints.md +0 -837
  129. package/docs/mutation-testing.md +0 -206
  130. package/docs/project/divergences.md +0 -98
  131. package/docs/project/dogfooding-docs-strategy.md +0 -66
  132. package/docs/project/hosted-mcp-cloudflare-plan.md +0 -338
  133. package/docs/project/lessons-learned.md +0 -1019
  134. package/docs/project/remove-role-styling-plan.md +0 -176
  135. package/docs/quality.md +0 -212
  136. package/docs/react.md +0 -97
  137. package/docs/style-authoring.md +0 -133
  138. package/docs/testing-strategy.md +0 -335
  139. package/docs/theming.md +0 -162
  140. package/examples/agent-improve-auth-flow.ts +0 -206
  141. package/examples/agent-loop.ts +0 -53
  142. package/examples/mcp-vs-cli-complex-diagrams.ts +0 -133
  143. package/llms.txt +0 -104
  144. package/skill-evals/README.md +0 -77
  145. package/skill-evals/fixtures/architecture-cache/input.mmd +0 -5
  146. package/skill-evals/fixtures/class-payment/input.mmd +0 -4
  147. package/skill-evals/fixtures/er-orders/input.mmd +0 -10
  148. package/skill-evals/fixtures/flowchart-cache/input.mmd +0 -3
  149. package/skill-evals/fixtures/gantt-release/input.mmd +0 -7
  150. package/skill-evals/fixtures/journey-checkout/input.mmd +0 -6
  151. package/skill-evals/fixtures/pie-exports/input.mmd +0 -5
  152. package/skill-evals/fixtures/quadrant-priorities/input.mmd +0 -11
  153. package/skill-evals/fixtures/sequence-retry/input.mmd +0 -8
  154. package/skill-evals/fixtures/state-lifecycle/input.mmd +0 -5
  155. package/skill-evals/fixtures/timeline-release/input.mmd +0 -6
  156. package/skill-evals/fixtures/xychart-growth/input.mmd +0 -5
  157. package/skill-evals/shared-benchmark.json +0 -510
  158. package/src/agent/analyze.ts +0 -157
  159. package/src/agent/apply.ts +0 -146
  160. package/src/agent/architecture-body.ts +0 -458
  161. package/src/agent/certificates.ts +0 -110
  162. package/src/agent/class-body.ts +0 -319
  163. package/src/agent/core.ts +0 -207
  164. package/src/agent/create.ts +0 -106
  165. package/src/agent/describe.ts +0 -364
  166. package/src/agent/er-body.ts +0 -224
  167. package/src/agent/facts.ts +0 -337
  168. package/src/agent/families-builtin.ts +0 -934
  169. package/src/agent/families.ts +0 -232
  170. package/src/agent/family-layouts.ts +0 -826
  171. package/src/agent/flowchart-body.ts +0 -372
  172. package/src/agent/flowchart-unsupported.ts +0 -243
  173. package/src/agent/gantt-body.ts +0 -495
  174. package/src/agent/index.ts +0 -10
  175. package/src/agent/journey-body.ts +0 -414
  176. package/src/agent/label-metrics.ts +0 -28
  177. package/src/agent/layout-to-rendered.ts +0 -63
  178. package/src/agent/mutate.ts +0 -97
  179. package/src/agent/mutation-ops.ts +0 -51
  180. package/src/agent/op-schema.ts +0 -439
  181. package/src/agent/parse.ts +0 -223
  182. package/src/agent/pie-body.ts +0 -270
  183. package/src/agent/png.ts +0 -117
  184. package/src/agent/quadrant-body.ts +0 -336
  185. package/src/agent/quality.ts +0 -363
  186. package/src/agent/readability-audit.ts +0 -92
  187. package/src/agent/rendered-route-audit.ts +0 -61
  188. package/src/agent/sequence-body.ts +0 -345
  189. package/src/agent/serialize.ts +0 -214
  190. package/src/agent/state-body.ts +0 -589
  191. package/src/agent/structural-count.ts +0 -150
  192. package/src/agent/timeline-body.ts +0 -280
  193. package/src/agent/trace-log.ts +0 -43
  194. package/src/agent/types.ts +0 -979
  195. package/src/agent/verify.ts +0 -571
  196. package/src/agent/xychart-body.ts +0 -472
  197. package/src/architecture/config.ts +0 -282
  198. package/src/architecture/layout.ts +0 -496
  199. package/src/architecture/parser.ts +0 -375
  200. package/src/architecture/renderer.ts +0 -611
  201. package/src/architecture/types.ts +0 -113
  202. package/src/ascii/ansi.ts +0 -423
  203. package/src/ascii/architecture.ts +0 -210
  204. package/src/ascii/canvas.ts +0 -443
  205. package/src/ascii/class-diagram.ts +0 -697
  206. package/src/ascii/converter.ts +0 -475
  207. package/src/ascii/draw.ts +0 -1693
  208. package/src/ascii/edge-bundling.ts +0 -328
  209. package/src/ascii/edge-routing.ts +0 -330
  210. package/src/ascii/er-diagram.ts +0 -439
  211. package/src/ascii/gantt.ts +0 -276
  212. package/src/ascii/grid.ts +0 -747
  213. package/src/ascii/index.ts +0 -196
  214. package/src/ascii/journey.ts +0 -189
  215. package/src/ascii/meta.ts +0 -244
  216. package/src/ascii/multiline-utils.ts +0 -80
  217. package/src/ascii/pathfinder.ts +0 -301
  218. package/src/ascii/pie.ts +0 -67
  219. package/src/ascii/quadrant.ts +0 -158
  220. package/src/ascii/reverse.ts +0 -216
  221. package/src/ascii/sequence.ts +0 -499
  222. package/src/ascii/shapes/circle.ts +0 -27
  223. package/src/ascii/shapes/corners.ts +0 -143
  224. package/src/ascii/shapes/diamond.ts +0 -27
  225. package/src/ascii/shapes/hexagon.ts +0 -27
  226. package/src/ascii/shapes/index.ts +0 -106
  227. package/src/ascii/shapes/rectangle.ts +0 -168
  228. package/src/ascii/shapes/rounded.ts +0 -27
  229. package/src/ascii/shapes/special.ts +0 -332
  230. package/src/ascii/shapes/stadium.ts +0 -110
  231. package/src/ascii/shapes/state.ts +0 -192
  232. package/src/ascii/shapes/types.ts +0 -73
  233. package/src/ascii/timeline.ts +0 -128
  234. package/src/ascii/types.ts +0 -312
  235. package/src/ascii/validate.ts +0 -120
  236. package/src/ascii/width.ts +0 -81
  237. package/src/ascii/xychart.ts +0 -919
  238. package/src/browser.ts +0 -29
  239. package/src/class/layout.ts +0 -240
  240. package/src/class/parser.ts +0 -332
  241. package/src/class/renderer.ts +0 -638
  242. package/src/class/types.ts +0 -129
  243. package/src/cli/agent-instructions.ts +0 -1
  244. package/src/cli/am-bin.ts +0 -6
  245. package/src/cli/exit-codes.ts +0 -18
  246. package/src/cli/index.ts +0 -1117
  247. package/src/cli/init-agent.ts +0 -147
  248. package/src/color-resolver.ts +0 -152
  249. package/src/elk-instance.ts +0 -114
  250. package/src/er/layout.ts +0 -187
  251. package/src/er/parser.ts +0 -226
  252. package/src/er/renderer.ts +0 -792
  253. package/src/er/types.ts +0 -99
  254. package/src/font-manifest.ts +0 -27
  255. package/src/gantt/layout.ts +0 -365
  256. package/src/gantt/parser.ts +0 -282
  257. package/src/gantt/pipeline.ts +0 -27
  258. package/src/gantt/renderer.ts +0 -414
  259. package/src/gantt/schedule.ts +0 -513
  260. package/src/gantt/types.ts +0 -255
  261. package/src/index.ts +0 -368
  262. package/src/journey/layout.ts +0 -520
  263. package/src/journey/parser.ts +0 -218
  264. package/src/journey/renderer.ts +0 -811
  265. package/src/journey/types.ts +0 -144
  266. package/src/layout/geometry.ts +0 -182
  267. package/src/layout/pass.ts +0 -142
  268. package/src/layout/passes/index.ts +0 -3916
  269. package/src/layout-engine.ts +0 -1565
  270. package/src/layout-rubric.ts +0 -659
  271. package/src/mcp/artifacts.ts +0 -137
  272. package/src/mcp/dynamic-harness.ts +0 -31
  273. package/src/mcp/dynamic-modules.d.ts +0 -7
  274. package/src/mcp/facade.ts +0 -608
  275. package/src/mcp/harness-runtime.ts +0 -203
  276. package/src/mcp/hosted-server.ts +0 -468
  277. package/src/mcp/mcp-bin.ts +0 -3
  278. package/src/mcp/mcp-cli.ts +0 -82
  279. package/src/mcp/protocol.ts +0 -13
  280. package/src/mcp/sandbox.ts +0 -195
  281. package/src/mcp/sdk-decl.ts +0 -387
  282. package/src/mcp/server.ts +0 -362
  283. package/src/mcp/tool-surface.ts +0 -146
  284. package/src/mermaid-source.ts +0 -655
  285. package/src/multiline-utils.ts +0 -228
  286. package/src/parser.ts +0 -1031
  287. package/src/pie/layout.ts +0 -168
  288. package/src/pie/parser.ts +0 -136
  289. package/src/pie/renderer.ts +0 -234
  290. package/src/pie/types.ts +0 -82
  291. package/src/quadrant/layout.ts +0 -191
  292. package/src/quadrant/parser.ts +0 -183
  293. package/src/quadrant/renderer.ts +0 -322
  294. package/src/quadrant/types.ts +0 -113
  295. package/src/render-family-hooks.ts +0 -244
  296. package/src/renderer.ts +0 -1099
  297. package/src/route-contracts.ts +0 -2723
  298. package/src/scene/backend.ts +0 -76
  299. package/src/scene/fidelity.ts +0 -183
  300. package/src/scene/hybrid-backend.ts +0 -174
  301. package/src/scene/ir.ts +0 -181
  302. package/src/scene/marks.ts +0 -127
  303. package/src/scene/rough-backend.ts +0 -378
  304. package/src/scene/seed.ts +0 -46
  305. package/src/scene/style-registry.ts +0 -556
  306. package/src/sequence/layout.ts +0 -456
  307. package/src/sequence/parser.ts +0 -255
  308. package/src/sequence/renderer.ts +0 -604
  309. package/src/sequence/types.ts +0 -154
  310. package/src/shape-clipping.ts +0 -351
  311. package/src/shared/accessibility-directives.ts +0 -22
  312. package/src/shared/batched.ts +0 -61
  313. package/src/shared/color-math.ts +0 -72
  314. package/src/shared/svg-a11y.ts +0 -29
  315. package/src/shared/syntax-error.ts +0 -17
  316. package/src/shared/unicode-ranges.ts +0 -135
  317. package/src/styles.ts +0 -318
  318. package/src/svg-paths.ts +0 -28
  319. package/src/text-metrics.ts +0 -248
  320. package/src/theme.ts +0 -639
  321. package/src/timeline/layout.ts +0 -381
  322. package/src/timeline/parser.ts +0 -215
  323. package/src/timeline/renderer.ts +0 -538
  324. package/src/timeline/types.ts +0 -105
  325. package/src/types.ts +0 -454
  326. package/src/website-worker-modules.d.ts +0 -18
  327. package/src/xychart/axis-utils.ts +0 -109
  328. package/src/xychart/colors.ts +0 -124
  329. package/src/xychart/config.ts +0 -88
  330. package/src/xychart/layout.ts +0 -656
  331. package/src/xychart/parser.ts +0 -504
  332. package/src/xychart/renderer.ts +0 -640
  333. package/src/xychart/types.ts +0 -282
package/docs/ascii.md DELETED
@@ -1,103 +0,0 @@
1
- # ASCII and terminal output
2
-
3
- Agentic Mermaid can render Mermaid diagrams as terminal text. Unicode box drawing is the default; 7-bit ASCII is available for logs, email, CI output, and constrained terminals.
4
-
5
- ## Quick start
6
-
7
- ```ts
8
- import { renderMermaidASCII } from 'agentic-mermaid/agent'
9
-
10
- const unicode = renderMermaidASCII(`flowchart LR
11
- API --> DB`)
12
- const ascii = renderMermaidASCII(`flowchart LR
13
- API --> DB`, { useAscii: true })
14
- ```
15
-
16
- CLI:
17
-
18
- ```bash
19
- am render diagram.mmd --format ascii
20
- am render diagram.mmd --format unicode
21
- ```
22
-
23
- ## Options
24
-
25
- ```ts
26
- renderMermaidASCII(source, {
27
- useAscii: true,
28
- paddingX: 4,
29
- paddingY: 2,
30
- boxBorderPadding: 1,
31
- colorMode: 'none',
32
- })
33
- ```
34
-
35
- | Option | Type | Default | Meaning |
36
- |---|---|---:|---|
37
- | `useAscii` | `boolean` | `false` | Use `+`, `-`, `|` instead of Unicode box drawing. |
38
- | `paddingX` | `number` | `5` | Horizontal spacing between boxes. |
39
- | `paddingY` | `number` | `5` | Vertical spacing between layers. |
40
- | `boxBorderPadding` | `number` | `1` | Padding inside node boxes. |
41
- | `colorMode` | `string` | `'auto'` | `'none'`, `'auto'`, `'ansi16'`, `'ansi256'`, `'truecolor'`, or `'html'`. |
42
- | `theme` | `Partial<AsciiTheme>` | — | Override terminal colors. |
43
- | `mermaidConfig` | `MermaidRuntimeConfig` | — | Mermaid-style runtime config. |
44
-
45
- ## ASCII with metadata
46
-
47
- Agents and TUIs can use `renderMermaidASCIIWithMeta` to map terminal cells back to diagram regions:
48
-
49
- ```ts
50
- import { renderMermaidASCIIWithMeta } from 'agentic-mermaid/agent'
51
-
52
- const { ascii, regions, warnings, routeParity } = renderMermaidASCIIWithMeta(source)
53
- ```
54
-
55
- `regions` includes best-effort terminal spans for load-bearing node labels, edge labels where mapped, participant/task/chart labels, and subgraph label spans suitable for click mapping. It is not a full cell-by-cell box/edge hit-test tree yet. `routeParity` is an explicit V1 contract: ASCII/Unicode does not consume SVG route certificates directly; the converter seeds edges with shared `classifyRoutes()` route intent and the grid router maps that intent into terminal placement/routing. `warnings` reports structured degradation such as `ASCII_EDGE_REGION_UNMAPPED` when edge cell spans are not instrumented even though route drawing still follows the parity mapping.
56
-
57
- ## Reversing simple flowcharts
58
-
59
- ```ts
60
- import { asciiToMermaid } from 'agentic-mermaid/agent'
61
-
62
- const result = asciiToMermaid(ascii)
63
- if (result.ok) {
64
- const source = result.value // reconstructed Mermaid source
65
- }
66
- ```
67
-
68
- `asciiToMermaid` returns a `Result<string, ParseError[]>`: `result.value` holds the
69
- Mermaid source on success, and `result.error` lists parse errors (e.g. `NO_BOXES`)
70
- otherwise. This is best-effort and lossy. It is useful for simple linear flowcharts,
71
- not for reconstructing arbitrary Mermaid source.
72
-
73
- ## Supported families
74
-
75
- ASCII/Unicode output is available from the public entrypoints for:
76
-
77
- - flowchart/state
78
- - sequence
79
- - class
80
- - ER
81
- - timeline
82
- - journey
83
- - XY chart
84
- - architecture
85
- - pie
86
- - quadrant
87
- - gantt
88
-
89
- PNG output is separate: use `renderMermaidPNG(source)` or `am render --format png --output file.png` when a raster artifact is required.
90
-
91
- ## XY charts
92
-
93
- XY charts render to a compact terminal plot:
94
-
95
- ```ts
96
- const chart = renderMermaidASCII(`xychart-beta
97
- title "Latency"
98
- x-axis [p50, p95, p99]
99
- y-axis "ms" 0 --> 500
100
- line [50, 180, 420]`)
101
- ```
102
-
103
- Use SVG or PNG for publication-quality chart artifacts; use ASCII/Unicode for terminal summaries and agent-visible evidence.
@@ -1,94 +0,0 @@
1
- # Mermaid, Beautiful Mermaid, and Agentic Mermaid
2
-
3
- Use this page to decide which of the three projects fits your task. The
4
- table maps what each one can do; the sections after it name what only each
5
- one does, and the final section tells you which to install for common jobs.
6
-
7
- - **[Mermaid](https://github.com/mermaid-js/mermaid)** (`mermaid`) is the
8
- original. It defines the grammar that both other projects implement,
9
- supports roughly 25 diagram types, and is rendered natively by GitHub,
10
- GitLab, Notion, and Obsidian — which is why most diagrams-as-text you will
11
- encounter are written in its language.
12
- - **[Beautiful Mermaid](https://github.com/lukilabs/beautiful-mermaid)**
13
- (`beautiful-mermaid`, by Craft) re-implements Mermaid rendering as a
14
- synchronous TypeScript library: it computes layout itself and emits SVG
15
- strings, so it runs in Node, Bun, or an edge function with no browser and
16
- no Puppeteer. Its theming derives a full palette from two colors and
17
- accepts Shiki/VS Code themes directly, and it renders to ASCII/Unicode for
18
- terminals. It is the foundation this fork is built on.
19
- - **Agentic Mermaid** (`agentic-mermaid`, this repo) extends Beautiful
20
- Mermaid for programs that edit diagrams — AI agents foremost. It adds a
21
- typed parse → mutate → verify → serialize loop, byte-identical output
22
- across runs, structured verification, and CLI/MCP surfaces. The trade is
23
- explicit: 12 diagram families against Mermaid's ~25, in exchange for the
24
- guarantee that parsing and re-serializing a diagram never drops syntax.
25
-
26
- Facts below reflect Mermaid ~11.15 and the upstream `beautiful-mermaid`
27
- repository as of mid-2026; both projects move quickly, so check their
28
- changelogs for the current state.
29
-
30
- ## At a glance
31
-
32
- | | Mermaid | Beautiful Mermaid | Agentic Mermaid |
33
- |---|---|---|---|
34
- | Primary job | Define and render the diagram language everywhere | Fast, beautiful, browserless rendering | Agent-safe diagram *editing* plus rendering |
35
- | Runtime | Browser DOM (Node via Puppeteer/`mermaid-cli`) | Pure TypeScript, zero DOM, synchronous | Pure TypeScript, zero DOM, synchronous |
36
- | Diagram types | ~25 (flowchart, sequence, class, state, ER, gantt, pie, mindmap, gitgraph, timeline, journey, quadrant, sankey, xychart, block, packet, kanban, architecture, radar, treemap, venn, ishikawa, wardley, treeview, event modeling, …) | 6 (flowchart, state, sequence, class, ER, XY chart) | 12 (those 6 + timeline, journey, architecture, pie, quadrant, gantt) |
37
- | Output formats | SVG (PNG/PDF via CLI tooling) | SVG, ASCII/Unicode | SVG, PNG (offline resvg), ASCII/Unicode, JSON layout |
38
- | Theming | Theme config + CSS | Two-color foundation, 15+ named themes, Shiki/VS Code compatibility, live CSS-variable switching | Style + Palette stacks: named looks, palette-only styles, custom JSON records, and deterministic seeds |
39
- | Parse to a typed AST for editing | — (internal parser, not an editing API) | — (render-only API) | ✅ `parseMermaid` → typed `ValidDiagram` |
40
- | Typed mutation ops | — | — | ✅ 12 of 12 families (97 ops total), structured-or-opaque, never lossy |
41
- | Structural verification | — | — | ✅ 3 warning tiers + perceptual quality metrics, all families |
42
- | Deterministic output | Not a goal (browser/layout variance) | Mostly stable, not a tested guarantee | ✅ byte-identical across runs/processes, CI-gated |
43
- | Round-trip guarantee (parse → serialize keeps your source) | — | — | ✅ verbatim for unmodeled syntax, canonical for structured bodies |
44
- | CLI | `mermaid-cli` (`mmdc`, Puppeteer-based) | — | `am` (render/verify/mutate/batch/preview/…, single-binary build) |
45
- | MCP / agent surface | Official hosted MCP (validation, PNG, Mermaid Chart integration) | — | Local Code Mode MCP (`execute`, `render_png`, `describe`) plus hosted `/mcp` (`execute`, render/verify/describe, `mutate`/`build`), `llms.txt`, agent skill |
46
- | Interactivity (click handlers, animations) | ✅ | Partial (tooltips) | Inherited where upstream has it; not a focus |
47
- | Ecosystem & docs | Vast — the de-facto standard, GitHub/GitLab/Notion render it natively | Growing, popular for terminal/AI use | Small; this repo |
48
-
49
- ## What each does that the others don't
50
-
51
- **Only Mermaid:** the full diagram-type catalogue (gantt, mindmap, gitgraph,
52
- sankey, and the 11.x additions like kanban, radar, treemap, venn, wardley,
53
- treeview, event modeling); native rendering inside GitHub, GitLab, Notion,
54
- Obsidian, and hundreds of tools; the grammar itself — both other projects
55
- implement *Mermaid's* language, and compatibility with Mermaid is the
56
- correctness bar they measure against.
57
-
58
- **Only Beautiful Mermaid (vs Mermaid):** synchronous, dependency-light
59
- rendering with no browser; a deliberate two-color theming foundation with
60
- enriched palettes and Shiki theme compatibility; ASCII/Unicode terminal
61
- output. Agentic Mermaid inherits all of this — it is upstream's work, and
62
- credit belongs there.
63
-
64
- **Only Agentic Mermaid:** the typed editing loop. `parseMermaid` returns a
65
- sealed IR; family narrowers (`asFlowchart` … `asXyChart`) expose typed
66
- mutation ops; `verifyMermaid` returns structured warnings instead of asking
67
- an agent to eyeball pixels; `serializeMermaid` round-trips losslessly
68
- (structured-or-opaque: anything the parser doesn't model is preserved
69
- verbatim, never silently dropped). Plus offline PNG, JSON layout, an `am`
70
- CLI built for agents (exit codes, JSONL batch, `capabilities --json`
71
- self-discovery), a local Code Mode MCP server, a bounded hosted MCP endpoint
72
- for zero-install render/verify/describe and structured edits, and tested
73
- byte-identical determinism. Neither upstream project needed any of this: both serve humans who write
74
- diagrams once, while this surface serves programs that edit them repeatedly.
75
-
76
- ## Choosing
77
-
78
- - Rendering inside a web app, or you need mindmap/gitgraph/any family
79
- beyond the 12 here → **Mermaid**.
80
- - Fast, beautiful SVG/ASCII rendering of the core families in
81
- Node/Bun/terminal, render-only → **Beautiful Mermaid**.
82
- - An AI agent (or any program) needs to *edit* diagrams safely, verify them
83
- structurally, or guarantee reproducible output in CI → **Agentic Mermaid**.
84
-
85
- ## Compatibility notes
86
-
87
- Agentic Mermaid aims to parse what Mermaid parses for its supported
88
- families and to reject what Mermaid rejects (e.g. ER cardinality tokens
89
- match Mermaid's lexer exactly). Where this fork's renderer accepts a
90
- construct it cannot model for editing, the diagram still parses, renders,
91
- verifies, and round-trips — it just doesn't expose typed mutation for the
92
- unmodeled part. Upstream-relevant fixes are extracted into small PRs back to
93
- `lukilabs/beautiful-mermaid` per the
94
- [upstreaming strategy](./fork-differences.md#upstreaming-strategy).
package/docs/config.md DELETED
@@ -1,105 +0,0 @@
1
- # Mermaid config support
2
-
3
- Agentic Mermaid accepts Mermaid-style runtime config through explicit render options, YAML frontmatter, and `%%{init: ...}%%` / `%%{initialize: ...}%%` directives.
4
-
5
- Round-trip behavior: the agent surface preserves these source wrappers
6
- byte-verbatim — `parseMermaid → serializeMermaid` and every `mutate` re-emit
7
- the original frontmatter/directives/leading comments untouched, so a
8
- `config.layout`/`config.look` request written for Mermaid survives an
9
- Agentic Mermaid edit loop. Canonical wrapper synthesis (config-nested
10
- frontmatter, directives folded) is opt-in via
11
- `serializeMermaid(d, { wrapper: 'canonical' })` or `am format
12
- --canonical-wrapper`.
13
-
14
- ## Explicit config
15
-
16
- ```ts
17
- import { renderMermaidSVG } from 'agentic-mermaid'
18
-
19
- const svg = renderMermaidSVG(source, {
20
- mermaidConfig: {
21
- theme: 'base',
22
- themeVariables: {
23
- fontFamily: 'Inter, sans-serif',
24
- primaryColor: '#eef2ff',
25
- primaryTextColor: '#111827',
26
- lineColor: '#64748b',
27
- },
28
- },
29
- })
30
- ```
31
-
32
- Explicit options win over source-level config when both specify the same supported field.
33
-
34
- ## YAML frontmatter
35
-
36
- ```mermaid
37
- ---
38
- config:
39
- theme: base
40
- themeVariables:
41
- primaryColor: '#eef2ff'
42
- lineColor: '#64748b'
43
- ---
44
- flowchart TD
45
- A --> B
46
- ```
47
-
48
- ## Init directives
49
-
50
- ```mermaid
51
- %%{init: { "theme": "base", "themeVariables": { "fontFamily": "Inter" } }}%%
52
- flowchart TD
53
- A --> B
54
- ```
55
-
56
- Loose Mermaid-style object literals are accepted for documented config surfaces where Mermaid permits them.
57
-
58
- ## Supported config surfaces
59
-
60
- Top-level:
61
-
62
- - `theme`
63
- - `themeVariables`
64
- - `fontFamily`
65
- - `fontSize`
66
-
67
- (The composable look system is a *render option*, not Mermaid config:
68
- `RenderOptions.style` — name | JSON record | stack — and
69
- `RenderOptions.seed`; see `docs/style-authoring.md`. Mermaid
70
- `themeVariables` and explicit color options still win over a style's
71
- palette, preserving Mermaid compatibility.)
72
-
73
- Family-specific:
74
-
75
- - `xyChart.width`, `xyChart.height`, `xyChart.chartOrientation`, `xyChart.showDataLabel`, `xyChart.titlePadding`, `xyChart.xAxisLabelPadding`, `xyChart.yAxisLabelPadding`, `xyChart.plotReservedSpacePercent`, `xyChart.plotColorPalette`, `xyChart.useMaxWidth`, `xyChart.useWidth`
76
- - `architecture.padding`, `architecture.iconSize`, `architecture.fontSize`
77
- - `timeline.disableMulticolor`, `timeline.padding`, `timeline.sectionFontSize`, `timeline.periodFontSize`, `timeline.eventFontSize`
78
- - `gantt.displayMode` (`compact` packs non-overlapping tasks in a section into shared rows)
79
-
80
- Unsupported fields are preserved at the source level where possible, but only documented fields are interpreted by renderers.
81
-
82
- ## Security
83
-
84
- Use strict rendering for untrusted source:
85
-
86
- ```ts
87
- renderMermaidSVG(source, { security: 'strict' })
88
- ```
89
-
90
- Strict mode disables external-fetch references such as remote font imports. Agents should prefer strict mode unless the caller explicitly wants externally loaded fonts.
91
-
92
- ## PNG and config
93
-
94
- PNG renders from the same SVG pipeline, so supported Mermaid config affects PNG too:
95
-
96
- ```ts
97
- import { renderMermaidPNG } from 'agentic-mermaid/agent'
98
-
99
- const png = renderMermaidPNG(source, {
100
- fitTo: { width: 1200 },
101
- background: '#fff',
102
- })
103
- ```
104
-
105
- For offline/deterministic PNG generation, avoid external font imports by relying on the bundled font fallback or by rendering with strict/offline SVG options where applicable.
@@ -1,144 +0,0 @@
1
- # Adding Mermaid Diagram Types
2
-
3
- Use this guide when adding a diagram type that Mermaid supports but Agentic Mermaid does not yet render.
4
-
5
- ## Upstream Guidance
6
-
7
- Mermaid already documents the broad shape of a new diagram contribution:
8
-
9
- - [Mermaid: Adding a New Diagram/Chart](https://mermaid.js.org/community/new-diagram)
10
- - [Mermaid: Contributing](https://mermaid.js.org/community/contributing.html)
11
-
12
- Their guidance is useful for structure: new diagrams usually need parsing, rendering, styling, registration, examples, docs, and tests. They also call out cross-cutting concerns such as directives, accessibility, theming, and comments.
13
-
14
- That is necessary, but not sufficient for this repo. Agentic Mermaid also needs Mermaid syntax compatibility and output quality that matches the rest of the library.
15
-
16
- ## 1. Confirm The Target
17
-
18
- - Verify the diagram is already supported by Mermaid.
19
- - Verify it is not already routed in `src/index.ts` or `src/ascii/index.ts`.
20
- - Add the family to the type-checked built-in family metadata manifest in `src/agent/families.ts` first. `BUILTIN_FAMILY_METADATA` is the reviewer-facing list for shipped families and has a compile-time coverage assertion against `DiagramKind`.
21
- - Update the [diagram-family citizenship matrix](./diagram-family-citizenship.md) in the same PR: every citizenship surface must be marked `satisfied` with evidence or `exception` with a tracked follow-up.
22
- - Prefer Mermaid's stable header if Mermaid supports both stable and beta forms.
23
- - Write down any known Mermaid features you are intentionally not implementing yet. Those gaps must be documented in the PR before merge.
24
-
25
- ## 2. Start From Mermaid's Own Example
26
-
27
- Every new diagram PR should include at least one official Mermaid example.
28
-
29
- 1. Open the Mermaid syntax page for that diagram type.
30
- 2. Copy a representative example from the Mermaid site, ideally the main example a user is most likely to try first.
31
- 3. Add that exact Mermaid source to this repo's tests.
32
- 4. Render it with Agentic Mermaid and confirm the structure is recognizably similar to Mermaid's published example.
33
- 5. Commit both the example source and the rendered artifact used to verify it.
34
-
35
- For this repo, that usually means:
36
-
37
- - a test that renders the Mermaid docs example
38
- - a committed golden SVG in `src/__tests__/testdata/svg/` when SVG fidelity matters
39
- - a screenshot or SVG preview attached to the PR description so reviewers do not have to run the branch to judge the result
40
-
41
- If the Mermaid example uses syntax we do not support yet, pick the closest official example we can support now and call out the remaining gap explicitly.
42
-
43
- ## 3. Fit Agentic Mermaid's Architecture
44
-
45
- Prefer the same shape used by the existing diagram families:
46
-
47
- - `src/<type>/types.ts`
48
- - `src/<type>/parser.ts`
49
- - `src/<type>/layout.ts`
50
- - `src/<type>/renderer.ts`
51
- - `src/ascii/<type>.ts` when ASCII output is practical
52
- - routing in `src/index.ts` and `src/ascii/index.ts`
53
- - built-in family metadata in `src/agent/families.ts`
54
- - structured hooks in `src/agent/families-builtin.ts`
55
-
56
- Follow these repo standards:
57
-
58
- - Keep the parse -> layout -> render pipeline clean and deterministic.
59
- - Keep rendering DOM-free and synchronous.
60
- - Use shared theme helpers and CSS custom properties instead of hardcoded colors where theme tokens already exist.
61
- - Reuse existing text measurement, multiline, spacing, and escaping utilities before inventing new ones.
62
- - Match the repo's visual language: readable labels, balanced padding, clear hierarchy, and outputs that still look good across built-in themes and CSS-variable inputs.
63
- - If the diagram needs unusual rendering rules, add a short design note like [docs/design/families/xychart.md](../design/families/xychart.md).
64
-
65
- ## 4. Mermaid Compatibility Checklist
66
-
67
- Before merge, verify that the new diagram:
68
-
69
- - accepts Mermaid's documented header and supported syntax variants
70
- - handles comments, quoted labels, escaping, and multiline labels when they apply
71
- - respects Mermaid frontmatter or config for that diagram type when the syntax supports it
72
- - fails clearly for unsupported Mermaid syntax instead of silently mis-rendering it
73
- - uses Mermaid terminology in parser types and errors where practical
74
-
75
- ## 5. Required Tests
76
-
77
- New diagram support should normally include most of these layers:
78
-
79
- - An upstream test-suite harvest per [`harvesting-upstream-tests.md`](./harvesting-upstream-tests.md): vendor the family's mermaid grammar/semantics specs (and ASCII-fork inputs) into `eval/mermaid-<type>-bench/` with an executable exclusions ledger, and add the family's docs examples to the mermaid-docs corpus. For not-yet-built families, do the harvest BEFORE implementation — it surfaces the real semantics the docs omit.
80
- - Parser tests for valid syntax, invalid syntax, comments, quoted labels, multiline labels, and diagram-specific edge cases
81
- - Layout tests when layout rules are specialized, especially spacing, bounds, and overlap avoidance
82
- - Integration tests for parse -> layout -> render using a basic example, a realistic example, and an edge case
83
- - SVG snapshot or golden tests when visual structure matters, including at least one Mermaid docs example; follow [`visual-review-evidence.md`](./visual-review-evidence.md) for contact sheets, layout-compare, rubric galleries, and browser screenshot expectations
84
- - Theme and compatibility tests for dark/light themes, CSS variable inputs, and frontmatter/config handling where relevant
85
- - ASCII tests when ASCII rendering is supported, including Unicode mode and ASCII-safe mode; add exact fixtures under `src/__tests__/testdata/{ascii,unicode}/` and regenerate them with `bun run goldens:ascii`
86
- - Regression tests for easy-to-break behavior such as ordering, escaping, markers, label normalization, or routing
87
- - Sample coverage in `scripts/site/samples-data.ts` when the feature should appear on the visual samples page
88
- - Live editor coverage in `editor/js/examples.js`: add one basic example under the `Supported diagrams` category, add an explicit picker glyph, and let `src/__tests__/editor-examples.test.ts` prove it parses and renders. This is required for every registered built-in family, not just marketing-worthy ones.
89
- - Citizenship matrix coverage in `docs/contributing/diagram-family-citizenship.matrix.json`, with evidence paths for completed surfaces and tracked exceptions for deferred quality/compatibility work.
90
- - README updates for the new supported diagram type and any intentional compatibility gaps
91
-
92
- Use the existing naming pattern where possible:
93
-
94
- - `src/__tests__/<type>-parser.test.ts`
95
- - `src/__tests__/<type>-integration.test.ts`
96
- - `src/__tests__/<type>-ascii.test.ts`
97
- - `src/__tests__/<type>-layout.test.ts`
98
-
99
- Regression guard:
100
-
101
- - Confirm at least one new or changed test fails when the implementation is reverted or the new routing is removed.
102
- - Mention that verification in the PR description.
103
-
104
- ## 6. Commands To Run
105
-
106
- Run the checks that fit the change:
107
-
108
- - `bun test src/__tests__/`
109
- - `bun run goldens:ascii:check` if you added or changed ASCII/Unicode fixtures
110
- - `npm run build`
111
- - `bun run samples` if you added or changed visual samples
112
- - `bun run bench` if the diagram type adds meaningful layout or rendering cost
113
-
114
- ## 7. Agent-Native Typed Mutation (Required)
115
-
116
- Typed mutation is part of the definition of done for a new family, not a follow-up. Every renderable family ships a structured editing surface by default; source-level-only families are no longer accepted. Add, alongside the renderer pipeline above:
117
-
118
- - A body module `src/agent/<type>-body.ts` with a structured-or-opaque parser, a canonical serializer, a mutator (per-family ops), and a `verify` hook. Follow an existing module — `src/agent/journey-body.ts` (pilot), `src/agent/pie-body.ts`, or `src/agent/quadrant-body.ts` are clean templates.
119
- - Body + op types in `src/agent/types.ts` (e.g. `PieBody`, `PieMutationOp`), added to the `DiagramBody`, `AnyMutationOp`, and `MutableValidDiagram` unions, plus a narrower `as<Type>` and its `<Type>ValidDiagram` alias.
120
- - Structured hooks registered in `src/agent/families-builtin.ts` (replace any source-level-only registration), the narrower exported from `src/agent/index.ts`, and a `mutate` overload in `src/agent/mutate.ts`.
121
- - The surface sync the doc-sync tests enforce: `BUILTIN_FAMILY_METADATA` (`src/agent/families.ts`), `MUTATION_OPS_BY_FAMILY` (`src/cli/index.ts`), `SDK_DECLARATION` (`src/mcp/sdk-decl.ts`) + sandbox narrower wiring, `AGENT_NATIVE.md` op list and workflow, the `Instructions_for_agents.md` mirror + `llms.txt` regeneration, `am init-agent` generated snippets, editor examples, fixture-backed `skill-evals/shared-benchmark.json` cases, and the per-family docs/skill tables.
122
- - Tests: parse/narrow/mutate/verify/serialize, structured-or-opaque fallback cases (table-driven sad paths), a fast-check round-trip property test, and a differential test against the legacy renderer parser proving the canonical source you emit re-parses identically.
123
-
124
- **Structured-or-opaque law:** any line your parser does not model must be preserved verbatim (opaque fallback) — never silently dropped. Opaque bodies round-trip byte-verbatim; structured bodies serialize to canonical source and must be serialize-idempotent (parse → serialize → parse → serialize is byte-stable).
125
-
126
- **Wrapper law (1C):** the leading source wrapper — frontmatter block, `%%{init}%%`/`%%{initialize}%%` directives, `%%` comments before the header, blank lines — round-trips byte-verbatim through `serializeMermaid` and through mutation (`meta.wrapperSource`). Canonical wrapper synthesis (Mermaid's documented shape: `title`/`displayMode` top-level, everything else nested under `config:`, directives folded) is opt-in via `serializeMermaid(d, { wrapper: 'canonical' })` / `am format --canonical-wrapper`, and must never emit frontmatter Mermaid cannot read back (no flattened config keys).
127
-
128
- **In-body comment policy (2C):** structured bodies do not model in-body `%%` comments; their canonical serialization drops them, and that loss must be *announced* — parse records the casualties (`meta.droppedComments`, computed by diffing against the serialized output) and verify surfaces the Tier 3 `COMMENT_DROPPED` lint. Opaque bodies and preserved opaque segments keep comments verbatim. The destination state is segment-preserving comment retention (the BUILD-18 pattern); until a family ships that, dropping silently is a bug, dropping announced is the documented trade.
129
-
130
- **Enforcement:** the test `every registered renderable family ships typed mutation (default-by-default enforcement)` in `src/__tests__/agent-doc-sync.test.ts` fails CI if a registered family lacks mutate/serialize hooks, an ops declaration, or a narrower. A new family that registers source-level-only will not pass CI.
131
-
132
- ## 8. Definition Of Done
133
-
134
- A new Mermaid-backed diagram type is ready when:
135
-
136
- - Mermaid's official example renders with recognizably similar structure
137
- - the PR includes the example source and the rendered evidence used to review it
138
- - parser, integration, and regression coverage exist for the important syntax paths
139
- - specialized layout, renderer, theme, and ASCII behavior are covered when applicable
140
- - output quality matches the rest of Agentic Mermaid
141
- - the agent-native typed mutation surface from section 7 is wired and tested (the default-by-default enforcement test passes)
142
- - the live editor has a basic working example and explicit glyph for the family
143
- - the shared skill-eval manifest has at least one fixture-backed case tagged for the family
144
- - intentional gaps versus Mermaid are documented