agentic-mermaid 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (336) hide show
  1. package/CHANGELOG.md +144 -4
  2. package/LICENSES/Apache-2.0.txt +202 -0
  3. package/README.md +25 -32
  4. package/THIRD_PARTY_NOTICES.md +29 -0
  5. package/dist/agent-core.d.ts +463 -0
  6. package/dist/agent-core.js +397 -0
  7. package/dist/agent.d.ts +73 -1868
  8. package/dist/agent.js +336 -37325
  9. package/dist/agentic-mermaid-mcp.js +7 -38399
  10. package/dist/am.js +33632 -40445
  11. package/dist/chunk-4QECACIA.js +4702 -0
  12. package/dist/chunk-CDPKJ2BQ.js +37 -0
  13. package/dist/chunk-QKDLMOJJ.js +3487 -0
  14. package/dist/chunk-WI35L7IR.js +615 -0
  15. package/dist/chunk-WN3YDOBG.js +149 -0
  16. package/dist/chunk-ZYMMKQ3I.js +62637 -0
  17. package/dist/index-D54dqSdC.d.ts +6777 -0
  18. package/dist/index.d.ts +1 -1
  19. package/dist/index.js +310 -33014
  20. package/dist/mcp-cli-SBQSTJFC.js +17 -0
  21. package/docs/README.md +14 -6
  22. package/docs/schemas/style-spec.schema.json +1221 -30
  23. package/examples/styles/catalog.json +54 -0
  24. package/examples/styles/cloudflare-workers-inspired-prototype.mmd +9 -0
  25. package/examples/styles/cloudflare-workers-inspired-prototype.style.json +110 -0
  26. package/examples/styles/cupertino-prototype.mmd +10 -0
  27. package/examples/styles/cupertino-prototype.style.json +63 -0
  28. package/examples/styles/mid-century-report.style.json +2 -2
  29. package/examples/styles/star-chart-atlas.style.json +2 -1
  30. package/examples/styles/transit-route-map.style.json +2 -2
  31. package/examples/styles/vercel-inspired-prototype.mmd +6 -0
  32. package/examples/styles/vercel-inspired-prototype.style.json +87 -0
  33. package/package.json +68 -43
  34. package/server.json +2 -2
  35. package/skills/agentic-mermaid-diagram-workflow/SKILL.md +17 -36
  36. package/skills/agentic-mermaid-diagram-workflow/references/cli.md +4 -5
  37. package/skills/agentic-mermaid-diagram-workflow/references/code-mode.md +15 -31
  38. package/skills/agentic-mermaid-diagram-workflow/references/sequence.md +10 -14
  39. package/skills/agentic-mermaid-live-editor/SKILL.md +100 -206
  40. package/AGENT_NATIVE.md +0 -607
  41. package/Instructions_for_agents.md +0 -89
  42. package/TODO.md +0 -684
  43. package/assets/hero.png +0 -0
  44. package/dist/index-wjRjbsP-.d.ts +0 -1102
  45. package/docs/agent-api-cookbook.md +0 -308
  46. package/docs/agent-mutation-policy.md +0 -104
  47. package/docs/agent-workflow-examples.md +0 -46
  48. package/docs/api.md +0 -211
  49. package/docs/ascii.md +0 -103
  50. package/docs/assets/improvements/box-start-connector.png +0 -0
  51. package/docs/assets/improvements/comment-dropped-lint.png +0 -0
  52. package/docs/assets/improvements/er-content-loss.png +0 -0
  53. package/docs/assets/improvements/fan-in-trunks.png +0 -0
  54. package/docs/assets/improvements/gantt-family.png +0 -0
  55. package/docs/assets/improvements/gantt-milestone-clamp.png +0 -0
  56. package/docs/assets/improvements/gantt-verify-seam.png +0 -0
  57. package/docs/assets/improvements/subgraph-container-edges.png +0 -0
  58. package/docs/assets/improvements/wrapper-frontmatter.png +0 -0
  59. package/docs/assets/improvements/wrapper-init-directive.png +0 -0
  60. package/docs/assets/improvements/wrapper-leading-comment.png +0 -0
  61. package/docs/assets/style-cookbook/mid-century-report.png +0 -0
  62. package/docs/assets/style-cookbook/star-chart-atlas.png +0 -0
  63. package/docs/assets/style-cookbook/transit-route-map.png +0 -0
  64. package/docs/comparison.md +0 -94
  65. package/docs/config.md +0 -105
  66. package/docs/contributing/adding-diagram-types.md +0 -144
  67. package/docs/contributing/diagram-family-citizenship.matrix.json +0 -2127
  68. package/docs/contributing/diagram-family-citizenship.md +0 -82
  69. package/docs/contributing/harvesting-upstream-tests.md +0 -126
  70. package/docs/contributing/lessons-learned.md +0 -276
  71. package/docs/contributing/releasing.md +0 -82
  72. package/docs/contributing/visual-review-evidence.md +0 -53
  73. package/docs/custom-style-cookbook.md +0 -154
  74. package/docs/design/families/README.md +0 -26
  75. package/docs/design/families/architecture-beta.md +0 -48
  76. package/docs/design/families/flowchart-parser-conformance.md +0 -22
  77. package/docs/design/families/gantt-research.md +0 -137
  78. package/docs/design/families/gantt.md +0 -329
  79. package/docs/design/families/journey-agentic-cards-before.png +0 -0
  80. package/docs/design/families/journey-experience-curve-implementation.png +0 -0
  81. package/docs/design/families/journey-mermaid-classic-implementation.png +0 -0
  82. package/docs/design/families/journey-mermaid-classic-prototype.png +0 -0
  83. package/docs/design/families/journey-mermaid-classic-prototype.svg +0 -163
  84. package/docs/design/families/journey-mermaid-classic-prototype.svg.png +0 -0
  85. package/docs/design/families/journey-migration-parity.md +0 -439
  86. package/docs/design/families/journey-section-overlap-after.png +0 -0
  87. package/docs/design/families/journey-section-overlap-before.png +0 -0
  88. package/docs/design/families/journey-usage-research.md +0 -423
  89. package/docs/design/families/journey.md +0 -153
  90. package/docs/design/families/xychart.md +0 -85
  91. package/docs/design/system/README.md +0 -45
  92. package/docs/design/system/abstraction-audit.md +0 -224
  93. package/docs/design/system/abstraction-recommendations.md +0 -655
  94. package/docs/design/system/architecture.mmd +0 -29
  95. package/docs/design/system/architecture.svg +0 -137
  96. package/docs/design/system/layout-guarantees-and-robustness.md +0 -351
  97. package/docs/design/system/layout-rubric.md +0 -138
  98. package/docs/design/system/route-contracts.md +0 -848
  99. package/docs/design/system/source-preservation-ladder.md +0 -52
  100. package/docs/design/system/styles-rollout.md +0 -216
  101. package/docs/design/system/ugly-layouts.md +0 -119
  102. package/docs/diagram-families.md +0 -193
  103. package/docs/features.md +0 -147
  104. package/docs/fork-differences.md +0 -130
  105. package/docs/getting-started.md +0 -175
  106. package/docs/issue-derived-test-cases.md +0 -156
  107. package/docs/layout-characterization/README.md +0 -245
  108. package/docs/layout-characterization/contact-sheet-families.md +0 -498
  109. package/docs/layout-characterization/contact-sheet.md +0 -638
  110. package/docs/layout-characterization/properties.md +0 -281
  111. package/docs/layout-characterization/visual-quality.md +0 -160
  112. package/docs/layout-characterization/visual-snapshots/architecture.svg +0 -79
  113. package/docs/layout-characterization/visual-snapshots/class.svg +0 -60
  114. package/docs/layout-characterization/visual-snapshots/er.svg +0 -61
  115. package/docs/layout-characterization/visual-snapshots/flowchart.svg +0 -58
  116. package/docs/layout-characterization/visual-snapshots/gantt.svg +0 -52
  117. package/docs/layout-characterization/visual-snapshots/journey.svg +0 -98
  118. package/docs/layout-characterization/visual-snapshots/pie.svg +0 -36
  119. package/docs/layout-characterization/visual-snapshots/quadrant.svg +0 -47
  120. package/docs/layout-characterization/visual-snapshots/sequence.svg +0 -59
  121. package/docs/layout-characterization/visual-snapshots/state.svg +0 -52
  122. package/docs/layout-characterization/visual-snapshots/timeline.svg +0 -64
  123. package/docs/layout-characterization/visual-snapshots/xychart.svg +0 -97
  124. package/docs/mcp-code-mode-rationale.md +0 -101
  125. package/docs/mcp-http-transport.md +0 -223
  126. package/docs/mermaid-layout-complaints.md +0 -837
  127. package/docs/mutation-testing.md +0 -206
  128. package/docs/project/divergences.md +0 -98
  129. package/docs/project/dogfooding-docs-strategy.md +0 -66
  130. package/docs/project/hosted-mcp-cloudflare-plan.md +0 -338
  131. package/docs/project/lessons-learned.md +0 -1019
  132. package/docs/project/remove-role-styling-plan.md +0 -176
  133. package/docs/quality.md +0 -215
  134. package/docs/react.md +0 -97
  135. package/docs/style-authoring.md +0 -133
  136. package/docs/testing-strategy.md +0 -335
  137. package/docs/theming.md +0 -162
  138. package/examples/agent-improve-auth-flow.ts +0 -206
  139. package/examples/agent-loop.ts +0 -53
  140. package/examples/mcp-vs-cli-complex-diagrams.ts +0 -133
  141. package/llms.txt +0 -104
  142. package/skill-evals/README.md +0 -77
  143. package/skill-evals/fixtures/architecture-cache/input.mmd +0 -5
  144. package/skill-evals/fixtures/class-payment/input.mmd +0 -4
  145. package/skill-evals/fixtures/er-orders/input.mmd +0 -10
  146. package/skill-evals/fixtures/flowchart-cache/input.mmd +0 -3
  147. package/skill-evals/fixtures/gantt-release/input.mmd +0 -7
  148. package/skill-evals/fixtures/journey-checkout/input.mmd +0 -6
  149. package/skill-evals/fixtures/pie-exports/input.mmd +0 -5
  150. package/skill-evals/fixtures/quadrant-priorities/input.mmd +0 -11
  151. package/skill-evals/fixtures/sequence-retry/input.mmd +0 -8
  152. package/skill-evals/fixtures/state-lifecycle/input.mmd +0 -5
  153. package/skill-evals/fixtures/timeline-release/input.mmd +0 -6
  154. package/skill-evals/fixtures/xychart-growth/input.mmd +0 -5
  155. package/skill-evals/shared-benchmark.json +0 -510
  156. package/src/agent/analyze.ts +0 -157
  157. package/src/agent/apply.ts +0 -146
  158. package/src/agent/architecture-body.ts +0 -458
  159. package/src/agent/certificates.ts +0 -110
  160. package/src/agent/class-body.ts +0 -319
  161. package/src/agent/core.ts +0 -207
  162. package/src/agent/create.ts +0 -106
  163. package/src/agent/describe.ts +0 -368
  164. package/src/agent/er-body.ts +0 -224
  165. package/src/agent/facts.ts +0 -360
  166. package/src/agent/families-builtin.ts +0 -920
  167. package/src/agent/families.ts +0 -232
  168. package/src/agent/family-layouts.ts +0 -832
  169. package/src/agent/flowchart-body.ts +0 -372
  170. package/src/agent/flowchart-unsupported.ts +0 -243
  171. package/src/agent/font-coverage.ts +0 -288
  172. package/src/agent/gantt-body.ts +0 -495
  173. package/src/agent/index.ts +0 -10
  174. package/src/agent/journey-body.ts +0 -374
  175. package/src/agent/label-metrics.ts +0 -28
  176. package/src/agent/layout-to-rendered.ts +0 -63
  177. package/src/agent/mutate.ts +0 -97
  178. package/src/agent/mutation-ops.ts +0 -51
  179. package/src/agent/op-schema.ts +0 -443
  180. package/src/agent/parse.ts +0 -223
  181. package/src/agent/pie-body.ts +0 -270
  182. package/src/agent/png.ts +0 -171
  183. package/src/agent/quadrant-body.ts +0 -336
  184. package/src/agent/quality.ts +0 -363
  185. package/src/agent/readability-audit.ts +0 -92
  186. package/src/agent/rendered-route-audit.ts +0 -61
  187. package/src/agent/sequence-body.ts +0 -345
  188. package/src/agent/serialize.ts +0 -214
  189. package/src/agent/state-body.ts +0 -589
  190. package/src/agent/structural-count.ts +0 -150
  191. package/src/agent/timeline-body.ts +0 -280
  192. package/src/agent/trace-log.ts +0 -43
  193. package/src/agent/types.ts +0 -995
  194. package/src/agent/verify.ts +0 -603
  195. package/src/agent/xychart-body.ts +0 -472
  196. package/src/architecture/config.ts +0 -282
  197. package/src/architecture/layout.ts +0 -496
  198. package/src/architecture/parser.ts +0 -375
  199. package/src/architecture/renderer.ts +0 -611
  200. package/src/architecture/types.ts +0 -113
  201. package/src/ascii/ansi.ts +0 -423
  202. package/src/ascii/architecture.ts +0 -210
  203. package/src/ascii/canvas.ts +0 -443
  204. package/src/ascii/class-diagram.ts +0 -697
  205. package/src/ascii/converter.ts +0 -475
  206. package/src/ascii/draw.ts +0 -1693
  207. package/src/ascii/edge-bundling.ts +0 -328
  208. package/src/ascii/edge-routing.ts +0 -330
  209. package/src/ascii/er-diagram.ts +0 -439
  210. package/src/ascii/gantt.ts +0 -276
  211. package/src/ascii/grid.ts +0 -747
  212. package/src/ascii/index.ts +0 -196
  213. package/src/ascii/journey.ts +0 -169
  214. package/src/ascii/meta.ts +0 -244
  215. package/src/ascii/multiline-utils.ts +0 -80
  216. package/src/ascii/pathfinder.ts +0 -301
  217. package/src/ascii/pie.ts +0 -67
  218. package/src/ascii/quadrant.ts +0 -158
  219. package/src/ascii/reverse.ts +0 -216
  220. package/src/ascii/sequence.ts +0 -499
  221. package/src/ascii/shapes/circle.ts +0 -27
  222. package/src/ascii/shapes/corners.ts +0 -143
  223. package/src/ascii/shapes/diamond.ts +0 -27
  224. package/src/ascii/shapes/hexagon.ts +0 -27
  225. package/src/ascii/shapes/index.ts +0 -106
  226. package/src/ascii/shapes/rectangle.ts +0 -168
  227. package/src/ascii/shapes/rounded.ts +0 -27
  228. package/src/ascii/shapes/special.ts +0 -332
  229. package/src/ascii/shapes/stadium.ts +0 -110
  230. package/src/ascii/shapes/state.ts +0 -192
  231. package/src/ascii/shapes/types.ts +0 -73
  232. package/src/ascii/timeline.ts +0 -141
  233. package/src/ascii/types.ts +0 -312
  234. package/src/ascii/validate.ts +0 -120
  235. package/src/ascii/width.ts +0 -81
  236. package/src/ascii/wrap.ts +0 -131
  237. package/src/ascii/xychart.ts +0 -919
  238. package/src/browser.ts +0 -29
  239. package/src/class/layout.ts +0 -240
  240. package/src/class/parser.ts +0 -332
  241. package/src/class/renderer.ts +0 -638
  242. package/src/class/types.ts +0 -129
  243. package/src/cli/agent-instructions.ts +0 -1
  244. package/src/cli/am-bin.ts +0 -6
  245. package/src/cli/exit-codes.ts +0 -18
  246. package/src/cli/index.ts +0 -1132
  247. package/src/cli/init-agent.ts +0 -147
  248. package/src/cli/run-entrypoint.ts +0 -10
  249. package/src/color-resolver.ts +0 -152
  250. package/src/elk-instance.ts +0 -114
  251. package/src/er/layout.ts +0 -187
  252. package/src/er/parser.ts +0 -226
  253. package/src/er/renderer.ts +0 -792
  254. package/src/er/types.ts +0 -99
  255. package/src/family-rubric.ts +0 -425
  256. package/src/font-manifest.ts +0 -31
  257. package/src/gantt/layout.ts +0 -365
  258. package/src/gantt/parser.ts +0 -282
  259. package/src/gantt/pipeline.ts +0 -27
  260. package/src/gantt/renderer.ts +0 -414
  261. package/src/gantt/schedule.ts +0 -513
  262. package/src/gantt/types.ts +0 -255
  263. package/src/index.ts +0 -368
  264. package/src/journey/layout.ts +0 -554
  265. package/src/journey/parse-core.ts +0 -251
  266. package/src/journey/parser.ts +0 -101
  267. package/src/journey/renderer.ts +0 -917
  268. package/src/journey/types.ts +0 -144
  269. package/src/layout/geometry.ts +0 -182
  270. package/src/layout/pass.ts +0 -142
  271. package/src/layout/passes/index.ts +0 -3916
  272. package/src/layout-engine.ts +0 -1565
  273. package/src/layout-rubric.ts +0 -659
  274. package/src/mcp/artifacts.ts +0 -137
  275. package/src/mcp/dynamic-harness.ts +0 -31
  276. package/src/mcp/dynamic-modules.d.ts +0 -7
  277. package/src/mcp/facade.ts +0 -608
  278. package/src/mcp/harness-runtime.ts +0 -203
  279. package/src/mcp/hosted-server.ts +0 -468
  280. package/src/mcp/mcp-bin.ts +0 -3
  281. package/src/mcp/mcp-cli.ts +0 -82
  282. package/src/mcp/protocol.ts +0 -13
  283. package/src/mcp/sandbox.ts +0 -195
  284. package/src/mcp/sdk-decl.ts +0 -391
  285. package/src/mcp/server.ts +0 -362
  286. package/src/mcp/tool-surface.ts +0 -146
  287. package/src/mermaid-source.ts +0 -655
  288. package/src/multiline-utils.ts +0 -228
  289. package/src/parser.ts +0 -1031
  290. package/src/pie/layout.ts +0 -168
  291. package/src/pie/parser.ts +0 -136
  292. package/src/pie/renderer.ts +0 -234
  293. package/src/pie/types.ts +0 -82
  294. package/src/quadrant/layout.ts +0 -191
  295. package/src/quadrant/parser.ts +0 -183
  296. package/src/quadrant/renderer.ts +0 -322
  297. package/src/quadrant/types.ts +0 -113
  298. package/src/render-family-hooks.ts +0 -244
  299. package/src/renderer.ts +0 -1099
  300. package/src/route-contracts.ts +0 -2723
  301. package/src/scene/backend.ts +0 -76
  302. package/src/scene/fidelity.ts +0 -183
  303. package/src/scene/hybrid-backend.ts +0 -174
  304. package/src/scene/ir.ts +0 -181
  305. package/src/scene/marks.ts +0 -127
  306. package/src/scene/rough-backend.ts +0 -378
  307. package/src/scene/seed.ts +0 -46
  308. package/src/scene/style-registry.ts +0 -556
  309. package/src/sequence/layout.ts +0 -456
  310. package/src/sequence/parser.ts +0 -255
  311. package/src/sequence/renderer.ts +0 -604
  312. package/src/sequence/types.ts +0 -154
  313. package/src/shape-clipping.ts +0 -351
  314. package/src/shared/accessibility-directives.ts +0 -22
  315. package/src/shared/batched.ts +0 -61
  316. package/src/shared/color-math.ts +0 -93
  317. package/src/shared/svg-a11y.ts +0 -29
  318. package/src/shared/syntax-error.ts +0 -17
  319. package/src/shared/unicode-ranges.ts +0 -135
  320. package/src/styles.ts +0 -318
  321. package/src/svg-paths.ts +0 -28
  322. package/src/text-metrics.ts +0 -248
  323. package/src/theme.ts +0 -710
  324. package/src/timeline/layout.ts +0 -381
  325. package/src/timeline/parser.ts +0 -215
  326. package/src/timeline/renderer.ts +0 -538
  327. package/src/timeline/types.ts +0 -105
  328. package/src/types.ts +0 -462
  329. package/src/website-worker-modules.d.ts +0 -18
  330. package/src/xychart/axis-utils.ts +0 -109
  331. package/src/xychart/colors.ts +0 -124
  332. package/src/xychart/config.ts +0 -88
  333. package/src/xychart/layout.ts +0 -656
  334. package/src/xychart/parser.ts +0 -504
  335. package/src/xychart/renderer.ts +0 -640
  336. package/src/xychart/types.ts +0 -282
