@diagrammo/dgmo 0.47.0 → 0.48.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 (319) hide show
  1. package/dist/auto.js +1 -1
  2. package/dist/auto.mjs +1 -1
  3. package/dist/element.js +1 -1
  4. package/dist/element.mjs +1 -1
  5. package/package.json +19 -70
  6. package/dist/advanced.cjs +0 -71648
  7. package/dist/advanced.d.cts +0 -5719
  8. package/dist/auto.cjs +0 -70648
  9. package/dist/auto.d.cts +0 -54
  10. package/dist/block.cjs +0 -70208
  11. package/dist/block.d.cts +0 -115
  12. package/dist/editor.cjs +0 -526
  13. package/dist/editor.d.cts +0 -26
  14. package/dist/element.cjs +0 -70530
  15. package/dist/element.d.cts +0 -62
  16. package/dist/highlight.cjs +0 -852
  17. package/dist/highlight.d.cts +0 -49
  18. package/dist/index.cjs +0 -70491
  19. package/dist/index.d.cts +0 -160
  20. package/dist/pert.cjs +0 -325
  21. package/dist/pert.d.cts +0 -559
  22. package/dist/themes-1-CuKpeH.d.cts +0 -908
  23. package/src/advanced.ts +0 -873
  24. package/src/arc/parser.ts +0 -15
  25. package/src/arc/renderer.ts +0 -633
  26. package/src/auto/index.ts +0 -621
  27. package/src/auto/shared.ts +0 -370
  28. package/src/auto/styles.ts +0 -73
  29. package/src/block/layout.ts +0 -198
  30. package/src/block/parser.ts +0 -427
  31. package/src/block/renderer.ts +0 -484
  32. package/src/block/types.ts +0 -67
  33. package/src/boxes-and-lines/collapse.ts +0 -96
  34. package/src/boxes-and-lines/focus.ts +0 -257
  35. package/src/boxes-and-lines/label-placement.ts +0 -339
  36. package/src/boxes-and-lines/layout-grouped.ts +0 -912
  37. package/src/boxes-and-lines/layout-layered.ts +0 -722
  38. package/src/boxes-and-lines/layout-search.ts +0 -1678
  39. package/src/boxes-and-lines/layout.ts +0 -398
  40. package/src/boxes-and-lines/parser.ts +0 -1181
  41. package/src/boxes-and-lines/renderer.ts +0 -1465
  42. package/src/boxes-and-lines/types.ts +0 -66
  43. package/src/c4/layout.ts +0 -2441
  44. package/src/c4/parser.ts +0 -1158
  45. package/src/c4/renderer.ts +0 -2008
  46. package/src/c4/types.ts +0 -89
  47. package/src/chart-type-registry.ts +0 -529
  48. package/src/chart-types.ts +0 -225
  49. package/src/chart.ts +0 -685
  50. package/src/charts-d3/bar.ts +0 -338
  51. package/src/charts-d3/chord.ts +0 -140
  52. package/src/charts-d3/function.ts +0 -147
  53. package/src/charts-d3/funnel.ts +0 -104
  54. package/src/charts-d3/heatmap.ts +0 -145
  55. package/src/charts-d3/index.ts +0 -337
  56. package/src/charts-d3/interactions.ts +0 -477
  57. package/src/charts-d3/line.ts +0 -344
  58. package/src/charts-d3/mount.ts +0 -151
  59. package/src/charts-d3/pie.ts +0 -117
  60. package/src/charts-d3/polar.ts +0 -89
  61. package/src/charts-d3/radar.ts +0 -0
  62. package/src/charts-d3/sankey.ts +0 -0
  63. package/src/charts-d3/scatter.ts +0 -185
  64. package/src/charts-d3/shared.ts +0 -208
  65. package/src/class/layout.ts +0 -326
  66. package/src/class/parser.ts +0 -635
  67. package/src/class/renderer.ts +0 -793
  68. package/src/class/types.ts +0 -58
  69. package/src/cli-banner.ts +0 -106
  70. package/src/cli.ts +0 -1080
  71. package/src/colors-diagnostics.ts +0 -35
  72. package/src/colors.ts +0 -379
  73. package/src/completion-types.ts +0 -27
  74. package/src/completion.ts +0 -2668
  75. package/src/cycle/layout.ts +0 -1026
  76. package/src/cycle/parser.ts +0 -387
  77. package/src/cycle/renderer.ts +0 -653
  78. package/src/cycle/types.ts +0 -101
  79. package/src/d3.ts +0 -1434
  80. package/src/data-chart-parser.ts +0 -1007
  81. package/src/dgmo-router.ts +0 -296
  82. package/src/diagnostics-registry.ts +0 -108
  83. package/src/diagnostics.ts +0 -0
  84. package/src/dimensions.ts +0 -20
  85. package/src/directives-registry.ts +0 -396
  86. package/src/editor/dgmo.grammar +0 -76
  87. package/src/editor/dgmo.grammar.d.ts +0 -2
  88. package/src/editor/dgmo.grammar.js +0 -18
  89. package/src/editor/dgmo.grammar.terms.d.ts +0 -5
  90. package/src/editor/dgmo.grammar.terms.js +0 -35
  91. package/src/editor/highlight-api.ts +0 -596
  92. package/src/editor/highlight.ts +0 -36
  93. package/src/editor/index.ts +0 -27
  94. package/src/editor/keywords.ts +0 -128
  95. package/src/editor/tokens.ts +0 -30
  96. package/src/element/index.ts +0 -432
  97. package/src/embed/css.ts +0 -312
  98. package/src/embed/escape.ts +0 -15
  99. package/src/embed/index.ts +0 -280
  100. package/src/er/classify.ts +0 -228
  101. package/src/er/layout.ts +0 -530
  102. package/src/er/parser.ts +0 -750
  103. package/src/er/renderer.ts +0 -725
  104. package/src/er/types.ts +0 -52
  105. package/src/error-card.ts +0 -269
  106. package/src/event-line/diagnostics.ts +0 -117
  107. package/src/event-line/parser.ts +0 -643
  108. package/src/event-line/renderer.ts +0 -1742
  109. package/src/event-line/types.ts +0 -74
  110. package/src/fonts.ts +0 -3
  111. package/src/gantt/calculator.ts +0 -979
  112. package/src/gantt/parser.ts +0 -1641
  113. package/src/gantt/renderer.ts +0 -3787
  114. package/src/gantt/resolver.ts +0 -172
  115. package/src/gantt/types.ts +0 -206
  116. package/src/graph/diagnostics.ts +0 -64
  117. package/src/graph/edge-spline.ts +0 -29
  118. package/src/graph/flowchart-parser.ts +0 -759
  119. package/src/graph/flowchart-renderer.ts +0 -817
  120. package/src/graph/layout.ts +0 -472
  121. package/src/graph/notes.ts +0 -21
  122. package/src/graph/state-collapse.ts +0 -78
  123. package/src/graph/state-parser.ts +0 -574
  124. package/src/graph/state-renderer.ts +0 -653
  125. package/src/graph/types.ts +0 -65
  126. package/src/index.ts +0 -261
  127. package/src/infra/compute.ts +0 -1385
  128. package/src/infra/layout.ts +0 -888
  129. package/src/infra/parser.ts +0 -1234
  130. package/src/infra/renderer.ts +0 -2534
  131. package/src/infra/roles.ts +0 -75
  132. package/src/infra/types.ts +0 -216
  133. package/src/infra/validation.ts +0 -201
  134. package/src/journey-map/layout.ts +0 -490
  135. package/src/journey-map/parser.ts +0 -557
  136. package/src/journey-map/renderer.ts +0 -1580
  137. package/src/journey-map/types.ts +0 -47
  138. package/src/kanban/mutations.ts +0 -175
  139. package/src/kanban/parser.ts +0 -509
  140. package/src/kanban/renderer.ts +0 -1449
  141. package/src/kanban/types.ts +0 -39
  142. package/src/label-layout.ts +0 -368
  143. package/src/map/colorize.ts +0 -54
  144. package/src/map/completion.ts +0 -316
  145. package/src/map/context-labels.ts +0 -609
  146. package/src/map/data/PROVENANCE.json +0 -1
  147. package/src/map/data/README.md +0 -40
  148. package/src/map/data/airport-collisions.json +0 -1
  149. package/src/map/data/airports.json +0 -1
  150. package/src/map/data/gazetteer.json +0 -1
  151. package/src/map/data/lakes.json +0 -1
  152. package/src/map/data/mountain-ranges.json +0 -1
  153. package/src/map/data/na-lakes.json +0 -1
  154. package/src/map/data/na-land.json +0 -1
  155. package/src/map/data/region-names.json +0 -1
  156. package/src/map/data/rivers.json +0 -1
  157. package/src/map/data/types.ts +0 -121
  158. package/src/map/data/us-states.json +0 -1
  159. package/src/map/data/water-bodies.json +0 -1
  160. package/src/map/data/world-coarse.json +0 -1
  161. package/src/map/data/world-detail.json +0 -1
  162. package/src/map/diagnostics.ts +0 -134
  163. package/src/map/dimensions.ts +0 -150
  164. package/src/map/geo-query.ts +0 -295
  165. package/src/map/geo.ts +0 -438
  166. package/src/map/invert.ts +0 -111
  167. package/src/map/layout.ts +0 -5069
  168. package/src/map/legend-band.ts +0 -127
  169. package/src/map/load-data.ts +0 -186
  170. package/src/map/parser.ts +0 -783
  171. package/src/map/renderer.ts +0 -1445
  172. package/src/map/resolved-types.ts +0 -160
  173. package/src/map/resolver.ts +0 -1146
  174. package/src/map/types.ts +0 -194
  175. package/src/mindmap/collapse.ts +0 -67
  176. package/src/mindmap/layout.ts +0 -649
  177. package/src/mindmap/parser.ts +0 -430
  178. package/src/mindmap/renderer.ts +0 -637
  179. package/src/mindmap/text-wrap.ts +0 -218
  180. package/src/mindmap/types.ts +0 -56
  181. package/src/org/collapse.ts +0 -151
  182. package/src/org/layout.ts +0 -1262
  183. package/src/org/parser.ts +0 -519
  184. package/src/org/renderer.ts +0 -866
  185. package/src/org/resolver.ts +0 -636
  186. package/src/palettes/atlas.ts +0 -77
  187. package/src/palettes/blueprint.ts +0 -73
  188. package/src/palettes/catppuccin.ts +0 -84
  189. package/src/palettes/color-utils.ts +0 -443
  190. package/src/palettes/index.ts +0 -67
  191. package/src/palettes/nord.ts +0 -67
  192. package/src/palettes/registry.ts +0 -114
  193. package/src/palettes/slate.ts +0 -73
  194. package/src/palettes/tidewater.ts +0 -73
  195. package/src/palettes/tokyo-night.ts +0 -86
  196. package/src/palettes/types.ts +0 -88
  197. package/src/pert/analyzer.ts +0 -1183
  198. package/src/pert/diagnostics.ts +0 -110
  199. package/src/pert/index.ts +0 -43
  200. package/src/pert/internal.ts +0 -252
  201. package/src/pert/layout.ts +0 -971
  202. package/src/pert/monte-carlo.ts +0 -446
  203. package/src/pert/parser.ts +0 -1606
  204. package/src/pert/renderer.ts +0 -4009
  205. package/src/pert/share-normalize.ts +0 -62
  206. package/src/pert/types.ts +0 -604
  207. package/src/pyramid/parser.ts +0 -185
  208. package/src/pyramid/renderer.ts +0 -768
  209. package/src/pyramid/types.ts +0 -28
  210. package/src/quadrant/parser.ts +0 -18
  211. package/src/quadrant/renderer.ts +0 -638
  212. package/src/raci/diagnostics.ts +0 -213
  213. package/src/raci/index.ts +0 -23
  214. package/src/raci/mutations.ts +0 -321
  215. package/src/raci/parser.ts +0 -699
  216. package/src/raci/renderer.ts +0 -1627
  217. package/src/raci/types.ts +0 -82
  218. package/src/raci/variants.ts +0 -320
  219. package/src/render.ts +0 -268
  220. package/src/ring/parser.ts +0 -212
  221. package/src/ring/renderer.ts +0 -490
  222. package/src/ring/types.ts +0 -27
  223. package/src/sequence/collapse.ts +0 -174
  224. package/src/sequence/parser.ts +0 -1596
  225. package/src/sequence/participant-inference.ts +0 -152
  226. package/src/sequence/renderer.ts +0 -3168
  227. package/src/sequence/tag-resolution.ts +0 -164
  228. package/src/sharing.ts +0 -211
  229. package/src/sitemap/collapse.ts +0 -100
  230. package/src/sitemap/layout.ts +0 -925
  231. package/src/sitemap/parser.ts +0 -755
  232. package/src/sitemap/renderer.ts +0 -828
  233. package/src/sitemap/types.ts +0 -42
  234. package/src/slope/parser.ts +0 -18
  235. package/src/slope/renderer.ts +0 -378
  236. package/src/swimlane/diagnostics.ts +0 -94
  237. package/src/swimlane/layout.ts +0 -597
  238. package/src/swimlane/parser.ts +0 -613
  239. package/src/swimlane/renderer.ts +0 -681
  240. package/src/swimlane/types.ts +0 -151
  241. package/src/tech-radar/interactive.ts +0 -1129
  242. package/src/tech-radar/layout.ts +0 -197
  243. package/src/tech-radar/parser.ts +0 -436
  244. package/src/tech-radar/renderer.ts +0 -1239
  245. package/src/tech-radar/shared.ts +0 -151
  246. package/src/tech-radar/types.ts +0 -86
  247. package/src/themes.ts +0 -22
  248. package/src/timeline/parser.ts +0 -472
  249. package/src/timeline/renderer.ts +0 -3024
  250. package/src/timeline/types.ts +0 -33
  251. package/src/timeline/viz-parser.ts +0 -21
  252. package/src/treemap/diagnostics.ts +0 -62
  253. package/src/treemap/layout-radial.ts +0 -233
  254. package/src/treemap/layout.ts +0 -189
  255. package/src/treemap/parser.ts +0 -463
  256. package/src/treemap/renderer-radial.ts +0 -438
  257. package/src/treemap/renderer.ts +0 -572
  258. package/src/treemap/treemap-shared.ts +0 -309
  259. package/src/treemap/types.ts +0 -60
  260. package/src/utils/arrow-markers.ts +0 -51
  261. package/src/utils/arrows-diagnostics.ts +0 -62
  262. package/src/utils/arrows.ts +0 -227
  263. package/src/utils/brand.ts +0 -61
  264. package/src/utils/card.ts +0 -183
  265. package/src/utils/collapse-engine/tree-edges.ts +0 -115
  266. package/src/utils/collapse-engine/tree.ts +0 -117
  267. package/src/utils/d3-helpers.ts +0 -219
  268. package/src/utils/d3-types.ts +0 -9
  269. package/src/utils/description-helpers.ts +0 -38
  270. package/src/utils/duration.ts +0 -312
  271. package/src/utils/export-container.ts +0 -41
  272. package/src/utils/expr-eval.ts +0 -27
  273. package/src/utils/fit-canvas.ts +0 -64
  274. package/src/utils/hover-styles.ts +0 -673
  275. package/src/utils/inline-markdown.ts +0 -96
  276. package/src/utils/legend-constants.ts +0 -48
  277. package/src/utils/legend-d3.ts +0 -618
  278. package/src/utils/legend-integration.ts +0 -107
  279. package/src/utils/legend-layout.ts +0 -776
  280. package/src/utils/legend-svg.ts +0 -214
  281. package/src/utils/legend-types.ts +0 -272
  282. package/src/utils/name-normalize.ts +0 -163
  283. package/src/utils/note-box/constants.ts +0 -25
  284. package/src/utils/note-box/index.ts +0 -11
  285. package/src/utils/note-box/metrics.ts +0 -90
  286. package/src/utils/note-box/svg.ts +0 -331
  287. package/src/utils/notes/bounds.ts +0 -30
  288. package/src/utils/notes/build.ts +0 -131
  289. package/src/utils/notes/index.ts +0 -18
  290. package/src/utils/notes/model.ts +0 -19
  291. package/src/utils/notes/parse.ts +0 -131
  292. package/src/utils/notes/place.ts +0 -177
  293. package/src/utils/notes/resolve.ts +0 -88
  294. package/src/utils/number-format.ts +0 -36
  295. package/src/utils/parsing.ts +0 -953
  296. package/src/utils/reserved-key-registry.ts +0 -239
  297. package/src/utils/safe-href.ts +0 -38
  298. package/src/utils/scaling.ts +0 -97
  299. package/src/utils/svg-embed.ts +0 -251
  300. package/src/utils/tag-groups.ts +0 -607
  301. package/src/utils/text-measure.ts +0 -122
  302. package/src/utils/time-ticks.ts +0 -253
  303. package/src/utils/title-constants.ts +0 -24
  304. package/src/utils/visual-conventions.ts +0 -61
  305. package/src/utils/wrapped-desc.ts +0 -87
  306. package/src/venn/parser.ts +0 -18
  307. package/src/venn/renderer.ts +0 -1047
  308. package/src/version-control/diagnostics.ts +0 -67
  309. package/src/version-control/parser.ts +0 -544
  310. package/src/version-control/renderer.ts +0 -724
  311. package/src/version-control/types.ts +0 -100
  312. package/src/visualizations/parse.ts +0 -1560
  313. package/src/visualizations/types.ts +0 -262
  314. package/src/wireframe/layout.ts +0 -479
  315. package/src/wireframe/parser.ts +0 -1114
  316. package/src/wireframe/renderer.ts +0 -1318
  317. package/src/wireframe/types.ts +0 -110
  318. package/src/wordcloud/parser.ts +0 -18
  319. package/src/wordcloud/renderer.ts +0 -357
