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,589 +0,0 @@
1
- // ============================================================================
2
- // State diagram structured body (BUILD-19: promotes the state family from a
3
- // "parses AS flowchart" projection to a dedicated state IR with state-shaped
4
- // ops and a real `asState` narrower).
5
- //
6
- // Modeled grammar (mirrors the legacy renderer parser, src/parser.ts
7
- // parseStateDiagram — probed empirically, see BUILD-19 notes):
8
- // stateDiagram-v2 | stateDiagram
9
- // state "Description" as id — aliased simple state
10
- // id : Description — bare state description
11
- // from --> to [: label] — transition (from/to may be `[*]`)
12
- // [*] --> id — start pseudostate (source)
13
- // id --> [*] — end pseudostate (target)
14
- // state Composite { … } — composite block (nestable)
15
- // state "Label" as Composite { … } — aliased composite block
16
- // direction TD|TB|LR|BT|RL — top-level or per-composite direction
17
- //
18
- // `[*]` is NOT a state node: it is modeled CONTEXTUALLY as the reserved
19
- // endpoint id '[*]' on transitions, scoped per composite level — exactly as
20
- // the legacy parser disambiguates ([*] as a transition SOURCE = start
21
- // pseudostate, as a TARGET = end pseudostate). This avoids inventing the
22
- // `_start`/`_end` synthetic ids the flowchart projection produced.
23
- //
24
- // Structured-or-opaque: any non-blank, non-comment line that is NOT one of the
25
- // modeled forms returns null so the caller falls back to a lossless opaque
26
- // body. Deliberately UNMODELED (the legacy parser silently DROPS these, so a
27
- // structured model would be lossy): `<<fork>>/<<choice>>/<<join>>` markers,
28
- // history states, concurrency separators `--`, notes (`note … / end note`),
29
- // `classDef`/`class`/`:::` styling, bare `stateId` lines, and composite ids
30
- // containing hyphens (the legacy composite regex rejects them). Each of those
31
- // keeps the whole body opaque so it round-trips verbatim.
32
- //
33
- // Canonical serialization emits state DEFINITIONS before transitions, because
34
- // the legacy parser only applies a `state "…" as id` / `id : …` label when the
35
- // node does not yet exist (definition-before-use); a transition that mentions
36
- // the id first would otherwise pin the label to the bare id.
37
- // ============================================================================
38
-
39
- import { unknownOpMessage } from './mutation-ops.ts'
40
- import type {
41
- StateBody, StateNode, StateTransition, StateMutationOp,
42
- MutationError, Result, LayoutWarning, VerifyOptions,
43
- } from './types.ts'
44
- import { ok, err, DEFAULT_LABEL_CHAR_CAP } from './types.ts'
45
- import { labelOverflowWarning } from './label-metrics.ts'
46
- import { normalizeBrTags } from '../multiline-utils.ts'
47
-
48
- // ---- Identifiers ------------------------------------------------------------
49
- //
50
- // The reserved pseudostate endpoint. Mirrors mermaid's `[*]`.
51
- export const PSEUDO = '[*]'
52
-
53
- // Composite ids: the legacy composite regex is `[\w\p{L}]+` (NO hyphen).
54
- const COMPOSITE_ID_RE = /^[\w\p{L}]+$/u
55
- // Transition / description endpoint ids allow hyphens: `[\w\p{L}-]+`.
56
- const ENDPOINT_ID_RE = /^[\w\p{L}-]+$/u
57
-
58
- function isCompositeId(id: string): boolean {
59
- return COMPOSITE_ID_RE.test(id)
60
- }
61
- function isEndpointId(id: string): boolean {
62
- return id === PSEUDO || ENDPOINT_ID_RE.test(id)
63
- }
64
-
65
- // ---- Parser -----------------------------------------------------------------
66
-
67
- const DIRECTION_RE = /^direction\s+(TD|TB|LR|BT|RL)$/i
68
- const ALIAS_RE = /^state\s+"([^"]+)"\s+as\s+([\w\p{L}]+)\s*$/u
69
- const COMPOSITE_OPEN_RE = /^state\s+(?:"([^"]+)"\s+as\s+)?([\w\p{L}]+)\s*\{$/u
70
- const TRANSITION_RE = /^(\[\*\]|[\w\p{L}-]+)\s*-->\s*(\[\*\]|[\w\p{L}-]+)(?:\s*:\s*(.+))?$/u
71
- const DESC_RE = /^([\w\p{L}-]+)\s*:\s*(.+)$/u
72
-
73
- /** A mutable scope used during parsing — one per composite nesting level. */
74
- interface ParseScope {
75
- states: StateNode[]
76
- transitions: StateTransition[]
77
- byId: Map<string, StateNode>
78
- direction?: StateNode['direction']
79
- }
80
-
81
- function newScope(): ParseScope {
82
- return { states: [], transitions: [], byId: new Map() }
83
- }
84
-
85
- /** Ensure a non-pseudo state node exists in the scope; create a bare one if
86
- * absent (label defaults to the id, matching legacy `ensureStateNode`). */
87
- function ensureState(scope: ParseScope, id: string): StateNode {
88
- let node = scope.byId.get(id)
89
- if (!node) {
90
- node = { id }
91
- scope.states.push(node)
92
- scope.byId.set(id, node)
93
- }
94
- return node
95
- }
96
-
97
- /**
98
- * Parse state body lines (header excluded). Returns a structured body only if
99
- * EVERY non-blank, non-comment line is a modeled directive (transition /
100
- * description / alias / composite / direction). Otherwise returns null
101
- * (opaque fallback). An empty body (no states, no transitions) returns null so
102
- * the opaque path keeps the header-only diagram lossless.
103
- */
104
- export function parseStateBody(lines: string[]): StateBody | null {
105
- const root = newScope()
106
- const stack: ParseScope[] = [root]
107
- // Track composite ids so transitions referencing a composite don't create a
108
- // duplicate simple node (mirrors legacy compositeStateIds).
109
- const compositeIds = new Set<string>()
110
- // Pending composites awaiting their `}` — parent scope + the node to attach.
111
- const pending: Array<{ parent: ParseScope; node: StateNode }> = []
112
-
113
- for (const raw of lines) {
114
- const line = raw.trim()
115
- if (!line) continue
116
- if (line.startsWith('%%')) continue
117
-
118
- const scope = stack[stack.length - 1]!
119
-
120
- // `:::` is class-assignment shorthand (e.g. `A:::cls`) — unmodeled styling.
121
- // The legacy parser turns it into a lossy label, so keep the body opaque.
122
- if (line.includes(':::')) return null
123
-
124
- // --- direction ---
125
- const dir = line.match(DIRECTION_RE)
126
- if (dir) {
127
- scope.direction = dir[1]!.toUpperCase() as StateNode['direction']
128
- continue
129
- }
130
-
131
- // --- composite open: `state X {` / `state "Label" as X {` ---
132
- const open = line.match(COMPOSITE_OPEN_RE)
133
- if (open) {
134
- const id = open[2]!
135
- if (!isCompositeId(id)) return null
136
- const label = open[1] !== undefined ? normalizeBrTags(open[1]!) : undefined
137
- const child = newScope()
138
- const node: StateNode = { id, ...(label !== undefined ? { label } : {}), states: child.states, transitions: child.transitions }
139
- // Reuse any existing node slot (a prior transition may have referenced it),
140
- // but the legacy parser deletes the simple node and makes it a composite.
141
- const prior = scope.byId.get(id)
142
- if (prior) {
143
- const ix = scope.states.indexOf(prior)
144
- if (ix >= 0) scope.states.splice(ix, 1, node)
145
- } else {
146
- scope.states.push(node)
147
- }
148
- scope.byId.set(id, node)
149
- compositeIds.add(id)
150
- pending.push({ parent: scope, node })
151
- stack.push(child)
152
- continue
153
- }
154
-
155
- // --- composite close ---
156
- if (line === '}') {
157
- if (stack.length <= 1) return null // unbalanced
158
- const child = stack.pop()!
159
- const top = pending.pop()!
160
- // Sync the captured arrays + direction onto the node.
161
- top.node.states = child.states
162
- top.node.transitions = child.transitions
163
- if (child.direction !== undefined) top.node.direction = child.direction
164
- continue
165
- }
166
-
167
- // --- alias: `state "Description" as id` ---
168
- const alias = line.match(ALIAS_RE)
169
- if (alias) {
170
- const id = alias[2]!
171
- const label = normalizeBrTags(alias[1]!)
172
- const node = ensureState(scope, id)
173
- // Definition-before-use: only set if not already labeled.
174
- if (node.label === undefined) node.label = label
175
- continue
176
- }
177
-
178
- // --- transition: `from --> to [: label]` ---
179
- const tr = line.match(TRANSITION_RE)
180
- if (tr) {
181
- const from = tr[1]!
182
- const to = tr[2]!
183
- const rawLabel = tr[3]?.trim()
184
- const label = rawLabel ? normalizeBrTags(rawLabel) : undefined
185
- if (!isEndpointId(from) || !isEndpointId(to)) return null
186
- // Only materialize simple-state nodes for non-pseudo, non-composite ids.
187
- if (from !== PSEUDO && !compositeIds.has(from)) ensureState(scope, from)
188
- if (to !== PSEUDO && !compositeIds.has(to)) ensureState(scope, to)
189
- scope.transitions.push({ from, to, ...(label !== undefined ? { label } : {}) })
190
- continue
191
- }
192
-
193
- // --- description: `id : Description` ---
194
- const desc = line.match(DESC_RE)
195
- if (desc) {
196
- const id = desc[1]!
197
- const label = normalizeBrTags(desc[2]!.trim())
198
- const node = ensureState(scope, id)
199
- if (node.label === undefined) node.label = label
200
- continue
201
- }
202
-
203
- // Unmodeled line → opaque.
204
- return null
205
- }
206
-
207
- // Unbalanced composite braces → opaque.
208
- if (stack.length !== 1) return null
209
-
210
- const body: StateBody = {
211
- kind: 'state',
212
- states: root.states,
213
- transitions: root.transitions,
214
- ...(root.direction !== undefined ? { direction: root.direction } : {}),
215
- }
216
- // Header-only / empty bodies stay opaque so they round-trip verbatim.
217
- if (body.states.length === 0 && body.transitions.length === 0) return null
218
- return body
219
- }
220
-
221
- // ---- Serializer -------------------------------------------------------------
222
-
223
- function renderScope(states: StateNode[], transitions: StateTransition[], direction: StateNode['direction'] | undefined, indent: string, out: string[]): void {
224
- if (direction !== undefined) out.push(`${indent}direction ${direction}`)
225
- // Definitions first (labels + composites), so the legacy parser applies the
226
- // label before any transition mentions the id.
227
- for (const s of states) {
228
- if (s.states !== undefined || s.transitions !== undefined) {
229
- // Composite block.
230
- const header = s.label !== undefined ? `state "${s.label}" as ${s.id} {` : `state ${s.id} {`
231
- out.push(`${indent}${header}`)
232
- renderScope(s.states ?? [], s.transitions ?? [], s.direction, indent + ' ', out)
233
- out.push(`${indent}}`)
234
- } else if (s.label !== undefined) {
235
- out.push(`${indent}state "${s.label}" as ${s.id}`)
236
- }
237
- // Bare simple states with no label are emitted implicitly via transitions;
238
- // a state that appears in no transition AND has no label is unreachable in
239
- // the legacy renderer (a bare `stateId` line is dropped) — so we do not
240
- // emit a standalone line for it.
241
- }
242
- for (const t of transitions) {
243
- const label = t.label !== undefined ? ` : ${t.label}` : ''
244
- out.push(`${indent}${t.from} --> ${t.to}${label}`)
245
- }
246
- }
247
-
248
- export function renderState(body: StateBody): string {
249
- const out: string[] = ['stateDiagram-v2']
250
- renderScope(body.states, body.transitions, body.direction, ' ', out)
251
- return out.join('\n') + '\n'
252
- }
253
-
254
- // ---- Projection to MermaidGraph (verify / layout / describe) ----------------
255
- //
256
- // State bodies reuse the flowchart geometric verify path: serialize to
257
- // canonical source, parse with the legacy state parser. This is the renderer
258
- // projection — the exact graph the renderer would lay out.
259
-
260
- import { parseMermaid as parseLegacy } from '../parser.ts'
261
- import type { MermaidGraph } from '../types.ts'
262
-
263
- export function stateBodyToGraph(body: StateBody): MermaidGraph {
264
- return parseLegacy(renderState(body))
265
- }
266
-
267
- // ---- Mutator ----------------------------------------------------------------
268
-
269
- function cloneState(s: StateNode): StateNode {
270
- return {
271
- id: s.id,
272
- ...(s.label !== undefined ? { label: s.label } : {}),
273
- ...(s.direction !== undefined ? { direction: s.direction } : {}),
274
- ...(s.states !== undefined ? { states: s.states.map(cloneState) } : {}),
275
- ...(s.transitions !== undefined ? { transitions: s.transitions.map(t => ({ ...t })) } : {}),
276
- }
277
- }
278
-
279
- function cloneStateBody(b: StateBody): StateBody {
280
- return {
281
- kind: 'state',
282
- states: b.states.map(cloneState),
283
- transitions: b.transitions.map(t => ({ ...t })),
284
- ...(b.direction !== undefined ? { direction: b.direction } : {}),
285
- }
286
- }
287
-
288
- /** Find a state node by id, searching the whole tree. Returns the node and the
289
- * scope (states + transitions arrays) that contains it. */
290
- interface Located { node: StateNode; siblings: StateNode[]; transitions: StateTransition[] }
291
- function locate(body: StateBody, id: string): Located | null {
292
- const search = (states: StateNode[], transitions: StateTransition[]): Located | null => {
293
- for (const s of states) {
294
- if (s.id === id) return { node: s, siblings: states, transitions }
295
- if (s.states !== undefined) {
296
- const inner = search(s.states, s.transitions ?? [])
297
- if (inner) return inner
298
- }
299
- }
300
- return null
301
- }
302
- return search(body.states, body.transitions)
303
- }
304
-
305
- /** Collect every state id in the tree (for duplicate detection). */
306
- function collectIds(states: StateNode[], into: Set<string>): void {
307
- for (const s of states) {
308
- into.add(s.id)
309
- if (s.states !== undefined) collectIds(s.states, into)
310
- }
311
- }
312
-
313
- function validLabel(value: unknown, field: string): Result<string, MutationError> {
314
- if (typeof value !== 'string') return err({ code: 'INVALID_OP', message: `State ${field} must be a string` })
315
- const v = normalizeBrTags(value).trim()
316
- if (v.length === 0) return err({ code: 'INVALID_OP', message: `State ${field} must be non-empty` })
317
- // The label is emitted inside `state "…" as id` — a bare `"` would break the
318
- // round-trip; reject quotes.
319
- if (v.includes('"')) return err({ code: 'INVALID_OP', message: `State ${field} must not contain a double quote` })
320
- return ok(v)
321
- }
322
-
323
- function validId(value: unknown, field: string): Result<string, MutationError> {
324
- if (typeof value !== 'string') return err({ code: 'INVALID_OP', message: `State ${field} must be a string` })
325
- if (!isCompositeId(value)) {
326
- return err({ code: 'INVALID_OP', message: `State ${field} must be an identifier (letters, digits, underscore — no spaces, hyphens, or punctuation)` })
327
- }
328
- return ok(value)
329
- }
330
-
331
- /** Validate a transition endpoint: a state id or the reserved '[*]'. */
332
- function validEndpoint(value: unknown, field: string): Result<string, MutationError> {
333
- if (value === PSEUDO) return ok(PSEUDO)
334
- return validId(value, field)
335
- }
336
-
337
- function isComposite(s: StateNode): boolean {
338
- return s.states !== undefined || s.transitions !== undefined
339
- }
340
-
341
- export function mutateState(body: StateBody, op: StateMutationOp): Result<StateBody, MutationError> {
342
- const next = cloneStateBody(body)
343
-
344
- switch (op.kind) {
345
- case 'add_state': {
346
- const id = validId(op.id, 'state id')
347
- if (!id.ok) return id
348
- const ids = new Set<string>()
349
- collectIds(next.states, ids)
350
- if (ids.has(id.value)) return err({ code: 'DUPLICATE_STATE', message: `State '${id.value}' already exists` })
351
- let label: string | undefined
352
- if (op.label !== undefined && op.label !== null) {
353
- const l = validLabel(op.label, 'label')
354
- if (!l.ok) return l
355
- label = l.value
356
- }
357
- const node: StateNode = { id: id.value, ...(label !== undefined ? { label } : {}) }
358
- if (op.parent !== undefined && op.parent !== null) {
359
- const loc = locate(next, op.parent)
360
- if (!loc) return err({ code: 'STATE_NOT_FOUND', message: `Parent state '${op.parent}' not found` })
361
- if (!isComposite(loc.node)) {
362
- // Promote the simple parent into a composite.
363
- loc.node.states = []
364
- loc.node.transitions = []
365
- }
366
- loc.node.states!.push(node)
367
- } else {
368
- next.states.push(node)
369
- }
370
- break
371
- }
372
- case 'remove_state': {
373
- const loc = locate(next, op.id)
374
- if (!loc) return err({ code: 'STATE_NOT_FOUND', message: `State '${op.id}' not found` })
375
- if (isComposite(loc.node) && (loc.node.states!.length > 0 || loc.node.transitions!.length > 0)) {
376
- return err({ code: 'INVALID_OP', message: `Refusing to remove non-empty composite '${op.id}'; remove its children first` })
377
- }
378
- const ix = loc.siblings.indexOf(loc.node)
379
- loc.siblings.splice(ix, 1)
380
- // Cascade: drop every transition (at any level) touching the removed id.
381
- cascadeRemoveTransitions(next, op.id)
382
- break
383
- }
384
- case 'rename_state': {
385
- const to = validId(op.to, 'rename target')
386
- if (!to.ok) return to
387
- const loc = locate(next, op.from)
388
- if (!loc) return err({ code: 'STATE_NOT_FOUND', message: `State '${op.from}' not found` })
389
- const ids = new Set<string>()
390
- collectIds(next.states, ids)
391
- if (ids.has(to.value)) return err({ code: 'DUPLICATE_STATE', message: `State '${to.value}' already exists` })
392
- loc.node.id = to.value
393
- renameInTransitions(next, op.from, to.value)
394
- break
395
- }
396
- case 'set_state_label': {
397
- const loc = locate(next, op.id)
398
- if (!loc) return err({ code: 'STATE_NOT_FOUND', message: `State '${op.id}' not found` })
399
- if (op.label === null) { delete loc.node.label; break }
400
- const l = validLabel(op.label, 'label')
401
- if (!l.ok) return l
402
- loc.node.label = l.value
403
- break
404
- }
405
- case 'add_transition': {
406
- const from = validEndpoint(op.from, 'transition from')
407
- if (!from.ok) return from
408
- const to = validEndpoint(op.to, 'transition to')
409
- if (!to.ok) return to
410
- // Endpoints that are not '[*]' must reference an existing state at the
411
- // top level (mirrors flowchart add_edge requiring known nodes), unless we
412
- // auto-create. We auto-create simple top-level states for unknown ids so
413
- // `add_transition` is ergonomic like the flowchart idiom.
414
- const scope = resolveScope(next, op.parent)
415
- if (!scope.ok) return scope
416
- const target = scope.value
417
- let label: string | undefined
418
- if (op.label !== undefined && op.label !== null) {
419
- const l = validLabel(op.label, 'transition label')
420
- if (!l.ok) return l
421
- label = l.value
422
- }
423
- ensureSimpleInScope(next, target, from.value)
424
- ensureSimpleInScope(next, target, to.value)
425
- target.transitions.push({ from: from.value, to: to.value, ...(label !== undefined ? { label } : {}) })
426
- break
427
- }
428
- case 'remove_transition': {
429
- const scope = resolveScope(next, op.parent)
430
- if (!scope.ok) return scope
431
- const list = scope.value.transitions
432
- if (op.index !== undefined) {
433
- if (!list[op.index]) return err({ code: 'TRANSITION_NOT_FOUND', message: `No transition at index ${op.index}` })
434
- list.splice(op.index, 1)
435
- break
436
- }
437
- if (op.from !== undefined && op.to !== undefined) {
438
- const ix = list.findIndex(t => t.from === op.from && t.to === op.to)
439
- if (ix < 0) return err({ code: 'TRANSITION_NOT_FOUND', message: `No transition ${op.from} --> ${op.to}` })
440
- list.splice(ix, 1)
441
- break
442
- }
443
- return err({ code: 'INVALID_OP', message: 'remove_transition needs an index or a from/to pair' })
444
- }
445
- case 'set_transition_label': {
446
- const scope = resolveScope(next, op.parent)
447
- if (!scope.ok) return scope
448
- const list = scope.value.transitions
449
- let t: StateTransition | undefined
450
- if (op.index !== undefined) t = list[op.index]
451
- else if (op.from !== undefined && op.to !== undefined) t = list.find(tr => tr.from === op.from && tr.to === op.to)
452
- if (!t) return err({ code: 'TRANSITION_NOT_FOUND', message: 'transition not found (need a valid index or from/to pair)' })
453
- if (op.label === null) { delete t.label; break }
454
- const l = validLabel(op.label, 'transition label')
455
- if (!l.ok) return l
456
- t.label = l.value
457
- break
458
- }
459
- case 'make_composite': {
460
- const id = validId(op.id, 'composite id')
461
- if (!id.ok) return id
462
- const ids = new Set<string>()
463
- collectIds(next.states, ids)
464
- if (ids.has(id.value)) return err({ code: 'DUPLICATE_STATE', message: `State '${id.value}' already exists` })
465
- // Move the named member states (top level only) into a new composite.
466
- const moved: StateNode[] = []
467
- for (const memberId of op.members) {
468
- const ix = next.states.findIndex(s => s.id === memberId)
469
- if (ix < 0) return err({ code: 'STATE_NOT_FOUND', message: `State '${memberId}' not found at the top level` })
470
- moved.push(next.states[ix]!)
471
- }
472
- // Splice members out (descending index to keep positions valid).
473
- const memberSet = new Set(op.members)
474
- const remaining = next.states.filter(s => !memberSet.has(s.id))
475
- // Pull the matching top-level transitions (both endpoints moved) into the
476
- // composite; leave cross-boundary transitions at the top level.
477
- const inner: StateTransition[] = []
478
- const outer: StateTransition[] = []
479
- for (const t of next.transitions) {
480
- if (memberSet.has(t.from) && memberSet.has(t.to)) inner.push(t)
481
- else outer.push(t)
482
- }
483
- let label: string | undefined
484
- if (op.label !== undefined && op.label !== null) {
485
- const l = validLabel(op.label, 'label')
486
- if (!l.ok) return l
487
- label = l.value
488
- }
489
- const composite: StateNode = { id: id.value, ...(label !== undefined ? { label } : {}), states: moved, transitions: inner }
490
- next.states = [...remaining, composite]
491
- next.transitions = outer
492
- break
493
- }
494
- default: {
495
- const _x: never = op
496
- return err({ code: 'INVALID_OP', message: unknownOpMessage('state', _x) })
497
- }
498
- }
499
-
500
- return ok(next)
501
- }
502
-
503
- /** Resolve the scope (states+transitions) named by `parent`, or the root. */
504
- function resolveScope(body: StateBody, parent: string | null | undefined): Result<{ states: StateNode[]; transitions: StateTransition[] }, MutationError> {
505
- if (parent === undefined || parent === null) return ok({ states: body.states, transitions: body.transitions })
506
- const loc = locate(body, parent)
507
- if (!loc) return err({ code: 'STATE_NOT_FOUND', message: `Composite '${parent}' not found` })
508
- if (!isComposite(loc.node)) {
509
- loc.node.states = []
510
- loc.node.transitions = []
511
- }
512
- return ok({ states: loc.node.states!, transitions: loc.node.transitions! })
513
- }
514
-
515
- /** Auto-create a simple state for a non-pseudo endpoint absent from the scope. */
516
- function ensureSimpleInScope(body: StateBody, scope: { states: StateNode[] }, id: string): void {
517
- if (id === PSEUDO) return
518
- const ids = new Set<string>()
519
- collectIds(body.states, ids)
520
- if (ids.has(id)) return
521
- scope.states.push({ id })
522
- }
523
-
524
- /** Remove every transition (any nesting level) that touches `id`. */
525
- function cascadeRemoveTransitions(body: StateBody, id: string): void {
526
- const walk = (states: StateNode[], transitions: StateTransition[]): StateTransition[] => {
527
- const kept = transitions.filter(t => t.from !== id && t.to !== id)
528
- for (const s of states) {
529
- if (s.states !== undefined) s.transitions = walk(s.states, s.transitions ?? [])
530
- }
531
- return kept
532
- }
533
- body.transitions = walk(body.states, body.transitions)
534
- }
535
-
536
- /** Rewrite `from`→`to` in every transition (any nesting level). */
537
- function renameInTransitions(body: StateBody, from: string, to: string): void {
538
- const walk = (states: StateNode[], transitions: StateTransition[]): void => {
539
- for (const t of transitions) {
540
- if (t.from === from) t.from = to
541
- if (t.to === from) t.to = to
542
- }
543
- for (const s of states) if (s.states !== undefined) walk(s.states, s.transitions ?? [])
544
- }
545
- walk(body.states, body.transitions)
546
- }
547
-
548
- // ---- Verifier (FamilyPlugin.verify hook) — structural Tier 1 on the body ----
549
- //
550
- // The geometric Tier 2 checks (NODE_OVERLAP / ROUTE_SELF_CROSS) run in verify.ts
551
- // via the graph projection. This hook adds the body-level structural checks:
552
- // EMPTY_DIAGRAM, EDGE_MISANCHORED (transition endpoint references a missing
553
- // state), and LABEL_OVERFLOW.
554
-
555
- export function verifyState(body: StateBody, opts: VerifyOptions): LayoutWarning[] {
556
- const cap = opts.labelCharCap ?? DEFAULT_LABEL_CHAR_CAP
557
- const warnings: LayoutWarning[] = []
558
- if (body.states.length === 0 && body.transitions.length === 0) {
559
- return [{ code: 'EMPTY_DIAGRAM' }]
560
- }
561
- const overflow = (target: string, text: string) => {
562
- const w = labelOverflowWarning(target, text, cap)
563
- if (w) warnings.push(w)
564
- }
565
- // A transition endpoint may reference ANY state in the tree (cross-boundary
566
- // transitions to/from composite children are legal mermaid), plus the
567
- // reserved pseudostate. Collect the full id set once for the misanchor check.
568
- const known = new Set<string>([PSEUDO])
569
- collectIds(body.states, known)
570
- const visit = (states: StateNode[], transitions: StateTransition[]): void => {
571
- for (const s of states) {
572
- if (s.label !== undefined) overflow(s.id, s.label)
573
- if (s.states !== undefined) visit(s.states, s.transitions ?? [])
574
- }
575
- transitions.forEach(t => {
576
- const edge = `${t.from}->${t.to}`
577
- if (!known.has(t.from) || !known.has(t.to)) {
578
- warnings.push({
579
- code: 'EDGE_MISANCHORED', edge,
580
- from: known.has(t.from) ? t.from : undefined,
581
- to: known.has(t.to) ? t.to : undefined,
582
- })
583
- }
584
- if (t.label !== undefined) overflow(edge, t.label)
585
- })
586
- }
587
- visit(body.states, body.transitions)
588
- return warnings
589
- }