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.
- package/CHANGELOG.md +149 -4
- package/LICENSES/Apache-2.0.txt +202 -0
- package/README.md +25 -32
- package/THIRD_PARTY_NOTICES.md +29 -0
- package/assets/fonts/FONT-LICENSES.md +9 -5
- package/assets/fonts/Inter-Bold.ttf +0 -0
- package/assets/fonts/Inter-Medium.ttf +0 -0
- package/assets/fonts/Inter-Regular.ttf +0 -0
- package/assets/fonts/Inter-SemiBold.ttf +0 -0
- package/dist/agent-core.d.ts +463 -0
- package/dist/agent-core.js +397 -0
- package/dist/agent.d.ts +81 -1822
- package/dist/agent.js +336 -36839
- package/dist/agentic-mermaid-mcp.js +7 -37908
- package/dist/am.js +33638 -36261
- package/dist/chunk-4QECACIA.js +4702 -0
- package/dist/chunk-CDPKJ2BQ.js +37 -0
- package/dist/chunk-QKDLMOJJ.js +3487 -0
- package/dist/chunk-WI35L7IR.js +615 -0
- package/dist/chunk-WN3YDOBG.js +149 -0
- package/dist/chunk-ZYMMKQ3I.js +62637 -0
- package/dist/index-D54dqSdC.d.ts +6777 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +310 -32836
- package/dist/mcp-cli-SBQSTJFC.js +17 -0
- package/docs/README.md +14 -6
- package/docs/schemas/style-spec.schema.json +1221 -30
- package/examples/styles/catalog.json +54 -0
- package/examples/styles/cloudflare-workers-inspired-prototype.mmd +9 -0
- package/examples/styles/cloudflare-workers-inspired-prototype.style.json +110 -0
- package/examples/styles/cupertino-prototype.mmd +10 -0
- package/examples/styles/cupertino-prototype.style.json +63 -0
- package/examples/styles/mid-century-report.style.json +2 -2
- package/examples/styles/star-chart-atlas.style.json +2 -1
- package/examples/styles/transit-route-map.style.json +2 -2
- package/examples/styles/vercel-inspired-prototype.mmd +6 -0
- package/examples/styles/vercel-inspired-prototype.style.json +87 -0
- package/package.json +70 -43
- package/server.json +41 -0
- package/skills/agentic-mermaid-diagram-workflow/SKILL.md +17 -36
- package/skills/agentic-mermaid-diagram-workflow/references/cli.md +4 -5
- package/skills/agentic-mermaid-diagram-workflow/references/code-mode.md +15 -31
- package/skills/agentic-mermaid-diagram-workflow/references/sequence.md +10 -14
- package/skills/agentic-mermaid-live-editor/SKILL.md +100 -206
- package/AGENT_NATIVE.md +0 -602
- package/Instructions_for_agents.md +0 -83
- package/TODO.md +0 -662
- package/assets/hero.png +0 -0
- package/dist/index-x2Cj1dVv.d.ts +0 -1089
- package/docs/agent-api-cookbook.md +0 -308
- package/docs/agent-mutation-policy.md +0 -104
- package/docs/agent-workflow-examples.md +0 -46
- package/docs/api.md +0 -203
- package/docs/ascii.md +0 -103
- package/docs/assets/improvements/box-start-connector.png +0 -0
- package/docs/assets/improvements/comment-dropped-lint.png +0 -0
- package/docs/assets/improvements/er-content-loss.png +0 -0
- package/docs/assets/improvements/fan-in-trunks.png +0 -0
- package/docs/assets/improvements/gantt-family.png +0 -0
- package/docs/assets/improvements/gantt-milestone-clamp.png +0 -0
- package/docs/assets/improvements/gantt-verify-seam.png +0 -0
- package/docs/assets/improvements/subgraph-container-edges.png +0 -0
- package/docs/assets/improvements/wrapper-frontmatter.png +0 -0
- package/docs/assets/improvements/wrapper-init-directive.png +0 -0
- package/docs/assets/improvements/wrapper-leading-comment.png +0 -0
- package/docs/assets/style-cookbook/mid-century-report.png +0 -0
- package/docs/assets/style-cookbook/star-chart-atlas.png +0 -0
- package/docs/assets/style-cookbook/transit-route-map.png +0 -0
- package/docs/comparison.md +0 -94
- package/docs/config.md +0 -105
- package/docs/contributing/adding-diagram-types.md +0 -144
- package/docs/contributing/diagram-family-citizenship.matrix.json +0 -2127
- package/docs/contributing/diagram-family-citizenship.md +0 -82
- package/docs/contributing/harvesting-upstream-tests.md +0 -126
- package/docs/contributing/lessons-learned.md +0 -276
- package/docs/contributing/releasing.md +0 -71
- package/docs/contributing/visual-review-evidence.md +0 -53
- package/docs/custom-style-cookbook.md +0 -154
- package/docs/design/families/README.md +0 -26
- package/docs/design/families/architecture-beta.md +0 -48
- package/docs/design/families/flowchart-parser-conformance.md +0 -22
- package/docs/design/families/gantt-research.md +0 -137
- package/docs/design/families/gantt.md +0 -329
- package/docs/design/families/journey-agentic-cards-before.png +0 -0
- package/docs/design/families/journey-mermaid-classic-implementation.png +0 -0
- package/docs/design/families/journey-mermaid-classic-prototype.png +0 -0
- package/docs/design/families/journey-mermaid-classic-prototype.svg +0 -163
- package/docs/design/families/journey-mermaid-classic-prototype.svg.png +0 -0
- package/docs/design/families/journey-migration-parity.md +0 -433
- package/docs/design/families/journey-usage-research.md +0 -423
- package/docs/design/families/journey.md +0 -125
- package/docs/design/families/xychart.md +0 -85
- package/docs/design/system/README.md +0 -45
- package/docs/design/system/abstraction-audit.md +0 -224
- package/docs/design/system/abstraction-recommendations.md +0 -655
- package/docs/design/system/architecture.mmd +0 -29
- package/docs/design/system/architecture.svg +0 -137
- package/docs/design/system/layout-guarantees-and-robustness.md +0 -351
- package/docs/design/system/layout-rubric.md +0 -138
- package/docs/design/system/route-contracts.md +0 -848
- package/docs/design/system/source-preservation-ladder.md +0 -52
- package/docs/design/system/styles-rollout.md +0 -216
- package/docs/design/system/ugly-layouts.md +0 -119
- package/docs/diagram-families.md +0 -193
- package/docs/features.md +0 -147
- package/docs/fork-differences.md +0 -130
- package/docs/getting-started.md +0 -175
- package/docs/issue-derived-test-cases.md +0 -156
- package/docs/layout-characterization/README.md +0 -245
- package/docs/layout-characterization/contact-sheet-families.md +0 -496
- package/docs/layout-characterization/contact-sheet.md +0 -638
- package/docs/layout-characterization/properties.md +0 -281
- package/docs/layout-characterization/visual-quality.md +0 -160
- package/docs/layout-characterization/visual-snapshots/architecture.svg +0 -79
- package/docs/layout-characterization/visual-snapshots/class.svg +0 -60
- package/docs/layout-characterization/visual-snapshots/er.svg +0 -61
- package/docs/layout-characterization/visual-snapshots/flowchart.svg +0 -58
- package/docs/layout-characterization/visual-snapshots/gantt.svg +0 -52
- package/docs/layout-characterization/visual-snapshots/journey.svg +0 -118
- package/docs/layout-characterization/visual-snapshots/pie.svg +0 -36
- package/docs/layout-characterization/visual-snapshots/quadrant.svg +0 -47
- package/docs/layout-characterization/visual-snapshots/sequence.svg +0 -59
- package/docs/layout-characterization/visual-snapshots/state.svg +0 -52
- package/docs/layout-characterization/visual-snapshots/timeline.svg +0 -64
- package/docs/layout-characterization/visual-snapshots/xychart.svg +0 -97
- package/docs/mcp-code-mode-rationale.md +0 -101
- package/docs/mcp-http-transport.md +0 -223
- package/docs/mermaid-layout-complaints.md +0 -837
- package/docs/mutation-testing.md +0 -206
- package/docs/project/divergences.md +0 -98
- package/docs/project/dogfooding-docs-strategy.md +0 -66
- package/docs/project/hosted-mcp-cloudflare-plan.md +0 -338
- package/docs/project/lessons-learned.md +0 -1019
- package/docs/project/remove-role-styling-plan.md +0 -176
- package/docs/quality.md +0 -212
- package/docs/react.md +0 -97
- package/docs/style-authoring.md +0 -133
- package/docs/testing-strategy.md +0 -335
- package/docs/theming.md +0 -162
- package/examples/agent-improve-auth-flow.ts +0 -206
- package/examples/agent-loop.ts +0 -53
- package/examples/mcp-vs-cli-complex-diagrams.ts +0 -133
- package/llms.txt +0 -104
- package/skill-evals/README.md +0 -77
- package/skill-evals/fixtures/architecture-cache/input.mmd +0 -5
- package/skill-evals/fixtures/class-payment/input.mmd +0 -4
- package/skill-evals/fixtures/er-orders/input.mmd +0 -10
- package/skill-evals/fixtures/flowchart-cache/input.mmd +0 -3
- package/skill-evals/fixtures/gantt-release/input.mmd +0 -7
- package/skill-evals/fixtures/journey-checkout/input.mmd +0 -6
- package/skill-evals/fixtures/pie-exports/input.mmd +0 -5
- package/skill-evals/fixtures/quadrant-priorities/input.mmd +0 -11
- package/skill-evals/fixtures/sequence-retry/input.mmd +0 -8
- package/skill-evals/fixtures/state-lifecycle/input.mmd +0 -5
- package/skill-evals/fixtures/timeline-release/input.mmd +0 -6
- package/skill-evals/fixtures/xychart-growth/input.mmd +0 -5
- package/skill-evals/shared-benchmark.json +0 -510
- package/src/agent/analyze.ts +0 -157
- package/src/agent/apply.ts +0 -146
- package/src/agent/architecture-body.ts +0 -458
- package/src/agent/certificates.ts +0 -110
- package/src/agent/class-body.ts +0 -319
- package/src/agent/core.ts +0 -207
- package/src/agent/create.ts +0 -106
- package/src/agent/describe.ts +0 -364
- package/src/agent/er-body.ts +0 -224
- package/src/agent/facts.ts +0 -337
- package/src/agent/families-builtin.ts +0 -934
- package/src/agent/families.ts +0 -232
- package/src/agent/family-layouts.ts +0 -826
- package/src/agent/flowchart-body.ts +0 -372
- package/src/agent/flowchart-unsupported.ts +0 -243
- package/src/agent/gantt-body.ts +0 -495
- package/src/agent/index.ts +0 -10
- package/src/agent/journey-body.ts +0 -414
- package/src/agent/label-metrics.ts +0 -28
- package/src/agent/layout-to-rendered.ts +0 -63
- package/src/agent/mutate.ts +0 -97
- package/src/agent/mutation-ops.ts +0 -51
- package/src/agent/op-schema.ts +0 -439
- package/src/agent/parse.ts +0 -223
- package/src/agent/pie-body.ts +0 -270
- package/src/agent/png.ts +0 -117
- package/src/agent/quadrant-body.ts +0 -336
- package/src/agent/quality.ts +0 -363
- package/src/agent/readability-audit.ts +0 -92
- package/src/agent/rendered-route-audit.ts +0 -61
- package/src/agent/sequence-body.ts +0 -345
- package/src/agent/serialize.ts +0 -214
- package/src/agent/state-body.ts +0 -589
- package/src/agent/structural-count.ts +0 -150
- package/src/agent/timeline-body.ts +0 -280
- package/src/agent/trace-log.ts +0 -43
- package/src/agent/types.ts +0 -979
- package/src/agent/verify.ts +0 -571
- package/src/agent/xychart-body.ts +0 -472
- package/src/architecture/config.ts +0 -282
- package/src/architecture/layout.ts +0 -496
- package/src/architecture/parser.ts +0 -375
- package/src/architecture/renderer.ts +0 -611
- package/src/architecture/types.ts +0 -113
- package/src/ascii/ansi.ts +0 -423
- package/src/ascii/architecture.ts +0 -210
- package/src/ascii/canvas.ts +0 -443
- package/src/ascii/class-diagram.ts +0 -697
- package/src/ascii/converter.ts +0 -475
- package/src/ascii/draw.ts +0 -1693
- package/src/ascii/edge-bundling.ts +0 -328
- package/src/ascii/edge-routing.ts +0 -330
- package/src/ascii/er-diagram.ts +0 -439
- package/src/ascii/gantt.ts +0 -276
- package/src/ascii/grid.ts +0 -747
- package/src/ascii/index.ts +0 -196
- package/src/ascii/journey.ts +0 -189
- package/src/ascii/meta.ts +0 -244
- package/src/ascii/multiline-utils.ts +0 -80
- package/src/ascii/pathfinder.ts +0 -301
- package/src/ascii/pie.ts +0 -67
- package/src/ascii/quadrant.ts +0 -158
- package/src/ascii/reverse.ts +0 -216
- package/src/ascii/sequence.ts +0 -499
- package/src/ascii/shapes/circle.ts +0 -27
- package/src/ascii/shapes/corners.ts +0 -143
- package/src/ascii/shapes/diamond.ts +0 -27
- package/src/ascii/shapes/hexagon.ts +0 -27
- package/src/ascii/shapes/index.ts +0 -106
- package/src/ascii/shapes/rectangle.ts +0 -168
- package/src/ascii/shapes/rounded.ts +0 -27
- package/src/ascii/shapes/special.ts +0 -332
- package/src/ascii/shapes/stadium.ts +0 -110
- package/src/ascii/shapes/state.ts +0 -192
- package/src/ascii/shapes/types.ts +0 -73
- package/src/ascii/timeline.ts +0 -128
- package/src/ascii/types.ts +0 -312
- package/src/ascii/validate.ts +0 -120
- package/src/ascii/width.ts +0 -81
- package/src/ascii/xychart.ts +0 -919
- package/src/browser.ts +0 -29
- package/src/class/layout.ts +0 -240
- package/src/class/parser.ts +0 -332
- package/src/class/renderer.ts +0 -638
- package/src/class/types.ts +0 -129
- package/src/cli/agent-instructions.ts +0 -1
- package/src/cli/am-bin.ts +0 -6
- package/src/cli/exit-codes.ts +0 -18
- package/src/cli/index.ts +0 -1117
- package/src/cli/init-agent.ts +0 -147
- package/src/color-resolver.ts +0 -152
- package/src/elk-instance.ts +0 -114
- package/src/er/layout.ts +0 -187
- package/src/er/parser.ts +0 -226
- package/src/er/renderer.ts +0 -792
- package/src/er/types.ts +0 -99
- package/src/font-manifest.ts +0 -27
- package/src/gantt/layout.ts +0 -365
- package/src/gantt/parser.ts +0 -282
- package/src/gantt/pipeline.ts +0 -27
- package/src/gantt/renderer.ts +0 -414
- package/src/gantt/schedule.ts +0 -513
- package/src/gantt/types.ts +0 -255
- package/src/index.ts +0 -368
- package/src/journey/layout.ts +0 -520
- package/src/journey/parser.ts +0 -218
- package/src/journey/renderer.ts +0 -811
- package/src/journey/types.ts +0 -144
- package/src/layout/geometry.ts +0 -182
- package/src/layout/pass.ts +0 -142
- package/src/layout/passes/index.ts +0 -3916
- package/src/layout-engine.ts +0 -1565
- package/src/layout-rubric.ts +0 -659
- package/src/mcp/artifacts.ts +0 -137
- package/src/mcp/dynamic-harness.ts +0 -31
- package/src/mcp/dynamic-modules.d.ts +0 -7
- package/src/mcp/facade.ts +0 -608
- package/src/mcp/harness-runtime.ts +0 -203
- package/src/mcp/hosted-server.ts +0 -468
- package/src/mcp/mcp-bin.ts +0 -3
- package/src/mcp/mcp-cli.ts +0 -82
- package/src/mcp/protocol.ts +0 -13
- package/src/mcp/sandbox.ts +0 -195
- package/src/mcp/sdk-decl.ts +0 -387
- package/src/mcp/server.ts +0 -362
- package/src/mcp/tool-surface.ts +0 -146
- package/src/mermaid-source.ts +0 -655
- package/src/multiline-utils.ts +0 -228
- package/src/parser.ts +0 -1031
- package/src/pie/layout.ts +0 -168
- package/src/pie/parser.ts +0 -136
- package/src/pie/renderer.ts +0 -234
- package/src/pie/types.ts +0 -82
- package/src/quadrant/layout.ts +0 -191
- package/src/quadrant/parser.ts +0 -183
- package/src/quadrant/renderer.ts +0 -322
- package/src/quadrant/types.ts +0 -113
- package/src/render-family-hooks.ts +0 -244
- package/src/renderer.ts +0 -1099
- package/src/route-contracts.ts +0 -2723
- package/src/scene/backend.ts +0 -76
- package/src/scene/fidelity.ts +0 -183
- package/src/scene/hybrid-backend.ts +0 -174
- package/src/scene/ir.ts +0 -181
- package/src/scene/marks.ts +0 -127
- package/src/scene/rough-backend.ts +0 -378
- package/src/scene/seed.ts +0 -46
- package/src/scene/style-registry.ts +0 -556
- package/src/sequence/layout.ts +0 -456
- package/src/sequence/parser.ts +0 -255
- package/src/sequence/renderer.ts +0 -604
- package/src/sequence/types.ts +0 -154
- package/src/shape-clipping.ts +0 -351
- package/src/shared/accessibility-directives.ts +0 -22
- package/src/shared/batched.ts +0 -61
- package/src/shared/color-math.ts +0 -72
- package/src/shared/svg-a11y.ts +0 -29
- package/src/shared/syntax-error.ts +0 -17
- package/src/shared/unicode-ranges.ts +0 -135
- package/src/styles.ts +0 -318
- package/src/svg-paths.ts +0 -28
- package/src/text-metrics.ts +0 -248
- package/src/theme.ts +0 -639
- package/src/timeline/layout.ts +0 -381
- package/src/timeline/parser.ts +0 -215
- package/src/timeline/renderer.ts +0 -538
- package/src/timeline/types.ts +0 -105
- package/src/types.ts +0 -454
- package/src/website-worker-modules.d.ts +0 -18
- package/src/xychart/axis-utils.ts +0 -109
- package/src/xychart/colors.ts +0 -124
- package/src/xychart/config.ts +0 -88
- package/src/xychart/layout.ts +0 -656
- package/src/xychart/parser.ts +0 -504
- package/src/xychart/renderer.ts +0 -640
- 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.
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/docs/comparison.md
DELETED
|
@@ -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
|