@@ -1,597 +0,0 @@
1
- // ============================================================
2
- // Swimlane Diagram — Layout
3
- // ============================================================
4
- //
5
- // Purpose-built rank + lane-band pass (Technical Decision 1): lanes are an
6
- // ORTHOGONAL constraint to the flow axis, so we must NOT run dagre (it would
7
- // pick the cross-axis to minimize crossings — exactly the freedom we remove)
8
- // and must NOT call `groupedTierCandidates` (its tier-banding is along the flow
9
- // axis). We reuse only the three pure helpers from the boxes-and-lines grouped
10
- // layout: `acyclicOrient`, `longestPath`, `median`.
11
- //
12
- // Pipeline (LR core): lane→cross band • baseRank=longestPath • finalRank=
13
- // max(baseRank, phaseFloor) monotonic across phases • intra-cell stack • flow
14
- // columns • edge routing (forward gutter / same-rank connector / back-channel
15
- // loop) • bbox. TB is a pure axis-swap projection on top of the same core.
16
-
17
- import { acyclicOrient } from '../boxes-and-lines/layout-grouped';
18
- import type {
19
- ParsedSwimlane,
20
- SwimDirection,
21
- SwimLayoutEdge,
22
- SwimLayoutNode,
23
- SwimShape,
24
- SwimlaneLayoutResult,
25
- LayoutBand,
26
- } from './types';
27
-
28
- const MARGIN = 30;
29
- const COL_GAP = 64; // flow-axis gap between rank columns
30
- const NODE_W = 124;
31
- const NODE_H = 44;
32
- const DIAMOND = 56; // gateway bounding box
33
- const TERM_D = 40; // terminal circle diameter
34
- const INTRA_GAP = 16; // cross-axis gap between stacked nodes in one cell
35
- const LANE_PAD = 22; // cross-axis pad inside a lane band
36
- const MIN_LANE = NODE_H + 2 * LANE_PAD;
37
- const LANE_HEADER = 116; // flow-start gutter for lane labels
38
- const PHASE_HEADER = 30; // cross-start gutter for phase labels
39
- const BACK_CHANNEL = 28; // first back-edge channel offset beyond the bands
40
- const BACK_STEP = 18; // nesting step for additional back-edges
41
-
42
- interface Pt {
43
- x: number;
44
- y: number;
45
- }
46
-
47
- function nodeSize(shape: SwimShape): { w: number; h: number } {
48
- if (shape === 'exclusive' || shape === 'parallel')
49
- return { w: DIAMOND, h: DIAMOND };
50
- if (shape === 'terminal') return { w: TERM_D, h: TERM_D };
51
- return { w: NODE_W, h: NODE_H };
52
- }
53
-
54
- /**
55
- * Lane-aware compact rank on a DAG (Kahn topo-order + relaxation).
56
- *
57
- * Compaction: a same-lane edge advances the flow column (+1); a cross-lane
58
- * handoff keeps the column (+0) so a successor in another lane lands in the
59
- * SAME column as its predecessor — the flow steps straight down (a vertical
60
- * connector) instead of marching diagonally to the right.
61
- *
62
- * Strict same-lane separation: two nodes in the SAME lane connected by a path
63
- * must NOT share a column — otherwise a loop-back node (A→B→A) collapses onto
64
- * its ancestor and the edges cross through boxes. We enforce this by tracking,
65
- * per node, the max rank of every same-lane ancestor and pushing a colliding
66
- * node one column forward. PARALLEL same-lane branches (no path between them,
67
- * e.g. fork siblings) are left free to share a column — that stacking is
68
- * intentional.
69
- */
70
- function compactRanks(
71
- ids: string[],
72
- edges: { from: string; to: string }[],
73
- laneOf: (id: string) => string,
74
- floors?: Map<string, number>
75
- ): Map<string, number> {
76
- const adj = new Map<string, string[]>();
77
- const indeg = new Map<string, number>();
78
- for (const id of ids) {
79
- adj.set(id, []);
80
- indeg.set(id, 0);
81
- }
82
- for (const e of edges) {
83
- adj.get(e.from)?.push(e.to);
84
- indeg.set(e.to, (indeg.get(e.to) ?? 0) + 1);
85
- }
86
- const rank = new Map<string, number>(ids.map((id) => [id, 0]));
87
- // Per-node max ancestor rank keyed by lane, accumulated as preds are visited.
88
- const laneMaxIn = new Map<string, Map<string, number>>();
89
- for (const id of ids) laneMaxIn.set(id, new Map());
90
- const queue = ids.filter((id) => (indeg.get(id) ?? 0) === 0);
91
- for (let qi = 0; qi < queue.length; qi++) {
92
- const u = queue[qi]!;
93
- const lu = laneOf(u);
94
- const accIn = laneMaxIn.get(u)!;
95
- // Corridor floors (back-edge blocker shifting) apply before separation.
96
- const fl = floors?.get(u);
97
- if (fl !== undefined && (rank.get(u) ?? 0) < fl) rank.set(u, fl);
98
- // Strict separation: if a same-lane ancestor already occupies this column or
99
- // beyond, step u forward past it.
100
- const sameLaneAnc = accIn.get(lu);
101
- if (sameLaneAnc !== undefined && (rank.get(u) ?? 0) <= sameLaneAnc) {
102
- rank.set(u, sameLaneAnc + 1);
103
- }
104
- const ru = rank.get(u)!;
105
- // u's own lane contribution flows to its descendants.
106
- const accOut = new Map(accIn);
107
- accOut.set(lu, Math.max(accOut.get(lu) ?? -1, ru));
108
- for (const w of adj.get(u) ?? []) {
109
- const cand = ru + (laneOf(w) === lu ? 1 : 0);
110
- if (cand > (rank.get(w) ?? 0)) rank.set(w, cand);
111
- const wIn = laneMaxIn.get(w)!;
112
- for (const [lane, r] of accOut)
113
- if (r > (wIn.get(lane) ?? -1)) wIn.set(lane, r);
114
- const d = (indeg.get(w) ?? 0) - 1;
115
- indeg.set(w, d);
116
- if (d === 0) queue.push(w);
117
- }
118
- }
119
- return rank;
120
- }
121
-
122
- export function layoutSwimlane(parsed: ParsedSwimlane): SwimlaneLayoutResult {
123
- const dir: SwimDirection = parsed.direction;
124
- const isLR = dir === 'LR';
125
-
126
- const nodeById = new Map(parsed.nodes.map((n) => [n.id, n]));
127
- const ids = parsed.nodes.map((n) => n.id);
128
- const size = new Map(parsed.nodes.map((n) => [n.id, nodeSize(n.shape)]));
129
- const flowLenOf = (id: string): number => {
130
- const s = size.get(id)!;
131
- return isLR ? s.w : s.h;
132
- };
133
- const crossLenOf = (id: string): number => {
134
- const s = size.get(id)!;
135
- return isLR ? s.h : s.w;
136
- };
137
-
138
- // ── Rank: acyclic longest-path over real edges ──────────────
139
- const realEdges = parsed.edges
140
- .map((e, idx) => ({ from: e.source, to: e.target, idx }))
141
- .filter(
142
- (e) => e.from !== e.to && nodeById.has(e.from) && nodeById.has(e.to)
143
- );
144
- const { dag } = acyclicOrient(ids, realEdges);
145
- const laneOf = (id: string): string => nodeById.get(id)!.lane;
146
- // Compact ranking: same-lane edges advance the flow column (+1); cross-lane
147
- // handoffs keep the column (0) and render as a same-rank vertical connector
148
- // (see edge routing below), stacking lane changes beneath their predecessor —
149
- // except two same-lane nodes joined by a path are kept on separate columns.
150
- const baseRank = compactRanks(
151
- ids,
152
- dag.map((d) => ({ from: d.from, to: d.to })),
153
- laneOf
154
- );
155
-
156
- // ── Phase reconciliation (compact ACROSS phases) ────────────
157
- // Phases do NOT push nodes forward into disjoint column bands: the compact
158
- // flow rank drives every column directly, so a cross-lane handoff at a phase
159
- // boundary stacks into the previous phase's column (e.g. Validate sits under
160
- // Submit Claim) instead of starting a fresh column. `baseRank` already
161
- // guarantees no two same-lane connected nodes share a column, so this can't
162
- // reintroduce collisions. Phases survive only as header bands (drawn from the
163
- // columns their members actually land in — consecutive bands may overlap by
164
- // the shared handoff column, so the header labels/dividers are approximate).
165
- let finalRank = new Map<string, number>();
166
- for (const id of ids) finalRank.set(id, baseRank.get(id) ?? 0);
167
-
168
- // ── Back-edge corridor reservation (blocker shifting) ───────
169
- // A back-edge's vertical legs (node → loop channel below the lanes) must
170
- // drop through every lane beneath the node. Rather than snaking the edge
171
- // around boxes, shift the BOXES: any node in a lower lane sharing a leg's
172
- // column gets its rank floored past the conflict, and the DAG is re-ranked
173
- // so same-lane successors march right with it. Floors only ever grow, so
174
- // the loop terminates; anything still blocked after the cap (e.g. a fork
175
- // sibling stacked in the node's own cell) falls back to the routing jog.
176
- {
177
- const laneIdx = new Map(parsed.lanes.map((l, i) => [l.id, i]));
178
- const dagEdges = dag.map((d) => ({ from: d.from, to: d.to }));
179
- const floors = new Map<string, number>();
180
- for (let pass = 0; pass < ids.length; pass++) {
181
- let changed = false;
182
- for (const e of realEdges) {
183
- if ((finalRank.get(e.to) ?? 0) >= (finalRank.get(e.from) ?? 0))
184
- continue; // forward or same-rank — no loop channel legs
185
- for (const leg of [e.from, e.to]) {
186
- const legRank = finalRank.get(leg)!;
187
- const legLane = laneIdx.get(laneOf(leg))!;
188
- for (const id of ids) {
189
- if (id === e.from || id === e.to) continue;
190
- if (finalRank.get(id) !== legRank) continue;
191
- if ((laneIdx.get(laneOf(id)) ?? 0) <= legLane) continue;
192
- if ((floors.get(id) ?? 0) <= legRank) {
193
- floors.set(id, legRank + 1);
194
- changed = true;
195
- }
196
- }
197
- }
198
- }
199
- if (!changed) break;
200
- finalRank = compactRanks(ids, dagEdges, laneOf, floors);
201
- }
202
- }
203
-
204
- // Contiguous rank indices.
205
- const usedRanks = Array.from(
206
- new Set(ids.map((id) => finalRank.get(id)!))
207
- ).sort((a, b) => a - b);
208
- const rankIndex = new Map(usedRanks.map((r, i) => [r, i]));
209
- const R = usedRanks.length;
210
- const riOf = (id: string): number => rankIndex.get(finalRank.get(id)!) ?? 0;
211
-
212
- // ── Flow columns ────────────────────────────────────────────
213
- const contentFlowStart = LANE_HEADER + MARGIN;
214
- const colFlowLen: number[] = Array.from({ length: R }, () => 0);
215
- for (const id of ids) {
216
- const ri = riOf(id);
217
- colFlowLen[ri] = Math.max(colFlowLen[ri]!, flowLenOf(id));
218
- }
219
- const flowCenter: number[] = [];
220
- const colLen: number[] = [];
221
- {
222
- let acc = contentFlowStart;
223
- for (let ri = 0; ri < R; ri++) {
224
- const len = Math.max(colFlowLen[ri]!, NODE_W);
225
- colLen[ri] = len;
226
- flowCenter[ri] = acc + len / 2;
227
- acc += len + COL_GAP;
228
- }
229
- }
230
- // Midpoint of the node-free gap between columns gi and gi+1 — columns only
231
- // ever hold nodes within colLen/2 of their center, so this corridor is
232
- // guaranteed clear of boxes.
233
- const gapMid = (gi: number): number =>
234
- flowCenter[gi]! + colLen[gi]! / 2 + COL_GAP / 2;
235
- const totalFlow =
236
- (R > 0
237
- ? flowCenter[R - 1]! + Math.max(colFlowLen[R - 1]!, NODE_W) / 2
238
- : contentFlowStart) + MARGIN;
239
-
240
- // ── Lane cross bands ────────────────────────────────────────
241
- const contentCrossStart = (parsed.phases.length ? PHASE_HEADER : 0) + MARGIN;
242
- // Per-cell occupancy → lane thickness.
243
- const cellNodes = new Map<string, string[]>(); // `${laneId}\x00${ri}` → ids
244
- for (const n of parsed.nodes) {
245
- const key = `${n.lane}\x00${riOf(n.id)}`;
246
- (cellNodes.get(key) ?? cellNodes.set(key, []).get(key)!).push(n.id);
247
- }
248
- const cellCross = (laneId: string, ri: number): number => {
249
- const arr = cellNodes.get(`${laneId}\x00${ri}`) ?? [];
250
- if (arr.length === 0) return 0;
251
- return (
252
- arr.reduce((s, id) => s + crossLenOf(id), 0) +
253
- INTRA_GAP * (arr.length - 1)
254
- );
255
- };
256
- const laneCrossStart = new Map<string, number>();
257
- const laneThick = new Map<string, number>();
258
- const laneCenter = new Map<string, number>();
259
- {
260
- let acc = contentCrossStart;
261
- for (const lane of parsed.lanes) {
262
- let maxCell = 0;
263
- for (let ri = 0; ri < R; ri++)
264
- maxCell = Math.max(maxCell, cellCross(lane.id, ri));
265
- const thick = Math.max(MIN_LANE, maxCell + 2 * LANE_PAD);
266
- laneCrossStart.set(lane.id, acc);
267
- laneThick.set(lane.id, thick);
268
- laneCenter.set(lane.id, acc + thick / 2);
269
- acc += thick;
270
- }
271
- }
272
- const laneCrossEnd = (() => {
273
- let acc = contentCrossStart;
274
- for (const lane of parsed.lanes) acc += laneThick.get(lane.id)!;
275
- return acc;
276
- })();
277
-
278
- // ── Node cross positions (intra-cell stack around lane center) ──
279
- const nodeFlow = new Map<string, number>();
280
- const nodeCross = new Map<string, number>();
281
- for (const [key, arr] of cellNodes) {
282
- const sep = key.indexOf('\x00');
283
- const laneId = key.slice(0, sep);
284
- const center = laneCenter.get(laneId) ?? contentCrossStart;
285
- const stackH =
286
- arr.reduce((s, id) => s + crossLenOf(id), 0) +
287
- INTRA_GAP * (arr.length - 1);
288
- let c = center - stackH / 2;
289
- for (const id of arr) {
290
- const cl = crossLenOf(id);
291
- nodeCross.set(id, c + cl / 2);
292
- c += cl + INTRA_GAP;
293
- nodeFlow.set(id, flowCenter[riOf(id)]!);
294
- }
295
- }
296
-
297
- // ── Back-edge channels (below the lanes, nested) ────────────
298
- let backCount = 0;
299
- for (const e of realEdges)
300
- if ((finalRank.get(e.to) ?? 0) < (finalRank.get(e.from) ?? 0)) backCount++;
301
- const needsBack = backCount > 0;
302
- // Reserve only down to the DEEPEST back-edge channel — routing uses
303
- // backIdx 0..backCount-1, so the deepest channel is BACK_STEP*(backCount-1)
304
- // beyond BACK_CHANNEL. The old formula added an extra channel step plus a
305
- // second MARGIN, leaving dead whitespace below the loop-back.
306
- const backReserve = needsBack
307
- ? BACK_CHANNEL + BACK_STEP * (backCount - 1)
308
- : 0;
309
- const totalCross = laneCrossEnd + backReserve + MARGIN;
310
-
311
- const project = (flow: number, cross: number): Pt =>
312
- isLR ? { x: flow, y: cross } : { x: cross, y: flow };
313
-
314
- // ── Layout nodes ────────────────────────────────────────────
315
- const layoutNodes: SwimLayoutNode[] = parsed.nodes.map((n) => {
316
- const s = size.get(n.id)!;
317
- const p = project(nodeFlow.get(n.id)!, nodeCross.get(n.id)!);
318
- return {
319
- id: n.id,
320
- label: n.label,
321
- shape: n.shape,
322
- event: n.event,
323
- lane: n.lane,
324
- ...(n.phase !== undefined && { phase: n.phase }),
325
- ...(n.color !== undefined && { color: n.color }),
326
- tags: n.tags,
327
- x: p.x,
328
- y: p.y,
329
- width: s.w,
330
- height: s.h,
331
- lineNumber: n.lineNumber,
332
- };
333
- });
334
-
335
- // ── Forward-edge channel staggering ─────────────────────────
336
- // Edges from the same source column into the same target otherwise bend at
337
- // the identical midpoint, so their vertical channels coincide and render as
338
- // ONE overlapping line (e.g. a 3-way parallel join). Fan each onto its own
339
- // channel near the bend so every incoming edge stays visible.
340
- const CHANNEL_GAP = 16;
341
- const bendOffset: number[] = new Array(parsed.edges.length).fill(0);
342
- {
343
- const groups = new Map<string, number[]>();
344
- parsed.edges.forEach((e, i) => {
345
- const s = nodeById.get(e.source);
346
- const t = nodeById.get(e.target);
347
- if (!s || !t || s.id === t.id) return;
348
- const sR = finalRank.get(s.id) ?? 0;
349
- const tR = finalRank.get(t.id) ?? 0;
350
- if (tR <= sR) return;
351
- if (
352
- Math.abs((nodeCross.get(s.id) ?? 0) - (nodeCross.get(t.id) ?? 0)) < 0.5
353
- )
354
- return;
355
- const key = `${e.target}\x00${sR}`;
356
- (groups.get(key) ?? groups.set(key, []).get(key)!).push(i);
357
- });
358
- for (const idxs of groups.values()) {
359
- if (idxs.length < 2) continue;
360
- idxs.sort(
361
- (a, b) =>
362
- (nodeCross.get(parsed.edges[a]!.source) ?? 0) -
363
- (nodeCross.get(parsed.edges[b]!.source) ?? 0)
364
- );
365
- idxs.forEach((idx, k) => {
366
- bendOffset[idx] = (k - (idxs.length - 1) / 2) * CHANNEL_GAP;
367
- });
368
- }
369
- }
370
-
371
- // ── Back-edge leg clearance ─────────────────────────────────
372
- // A back-edge's vertical legs (source→channel drop, channel→target rise) run
373
- // at the node's column center — straight through any node stacked below it in
374
- // another lane (compact ranking deliberately shares columns across lanes).
375
- // When a leg is blocked, jog it sideways into the node-free gap between
376
- // columns: exit the node, descend into the clear corridor above the first
377
- // blocker, shift to the gap, then continue to the channel. Crossing other
378
- // EDGES there is fine — cutting through a BOX is not.
379
- const BLOCK_CLEAR = 4;
380
- interface BackLeg {
381
- flow: number; // flow coordinate the leg uses at the channel
382
- jogCross?: number; // clear corridor to shift sideways in (set when jogged)
383
- }
384
- const routeBackLeg = (
385
- selfId: string,
386
- flow: number,
387
- fromCross: number,
388
- toCross: number,
389
- ri: number,
390
- towardFlow: number
391
- ): BackLeg => {
392
- let firstBlockTop = Infinity;
393
- for (const id of ids) {
394
- if (id === selfId) continue;
395
- const fh = flowLenOf(id) / 2 + BLOCK_CLEAR;
396
- if (Math.abs(nodeFlow.get(id)! - flow) >= fh) continue;
397
- const ch = crossLenOf(id) / 2;
398
- const c = nodeCross.get(id)!;
399
- if (c + ch <= fromCross || c - ch >= toCross) continue;
400
- firstBlockTop = Math.min(firstBlockTop, c - ch);
401
- }
402
- if (firstBlockTop === Infinity) return { flow };
403
- // Jog toward the other endpoint when a gap exists on that side; else away.
404
- const leftGap = ri - 1;
405
- const rightGap = ri < R - 1 ? ri : -1;
406
- let gi = towardFlow < flow ? leftGap : rightGap;
407
- if (gi < 0) gi = towardFlow < flow ? rightGap : leftGap;
408
- if (gi < 0) return { flow }; // single column — nowhere to jog
409
- return { flow: gapMid(gi), jogCross: (fromCross + firstBlockTop) / 2 };
410
- };
411
-
412
- // ── Edge routing ────────────────────────────────────────────
413
- let backIdx = 0;
414
- const layoutEdges: SwimLayoutEdge[] = [];
415
- parsed.edges.forEach((e, ei) => {
416
- const s = nodeById.get(e.source);
417
- const t = nodeById.get(e.target);
418
- if (!s || !t || s.id === t.id) return;
419
- const sFlow = nodeFlow.get(s.id)!;
420
- const sCross = nodeCross.get(s.id)!;
421
- const tFlow = nodeFlow.get(t.id)!;
422
- const tCross = nodeCross.get(t.id)!;
423
- const sFlowHalf = flowLenOf(s.id) / 2;
424
- const tFlowHalf = flowLenOf(t.id) / 2;
425
- const sCrossHalf = crossLenOf(s.id) / 2;
426
- const tCrossHalf = crossLenOf(t.id) / 2;
427
- const sRank = finalRank.get(s.id) ?? 0;
428
- const tRank = finalRank.get(t.id) ?? 0;
429
-
430
- let pts: Pt[];
431
- let back = false;
432
- if (tRank > sRank) {
433
- // Forward: leading edge of source → trailing edge of target.
434
- const a = sFlow + sFlowHalf;
435
- const b = tFlow - tFlowHalf;
436
- if (Math.abs(sCross - tCross) < 0.5) {
437
- pts = [project(a, sCross), project(b, tCross)];
438
- } else {
439
- const mid = (a + b) / 2 + bendOffset[ei]!;
440
- pts = [
441
- project(a, sCross),
442
- project(mid, sCross),
443
- project(mid, tCross),
444
- project(b, tCross),
445
- ];
446
- }
447
- } else if (tRank === sRank) {
448
- // Same rank, different lane: a cross-axis connector.
449
- const downward = tCross >= sCross;
450
- const a = sCross + (downward ? sCrossHalf : -sCrossHalf);
451
- const b = tCross + (downward ? -tCrossHalf : tCrossHalf);
452
- if (Math.abs(sFlow - tFlow) < 0.5) {
453
- pts = [project(sFlow, a), project(tFlow, b)];
454
- } else {
455
- const midC = (a + b) / 2;
456
- pts = [
457
- project(sFlow, a),
458
- project(sFlow, midC),
459
- project(tFlow, midC),
460
- project(tFlow, b),
461
- ];
462
- }
463
- } else {
464
- // Back-edge: loop through a reserved channel below the lanes.
465
- back = true;
466
- const channelC = laneCrossEnd + BACK_CHANNEL + BACK_STEP * backIdx;
467
- backIdx++;
468
- const sBottom = sCross + sCrossHalf;
469
- const tBottom = tCross + tCrossHalf;
470
- const sLeg = routeBackLeg(
471
- s.id,
472
- sFlow,
473
- sBottom,
474
- channelC,
475
- riOf(s.id),
476
- tFlow
477
- );
478
- const tLeg = routeBackLeg(
479
- t.id,
480
- tFlow,
481
- tBottom,
482
- channelC,
483
- riOf(t.id),
484
- sFlow
485
- );
486
- pts = [
487
- project(sFlow, sBottom),
488
- ...(sLeg.jogCross !== undefined
489
- ? [project(sFlow, sLeg.jogCross), project(sLeg.flow, sLeg.jogCross)]
490
- : []),
491
- project(sLeg.flow, channelC),
492
- project(tLeg.flow, channelC),
493
- ...(tLeg.jogCross !== undefined
494
- ? [project(tLeg.flow, tLeg.jogCross), project(tFlow, tLeg.jogCross)]
495
- : []),
496
- project(tFlow, tBottom),
497
- ];
498
- }
499
- layoutEdges.push({
500
- source: e.source,
501
- target: e.target,
502
- ...(e.label !== undefined && { label: e.label }),
503
- points: pts,
504
- back,
505
- lineNumber: e.lineNumber,
506
- });
507
- });
508
-
509
- // ── Lane bands (full flow extent, label gutter at flow start) ──
510
- const projectBand = (
511
- flowStart: number,
512
- flowExtent: number,
513
- crossStart: number,
514
- crossExtent: number
515
- ): { x: number; y: number; width: number; height: number } =>
516
- isLR
517
- ? { x: flowStart, y: crossStart, width: flowExtent, height: crossExtent }
518
- : { x: crossStart, y: flowStart, width: crossExtent, height: flowExtent };
519
-
520
- const lanes: LayoutBand[] = parsed.lanes.map((lane) => {
521
- const box = projectBand(
522
- 0,
523
- totalFlow,
524
- laneCrossStart.get(lane.id)!,
525
- laneThick.get(lane.id)!
526
- );
527
- return {
528
- id: lane.id,
529
- label: lane.label,
530
- ...(lane.color !== undefined && { color: lane.color }),
531
- ...box,
532
- headerSize: LANE_HEADER,
533
- lineNumber: lane.lineNumber,
534
- };
535
- });
536
-
537
- // ── Phase bands (clean, non-overlapping column ranges) ──────
538
- // Under cross-phase compaction a single column can hold nodes from two
539
- // phases, so member min/max flow extents overlap and the header dividers go
540
- // ragged. Instead, PARTITION the columns: assign each column to the earliest
541
- // phase that owns a node there, then make that assignment monotonic so the
542
- // bands stay contiguous and in declaration order. Each band spans from the
543
- // midpoint before its first column to the midpoint after its last — tidy,
544
- // gap-free, non-overlapping, ready for zebra striping + centered labels.
545
- const phaseOrder = new Map(parsed.phases.map((ph, i) => [ph.id, i]));
546
- const colMinPhase: (number | undefined)[] = Array.from(
547
- { length: R },
548
- () => undefined
549
- );
550
- for (const n of parsed.nodes) {
551
- if (n.phase === undefined) continue;
552
- const po = phaseOrder.get(n.phase);
553
- if (po === undefined) continue;
554
- const ri = riOf(n.id);
555
- const cur = colMinPhase[ri];
556
- if (cur === undefined || po < cur) colMinPhase[ri] = po;
557
- }
558
- const colPhase: number[] = Array.from({ length: R }, () => 0);
559
- let carry = 0;
560
- for (let ri = 0; ri < R; ri++) {
561
- const v = colMinPhase[ri];
562
- if (v !== undefined && v > carry) carry = v;
563
- colPhase[ri] = carry;
564
- }
565
- const colMid = (i: number, j: number): number =>
566
- (flowCenter[i]! + flowCenter[j]!) / 2;
567
- const phaseBands: LayoutBand[] = [];
568
- if (parsed.phases.length > 0 && R > 0) {
569
- let start = 0;
570
- for (let ri = 1; ri <= R; ri++) {
571
- if (ri === R || colPhase[ri] !== colPhase[start]) {
572
- const a = start;
573
- const b = ri - 1;
574
- const phase = parsed.phases[colPhase[start]!]!;
575
- const leftEdge = a === 0 ? 0 : colMid(a - 1, a);
576
- const rightEdge = b === R - 1 ? totalFlow : colMid(b, b + 1);
577
- phaseBands.push({
578
- id: phase.id,
579
- label: phase.label,
580
- ...projectBand(leftEdge, rightEdge - leftEdge, 0, totalCross),
581
- headerSize: PHASE_HEADER,
582
- lineNumber: phase.lineNumber,
583
- });
584
- start = ri;
585
- }
586
- }
587
- }
588
-
589
- return {
590
- nodes: layoutNodes,
591
- edges: layoutEdges,
592
- lanes,
593
- phases: phaseBands,
594
- width: isLR ? totalFlow : totalCross,
595
- height: isLR ? totalCross : totalFlow,
596
- };
597
- }