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
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
# MCP Code Mode rationale
|
|
2
|
-
|
|
3
|
-
Local `agentic-mermaid-mcp` is intentionally Code Mode first. Its primary tool is `execute(code)`, which runs synchronous JavaScript against the typed `mermaid.*` SDK in a local `node:vm` sandbox. This is a local implementation inspired by Code Mode as a product shape; it is not Cloudflare Codemode, not backed by `@cloudflare/codemode`, and not an OS/container security boundary. The local helper tools (`render_png` and `describe`) are narrow conveniences, not a second full authoring API.
|
|
4
|
-
|
|
5
|
-
There is now also a **hosted** MCP at `https://agentic-mermaid.dev/mcp` (stateless Streamable HTTP; see [`docs/project/hosted-mcp-cloudflare-plan.md`](./project/hosted-mcp-cloudflare-plan.md)). It keeps `execute` but runs agent code in a per-request Cloudflare Dynamic Worker isolate (`globalOutbound: null`, empty env, `cpuMs` budget) instead of a local `node:vm` — there the isolate configuration *is* the security boundary — and adds direct `render_svg`/`render_ascii`/`render_png`/`verify`/`describe` tools so the common render/verify paths avoid a billable isolate, plus the declarative `mutate`/`build` tools (see below). Both share the same hardened `mermaid.*` facade; their semantics are pinned against each other by a differential test suite.
|
|
6
|
-
|
|
7
|
-
## Why the MCP server exists
|
|
8
|
-
|
|
9
|
-
Agents often need a multi-step diagram transaction:
|
|
10
|
-
|
|
11
|
-
1. parse source;
|
|
12
|
-
2. narrow to a mutable family;
|
|
13
|
-
3. apply one or more typed mutations;
|
|
14
|
-
4. verify and inspect the result;
|
|
15
|
-
5. serialize only after verify passes.
|
|
16
|
-
|
|
17
|
-
As separate MCP tools, that workflow becomes many tool calls and loses useful in-call state. In Code Mode it is one call: the agent writes the small algorithm and the server preserves lineage/tracing inside the execution.
|
|
18
|
-
|
|
19
|
-
## Code Mode first, plus a narrow declarative edit surface
|
|
20
|
-
|
|
21
|
-
Code Mode stays the primary tool for multi-step logic. But `execute` asks the
|
|
22
|
-
model to write correct sandboxed JavaScript, and a weaker model drives that
|
|
23
|
-
poorly (serialization pitfalls, provenance rules, sync-only constraints) when
|
|
24
|
-
all it wanted was to apply a few structured edits. So the hosted surface adds
|
|
25
|
-
exactly **two** declarative tools — `mutate` (edit a `source`) and `build`
|
|
26
|
-
(author from a `family`) — that take a JSON op list and return one canonical
|
|
27
|
-
`{ ok, family, source, verify }` envelope. They run verify internally and only
|
|
28
|
-
emit source when it passes, so the verify-before-commit contract holds without
|
|
29
|
-
the model writing it. Both funnel through the same validated `mutateChecked`
|
|
30
|
-
core as Code Mode's `mermaid.mutate`, so an op is rejected identically either
|
|
31
|
-
way — there is no second implementation to drift.
|
|
32
|
-
|
|
33
|
-
We still do **not** explode the surface into `parse`/`narrow`/`serialize`/… as
|
|
34
|
-
separate tools: those are the composable steps `execute` exists to sequence in
|
|
35
|
-
one call, and a full per-operation MCP API would multiply round trips, weaken
|
|
36
|
-
in-call lineage, and be another public contract to keep in lockstep. `mutate`
|
|
37
|
-
and `build` are the deliberate exception because a *structured edit* is the one
|
|
38
|
-
workflow that (a) is common, (b) needs no arbitrary logic, and (c) a weak model
|
|
39
|
-
gets wrong through `execute`. For everything richer, use `execute`, the CLI
|
|
40
|
-
(`am mutate --ops`, `am verify`, `am render`), or a library import.
|
|
41
|
-
|
|
42
|
-
## What the non-Code-Mode MCP tools are for
|
|
43
|
-
|
|
44
|
-
Local MCP keeps only two helpers:
|
|
45
|
-
|
|
46
|
-
- `render_png(source)` exists because PNG is binary output and returning base64 from a dedicated MCP tool is simpler than putting binary handling into Code Mode snippets. For clients that cannot comfortably carry large base64 payloads, `render_png({source, output:"file"})` writes a managed local artifact and `output:"url"` returns an HTTP-served artifact when the server runs with HTTP/SSE transport.
|
|
47
|
-
- `describe(source)` exists because one-shot natural-language summaries are common for screen readers, docs, and context compaction.
|
|
48
|
-
|
|
49
|
-
The hosted endpoint adds direct pure tools (`render_svg`, `render_ascii`, `render_png`, `verify`, `describe`) because every hosted `execute` spins a Dynamic Worker isolate; common render/verify calls should be ordinary Worker invocations and edge-cacheable. Hosted `mutate` and `build` are the only declarative authoring tools, and they exist to apply typed op lists with the verify-before-emit contract without asking a weaker model to write JavaScript. They do not introduce a separate mutation engine.
|
|
50
|
-
|
|
51
|
-
Local managed artifacts are generated under the server artifact directory with safe names, size limits, TTL cleanup, MIME type, byte count, and SHA-256 metadata; they are not arbitrary user-chosen file writes. Hosted `render_png` returns base64 only.
|
|
52
|
-
|
|
53
|
-
## Equivalence example
|
|
54
|
-
|
|
55
|
-
`examples/mcp-vs-cli-complex-diagrams.ts` builds the same complicated diagrams two ways: an Auth Flow flowchart with feedback loops and an Order Domain ER diagram.
|
|
56
|
-
|
|
57
|
-
- MCP Code Mode: `tools/call execute` runs parse → narrow → mutate[] → verify → serialize.
|
|
58
|
-
- CLI: `am mutate <diagram>.mmd --ops ops.json --json` runs the same typed mutation batch and verify-before-emit contract.
|
|
59
|
-
|
|
60
|
-
The example asserts that both channels produce byte-identical Mermaid source for every case. This is the supported equivalence story: **MCP Code Mode and CLI/library can produce the same diagrams**. Hosted `mutate`/`build` are a bounded shortcut for the same typed op-list workflows, not a replacement for Code Mode when custom control flow is needed.
|
|
61
|
-
|
|
62
|
-
## Transports
|
|
63
|
-
|
|
64
|
-
The default transport is stdio for local MCP clients:
|
|
65
|
-
|
|
66
|
-
```sh
|
|
67
|
-
agentic-mermaid-mcp
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
HTTP/SSE reachability is available when a client needs a network endpoint. See [`mcp-http-transport.md`](./mcp-http-transport.md) for the full quickstart, JSON-RPC examples, option table, and security defaults:
|
|
71
|
-
|
|
72
|
-
```sh
|
|
73
|
-
agentic-mermaid-mcp --transport http --host 127.0.0.1 --port 3000 \
|
|
74
|
-
--artifact-dir .agentic-mermaid-artifacts
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
The HTTP transport exposes `/sse` for MCP SSE sessions, `/message?sessionId=...` for session messages, `/rpc` for direct JSON-RPC tests/integrations, `/health`, and `/artifacts/<name>` for managed outputs. It binds to loopback by default; non-loopback binding requires `--auth-token`, and `/rpc`/`/message` require `content-type: application/json` so browser-simple CSRF posts are rejected. Use an explicit host only when you have reviewed the sandbox and artifact exposure boundary.
|
|
78
|
-
|
|
79
|
-
Example stdio `.mcp.json` entry:
|
|
80
|
-
|
|
81
|
-
```json
|
|
82
|
-
{
|
|
83
|
-
"mcpServers": {
|
|
84
|
-
"agentic-mermaid": {
|
|
85
|
-
"command": "npx",
|
|
86
|
-
"args": ["-y", "agentic-mermaid-mcp"]
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
```
|
|
91
|
-
|
|
92
|
-
Example HTTP launch command for clients that manage MCP SSE URLs separately:
|
|
93
|
-
|
|
94
|
-
```sh
|
|
95
|
-
npx -y agentic-mermaid-mcp --transport http --host 127.0.0.1 --port 3000
|
|
96
|
-
# non-loopback requires --auth-token <token>
|
|
97
|
-
```
|
|
98
|
-
|
|
99
|
-
## When to add more MCP tools
|
|
100
|
-
|
|
101
|
-
Add another non-Code-Mode MCP tool only with evidence that a real client cannot use `execute`, hosted `mutate`/`build`, or the CLI/library path. Until then, keep the surface small: one compositional tool, direct pure render/verify/describe tools where they avoid hosted isolate cost, and the two declarative structured-edit tools.
|
|
@@ -1,223 +0,0 @@
|
|
|
1
|
-
# MCP HTTP/SSE transport quickstart
|
|
2
|
-
|
|
3
|
-
`agentic-mermaid-mcp` defaults to stdio for local MCP clients. Use HTTP/SSE only when a client needs a reachable endpoint or when PNG artifacts should be fetched by file/URL instead of returned as large base64 strings.
|
|
4
|
-
|
|
5
|
-
> Looking for a zero-setup endpoint? A **hosted** MCP already runs at `https://agentic-mermaid.dev/mcp` (`claude mcp add --transport http agentic-mermaid https://agentic-mermaid.dev/mcp`). It is a different implementation — stateless Streamable HTTP, Cloudflare-backed, tools `execute`/`render_svg`/`render_ascii`/`render_png`/`verify`/`describe`/`mutate`/`build`, inputs capped at 64KB, and no file/URL PNG artifacts (base64 only). See [`docs/project/hosted-mcp-cloudflare-plan.md`](./project/hosted-mcp-cloudflare-plan.md). Run the local server below when you need file/URL artifacts, larger inputs, offline use, or your own auth.
|
|
6
|
-
>
|
|
7
|
-
> **Privacy:** every hosted call (`execute`, `render_*`, `verify`, `describe`, `mutate`, `build`) sends your diagram source or code to the agentic-mermaid.dev server, and successful responses are edge-cached for up to a day. For diagrams that must not leave your machine, use the library, the CLI, or the local stdio/HTTP server on this page — the pipeline is fully local and needs no network.
|
|
8
|
-
|
|
9
|
-
## Which endpoint returns plain JSON?
|
|
10
|
-
|
|
11
|
-
Two transports, two framings — pick by what your client expects:
|
|
12
|
-
|
|
13
|
-
| You are… | Use | Response framing |
|
|
14
|
-
|---|---|---|
|
|
15
|
-
| An MCP client (Claude Code, MCP SDKs) | hosted `/mcp`, or local `/sse` + `/message` | Handled by the client. |
|
|
16
|
-
| A script POSTing JSON-RPC yourself | hosted `POST /mcp`, or local `POST /rpc` | Plain `application/json` — `json.loads` the body directly. |
|
|
17
|
-
|
|
18
|
-
The local `/sse` + `/message` pair is the MCP SSE session transport: `POST /message` returns only `202 {"ok":true}`, and the actual JSON-RPC response arrives on the open `/sse` stream framed as SSE events (`event: message` / `data: {...}` lines). If you find yourself stripping `data:` prefixes before parsing, switch to `POST /rpc` (local) or `POST /mcp` (hosted) — both reply with an unframed JSON body.
|
|
19
|
-
|
|
20
|
-
## Start the server
|
|
21
|
-
|
|
22
|
-
Loopback/local development:
|
|
23
|
-
|
|
24
|
-
```sh
|
|
25
|
-
npx -y agentic-mermaid-mcp --transport http --host 127.0.0.1 --port 3000 \
|
|
26
|
-
--artifact-dir .agentic-mermaid-artifacts
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
Remote binding requires a bearer token:
|
|
30
|
-
|
|
31
|
-
```sh
|
|
32
|
-
npx -y agentic-mermaid-mcp --transport http --host 0.0.0.0 --port 3000 \
|
|
33
|
-
--artifact-dir .agentic-mermaid-artifacts \
|
|
34
|
-
--auth-token "$AGENTIC_MERMAID_MCP_TOKEN"
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
HTTP endpoints:
|
|
38
|
-
|
|
39
|
-
| Endpoint | Purpose |
|
|
40
|
-
|---|---|
|
|
41
|
-
| `GET /health` | Readiness probe, returns `{ "ok": true }`. |
|
|
42
|
-
| `GET /sse` | MCP SSE session endpoint. First event contains the `/message?sessionId=...` URL. |
|
|
43
|
-
| `POST /message?sessionId=...` | JSON-RPC requests for an SSE session. The HTTP response is just `202 {"ok":true}`; the JSON-RPC response is emitted on the SSE stream as `event: message` / `data:` frames. |
|
|
44
|
-
| `POST /rpc` | Direct JSON-RPC endpoint for tests/scripts/simple integrations. Replies with plain `application/json` (no SSE framing). |
|
|
45
|
-
| `GET /artifacts/<name>` | Fetch managed artifacts returned by `render_png` `output: "url"`. |
|
|
46
|
-
|
|
47
|
-
`/rpc` and `/message` require `content-type: application/json`; browser-simple `text/plain` form posts are rejected. Non-loopback hosts require `Authorization: Bearer <token>`.
|
|
48
|
-
|
|
49
|
-
## Direct JSON-RPC examples: `render_png`
|
|
50
|
-
|
|
51
|
-
### Base64 output (default)
|
|
52
|
-
|
|
53
|
-
Request:
|
|
54
|
-
|
|
55
|
-
```json
|
|
56
|
-
{
|
|
57
|
-
"jsonrpc": "2.0",
|
|
58
|
-
"id": 1,
|
|
59
|
-
"method": "tools/call",
|
|
60
|
-
"params": {
|
|
61
|
-
"name": "render_png",
|
|
62
|
-
"arguments": {
|
|
63
|
-
"source": "flowchart TD\n A --> B"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
`curl`:
|
|
70
|
-
|
|
71
|
-
```sh
|
|
72
|
-
curl -sS http://127.0.0.1:3000/rpc \
|
|
73
|
-
-H 'content-type: application/json' \
|
|
74
|
-
-d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"render_png","arguments":{"source":"flowchart TD\n A --> B"}}}'
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
Response shape:
|
|
78
|
-
|
|
79
|
-
```json
|
|
80
|
-
{
|
|
81
|
-
"jsonrpc": "2.0",
|
|
82
|
-
"id": 1,
|
|
83
|
-
"result": {
|
|
84
|
-
"content": [
|
|
85
|
-
{
|
|
86
|
-
"type": "text",
|
|
87
|
-
"text": "{\"ok\":true,\"png_base64\":\"iVBORw0KGgo...\"}"
|
|
88
|
-
}
|
|
89
|
-
],
|
|
90
|
-
"isError": false
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
```
|
|
94
|
-
|
|
95
|
-
### File output
|
|
96
|
-
|
|
97
|
-
Request:
|
|
98
|
-
|
|
99
|
-
```json
|
|
100
|
-
{
|
|
101
|
-
"jsonrpc": "2.0",
|
|
102
|
-
"id": 2,
|
|
103
|
-
"method": "tools/call",
|
|
104
|
-
"params": {
|
|
105
|
-
"name": "render_png",
|
|
106
|
-
"arguments": {
|
|
107
|
-
"source": "flowchart TD\n A --> B",
|
|
108
|
-
"output": "file"
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
```
|
|
113
|
-
|
|
114
|
-
Response shape (`content[0].text` is JSON):
|
|
115
|
-
|
|
116
|
-
```json
|
|
117
|
-
{
|
|
118
|
-
"ok": true,
|
|
119
|
-
"artifact": {
|
|
120
|
-
"path": "/absolute/path/.agentic-mermaid-artifacts/<name>.png",
|
|
121
|
-
"mimeType": "image/png",
|
|
122
|
-
"bytes": 12345,
|
|
123
|
-
"sha256": "64 lowercase hex characters"
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
```
|
|
127
|
-
|
|
128
|
-
Use `output: "file"` when the MCP host and consumer share a filesystem or when a local orchestrator will move the artifact elsewhere.
|
|
129
|
-
|
|
130
|
-
### URL output
|
|
131
|
-
|
|
132
|
-
Request:
|
|
133
|
-
|
|
134
|
-
```json
|
|
135
|
-
{
|
|
136
|
-
"jsonrpc": "2.0",
|
|
137
|
-
"id": 3,
|
|
138
|
-
"method": "tools/call",
|
|
139
|
-
"params": {
|
|
140
|
-
"name": "render_png",
|
|
141
|
-
"arguments": {
|
|
142
|
-
"source": "flowchart TD\n A --> B",
|
|
143
|
-
"output": "url"
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
```
|
|
148
|
-
|
|
149
|
-
Response shape (`content[0].text` is JSON):
|
|
150
|
-
|
|
151
|
-
```json
|
|
152
|
-
{
|
|
153
|
-
"ok": true,
|
|
154
|
-
"artifact": {
|
|
155
|
-
"url": "http://127.0.0.1:3000/artifacts/<name>.png",
|
|
156
|
-
"mimeType": "image/png",
|
|
157
|
-
"bytes": 12345,
|
|
158
|
-
"sha256": "64 lowercase hex characters"
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
```
|
|
162
|
-
|
|
163
|
-
Fetch the artifact:
|
|
164
|
-
|
|
165
|
-
```sh
|
|
166
|
-
curl -L -o diagram.png 'http://127.0.0.1:3000/artifacts/<name>.png'
|
|
167
|
-
```
|
|
168
|
-
|
|
169
|
-
If the server is behind a reverse proxy, set `--public-url https://example.com/artifacts` so returned URLs are externally reachable.
|
|
170
|
-
|
|
171
|
-
## Sample SSE flow
|
|
172
|
-
|
|
173
|
-
Open the SSE stream and capture the first event:
|
|
174
|
-
|
|
175
|
-
```sh
|
|
176
|
-
curl -N http://127.0.0.1:3000/sse
|
|
177
|
-
```
|
|
178
|
-
|
|
179
|
-
The server immediately sends an endpoint event:
|
|
180
|
-
|
|
181
|
-
```text
|
|
182
|
-
event: endpoint
|
|
183
|
-
data: http://127.0.0.1:3000/message?sessionId=<session-id>
|
|
184
|
-
```
|
|
185
|
-
|
|
186
|
-
Post JSON-RPC to that message URL:
|
|
187
|
-
|
|
188
|
-
```sh
|
|
189
|
-
curl -sS 'http://127.0.0.1:3000/message?sessionId=<session-id>' \
|
|
190
|
-
-H 'content-type: application/json' \
|
|
191
|
-
-d '{"jsonrpc":"2.0","id":4,"method":"ping"}'
|
|
192
|
-
```
|
|
193
|
-
|
|
194
|
-
The response is delivered on the open SSE stream:
|
|
195
|
-
|
|
196
|
-
```text
|
|
197
|
-
event: message
|
|
198
|
-
data: {"jsonrpc":"2.0","id":4,"result":{}}
|
|
199
|
-
```
|
|
200
|
-
|
|
201
|
-
## Options
|
|
202
|
-
|
|
203
|
-
| Option | Default | Purpose |
|
|
204
|
-
|---|---:|---|
|
|
205
|
-
| `--transport stdio\|http` | `stdio` | Select stdio or HTTP/SSE transport. `--http` is an alias for `--transport http`. |
|
|
206
|
-
| `--host <host>` | `127.0.0.1` | HTTP bind host. Non-loopback hosts require `--auth-token`. |
|
|
207
|
-
| `--port <port>` | `3000` | HTTP bind port. Use `0` for an ephemeral test port. |
|
|
208
|
-
| `--artifact-dir <dir>` | OS temp dir | Directory for managed file/URL artifacts. Files use generated safe names. |
|
|
209
|
-
| `--public-url <url>` | `http://<host>:<port>/artifacts` | URL prefix returned by `output: "url"`; useful behind reverse proxies. |
|
|
210
|
-
| `--auth-token <token>` | unset | Bearer token required for `/rpc` and `/message` when binding non-loopback. Optional on loopback. |
|
|
211
|
-
| `--max-artifact-bytes <n>` | `20971520` | Maximum bytes for a single managed artifact. |
|
|
212
|
-
| `--artifact-ttl-ms <n>` | `3600000` | How long managed artifacts remain fetchable by this server process. |
|
|
213
|
-
| `--max-rpc-body-bytes <n>` | `1048576` | Maximum HTTP JSON-RPC request body size. |
|
|
214
|
-
| `--max-sandbox-timeout-ms <n>` | `30000` | Maximum `execute` timeout accepted over any transport. |
|
|
215
|
-
|
|
216
|
-
## Security defaults
|
|
217
|
-
|
|
218
|
-
- HTTP binds to loopback by default.
|
|
219
|
-
- Non-loopback binding requires `--auth-token`.
|
|
220
|
-
- `/rpc` and `/message` reject non-JSON content types and cross-origin browser posts.
|
|
221
|
-
- Request bodies and artifact sizes are bounded.
|
|
222
|
-
- URL/file artifacts are generated under a managed store, served only if the current process created and still tracks them, and checked against TTL on read.
|
|
223
|
-
- `execute(code)` still runs in local `node:vm`, not an OS/container security boundary. Do not expose HTTP/SSE to hostile users without an outer isolation layer.
|