agentic-mermaid 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (333) hide show
  1. package/CHANGELOG.md +149 -4
  2. package/LICENSES/Apache-2.0.txt +202 -0
  3. package/README.md +25 -32
  4. package/THIRD_PARTY_NOTICES.md +29 -0
  5. package/assets/fonts/FONT-LICENSES.md +9 -5
  6. package/assets/fonts/Inter-Bold.ttf +0 -0
  7. package/assets/fonts/Inter-Medium.ttf +0 -0
  8. package/assets/fonts/Inter-Regular.ttf +0 -0
  9. package/assets/fonts/Inter-SemiBold.ttf +0 -0
  10. package/dist/agent-core.d.ts +463 -0
  11. package/dist/agent-core.js +397 -0
  12. package/dist/agent.d.ts +81 -1822
  13. package/dist/agent.js +336 -36839
  14. package/dist/agentic-mermaid-mcp.js +7 -37908
  15. package/dist/am.js +33638 -36261
  16. package/dist/chunk-4QECACIA.js +4702 -0
  17. package/dist/chunk-CDPKJ2BQ.js +37 -0
  18. package/dist/chunk-QKDLMOJJ.js +3487 -0
  19. package/dist/chunk-WI35L7IR.js +615 -0
  20. package/dist/chunk-WN3YDOBG.js +149 -0
  21. package/dist/chunk-ZYMMKQ3I.js +62637 -0
  22. package/dist/index-D54dqSdC.d.ts +6777 -0
  23. package/dist/index.d.ts +1 -1
  24. package/dist/index.js +310 -32836
  25. package/dist/mcp-cli-SBQSTJFC.js +17 -0
  26. package/docs/README.md +14 -6
  27. package/docs/schemas/style-spec.schema.json +1221 -30
  28. package/examples/styles/catalog.json +54 -0
  29. package/examples/styles/cloudflare-workers-inspired-prototype.mmd +9 -0
  30. package/examples/styles/cloudflare-workers-inspired-prototype.style.json +110 -0
  31. package/examples/styles/cupertino-prototype.mmd +10 -0
  32. package/examples/styles/cupertino-prototype.style.json +63 -0
  33. package/examples/styles/mid-century-report.style.json +2 -2
  34. package/examples/styles/star-chart-atlas.style.json +2 -1
  35. package/examples/styles/transit-route-map.style.json +2 -2
  36. package/examples/styles/vercel-inspired-prototype.mmd +6 -0
  37. package/examples/styles/vercel-inspired-prototype.style.json +87 -0
  38. package/package.json +70 -43
  39. package/server.json +41 -0
  40. package/skills/agentic-mermaid-diagram-workflow/SKILL.md +17 -36
  41. package/skills/agentic-mermaid-diagram-workflow/references/cli.md +4 -5
  42. package/skills/agentic-mermaid-diagram-workflow/references/code-mode.md +15 -31
  43. package/skills/agentic-mermaid-diagram-workflow/references/sequence.md +10 -14
  44. package/skills/agentic-mermaid-live-editor/SKILL.md +100 -206
  45. package/AGENT_NATIVE.md +0 -602
  46. package/Instructions_for_agents.md +0 -83
  47. package/TODO.md +0 -662
  48. package/assets/hero.png +0 -0
  49. package/dist/index-x2Cj1dVv.d.ts +0 -1089
  50. package/docs/agent-api-cookbook.md +0 -308
  51. package/docs/agent-mutation-policy.md +0 -104
  52. package/docs/agent-workflow-examples.md +0 -46
  53. package/docs/api.md +0 -203
  54. package/docs/ascii.md +0 -103
  55. package/docs/assets/improvements/box-start-connector.png +0 -0
  56. package/docs/assets/improvements/comment-dropped-lint.png +0 -0
  57. package/docs/assets/improvements/er-content-loss.png +0 -0
  58. package/docs/assets/improvements/fan-in-trunks.png +0 -0
  59. package/docs/assets/improvements/gantt-family.png +0 -0
  60. package/docs/assets/improvements/gantt-milestone-clamp.png +0 -0
  61. package/docs/assets/improvements/gantt-verify-seam.png +0 -0
  62. package/docs/assets/improvements/subgraph-container-edges.png +0 -0
  63. package/docs/assets/improvements/wrapper-frontmatter.png +0 -0
  64. package/docs/assets/improvements/wrapper-init-directive.png +0 -0
  65. package/docs/assets/improvements/wrapper-leading-comment.png +0 -0
  66. package/docs/assets/style-cookbook/mid-century-report.png +0 -0
  67. package/docs/assets/style-cookbook/star-chart-atlas.png +0 -0
  68. package/docs/assets/style-cookbook/transit-route-map.png +0 -0
  69. package/docs/comparison.md +0 -94
  70. package/docs/config.md +0 -105
  71. package/docs/contributing/adding-diagram-types.md +0 -144
  72. package/docs/contributing/diagram-family-citizenship.matrix.json +0 -2127
  73. package/docs/contributing/diagram-family-citizenship.md +0 -82
  74. package/docs/contributing/harvesting-upstream-tests.md +0 -126
  75. package/docs/contributing/lessons-learned.md +0 -276
  76. package/docs/contributing/releasing.md +0 -71
  77. package/docs/contributing/visual-review-evidence.md +0 -53
  78. package/docs/custom-style-cookbook.md +0 -154
  79. package/docs/design/families/README.md +0 -26
  80. package/docs/design/families/architecture-beta.md +0 -48
  81. package/docs/design/families/flowchart-parser-conformance.md +0 -22
  82. package/docs/design/families/gantt-research.md +0 -137
  83. package/docs/design/families/gantt.md +0 -329
  84. package/docs/design/families/journey-agentic-cards-before.png +0 -0
  85. package/docs/design/families/journey-mermaid-classic-implementation.png +0 -0
  86. package/docs/design/families/journey-mermaid-classic-prototype.png +0 -0
  87. package/docs/design/families/journey-mermaid-classic-prototype.svg +0 -163
  88. package/docs/design/families/journey-mermaid-classic-prototype.svg.png +0 -0
  89. package/docs/design/families/journey-migration-parity.md +0 -433
  90. package/docs/design/families/journey-usage-research.md +0 -423
  91. package/docs/design/families/journey.md +0 -125
  92. package/docs/design/families/xychart.md +0 -85
  93. package/docs/design/system/README.md +0 -45
  94. package/docs/design/system/abstraction-audit.md +0 -224
  95. package/docs/design/system/abstraction-recommendations.md +0 -655
  96. package/docs/design/system/architecture.mmd +0 -29
  97. package/docs/design/system/architecture.svg +0 -137
  98. package/docs/design/system/layout-guarantees-and-robustness.md +0 -351
  99. package/docs/design/system/layout-rubric.md +0 -138
  100. package/docs/design/system/route-contracts.md +0 -848
  101. package/docs/design/system/source-preservation-ladder.md +0 -52
  102. package/docs/design/system/styles-rollout.md +0 -216
  103. package/docs/design/system/ugly-layouts.md +0 -119
  104. package/docs/diagram-families.md +0 -193
  105. package/docs/features.md +0 -147
  106. package/docs/fork-differences.md +0 -130
  107. package/docs/getting-started.md +0 -175
  108. package/docs/issue-derived-test-cases.md +0 -156
  109. package/docs/layout-characterization/README.md +0 -245
  110. package/docs/layout-characterization/contact-sheet-families.md +0 -496
  111. package/docs/layout-characterization/contact-sheet.md +0 -638
  112. package/docs/layout-characterization/properties.md +0 -281
  113. package/docs/layout-characterization/visual-quality.md +0 -160
  114. package/docs/layout-characterization/visual-snapshots/architecture.svg +0 -79
  115. package/docs/layout-characterization/visual-snapshots/class.svg +0 -60
  116. package/docs/layout-characterization/visual-snapshots/er.svg +0 -61
  117. package/docs/layout-characterization/visual-snapshots/flowchart.svg +0 -58
  118. package/docs/layout-characterization/visual-snapshots/gantt.svg +0 -52
  119. package/docs/layout-characterization/visual-snapshots/journey.svg +0 -118
  120. package/docs/layout-characterization/visual-snapshots/pie.svg +0 -36
  121. package/docs/layout-characterization/visual-snapshots/quadrant.svg +0 -47
  122. package/docs/layout-characterization/visual-snapshots/sequence.svg +0 -59
  123. package/docs/layout-characterization/visual-snapshots/state.svg +0 -52
  124. package/docs/layout-characterization/visual-snapshots/timeline.svg +0 -64
  125. package/docs/layout-characterization/visual-snapshots/xychart.svg +0 -97
  126. package/docs/mcp-code-mode-rationale.md +0 -101
  127. package/docs/mcp-http-transport.md +0 -223
  128. package/docs/mermaid-layout-complaints.md +0 -837
  129. package/docs/mutation-testing.md +0 -206
  130. package/docs/project/divergences.md +0 -98
  131. package/docs/project/dogfooding-docs-strategy.md +0 -66
  132. package/docs/project/hosted-mcp-cloudflare-plan.md +0 -338
  133. package/docs/project/lessons-learned.md +0 -1019
  134. package/docs/project/remove-role-styling-plan.md +0 -176
  135. package/docs/quality.md +0 -212
  136. package/docs/react.md +0 -97
  137. package/docs/style-authoring.md +0 -133
  138. package/docs/testing-strategy.md +0 -335
  139. package/docs/theming.md +0 -162
  140. package/examples/agent-improve-auth-flow.ts +0 -206
  141. package/examples/agent-loop.ts +0 -53
  142. package/examples/mcp-vs-cli-complex-diagrams.ts +0 -133
  143. package/llms.txt +0 -104
  144. package/skill-evals/README.md +0 -77
  145. package/skill-evals/fixtures/architecture-cache/input.mmd +0 -5
  146. package/skill-evals/fixtures/class-payment/input.mmd +0 -4
  147. package/skill-evals/fixtures/er-orders/input.mmd +0 -10
  148. package/skill-evals/fixtures/flowchart-cache/input.mmd +0 -3
  149. package/skill-evals/fixtures/gantt-release/input.mmd +0 -7
  150. package/skill-evals/fixtures/journey-checkout/input.mmd +0 -6
  151. package/skill-evals/fixtures/pie-exports/input.mmd +0 -5
  152. package/skill-evals/fixtures/quadrant-priorities/input.mmd +0 -11
  153. package/skill-evals/fixtures/sequence-retry/input.mmd +0 -8
  154. package/skill-evals/fixtures/state-lifecycle/input.mmd +0 -5
  155. package/skill-evals/fixtures/timeline-release/input.mmd +0 -6
  156. package/skill-evals/fixtures/xychart-growth/input.mmd +0 -5
  157. package/skill-evals/shared-benchmark.json +0 -510
  158. package/src/agent/analyze.ts +0 -157
  159. package/src/agent/apply.ts +0 -146
  160. package/src/agent/architecture-body.ts +0 -458
  161. package/src/agent/certificates.ts +0 -110
  162. package/src/agent/class-body.ts +0 -319
  163. package/src/agent/core.ts +0 -207
  164. package/src/agent/create.ts +0 -106
  165. package/src/agent/describe.ts +0 -364
  166. package/src/agent/er-body.ts +0 -224
  167. package/src/agent/facts.ts +0 -337
  168. package/src/agent/families-builtin.ts +0 -934
  169. package/src/agent/families.ts +0 -232
  170. package/src/agent/family-layouts.ts +0 -826
  171. package/src/agent/flowchart-body.ts +0 -372
  172. package/src/agent/flowchart-unsupported.ts +0 -243
  173. package/src/agent/gantt-body.ts +0 -495
  174. package/src/agent/index.ts +0 -10
  175. package/src/agent/journey-body.ts +0 -414
  176. package/src/agent/label-metrics.ts +0 -28
  177. package/src/agent/layout-to-rendered.ts +0 -63
  178. package/src/agent/mutate.ts +0 -97
  179. package/src/agent/mutation-ops.ts +0 -51
  180. package/src/agent/op-schema.ts +0 -439
  181. package/src/agent/parse.ts +0 -223
  182. package/src/agent/pie-body.ts +0 -270
  183. package/src/agent/png.ts +0 -117
  184. package/src/agent/quadrant-body.ts +0 -336
  185. package/src/agent/quality.ts +0 -363
  186. package/src/agent/readability-audit.ts +0 -92
  187. package/src/agent/rendered-route-audit.ts +0 -61
  188. package/src/agent/sequence-body.ts +0 -345
  189. package/src/agent/serialize.ts +0 -214
  190. package/src/agent/state-body.ts +0 -589
  191. package/src/agent/structural-count.ts +0 -150
  192. package/src/agent/timeline-body.ts +0 -280
  193. package/src/agent/trace-log.ts +0 -43
  194. package/src/agent/types.ts +0 -979
  195. package/src/agent/verify.ts +0 -571
  196. package/src/agent/xychart-body.ts +0 -472
  197. package/src/architecture/config.ts +0 -282
  198. package/src/architecture/layout.ts +0 -496
  199. package/src/architecture/parser.ts +0 -375
  200. package/src/architecture/renderer.ts +0 -611
  201. package/src/architecture/types.ts +0 -113
  202. package/src/ascii/ansi.ts +0 -423
  203. package/src/ascii/architecture.ts +0 -210
  204. package/src/ascii/canvas.ts +0 -443
  205. package/src/ascii/class-diagram.ts +0 -697
  206. package/src/ascii/converter.ts +0 -475
  207. package/src/ascii/draw.ts +0 -1693
  208. package/src/ascii/edge-bundling.ts +0 -328
  209. package/src/ascii/edge-routing.ts +0 -330
  210. package/src/ascii/er-diagram.ts +0 -439
  211. package/src/ascii/gantt.ts +0 -276
  212. package/src/ascii/grid.ts +0 -747
  213. package/src/ascii/index.ts +0 -196
  214. package/src/ascii/journey.ts +0 -189
  215. package/src/ascii/meta.ts +0 -244
  216. package/src/ascii/multiline-utils.ts +0 -80
  217. package/src/ascii/pathfinder.ts +0 -301
  218. package/src/ascii/pie.ts +0 -67
  219. package/src/ascii/quadrant.ts +0 -158
  220. package/src/ascii/reverse.ts +0 -216
  221. package/src/ascii/sequence.ts +0 -499
  222. package/src/ascii/shapes/circle.ts +0 -27
  223. package/src/ascii/shapes/corners.ts +0 -143
  224. package/src/ascii/shapes/diamond.ts +0 -27
  225. package/src/ascii/shapes/hexagon.ts +0 -27
  226. package/src/ascii/shapes/index.ts +0 -106
  227. package/src/ascii/shapes/rectangle.ts +0 -168
  228. package/src/ascii/shapes/rounded.ts +0 -27
  229. package/src/ascii/shapes/special.ts +0 -332
  230. package/src/ascii/shapes/stadium.ts +0 -110
  231. package/src/ascii/shapes/state.ts +0 -192
  232. package/src/ascii/shapes/types.ts +0 -73
  233. package/src/ascii/timeline.ts +0 -128
  234. package/src/ascii/types.ts +0 -312
  235. package/src/ascii/validate.ts +0 -120
  236. package/src/ascii/width.ts +0 -81
  237. package/src/ascii/xychart.ts +0 -919
  238. package/src/browser.ts +0 -29
  239. package/src/class/layout.ts +0 -240
  240. package/src/class/parser.ts +0 -332
  241. package/src/class/renderer.ts +0 -638
  242. package/src/class/types.ts +0 -129
  243. package/src/cli/agent-instructions.ts +0 -1
  244. package/src/cli/am-bin.ts +0 -6
  245. package/src/cli/exit-codes.ts +0 -18
  246. package/src/cli/index.ts +0 -1117
  247. package/src/cli/init-agent.ts +0 -147
  248. package/src/color-resolver.ts +0 -152
  249. package/src/elk-instance.ts +0 -114
  250. package/src/er/layout.ts +0 -187
  251. package/src/er/parser.ts +0 -226
  252. package/src/er/renderer.ts +0 -792
  253. package/src/er/types.ts +0 -99
  254. package/src/font-manifest.ts +0 -27
  255. package/src/gantt/layout.ts +0 -365
  256. package/src/gantt/parser.ts +0 -282
  257. package/src/gantt/pipeline.ts +0 -27
  258. package/src/gantt/renderer.ts +0 -414
  259. package/src/gantt/schedule.ts +0 -513
  260. package/src/gantt/types.ts +0 -255
  261. package/src/index.ts +0 -368
  262. package/src/journey/layout.ts +0 -520
  263. package/src/journey/parser.ts +0 -218
  264. package/src/journey/renderer.ts +0 -811
  265. package/src/journey/types.ts +0 -144
  266. package/src/layout/geometry.ts +0 -182
  267. package/src/layout/pass.ts +0 -142
  268. package/src/layout/passes/index.ts +0 -3916
  269. package/src/layout-engine.ts +0 -1565
  270. package/src/layout-rubric.ts +0 -659
  271. package/src/mcp/artifacts.ts +0 -137
  272. package/src/mcp/dynamic-harness.ts +0 -31
  273. package/src/mcp/dynamic-modules.d.ts +0 -7
  274. package/src/mcp/facade.ts +0 -608
  275. package/src/mcp/harness-runtime.ts +0 -203
  276. package/src/mcp/hosted-server.ts +0 -468
  277. package/src/mcp/mcp-bin.ts +0 -3
  278. package/src/mcp/mcp-cli.ts +0 -82
  279. package/src/mcp/protocol.ts +0 -13
  280. package/src/mcp/sandbox.ts +0 -195
  281. package/src/mcp/sdk-decl.ts +0 -387
  282. package/src/mcp/server.ts +0 -362
  283. package/src/mcp/tool-surface.ts +0 -146
  284. package/src/mermaid-source.ts +0 -655
  285. package/src/multiline-utils.ts +0 -228
  286. package/src/parser.ts +0 -1031
  287. package/src/pie/layout.ts +0 -168
  288. package/src/pie/parser.ts +0 -136
  289. package/src/pie/renderer.ts +0 -234
  290. package/src/pie/types.ts +0 -82
  291. package/src/quadrant/layout.ts +0 -191
  292. package/src/quadrant/parser.ts +0 -183
  293. package/src/quadrant/renderer.ts +0 -322
  294. package/src/quadrant/types.ts +0 -113
  295. package/src/render-family-hooks.ts +0 -244
  296. package/src/renderer.ts +0 -1099
  297. package/src/route-contracts.ts +0 -2723
  298. package/src/scene/backend.ts +0 -76
  299. package/src/scene/fidelity.ts +0 -183
  300. package/src/scene/hybrid-backend.ts +0 -174
  301. package/src/scene/ir.ts +0 -181
  302. package/src/scene/marks.ts +0 -127
  303. package/src/scene/rough-backend.ts +0 -378
  304. package/src/scene/seed.ts +0 -46
  305. package/src/scene/style-registry.ts +0 -556
  306. package/src/sequence/layout.ts +0 -456
  307. package/src/sequence/parser.ts +0 -255
  308. package/src/sequence/renderer.ts +0 -604
  309. package/src/sequence/types.ts +0 -154
  310. package/src/shape-clipping.ts +0 -351
  311. package/src/shared/accessibility-directives.ts +0 -22
  312. package/src/shared/batched.ts +0 -61
  313. package/src/shared/color-math.ts +0 -72
  314. package/src/shared/svg-a11y.ts +0 -29
  315. package/src/shared/syntax-error.ts +0 -17
  316. package/src/shared/unicode-ranges.ts +0 -135
  317. package/src/styles.ts +0 -318
  318. package/src/svg-paths.ts +0 -28
  319. package/src/text-metrics.ts +0 -248
  320. package/src/theme.ts +0 -639
  321. package/src/timeline/layout.ts +0 -381
  322. package/src/timeline/parser.ts +0 -215
  323. package/src/timeline/renderer.ts +0 -538
  324. package/src/timeline/types.ts +0 -105
  325. package/src/types.ts +0 -454
  326. package/src/website-worker-modules.d.ts +0 -18
  327. package/src/xychart/axis-utils.ts +0 -109
  328. package/src/xychart/colors.ts +0 -124
  329. package/src/xychart/config.ts +0 -88
  330. package/src/xychart/layout.ts +0 -656
  331. package/src/xychart/parser.ts +0 -504
  332. package/src/xychart/renderer.ts +0 -640
  333. package/src/xychart/types.ts +0 -282
@@ -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
- }