@@ -1,328 +0,0 @@
1
- // ============================================================================
2
- // ASCII renderer — edge bundling for parallel links
3
- //
4
- // Analyzes edges to find parallel links (A & B --> C or A --> B & C) and
5
- // groups them into bundles. Bundled edges share a visual junction point
6
- // where they merge/split, creating cleaner diagrams.
7
- //
8
- // This module provides:
9
- // - analyzeEdgeBundles(): Finds and creates bundles from graph edges
10
- // - calculateJunctionPoint(): Computes optimal merge/split locations
11
- // - routeBundledEdges(): Routes edges through junction points
12
- // ============================================================================
13
-
14
- import type {
15
- AsciiGraph, AsciiNode, AsciiEdge, EdgeBundle, GridCoord, Direction,
16
- } from './types.ts'
17
- import { Up, Down, Left, Right, Middle, gridKey, gridCoordEquals } from './types.ts'
18
- import { getPath, mergePath } from './pathfinder.ts'
19
- import { getNodeSubgraph } from './grid.ts'
20
-
21
- // ============================================================================
22
- // Bundle analysis
23
- // ============================================================================
24
-
25
- /**
26
- * Analyze graph edges and create bundles for parallel links.
27
- *
28
- * Groups edges by:
29
- * - Fan-in: Multiple edges sharing the same target (A & B --> C)
30
- * - Fan-out: Multiple edges sharing the same source (A --> B & C)
31
- *
32
- * Only creates bundles when:
33
- * - Graph direction is TD (top-down) - LR routing handles merging naturally
34
- * - 2+ edges share the endpoint
35
- * - All edges have the same style (solid/dotted/thick)
36
- * - None of the edges have labels (labels would overlap at junction)
37
- * - Edges are not self-loops
38
- *
39
- * @returns Array of bundles. Each edge can belong to at most one bundle.
40
- */
41
- export function analyzeEdgeBundles(graph: AsciiGraph): EdgeBundle[] {
42
- // Only bundle in TD direction - LR routing handles merging naturally at corners
43
- if (graph.config.graphDirection !== 'TD') {
44
- return []
45
- }
46
- const bundles: EdgeBundle[] = []
47
- const bundledEdges = new Set<AsciiEdge>()
48
-
49
- // Group edges by target (fan-in candidates)
50
- const edgesByTarget = new Map<AsciiNode, AsciiEdge[]>()
51
- for (const edge of graph.edges) {
52
- // Skip self-loops
53
- if (edge.from === edge.to) continue
54
-
55
- const existing = edgesByTarget.get(edge.to) ?? []
56
- existing.push(edge)
57
- edgesByTarget.set(edge.to, existing)
58
- }
59
-
60
- // Create fan-in bundles
61
- for (const [target, edges] of edgesByTarget) {
62
- if (edges.length < 2) continue
63
- if (!canBundle(edges, graph)) continue
64
-
65
- // Check if all edges are already bundled
66
- if (edges.some(e => bundledEdges.has(e))) continue
67
-
68
- const bundle: EdgeBundle = {
69
- type: 'fan-in',
70
- edges: [...edges],
71
- sharedNode: target,
72
- otherNodes: edges.map(e => e.from),
73
- junctionPoint: null,
74
- sharedPath: [],
75
- junctionDir: Middle,
76
- sharedNodeDir: Middle,
77
- }
78
-
79
- // Mark edges as bundled
80
- for (const edge of edges) {
81
- edge.bundle = bundle
82
- bundledEdges.add(edge)
83
- }
84
-
85
- bundles.push(bundle)
86
- }
87
-
88
- // Group edges by source (fan-out candidates)
89
- const edgesBySource = new Map<AsciiNode, AsciiEdge[]>()
90
- for (const edge of graph.edges) {
91
- // Skip self-loops and already bundled edges
92
- if (edge.from === edge.to) continue
93
- if (bundledEdges.has(edge)) continue
94
-
95
- const existing = edgesBySource.get(edge.from) ?? []
96
- existing.push(edge)
97
- edgesBySource.set(edge.from, existing)
98
- }
99
-
100
- // Create fan-out bundles
101
- for (const [source, edges] of edgesBySource) {
102
- if (edges.length < 2) continue
103
- if (!canBundle(edges, graph)) continue
104
-
105
- const bundle: EdgeBundle = {
106
- type: 'fan-out',
107
- edges: [...edges],
108
- sharedNode: source,
109
- otherNodes: edges.map(e => e.to),
110
- junctionPoint: null,
111
- sharedPath: [],
112
- junctionDir: Middle,
113
- sharedNodeDir: Middle,
114
- }
115
-
116
- // Mark edges as bundled
117
- for (const edge of edges) {
118
- edge.bundle = bundle
119
- bundledEdges.add(edge)
120
- }
121
-
122
- bundles.push(bundle)
123
- }
124
-
125
- return bundles
126
- }
127
-
128
- /**
129
- * Check if a group of edges can be bundled together.
130
- * Returns false if edges have different styles, any have labels,
131
- * or if the edges span subgraph boundaries (which creates complex routing).
132
- */
133
- function canBundle(edges: AsciiEdge[], graph: AsciiGraph): boolean {
134
- if (edges.length < 2) return false
135
-
136
- const firstStyle = edges[0]!.style
137
- const firstFromSg = getNodeSubgraph(graph, edges[0]!.from)
138
- const firstToSg = getNodeSubgraph(graph, edges[0]!.to)
139
-
140
- for (const edge of edges) {
141
- // Different styles can't be bundled (would look confusing)
142
- if (edge.style !== firstStyle) return false
143
-
144
- // Edges with labels can't be bundled (labels would overlap at junction)
145
- if (edge.text.length > 0) return false
146
-
147
- // Don't bundle if edges span different subgraph boundaries
148
- // (creates complex routing that doesn't look good)
149
- const fromSg = getNodeSubgraph(graph, edge.from)
150
- const toSg = getNodeSubgraph(graph, edge.to)
151
- if (fromSg !== firstFromSg || toSg !== firstToSg) return false
152
-
153
- // Don't bundle if source and target are in different subgraphs
154
- // (cross-boundary edges have special routing needs)
155
- if (fromSg !== toSg) return false
156
- }
157
-
158
- return true
159
- }
160
-
161
- // ============================================================================
162
- // Junction point calculation
163
- // ============================================================================
164
-
165
- /**
166
- * Calculate the optimal junction point for a bundle.
167
- *
168
- * For fan-in (A & B --> C):
169
- * - Junction is placed between the sources and the target
170
- * - In TD: above the target, horizontally centered between sources
171
- * - In LR: left of the target, vertically centered between sources
172
- *
173
- * For fan-out (A --> B & C):
174
- * - Junction is placed between the source and the targets
175
- * - In TD: below the source, horizontally centered between targets
176
- * - In LR: right of the source, vertically centered between targets
177
- */
178
- export function calculateJunctionPoint(
179
- graph: AsciiGraph,
180
- bundle: EdgeBundle,
181
- ): GridCoord {
182
- const dir = graph.config.graphDirection
183
- const sharedCoord = bundle.sharedNode.gridCoord!
184
- const otherCoords = bundle.otherNodes.map(n => n.gridCoord!)
185
-
186
- if (bundle.type === 'fan-in') {
187
- // Junction is BEFORE the shared target
188
- // Calculate center of sources
189
- const minX = Math.min(...otherCoords.map(c => c.x))
190
- const maxX = Math.max(...otherCoords.map(c => c.x))
191
- const minY = Math.min(...otherCoords.map(c => c.y))
192
- const maxY = Math.max(...otherCoords.map(c => c.y))
193
-
194
- if (dir === 'TD') {
195
- // Junction above target, centered between sources
196
- // Place it one row above the target's entry point
197
- const junctionY = sharedCoord.y - 1
198
- // X is centered between sources, but clamped to shared node's X for alignment
199
- const centerX = Math.floor((minX + maxX) / 2) + 1 // +1 for center of 3x3 block
200
- const junctionX = sharedCoord.x + 1 // Align with target's center
201
-
202
- return { x: junctionX, y: junctionY }
203
- } else {
204
- // LR: Junction left of target, centered between sources
205
- const junctionX = sharedCoord.x - 1
206
- const junctionY = sharedCoord.y + 1 // Align with target's center
207
-
208
- return { x: junctionX, y: junctionY }
209
- }
210
- } else {
211
- // fan-out: Junction is AFTER the shared source
212
- const minX = Math.min(...otherCoords.map(c => c.x))
213
- const maxX = Math.max(...otherCoords.map(c => c.x))
214
- const minY = Math.min(...otherCoords.map(c => c.y))
215
- const maxY = Math.max(...otherCoords.map(c => c.y))
216
-
217
- if (dir === 'TD') {
218
- // Junction below source, will then split to targets
219
- const junctionY = sharedCoord.y + 3 // Just below source's 3x3 block
220
- const junctionX = sharedCoord.x + 1 // Align with source's center
221
-
222
- return { x: junctionX, y: junctionY }
223
- } else {
224
- // LR: Junction right of source
225
- const junctionX = sharedCoord.x + 3
226
- const junctionY = sharedCoord.y + 1
227
-
228
- return { x: junctionX, y: junctionY }
229
- }
230
- }
231
- }
232
-
233
- // ============================================================================
234
- // Bundled edge routing
235
- // ============================================================================
236
-
237
- /**
238
- * Route all edges in a bundle through the junction point.
239
- *
240
- * For fan-in bundles:
241
- * 1. Route each source → junction (stored in edge.pathToJunction)
242
- * 2. Route junction → target (stored in bundle.sharedPath)
243
- *
244
- * For fan-out bundles:
245
- * 1. Route source → junction (stored in bundle.sharedPath)
246
- * 2. Route junction → each target (stored in edge.pathToJunction)
247
- */
248
- export function routeBundledEdges(graph: AsciiGraph, bundle: EdgeBundle): void {
249
- const dir = graph.config.graphDirection
250
-
251
- // Calculate and store junction point
252
- bundle.junctionPoint = calculateJunctionPoint(graph, bundle)
253
- const junction = bundle.junctionPoint
254
-
255
- // Determine directions based on graph direction and bundle type
256
- if (bundle.type === 'fan-in') {
257
- // Sources converge to junction, then junction to target
258
- bundle.junctionDir = dir === 'TD' ? Up : Left
259
- bundle.sharedNodeDir = dir === 'TD' ? Down : Right
260
-
261
- // Route junction → target (shared path)
262
- const targetCoord = bundle.sharedNode.gridCoord!
263
- const targetEntry = dir === 'TD'
264
- ? { x: targetCoord.x + 1, y: targetCoord.y } // Top center of target
265
- : { x: targetCoord.x, y: targetCoord.y + 1 } // Left center of target
266
-
267
- const sharedPath = getPath(graph.grid, junction, targetEntry)
268
- bundle.sharedPath = sharedPath ? mergePath(sharedPath) : [junction, targetEntry]
269
-
270
- // Route each source → junction
271
- for (const edge of bundle.edges) {
272
- const sourceCoord = edge.from.gridCoord!
273
- const sourceExit = dir === 'TD'
274
- ? { x: sourceCoord.x + 1, y: sourceCoord.y + 2 } // Bottom center of source
275
- : { x: sourceCoord.x + 2, y: sourceCoord.y + 1 } // Right center of source
276
-
277
- const pathToJunction = getPath(graph.grid, sourceExit, junction)
278
- edge.pathToJunction = pathToJunction ? mergePath(pathToJunction) : [sourceExit, junction]
279
-
280
- // Set edge directions for proper drawing
281
- edge.startDir = dir === 'TD' ? Down : Right
282
- edge.endDir = dir === 'TD' ? Up : Left
283
-
284
- // Build full path for grid size calculation: source → junction → target
285
- edge.path = [...edge.pathToJunction, ...bundle.sharedPath.slice(1)]
286
- }
287
- } else {
288
- // fan-out: Source to junction, then junction splits to targets
289
- bundle.junctionDir = dir === 'TD' ? Down : Right
290
- bundle.sharedNodeDir = dir === 'TD' ? Up : Left
291
-
292
- // Route source → junction (shared path)
293
- const sourceCoord = bundle.sharedNode.gridCoord!
294
- const sourceExit = dir === 'TD'
295
- ? { x: sourceCoord.x + 1, y: sourceCoord.y + 2 } // Bottom center of source
296
- : { x: sourceCoord.x + 2, y: sourceCoord.y + 1 } // Right center of source
297
-
298
- const sharedPath = getPath(graph.grid, sourceExit, junction)
299
- bundle.sharedPath = sharedPath ? mergePath(sharedPath) : [sourceExit, junction]
300
-
301
- // Route junction → each target
302
- for (const edge of bundle.edges) {
303
- const targetCoord = edge.to.gridCoord!
304
- const targetEntry = dir === 'TD'
305
- ? { x: targetCoord.x + 1, y: targetCoord.y } // Top center of target
306
- : { x: targetCoord.x, y: targetCoord.y + 1 } // Left center of target
307
-
308
- const pathToJunction = getPath(graph.grid, junction, targetEntry)
309
- edge.pathToJunction = pathToJunction ? mergePath(pathToJunction) : [junction, targetEntry]
310
-
311
- // Set edge directions
312
- edge.startDir = dir === 'TD' ? Down : Right
313
- edge.endDir = dir === 'TD' ? Up : Left
314
-
315
- // Build full path for grid size calculation: source → junction → target
316
- edge.path = [...bundle.sharedPath, ...edge.pathToJunction.slice(1)]
317
- }
318
- }
319
- }
320
-
321
- /**
322
- * Process all bundles in a graph: calculate junction points and route edges.
323
- */
324
- export function processBundles(graph: AsciiGraph): void {
325
- for (const bundle of graph.bundles) {
326
- routeBundledEdges(graph, bundle)
327
- }
328
- }
@@ -1,330 +0,0 @@
1
- // ============================================================================
2
- // ASCII renderer — direction system and edge path determination
3
- //
4
- // Ported from AlexanderGrooff/mermaid-ascii cmd/direction.go + cmd/mapping_edge.go.
5
- // Handles direction constants, edge attachment point selection,
6
- // and dual-path comparison for optimal edge routing.
7
- // ============================================================================
8
-
9
- import type { GridCoord, Direction, AsciiEdge, AsciiGraph } from './types.ts'
10
- import {
11
- Up, Down, Left, Right, UpperRight, UpperLeft, LowerRight, LowerLeft, Middle,
12
- gridCoordDirection,
13
- } from './types.ts'
14
- import { getPath, mergePath } from './pathfinder.ts'
15
- import { getEffectiveDirection, getNodeSubgraph } from './grid.ts'
16
-
17
- // ============================================================================
18
- // Direction utilities
19
- // ============================================================================
20
-
21
- export function getOpposite(d: Direction): Direction {
22
- if (d === Up) return Down
23
- if (d === Down) return Up
24
- if (d === Left) return Right
25
- if (d === Right) return Left
26
- if (d === UpperRight) return LowerLeft
27
- if (d === UpperLeft) return LowerRight
28
- if (d === LowerRight) return UpperLeft
29
- if (d === LowerLeft) return UpperRight
30
- return Middle
31
- }
32
-
33
- /** Compare directions by value (not reference). */
34
- export function dirEquals(a: Direction, b: Direction): boolean {
35
- return a.x === b.x && a.y === b.y
36
- }
37
-
38
- /**
39
- * Determine 8-way direction from one coordinate to another.
40
- * Uses the coordinate difference to pick one of 8 cardinal/ordinal directions.
41
- */
42
- export function determineDirection(from: { x: number; y: number }, to: { x: number; y: number }): Direction {
43
- if (from.x === to.x) {
44
- return from.y < to.y ? Down : Up
45
- } else if (from.y === to.y) {
46
- return from.x < to.x ? Right : Left
47
- } else if (from.x < to.x) {
48
- return from.y < to.y ? LowerRight : UpperRight
49
- } else {
50
- return from.y < to.y ? LowerLeft : UpperLeft
51
- }
52
- }
53
-
54
- // ============================================================================
55
- // Start/end direction selection for edges
56
- // ============================================================================
57
-
58
- /** Self-reference routing (node points to itself). */
59
- function selfReferenceDirection(graphDirection: string): [Direction, Direction, Direction, Direction] {
60
- if (graphDirection === 'LR') return [Right, Down, Down, Right]
61
- return [Down, Right, Right, Down]
62
- }
63
-
64
- /**
65
- * Determine preferred and alternative start/end directions for an edge.
66
- * Returns [preferredStart, preferredEnd, alternativeStart, alternativeEnd].
67
- *
68
- * The edge routing tries both pairs and picks the shorter path.
69
- * Direction selection depends on relative node positions and graph direction (LR vs TD).
70
- */
71
- export function determineStartAndEndDir(
72
- edge: AsciiEdge,
73
- graphDirection: string,
74
- ): [Direction, Direction, Direction, Direction] {
75
- if (edge.from === edge.to) return selfReferenceDirection(graphDirection)
76
-
77
- const d = determineDirection(edge.from.gridCoord!, edge.to.gridCoord!)
78
-
79
- let preferredDir: Direction
80
- let preferredOppositeDir: Direction
81
- let alternativeDir: Direction
82
- let alternativeOppositeDir: Direction
83
-
84
- const isBackwards = graphDirection === 'LR'
85
- ? (dirEquals(d, Left) || dirEquals(d, UpperLeft) || dirEquals(d, LowerLeft))
86
- : (dirEquals(d, Up) || dirEquals(d, UpperLeft) || dirEquals(d, UpperRight))
87
-
88
- if (dirEquals(d, LowerRight)) {
89
- if (graphDirection === 'LR') {
90
- preferredDir = Down; preferredOppositeDir = Left
91
- alternativeDir = Right; alternativeOppositeDir = Up
92
- } else {
93
- preferredDir = Right; preferredOppositeDir = Up
94
- alternativeDir = Down; alternativeOppositeDir = Left
95
- }
96
- } else if (dirEquals(d, UpperRight)) {
97
- if (graphDirection === 'LR') {
98
- preferredDir = Up; preferredOppositeDir = Left
99
- alternativeDir = Right; alternativeOppositeDir = Down
100
- } else {
101
- preferredDir = Right; preferredOppositeDir = Down
102
- alternativeDir = Up; alternativeOppositeDir = Left
103
- }
104
- } else if (dirEquals(d, LowerLeft)) {
105
- if (graphDirection === 'LR') {
106
- preferredDir = Down; preferredOppositeDir = Down
107
- alternativeDir = Left; alternativeOppositeDir = Up
108
- } else {
109
- preferredDir = Left; preferredOppositeDir = Up
110
- alternativeDir = Down; alternativeOppositeDir = Right
111
- }
112
- } else if (dirEquals(d, UpperLeft)) {
113
- if (graphDirection === 'LR') {
114
- preferredDir = Down; preferredOppositeDir = Down
115
- alternativeDir = Left; alternativeOppositeDir = Down
116
- } else {
117
- preferredDir = Right; preferredOppositeDir = Right
118
- alternativeDir = Up; alternativeOppositeDir = Right
119
- }
120
- } else if (isBackwards) {
121
- if (graphDirection === 'LR' && dirEquals(d, Left)) {
122
- preferredDir = Down; preferredOppositeDir = Down
123
- alternativeDir = Left; alternativeOppositeDir = Right
124
- } else if (graphDirection === 'TD' && dirEquals(d, Up)) {
125
- preferredDir = Right; preferredOppositeDir = Right
126
- alternativeDir = Up; alternativeOppositeDir = Down
127
- } else {
128
- preferredDir = d; preferredOppositeDir = getOpposite(d)
129
- alternativeDir = d; alternativeOppositeDir = getOpposite(d)
130
- }
131
- } else {
132
- // Default: go in the natural direction
133
- preferredDir = d; preferredOppositeDir = getOpposite(d)
134
- alternativeDir = d; alternativeOppositeDir = getOpposite(d)
135
- }
136
-
137
- return [preferredDir, preferredOppositeDir, alternativeDir, alternativeOppositeDir]
138
- }
139
-
140
- // ============================================================================
141
- // Edge path determination
142
- // ============================================================================
143
-
144
- /**
145
- * Determine the path for an edge by trying two candidate routes (preferred + alternative)
146
- * and picking the shorter one. Sets edge.path, edge.startDir, edge.endDir.
147
- *
148
- * When both A* paths fail (common for edges crossing subgraph boundaries), falls back
149
- * to a direct path using the start/end points. This ensures edges always have a path
150
- * for arrowhead rendering.
151
- *
152
- * Uses the effective direction for edge routing, respecting subgraph direction overrides
153
- * when both source and target are in the same subgraph.
154
- */
155
- export function determinePath(graph: AsciiGraph, edge: AsciiEdge): void {
156
- // Determine effective direction for this edge
157
- // If both nodes are in the same subgraph with a direction override, use it
158
- // Otherwise, use the graph's direction (not source's effective direction)
159
- const sourceSg = getNodeSubgraph(graph, edge.from)
160
- const targetSg = getNodeSubgraph(graph, edge.to)
161
- const effectiveDir = (sourceSg && sourceSg === targetSg && sourceSg.direction)
162
- ? sourceSg.direction
163
- : graph.config.graphDirection
164
-
165
- const [preferredDir, preferredOppositeDir, alternativeDir, alternativeOppositeDir] =
166
- determineStartAndEndDir(edge, effectiveDir)
167
-
168
- // Try preferred path.
169
- //
170
- // NOTE (#113 port, this fork): upstream also threads the exit direction into
171
- // getPath so A* expands it first. We deliberately do NOT do that here. This
172
- // fork already has trunk machinery upstream lacked (edge-bundling for
173
- // unlabelled siblings) and, crucially, deterministic FIFO tie-breaking in the
174
- // pathfinder MinHeap already makes equal-cost sibling routes pick consistent
175
- // corners. Adding the preferredDir reorder ON TOP of that visibly destabilised
176
- // trunk rendering here (stray '+' corners, '◢' arrowheads, and it regressed
177
- // the LR box-start repro) — the same failure mode recorded in lessons-learned
178
- // Loop 17. So we keep getPath direction-agnostic; the `preferredDir` param
179
- // exists for API parity but is intentionally left unused by this caller.
180
- const prefFrom = gridCoordDirection(edge.from.gridCoord!, preferredDir)
181
- const prefTo = gridCoordDirection(edge.to.gridCoord!, preferredOppositeDir)
182
- let preferredPath = getPath(graph.grid, prefFrom, prefTo, preferredDir)
183
-
184
- // Try alternative path
185
- const altFrom = gridCoordDirection(edge.from.gridCoord!, alternativeDir)
186
- const altTo = gridCoordDirection(edge.to.gridCoord!, alternativeOppositeDir)
187
- let alternativePath = getPath(graph.grid, altFrom, altTo, alternativeDir)
188
-
189
- // Case 1: Both paths found — pick the shorter one
190
- if (preferredPath !== null && alternativePath !== null) {
191
- preferredPath = mergePath(preferredPath)
192
- alternativePath = mergePath(alternativePath)
193
-
194
- if (preferredPath.length <= alternativePath.length) {
195
- edge.startDir = preferredDir
196
- edge.endDir = preferredOppositeDir
197
- edge.path = preferredPath
198
- } else {
199
- edge.startDir = alternativeDir
200
- edge.endDir = alternativeOppositeDir
201
- edge.path = alternativePath
202
- }
203
- return
204
- }
205
-
206
- // Case 2: Only preferred path found
207
- if (preferredPath !== null) {
208
- edge.startDir = preferredDir
209
- edge.endDir = preferredOppositeDir
210
- edge.path = mergePath(preferredPath)
211
- return
212
- }
213
-
214
- // Case 3: Only alternative path found
215
- if (alternativePath !== null) {
216
- edge.startDir = alternativeDir
217
- edge.endDir = alternativeOppositeDir
218
- edge.path = mergePath(alternativePath)
219
- return
220
- }
221
-
222
- // Case 4: Both paths failed — create a direct fallback path
223
- // This happens for edges crossing subgraph boundaries where A* can't find
224
- // a clear route. We create a direct path from source to target exit points
225
- // so arrowheads can still be rendered correctly.
226
- edge.startDir = preferredDir
227
- edge.endDir = preferredOppositeDir
228
- edge.path = [prefFrom, prefTo]
229
- }
230
-
231
- /**
232
- * Find the best line segment in an edge's path to place a label on.
233
- * Prefers vertical segments for TD/BT graphs and horizontal for LR/RL to avoid
234
- * label collisions when multiple edges share initial segments.
235
- * Falls back to the widest segment if none are suitable.
236
- * Also increases the column width at the label position to fit the text.
237
- */
238
- export function determineLabelLine(graph: AsciiGraph, edge: AsciiEdge): void {
239
- if (edge.text.length === 0) return
240
-
241
- const lenLabel = edge.text.length
242
- const pathLen = edge.path.length
243
- const isVerticalFlow = graph.config.graphDirection === 'TD'
244
-
245
- // Collect all segments with their widths and orientation
246
- const segments: {
247
- line: [GridCoord, GridCoord]
248
- width: number
249
- index: number
250
- isVertical: boolean
251
- }[] = []
252
-
253
- for (let i = 1; i < pathLen; i++) {
254
- const p1 = edge.path[i - 1]!
255
- const p2 = edge.path[i]!
256
- const line: [GridCoord, GridCoord] = [p1, p2]
257
- const width = calculateLineWidth(graph, line)
258
- // A segment is vertical if X coords are same, horizontal if Y coords are same
259
- const isVertical = p1.x === p2.x
260
- segments.push({ line, width, index: i, isVertical })
261
- }
262
-
263
- // In TD, a fan-out sibling's path is: shared horizontal trunk → corner →
264
- // vertical drop → target. The label must land on the per-sibling VERTICAL
265
- // drop (the branch), never on the shared horizontal trunk or an L-shaped
266
- // horizontal detour (upstream lukilabs#113 / issue #111). Restricting to
267
- // vertical segments here is what produces `│ / label / │` instead of
268
- // `─label─`. LR is the mirror image: prefer horizontal segments.
269
- const orientationMatches = (s: { isVertical: boolean }): boolean =>
270
- isVerticalFlow ? s.isVertical : !s.isVertical
271
-
272
- // Find segments wide enough for the label, excluding the first segment
273
- // The first segment is often shared between edges from the same source node
274
- let suitableSegments = segments.filter(
275
- s => s.width >= lenLabel && s.index > 1 && orientationMatches(s),
276
- )
277
- // Fall back to ignoring orientation if no oriented segment fits (e.g. a pure
278
- // straight edge with a single segment), so labels still get placed.
279
- if (suitableSegments.length === 0) {
280
- suitableSegments = segments.filter(s => s.width >= lenLabel && s.index > 1)
281
- }
282
-
283
- let largestLine: [GridCoord, GridCoord]
284
-
285
- if (suitableSegments.length > 0) {
286
- // Prefer the widest fitting segment: a long mid-route channel beats both
287
- // the shared initial trunk AND the final approach into a fan-in target,
288
- // which sibling arrivals crowd just like siblings share the exit. Ties
289
- // (equal-width drops in a fan-out) break toward the target, preserving
290
- // the per-branch label placement; `index` is unique, so no further tie.
291
- suitableSegments.sort((a, b) => b.width - a.width || b.index - a.index)
292
- largestLine = suitableSegments[0]!.line
293
- } else {
294
- // Fall back to any suitable segment including the first
295
- const fallbackSegments = segments.filter(s => s.width >= lenLabel)
296
- if (fallbackSegments.length > 0) {
297
- fallbackSegments.sort((a, b) => b.width - a.width || b.index - a.index)
298
- largestLine = fallbackSegments[0]!.line
299
- } else {
300
- // No segment wide enough — use the widest one. Widths CAN tie, so break
301
- // ties on start x, then y: deterministic across engines instead of
302
- // leaning on Array.prototype.sort stability.
303
- segments.sort(
304
- (a, b) => b.width - a.width || a.line[0].x - b.line[0].x || a.line[0].y - b.line[0].y,
305
- )
306
- largestLine = segments[0]?.line ?? [edge.path[0]!, edge.path[1]!]
307
- }
308
- }
309
-
310
- // Ensure column at midpoint is wide enough for the label
311
- const minX = Math.min(largestLine[0].x, largestLine[1].x)
312
- const maxX = Math.max(largestLine[0].x, largestLine[1].x)
313
- const middleX = minX + Math.floor((maxX - minX) / 2)
314
-
315
- const current = graph.columnWidth.get(middleX) ?? 0
316
- graph.columnWidth.set(middleX, Math.max(current, lenLabel + 2))
317
-
318
- edge.labelLine = [largestLine[0], largestLine[1]]
319
- }
320
-
321
- /** Calculate the total character width of a line segment by summing column widths. */
322
- function calculateLineWidth(graph: AsciiGraph, line: [GridCoord, GridCoord]): number {
323
- let total = 0
324
- const startX = Math.min(line[0].x, line[1].x)
325
- const endX = Math.max(line[0].x, line[1].x)
326
- for (let x = startX; x <= endX; x++) {
327
- total += graph.columnWidth.get(x) ?? 0
328
- }
329
- return total
330
- }