agentic-mermaid 0.1.1 → 0.2.0

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