From b8f00f32f192a079107294b93a18166abf49328c Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sun, 4 Dec 2022 22:41:24 -0800
Subject: [PATCH] fix groups in dagre

---
 d2layouts/d2sequence/layout.go                           | 4 ++++
 .../stable/sequence_diagram_real/dagre/board.exp.json    | 9 ++++-----
 .../stable/sequence_diagram_real/dagre/sketch.exp.svg    | 2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/d2layouts/d2sequence/layout.go b/d2layouts/d2sequence/layout.go
index 3f8650259..33e82a0a4 100644
--- a/d2layouts/d2sequence/layout.go
+++ b/d2layouts/d2sequence/layout.go
@@ -56,6 +56,9 @@ func Layout(ctx context.Context, g *d2graph.Graph, layout func(ctx context.Conte
 		for _, obj := range sd.notes {
 			objectsToRemove[obj] = struct{}{}
 		}
+		for _, obj := range sd.groups {
+			objectsToRemove[obj] = struct{}{}
+		}
 		for _, obj := range sd.spans {
 			objectsToRemove[obj] = struct{}{}
 		}
@@ -151,6 +154,7 @@ func cleanup(g *d2graph.Graph, sequenceDiagrams map[string]*sequenceDiagram, obj
 		g.Edges = append(g.Edges, sequenceDiagrams[obj.AbsID()].lifelines...)
 		g.Objects = append(g.Objects, sequenceDiagrams[obj.AbsID()].actors...)
 		g.Objects = append(g.Objects, sequenceDiagrams[obj.AbsID()].notes...)
+		g.Objects = append(g.Objects, sequenceDiagrams[obj.AbsID()].groups...)
 		g.Objects = append(g.Objects, sequenceDiagrams[obj.AbsID()].spans...)
 	}
 
diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
index af19de48e..f9a659e82 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
@@ -8,8 +8,8 @@
         "x": 0,
         "y": 0
       },
-      "width": 1508,
-      "height": 180,
+      "width": 2193,
+      "height": 2288,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -356,8 +356,8 @@
       "id": "How this is rendered.only if root is not sequence",
       "type": "",
       "pos": {
-        "x": 50,
-        "y": 50
+        "x": 730,
+        "y": 1338
       },
       "width": 1408,
       "height": 80,
@@ -387,7 +387,6 @@
       "underline": false,
       "labelWidth": 195,
       "labelHeight": 26,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
       "zIndex": 1,
       "level": 2
     },
diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
index f6eb86ef6..91e76ec0b 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
@@ -14,7 +14,7 @@ width="2393" height="2488" viewBox="-100 -100 2393 2488"><style type="text/css">
 }
 
 ]]>
-</style><g id="How this is rendered"><g class="shape" ></g><text class="text-bold" x="754.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="0" y="86" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="220" y="86" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="440" y="86" width="182" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="692" y="86" width="165" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="774.500000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="927" y="86" width="180" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1017.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1177" y="86" width="176" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1265.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1423" y="86" width="186" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1516.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1679" y="86" width="235" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1796.500000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="1984" y="86" width="209" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="2088.500000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="How this is rendered.only if root is not sequence"><g class="shape" ><rect x="50" y="50" width="1408" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="754.000000" y="93.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">only if root is not sequence</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 75.000000 214.000000 L 75.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 295.000000 214.000000 L 295.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 531.000000 214.000000 L 531.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 774.500000 214.000000 L 774.500000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1017.000000 214.000000 L 1017.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1265.000000 214.000000 L 1265.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1516.000000 214.000000 L 1516.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1796.500000 214.000000 L 1796.500000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2088.500000 214.000000 L 2088.500000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="768" y="1102" width="12" height="422" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1011" y="1882" width="12" height="292" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 342.000000 L 291.000000 342.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.500000" y="348.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 293.000000 472.000000 L 79.000000 472.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.000000" y="478.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 77.000000 602.000000 L 527.000000 602.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="303.000000" y="608.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 529.000000 988.000000 L 79.000000 988.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="303.500000" y="994.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 77.000000 1118.000000 L 764.500000 1118.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="422.000000" y="1124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 782.500000 1248.000000 L 1792.500000 1248.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1288.500000" y="1254.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 782.500000 1378.000000 L 2084.500000 1378.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1434.500000" y="1384.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 784.500000 1508.000000 L 1794.500000 1508.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#labels)"/><text class="text-italic" x="1289.000000" y="1514.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 772.500000 1638.000000 L 79.000000 1638.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="424.500000" y="1644.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 77.000000 1768.000000 L 1013.000000 1768.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="546.000000" y="1774.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1025.000000 1898.000000 L 1261.000000 1898.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1144.000000" y="1904.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1025.000000 2028.000000 L 1512.000000 2028.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1270.000000" y="2034.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1009.000000 2158.000000 L 79.000000 2158.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="543.000000" y="2164.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><rect x="372" y="732" width="318" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="798.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="2393" height="2488">
+</style><g id="How this is rendered"><g class="shape" ></g><text class="text-bold" x="1096.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="0" y="86" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="220" y="86" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="440" y="86" width="182" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="692" y="86" width="165" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="774.500000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="927" y="86" width="180" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1017.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1177" y="86" width="176" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1265.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1423" y="86" width="186" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1516.000000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1679" y="86" width="235" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1796.500000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="1984" y="86" width="209" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="2088.500000" y="152.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="How this is rendered.only if root is not sequence"><g class="shape" ><rect x="730" y="1338" width="1408" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="827.500000" y="1354.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">only if root is not sequence</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 75.000000 214.000000 L 75.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 295.000000 214.000000 L 295.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 531.000000 214.000000 L 531.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 774.500000 214.000000 L 774.500000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1017.000000 214.000000 L 1017.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1265.000000 214.000000 L 1265.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1516.000000 214.000000 L 1516.000000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1796.500000 214.000000 L 1796.500000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2088.500000 214.000000 L 2088.500000 2287.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="768" y="1102" width="12" height="422" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1011" y="1882" width="12" height="292" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 342.000000 L 291.000000 342.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.500000" y="348.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 293.000000 472.000000 L 79.000000 472.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.000000" y="478.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 77.000000 602.000000 L 527.000000 602.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="303.000000" y="608.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 529.000000 988.000000 L 79.000000 988.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="303.500000" y="994.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 77.000000 1118.000000 L 764.500000 1118.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="422.000000" y="1124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 782.500000 1248.000000 L 1792.500000 1248.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1288.500000" y="1254.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 782.500000 1378.000000 L 2084.500000 1378.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1434.500000" y="1384.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 784.500000 1508.000000 L 1794.500000 1508.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#labels)"/><text class="text-italic" x="1289.000000" y="1514.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 772.500000 1638.000000 L 79.000000 1638.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="424.500000" y="1644.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 77.000000 1768.000000 L 1013.000000 1768.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="546.000000" y="1774.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1025.000000 1898.000000 L 1261.000000 1898.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1144.000000" y="1904.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1025.000000 2028.000000 L 1512.000000 2028.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1270.000000" y="2034.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1009.000000 2158.000000 L 79.000000 2158.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="543.000000" y="2164.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><rect x="372" y="732" width="318" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="798.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="2393" height="2488">
 <rect x="0" y="0" width="2393" height="2488" fill="white"></rect>
 <rect x="102.000000" y="332.000000" width="167" height="21" fill="black"></rect>
 <rect x="138.000000" y="462.000000" width="94" height="21" fill="black"></rect>