luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ta

Browse source
This commit is contained in:
Alexander Wang 2024-09-27 13:36:39 -06:00
parent 6b9eff7817
commit 61f4fc568e
No known key found for this signature in database
GPG key ID: BE3937D0D52D8927
35 changed files with 360 additions and 367 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 60 KiB

BIN
e2etests-cli/testdata/TestCLI_E2E/hello_world_png.exp.png vendored
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
e2etests-cli/testdata/TestCLI_E2E/hello_world_png_pad.exp.png vendored
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 72 KiB

BIN
e2etests-cli/testdata/TestCLI_E2E/hello_world_png_sketch.exp.png vendored
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 21 KiB

BIN
e2etests-cli/testdata/TestCLI_E2E/pptx-theme-overrides.exp.pptx vendored
View file

Binary file not shown.

30
e2etests/testdata/regression/code_font_size/dagre/sketch.exp.svg vendored
View file

@ -117,21 +117,21 @@
</text><text class="text-mono" x="0" y="15.300000em">Testing&#160;<tspan fill="#009999">012</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;LLL
</text><text class="text-mono" x="0" y="16.600000em">Testing&#160;<tspan fill="#009999">013</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;MMM
</text><text class="text-mono" x="0" y="17.900000em">Testing&#160;<tspan fill="#009999">014</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;NNN
</text><text class="text-mono" x="0" y="19.200000em">Testing&#160;<tspan fill="#009999">015</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;OOO</text></g></g><g transform="translate(40.000000 216.000000)" class="dark-code" style="font-size:10"><rect width="148.000000" height="205.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(5.000000 5.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">001</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">AAA</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">002</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">BBB</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">003</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">CCC</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">004</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">DDD</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">005</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">EEE</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">006</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">FFF</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">007</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">GGG</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">00</tspan><tspan fill="#fab387">8</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">HHH</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="11.400000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">00</tspan><tspan fill="#fab387">9</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">III</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="12.700000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">010</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">JJJ</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="14.000000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">011</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">KKK</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="15.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">012</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">LLL</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="16.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">013</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">MMM</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="17.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">014</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">NNN</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="19.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">015</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">OOO</tspan></text></g></g></g><g id="(Data -- y)[0]"><path d="M 114.000000 459.500000 C 114.000000 507.000000 114.000000 531.000000 114.000000 569.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-1305390466)" /></g><g id="(x -- Data)[0]"><path d="M 114.000000 68.000000 C 114.000000 106.000000 114.000000 121.800003 114.000000 136.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-1305390466)" /></g><mask id="d2-1305390466" maskUnits="userSpaceOnUse" x="2" y="-1" width="224" height="639">
</text><text class="text-mono" x="0" y="19.200000em">Testing&#160;<tspan fill="#009999">015</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;OOO</text></g></g><g transform="translate(40.000000 216.000000)" class="dark-code" style="font-size:10"><rect width="148.000000" height="205.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(5.000000 5.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">001</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">AAA</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">002</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">BBB</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">003</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">CCC</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">004</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">DDD</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">005</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">EEE</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">006</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">FFF</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">007</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">GGG</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">00</tspan><tspan fill="#fab387">8</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">HHH</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="11.400000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">00</tspan><tspan fill="#fab387">9</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">III</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="12.700000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">010</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">JJJ</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="14.000000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">011</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">KKK</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="15.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">012</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">LLL</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="16.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">013</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">MMM</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="17.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">014</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">NNN</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="19.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">015</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">OOO</tspan></text></g></g></g><g id="(Data -- y)[0]"><path d="M 114.000000 459.500000 C 114.000000 507.000000 114.000000 531.000000 114.000000 569.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-1305390466)" /></g><g id="(x -- Data)[0]"><path d="M 114.000000 68.000000 C 114.000000 106.000000 114.000000 121.800003 114.000000 136.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-1305390466)" /></g><mask id="d2-1305390466" maskUnits="userSpaceOnUse" x="2" y="-1" width="224" height="639">
<rect x="2" y="-1" width="224" height="639" fill="white"></rect>
<rect x="88.000000" y="145.000000" width="52" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="109.500000" y="593.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

30
e2etests/testdata/regression/code_font_size/elk/sketch.exp.svg vendored
View file

@ -117,21 +117,21 @@
</text><text class="text-mono" x="0" y="15.300000em">Testing&#160;<tspan fill="#009999">012</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;LLL
</text><text class="text-mono" x="0" y="16.600000em">Testing&#160;<tspan fill="#009999">013</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;MMM
</text><text class="text-mono" x="0" y="17.900000em">Testing&#160;<tspan fill="#009999">014</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;NNN
</text><text class="text-mono" x="0" y="19.200000em">Testing&#160;<tspan fill="#009999">015</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;OOO</text></g></g><g transform="translate(62.000000 198.000000)" class="dark-code" style="font-size:10"><rect width="148.000000" height="205.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(5.000000 5.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">001</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">AAA</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">002</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">BBB</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">003</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">CCC</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">004</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">DDD</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">005</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">EEE</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">006</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">FFF</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">007</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">GGG</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">00</tspan><tspan fill="#fab387">8</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">HHH</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="11.400000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">00</tspan><tspan fill="#fab387">9</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">III</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="12.700000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">010</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">JJJ</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="14.000000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">011</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">KKK</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="15.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">012</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">LLL</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="16.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">013</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">MMM</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="17.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">014</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">NNN</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="19.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">Testing</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">015</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">OOO</tspan></text></g></g></g><g id="(Data -- y)[0]"><path d="M 136.000000 461.500000 L 136.000000 521.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-3010012946)" /></g><g id="(x -- Data)[0]"><path d="M 136.000000 80.000000 L 136.000000 139.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-3010012946)" /></g><mask id="d2-3010012946" maskUnits="userSpaceOnUse" x="4" y="11" width="264" height="579">
</text><text class="text-mono" x="0" y="19.200000em">Testing&#160;<tspan fill="#009999">015</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;OOO</text></g></g><g transform="translate(62.000000 198.000000)" class="dark-code" style="font-size:10"><rect width="148.000000" height="205.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(5.000000 5.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">001</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">AAA</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">002</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">BBB</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">003</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">CCC</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">004</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">DDD</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">005</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">EEE</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">006</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">FFF</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">007</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">GGG</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">00</tspan><tspan fill="#fab387">8</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">HHH</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="11.400000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">00</tspan><tspan fill="#fab387">9</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">III</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="12.700000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">010</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">JJJ</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="14.000000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">011</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">KKK</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="15.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">012</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">LLL</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="16.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">013</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">MMM</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="17.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">014</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">NNN</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="19.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">Testing</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">015</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">OOO</tspan></text></g></g></g><g id="(Data -- y)[0]"><path d="M 136.000000 461.500000 L 136.000000 521.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-3010012946)" /></g><g id="(x -- Data)[0]"><path d="M 136.000000 80.000000 L 136.000000 139.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-3010012946)" /></g><mask id="d2-3010012946" maskUnits="userSpaceOnUse" x="4" y="11" width="264" height="579">
<rect x="4" y="11" width="264" height="579" fill="white"></rect>
<rect x="110.000000" y="153.000000" width="52" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="131.500000" y="545.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

68
e2etests/testdata/regression/code_leading_newlines/dagre/sketch.exp.svg vendored
View file

@ -110,56 +110,56 @@
</text><text class="text-mono" x="0" y="6.200000em">
</text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="8.800000em">
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(0.000000 0.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="8 total"><g class="shape" ></g><g transform="translate(220.000000 0.000000)" class="light-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(0.000000 0.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="8 total"><g class="shape" ></g><g transform="translate(220.000000 0.000000)" class="light-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading</tspan>
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#999988" class="text-mono-italic">#&#160;3&#160;leading</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#999988" class="text-mono-italic">#&#160;4&#160;leading</tspan>
</text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#999988" class="text-mono-italic">#&#160;5&#160;leading</tspan>
</text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="8.800000em">
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(220.000000 0.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;3&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;4&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;5&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="1 leading"><g class="shape" ></g><g transform="translate(440.000000 42.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(220.000000 0.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;3&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;4&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;5&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="1 leading"><g class="shape" ></g><g transform="translate(440.000000 42.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="3.600000em">
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(440.000000 42.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="4 total"><g class="shape" ></g><g transform="translate(660.000000 42.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(440.000000 42.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="4 total"><g class="shape" ></g><g transform="translate(660.000000 42.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="3.600000em">
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(660.000000 42.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="2 leading"><g class="shape" ></g><g transform="translate(880.000000 31.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(660.000000 42.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="2 leading"><g class="shape" ></g><g transform="translate(880.000000 31.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="4.900000em">
</text><text class="text-mono" x="0" y="6.200000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(880.000000 31.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="5 total"><g class="shape" ></g><g transform="translate(1100.000000 31.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="6.200000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(880.000000 31.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="5 total"><g class="shape" ></g><g transform="translate(1100.000000 31.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading</tspan>
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="4.900000em">
</text><text class="text-mono" x="0" y="6.200000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(1100.000000 31.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><mask id="d2-1174935043" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1262" height="184">
</text><text class="text-mono" x="0" y="6.200000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(1100.000000 31.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><mask id="d2-1174935043" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1262" height="184">
<rect x="-1" y="-1" width="1262" height="184" fill="white"></rect>
<rect x="0.000000" y="0.000000" width="144" height="166" fill="rgba(0,0,0,0.75)"></rect>
<rect x="220.000000" y="0.000000" width="144" height="166" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

68
e2etests/testdata/regression/code_leading_newlines/elk/sketch.exp.svg vendored
View file

@ -110,56 +110,56 @@
</text><text class="text-mono" x="0" y="6.200000em">
</text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="8.800000em">
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(12.000000 12.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="8 total"><g class="shape" ></g><g transform="translate(192.000000 12.000000)" class="light-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(12.000000 12.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="8 total"><g class="shape" ></g><g transform="translate(192.000000 12.000000)" class="light-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading</tspan>
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#999988" class="text-mono-italic">#&#160;3&#160;leading</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#999988" class="text-mono-italic">#&#160;4&#160;leading</tspan>
</text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#999988" class="text-mono-italic">#&#160;5&#160;leading</tspan>
</text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="8.800000em">
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(192.000000 12.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;3&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;4&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;5&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="1 leading"><g class="shape" ></g><g transform="translate(372.000000 53.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(192.000000 12.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;3&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;4&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;5&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="1 leading"><g class="shape" ></g><g transform="translate(372.000000 53.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="3.600000em">
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(372.000000 53.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="4 total"><g class="shape" ></g><g transform="translate(552.000000 53.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(372.000000 53.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="4 total"><g class="shape" ></g><g transform="translate(552.000000 53.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="3.600000em">
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(552.000000 53.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="2 leading"><g class="shape" ></g><g transform="translate(732.000000 43.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(552.000000 53.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="2 leading"><g class="shape" ></g><g transform="translate(732.000000 43.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="4.900000em">
</text><text class="text-mono" x="0" y="6.200000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(732.000000 43.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="5 total"><g class="shape" ></g><g transform="translate(912.000000 43.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="6.200000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(732.000000 43.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="5 total"><g class="shape" ></g><g transform="translate(912.000000 43.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;leading</tspan>
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading</tspan>
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="4.900000em">
</text><text class="text-mono" x="0" y="6.200000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(912.000000 43.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><mask id="d2-2028186600" maskUnits="userSpaceOnUse" x="11" y="11" width="1062" height="184">
</text><text class="text-mono" x="0" y="6.200000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(912.000000 43.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><mask id="d2-2028186600" maskUnits="userSpaceOnUse" x="11" y="11" width="1062" height="184">
<rect x="11" y="11" width="1062" height="184" fill="white"></rect>
<rect x="12.000000" y="12.000000" width="144" height="166" fill="rgba(0,0,0,0.75)"></rect>
<rect x="192.000000" y="12.000000" width="144" height="166" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

36
e2etests/testdata/regression/code_leading_trailing_newlines/dagre/sketch.exp.svg vendored
View file

@ -110,33 +110,33 @@
</text><text class="text-mono" x="0" y="6.200000em">
</text><text class="text-mono" x="0" y="7.500000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="8.800000em">
</text></g></g><g transform="translate(0.000000 0.000000)" class="dark-code"><rect width="238.000000" height="183.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;leading,&#160;2&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(0.000000 0.000000)" class="dark-code"><rect width="238.000000" height="183.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;leading,&#160;2&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><g id="no trailing"><g class="shape" ></g><g transform="translate(298.000000 21.000000)" class="light-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="6.200000em">
</text><text class="text-mono" x="0" y="7.500000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(298.000000 21.000000)" class="dark-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="no leading"><g class="shape" ></g><g transform="translate(518.000000 21.000000)" class="light-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="7.500000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(298.000000 21.000000)" class="dark-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="no leading"><g class="shape" ></g><g transform="translate(518.000000 21.000000)" class="light-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="3.600000em">
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="6.200000em">
</text></g></g><g transform="translate(518.000000 21.000000)" class="dark-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(518.000000 21.000000)" class="dark-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><mask id="d2-3795367203" maskUnits="userSpaceOnUse" x="-1" y="-1" width="680" height="185">
<rect x="-1" y="-1" width="680" height="185" fill="white"></rect>
<rect x="0.000000" y="0.000000" width="222" height="167" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

36
e2etests/testdata/regression/code_leading_trailing_newlines/elk/sketch.exp.svg vendored
View file

@ -110,33 +110,33 @@
</text><text class="text-mono" x="0" y="6.200000em">
</text><text class="text-mono" x="0" y="7.500000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="8.800000em">
</text></g></g><g transform="translate(12.000000 12.000000)" class="dark-code"><rect width="238.000000" height="183.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;leading,&#160;2&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(12.000000 12.000000)" class="dark-code"><rect width="238.000000" height="183.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;leading,&#160;2&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><g id="no trailing"><g class="shape" ></g><g transform="translate(270.000000 33.000000)" class="light-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="6.200000em">
</text><text class="text-mono" x="0" y="7.500000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(270.000000 33.000000)" class="dark-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="no leading"><g class="shape" ></g><g transform="translate(450.000000 33.000000)" class="light-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="7.500000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g><g transform="translate(270.000000 33.000000)" class="dark-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;leading</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan></text></g></g></g><g id="no leading"><g class="shape" ></g><g transform="translate(450.000000 33.000000)" class="light-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="3.600000em">
</text><text class="text-mono" x="0" y="4.900000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="6.200000em">
</text></g></g><g transform="translate(450.000000 33.000000)" class="dark-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(450.000000 33.000000)" class="dark-code"><rect width="160.000000" height="141.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><mask id="d2-1582537308" maskUnits="userSpaceOnUse" x="11" y="11" width="600" height="185">
<rect x="11" y="11" width="600" height="185" fill="white"></rect>
<rect x="12.000000" y="12.000000" width="222" height="167" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

62
e2etests/testdata/regression/code_trailing_newlines/dagre/sketch.exp.svg vendored
View file

@ -110,13 +110,13 @@
</text><text class="text-mono" x="0" y="6.200000em">
</text><text class="text-mono" x="0" y="7.500000em">
</text><text class="text-mono" x="0" y="8.800000em">
</text></g></g><g transform="translate(0.000000 0.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(0.000000 0.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><g id="8 total"><g class="shape" ></g><g transform="translate(220.000000 0.000000)" class="light-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
@ -124,42 +124,42 @@
</text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#999988" class="text-mono-italic">#&#160;3&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#999988" class="text-mono-italic">#&#160;4&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#999988" class="text-mono-italic">#&#160;5&#160;trailing</tspan></text></g></g><g transform="translate(220.000000 0.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;3&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;4&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;5&#160;trailing</tspan></text></g></g></g><g id="1 trailing"><g class="shape" ></g><g transform="translate(440.000000 42.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#999988" class="text-mono-italic">#&#160;5&#160;trailing</tspan></text></g></g><g transform="translate(220.000000 0.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;3&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;4&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;5&#160;trailing</tspan></text></g></g></g><g id="1 trailing"><g class="shape" ></g><g transform="translate(440.000000 42.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text></g></g><g transform="translate(440.000000 42.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(440.000000 42.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><g id="4 total"><g class="shape" ></g><g transform="translate(660.000000 42.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;trailing</tspan></text></g></g><g transform="translate(660.000000 42.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;trailing</tspan></text></g></g></g><g id="2 trailing"><g class="shape" ></g><g transform="translate(880.000000 31.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;trailing</tspan></text></g></g><g transform="translate(660.000000 42.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;trailing</tspan></text></g></g></g><g id="2 trailing"><g class="shape" ></g><g transform="translate(880.000000 31.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="4.900000em">
</text></g></g><g transform="translate(880.000000 31.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(880.000000 31.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><g id="5 total"><g class="shape" ></g><g transform="translate(1100.000000 31.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan></text></g></g><g transform="translate(1100.000000 31.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;trailing</tspan></text></g></g></g><mask id="d2-3532429885" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1262" height="184">
</text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan></text></g></g><g transform="translate(1100.000000 31.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;trailing</tspan></text></g></g></g><mask id="d2-3532429885" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1262" height="184">
<rect x="-1" y="-1" width="1262" height="184" fill="white"></rect>
<rect x="0.000000" y="0.000000" width="144" height="166" fill="rgba(0,0,0,0.75)"></rect>
<rect x="220.000000" y="0.000000" width="144" height="166" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

62
e2etests/testdata/regression/code_trailing_newlines/elk/sketch.exp.svg vendored
View file

@ -110,13 +110,13 @@
</text><text class="text-mono" x="0" y="6.200000em">
</text><text class="text-mono" x="0" y="7.500000em">
</text><text class="text-mono" x="0" y="8.800000em">
</text></g></g><g transform="translate(12.000000 12.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(12.000000 12.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><g id="8 total"><g class="shape" ></g><g transform="translate(192.000000 12.000000)" class="light-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
@ -124,42 +124,42 @@
</text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#999988" class="text-mono-italic">#&#160;3&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#999988" class="text-mono-italic">#&#160;4&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#999988" class="text-mono-italic">#&#160;5&#160;trailing</tspan></text></g></g><g transform="translate(192.000000 12.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;3&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;4&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;5&#160;trailing</tspan></text></g></g></g><g id="1 trailing"><g class="shape" ></g><g transform="translate(372.000000 53.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#999988" class="text-mono-italic">#&#160;5&#160;trailing</tspan></text></g></g><g transform="translate(192.000000 12.000000)" class="dark-code"><rect width="160.000000" height="182.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;3&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;4&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;5&#160;trailing</tspan></text></g></g></g><g id="1 trailing"><g class="shape" ></g><g transform="translate(372.000000 53.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text></g></g><g transform="translate(372.000000 53.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(372.000000 53.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><g id="4 total"><g class="shape" ></g><g transform="translate(552.000000 53.000000)" class="light-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;trailing</tspan></text></g></g><g transform="translate(552.000000 53.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;trailing</tspan></text></g></g></g><g id="2 trailing"><g class="shape" ></g><g transform="translate(732.000000 43.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;trailing</tspan></text></g></g><g transform="translate(552.000000 53.000000)" class="dark-code"><rect width="160.000000" height="99.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;trailing</tspan></text></g></g></g><g id="2 trailing"><g class="shape" ></g><g transform="translate(732.000000 43.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="4.900000em">
</text></g></g><g transform="translate(732.000000 43.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</text></g></g><g transform="translate(732.000000 43.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text></g></g></g><g id="5 total"><g class="shape" ></g><g transform="translate(912.000000 43.000000)" class="light-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#999988" class="text-mono-italic">#&#160;1&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan></text></g></g><g transform="translate(912.000000 43.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">print</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#a6e3a1"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;1&#160;trailing</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#585b70" class="text-mono-italic">#&#160;2&#160;trailing</tspan></text></g></g></g><mask id="d2-2388562350" maskUnits="userSpaceOnUse" x="11" y="11" width="1062" height="184">
</text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;trailing</tspan></text></g></g><g transform="translate(912.000000 43.000000)" class="dark-code"><rect width="160.000000" height="120.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cba6f7">def</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">hello</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">:</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;</tspan><tspan fill="#89dceb">print</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8"></tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#a6e3a1">world</tspan><tspan fill="#a6e3a1">&quot;</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;1&#160;trailing</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#6c7086" class="text-mono-italic">#&#160;2&#160;trailing</tspan></text></g></g></g><mask id="d2-2388562350" maskUnits="userSpaceOnUse" x="11" y="11" width="1062" height="184">
<rect x="11" y="11" width="1062" height="184" fill="white"></rect>
<rect x="12.000000" y="12.000000" width="144" height="166" fill="rgba(0,0,0,0.75)"></rect>
<rect x="192.000000" y="12.000000" width="144" height="166" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

2
e2etests/testdata/regression/no-lexer/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2285073631 .color-AA4{color:#EDF0FD;}
.d2-2285073631 .color-AA5{color:#F7F8FE;}
.d2-2285073631 .color-AB4{color:#EDF0FD;}
.d2-2285073631 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ></g><g transform="translate(0.000000 0.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">x&#160;-&gt;&#160;y</text></g></g><g transform="translate(0.000000 0.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">x&#160;-&gt;&#160;y</tspan></text></g></g></g><mask id="d2-2285073631" maskUnits="userSpaceOnUse" x="-1" y="-1" width="76" height="39">
.d2-2285073631 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ></g><g transform="translate(0.000000 0.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">x&#160;-&gt;&#160;y</text></g></g><g transform="translate(0.000000 0.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">x&#160;-&gt;&#160;y</tspan></text></g></g></g><mask id="d2-2285073631" maskUnits="userSpaceOnUse" x="-1" y="-1" width="76" height="39">
<rect x="-1" y="-1" width="76" height="39" fill="white"></rect>
<rect x="0.000000" y="0.000000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests/testdata/regression/no-lexer/elk/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-280266919 .color-AA4{color:#EDF0FD;}
.d2-280266919 .color-AA5{color:#F7F8FE;}
.d2-280266919 .color-AB4{color:#EDF0FD;}
.d2-280266919 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ></g><g transform="translate(12.000000 12.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">x&#160;-&gt;&#160;y</text></g></g><g transform="translate(12.000000 12.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">x&#160;-&gt;&#160;y</tspan></text></g></g></g><mask id="d2-280266919" maskUnits="userSpaceOnUse" x="11" y="11" width="76" height="39">
.d2-280266919 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ></g><g transform="translate(12.000000 12.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">x&#160;-&gt;&#160;y</text></g></g><g transform="translate(12.000000 12.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">x&#160;-&gt;&#160;y</tspan></text></g></g></g><mask id="d2-280266919" maskUnits="userSpaceOnUse" x="11" y="11" width="76" height="39">
<rect x="11" y="11" width="76" height="39" fill="white"></rect>
<rect x="12.000000" y="12.000000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

6
e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

6
e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

18
e2etests/testdata/stable/code_snippet/dagre/sketch.exp.svg vendored
View file

@ -118,15 +118,15 @@
</text><text class="text-mono" x="0" y="7.500000em">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>)
</text><text class="text-mono" x="0" y="8.800000em">&#160;&#160;&#160;&#160;}
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f
</text><text class="text-mono" x="0" y="11.400000em">}</text></g></g><g transform="translate(0.000000 166.000000)" class="dark-code"><rect width="755.000000" height="203.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#585b70" class="text-mono-italic"></tspan><tspan fill="#585b70" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#585b70" class="text-mono-italic"></tspan><tspan fill="#585b70" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions.
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#585b70" class="text-mono-italic"></tspan><tspan fill="#cba6f7">func</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">RegisterHash</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#fab387">h</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">Hash</tspan><tspan fill="#cdd6f4">,</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">f</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#cba6f7">func</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">hash</tspan><tspan fill="#cdd6f4">.</tspan><tspan fill="#fab387">Hash</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cba6f7">if</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">h</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">&gt;=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">maxHash</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">panic</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#a6e3a1">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">}</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">hashes</tspan><tspan fill="#cdd6f4">[</tspan><tspan fill="#fab387">h</tspan><tspan fill="#cdd6f4">]</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#cdd6f4">=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">f</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="11.400000em"><tspan fill="#fab387"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g id="x"><g class="shape" ><rect x="351.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="377.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="351.000000" y="469.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="378.000000" y="507.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 377.500000 68.000000 C 377.500000 106.000000 377.500000 126.000000 377.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3528049809)" /></g><g id="(hey -&gt; y)[0]"><path d="M 377.500000 371.000000 C 377.500000 409.000000 377.500000 429.000000 377.500000 465.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3528049809)" /></g><mask id="d2-3528049809" maskUnits="userSpaceOnUse" x="-1" y="-1" width="757" height="537">
</text><text class="text-mono" x="0" y="11.400000em">}</text></g></g><g transform="translate(0.000000 166.000000)" class="dark-code"><rect width="755.000000" height="203.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#6c7086" class="text-mono-italic"></tspan><tspan fill="#6c7086" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#6c7086" class="text-mono-italic"></tspan><tspan fill="#6c7086" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions.
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#6c7086" class="text-mono-italic"></tspan><tspan fill="#f38ba8">func</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">RegisterHash</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">h</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">Hash</tspan><tspan fill="#cdd6f4">,</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">f</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8">func</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">hash</tspan><tspan fill="#cdd6f4">.</tspan><tspan fill="#cdd6f4">Hash</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cba6f7">if</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">h</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">&gt;=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">maxHash</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#89dceb">panic</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#a6e3a1">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">}</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">hashes</tspan><tspan fill="#cdd6f4">[</tspan><tspan fill="#cdd6f4">h</tspan><tspan fill="#cdd6f4">]</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">f</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="11.400000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g id="x"><g class="shape" ><rect x="351.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="377.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="351.000000" y="469.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="378.000000" y="507.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 377.500000 68.000000 C 377.500000 106.000000 377.500000 126.000000 377.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3528049809)" /></g><g id="(hey -&gt; y)[0]"><path d="M 377.500000 371.000000 C 377.500000 409.000000 377.500000 429.000000 377.500000 465.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3528049809)" /></g><mask id="d2-3528049809" maskUnits="userSpaceOnUse" x="-1" y="-1" width="757" height="537">
<rect x="-1" y="-1" width="757" height="537" fill="white"></rect>
<rect x="0.000000" y="166.000000" width="739" height="187" fill="rgba(0,0,0,0.75)"></rect>
<rect x="373.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

18
e2etests/testdata/stable/code_snippet/elk/sketch.exp.svg vendored
View file

@ -118,15 +118,15 @@
</text><text class="text-mono" x="0" y="7.500000em">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>)
</text><text class="text-mono" x="0" y="8.800000em">&#160;&#160;&#160;&#160;}
</text><text class="text-mono" x="0" y="10.100000em">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f
</text><text class="text-mono" x="0" y="11.400000em">}</text></g></g><g transform="translate(12.000000 148.000000)" class="dark-code"><rect width="755.000000" height="203.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#585b70" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#585b70" class="text-mono-italic"></tspan><tspan fill="#585b70" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#585b70" class="text-mono-italic"></tspan><tspan fill="#585b70" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions.
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#585b70" class="text-mono-italic"></tspan><tspan fill="#cba6f7">func</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">RegisterHash</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#fab387">h</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">Hash</tspan><tspan fill="#cdd6f4">,</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">f</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#cba6f7">func</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">hash</tspan><tspan fill="#cdd6f4">.</tspan><tspan fill="#fab387">Hash</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cba6f7">if</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">h</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">&gt;=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">maxHash</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387" class="text-mono-italic">panic</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#a6e3a1">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">}</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">&#160;&#160;&#160;&#160;</tspan><tspan fill="#fab387">hashes</tspan><tspan fill="#cdd6f4">[</tspan><tspan fill="#fab387">h</tspan><tspan fill="#cdd6f4">]</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#cdd6f4">=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">f</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="11.400000em"><tspan fill="#fab387"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g id="x"><g class="shape" ><rect x="363.000000" y="12.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="389.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="362.000000" y="421.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="389.000000" y="459.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 389.500000 80.000000 L 389.500000 144.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3358777174)" /></g><g id="(hey -&gt; y)[0]"><path d="M 389.500000 353.000000 L 389.500000 417.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3358777174)" /></g><mask id="d2-3358777174" maskUnits="userSpaceOnUse" x="11" y="11" width="757" height="477">
</text><text class="text-mono" x="0" y="11.400000em">}</text></g></g><g transform="translate(12.000000 148.000000)" class="dark-code"><rect width="755.000000" height="203.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#6c7086" class="text-mono-italic"></tspan><tspan fill="#6c7086" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in
</tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#6c7086" class="text-mono-italic"></tspan><tspan fill="#6c7086" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions.
</tspan></text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#6c7086" class="text-mono-italic"></tspan><tspan fill="#f38ba8">func</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89b4fa">RegisterHash</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">h</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">Hash</tspan><tspan fill="#cdd6f4">,</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">f</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#f38ba8">func</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">hash</tspan><tspan fill="#cdd6f4">.</tspan><tspan fill="#cdd6f4">Hash</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="6.200000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cba6f7">if</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">h</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">&gt;=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">maxHash</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">{</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="7.500000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</tspan><tspan fill="#89dceb">panic</tspan><tspan fill="#cdd6f4">(</tspan><tspan fill="#a6e3a1">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan><tspan fill="#cdd6f4">)</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="8.800000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">}</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="10.100000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">&#160;&#160;&#160;&#160;</tspan><tspan fill="#cdd6f4">hashes</tspan><tspan fill="#cdd6f4">[</tspan><tspan fill="#cdd6f4">h</tspan><tspan fill="#cdd6f4">]</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">f</tspan><tspan fill="#cdd6f4">
</tspan></text><text class="text-mono" x="0" y="11.400000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g id="x"><g class="shape" ><rect x="363.000000" y="12.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="389.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="362.000000" y="421.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="389.000000" y="459.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 389.500000 80.000000 L 389.500000 144.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3358777174)" /></g><g id="(hey -&gt; y)[0]"><path d="M 389.500000 353.000000 L 389.500000 417.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3358777174)" /></g><mask id="d2-3358777174" maskUnits="userSpaceOnUse" x="11" y="11" width="757" height="477">
<rect x="11" y="11" width="757" height="477" fill="white"></rect>
<rect x="12.000000" y="148.000000" width="739" height="187" fill="rgba(0,0,0,0.75)"></rect>
<rect x="385.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

6
e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

6
e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

4
e2etests/testdata/stable/shebang-codeblock/dagre/sketch.exp.svg vendored
View file

@ -111,8 +111,8 @@
.d2-3160195837 .color-AA5{color:#F7F8FE;}
.d2-3160195837 .color-AB4{color:#EDF0FD;}
.d2-3160195837 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="&#34;test.sh&#34;"><g class="shape" ><rect x="10.000000" y="20.000000" width="259.000000" height="117.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="139.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">test.sh</text></g><g id="&#34;test.sh&#34;.someid"><g class="shape" ></g><g transform="translate(40.000000 50.000000)" class="light-code"><rect width="199.000000" height="57.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999999" class="text-mono-bold text-mono-italic">#!/usr/bin/env&#160;bash
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#999999" class="text-mono-bold text-mono-italic"></tspan><tspan fill="#0086b3">echo</tspan>&#160;testing</text></g></g><g transform="translate(40.000000 50.000000)" class="dark-code"><rect width="199.000000" height="57.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#89b4fa" class="text-mono-italic">#!/usr/bin/env&#160;bash
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#89b4fa" class="text-mono-italic"></tspan><tspan fill="#fab387" class="text-mono-italic">echo</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">testing</tspan></text></g></g></g><mask id="d2-3160195837" maskUnits="userSpaceOnUse" x="9" y="-21" width="261" height="159">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#999999" class="text-mono-bold text-mono-italic"></tspan><tspan fill="#0086b3">echo</tspan>&#160;testing</text></g></g><g transform="translate(40.000000 50.000000)" class="dark-code"><rect width="199.000000" height="57.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#!/usr/bin/env&#160;bash
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#6c7086" class="text-mono-italic"></tspan><tspan fill="#89dceb">echo</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">testing</tspan></text></g></g></g><mask id="d2-3160195837" maskUnits="userSpaceOnUse" x="9" y="-21" width="261" height="159">
<rect x="9" y="-21" width="261" height="159" fill="white"></rect>
<rect x="100.500000" y="-21.000000" width="78" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="40.000000" y="50.000000" width="183" height="41" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

4
e2etests/testdata/stable/shebang-codeblock/elk/sketch.exp.svg vendored
View file

@ -111,8 +111,8 @@
.d2-2569938406 .color-AA5{color:#F7F8FE;}
.d2-2569938406 .color-AB4{color:#EDF0FD;}
.d2-2569938406 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="&#34;test.sh&#34;"><g class="shape" ><rect x="12.000000" y="12.000000" width="299.000000" height="157.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="161.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">test.sh</text></g><g id="&#34;test.sh&#34;.someid"><g class="shape" ></g><g transform="translate(62.000000 62.000000)" class="light-code"><rect width="199.000000" height="57.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#999999" class="text-mono-bold text-mono-italic">#!/usr/bin/env&#160;bash
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#999999" class="text-mono-bold text-mono-italic"></tspan><tspan fill="#0086b3">echo</tspan>&#160;testing</text></g></g><g transform="translate(62.000000 62.000000)" class="dark-code"><rect width="199.000000" height="57.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#89b4fa" class="text-mono-italic">#!/usr/bin/env&#160;bash
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#89b4fa" class="text-mono-italic"></tspan><tspan fill="#fab387" class="text-mono-italic">echo</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">testing</tspan></text></g></g></g><mask id="d2-2569938406" maskUnits="userSpaceOnUse" x="11" y="11" width="301" height="159">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#999999" class="text-mono-bold text-mono-italic"></tspan><tspan fill="#0086b3">echo</tspan>&#160;testing</text></g></g><g transform="translate(62.000000 62.000000)" class="dark-code"><rect width="199.000000" height="57.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#6c7086" class="text-mono-italic">#!/usr/bin/env&#160;bash
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#6c7086" class="text-mono-italic"></tspan><tspan fill="#89dceb">echo</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#cdd6f4">testing</tspan></text></g></g></g><mask id="d2-2569938406" maskUnits="userSpaceOnUse" x="11" y="11" width="301" height="159">
<rect x="11" y="11" width="301" height="159" fill="white"></rect>
<rect x="122.500000" y="17.000000" width="78" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="62.000000" y="62.000000" width="183" height="41" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

6
e2etests/testdata/stable/unnamed_only_height/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

6
e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

6
e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

6
e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

48
e2etests/testdata/themes/dark_terrastruct_flagship/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

48
e2etests/testdata/themes/dark_terrastruct_flagship/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

48
e2etests/testdata/themes/terminal/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 111 KiB

48
e2etests/testdata/themes/terminal/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 110 KiB

After

Width:  |  Height:  |  Size: 110 KiB

12
e2etests/testdata/todo/shape_set_width_height/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 70 KiB

12
e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

4
e2etests/testdata/txtar/sql-icon/dagre/sketch.exp.svg vendored
View file

@ -843,9 +843,9 @@
.d2-2359177743 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="without"><g class="shape" ><rect x="10.000000" y="-4.000000" width="1052.000000" height="198.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="-17.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g id="with"><g class="shape" ><rect x="10.000000" y="314.000000" width="1052.000000" height="242.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="301.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g id="without.tableEx"><g class="shape" ><rect x="40.000000" y="59.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="59.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="50.000000" y="84.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="118.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="118.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="118.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="131.000000" y2="131.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="without.classEx"><g class="shape" ><rect x="206.000000" y="26.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="26.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="308.000000" y="76.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="146.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="146.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="146.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="164.000000" y2="164.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="without.codeEx"><g class="shape" ></g><g transform="translate(470.000000 77.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 77.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="without.mdEx"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="50.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
</style><g id="without"><g class="shape" ><rect x="10.000000" y="-4.000000" width="1052.000000" height="198.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="-17.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g id="with"><g class="shape" ><rect x="10.000000" y="314.000000" width="1052.000000" height="242.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="301.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g id="without.tableEx"><g class="shape" ><rect x="40.000000" y="59.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="59.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="50.000000" y="84.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="118.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="118.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="118.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="131.000000" y2="131.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="without.classEx"><g class="shape" ><rect x="206.000000" y="26.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="26.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="308.000000" y="76.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="146.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="146.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="146.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="164.000000" y2="164.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="without.codeEx"><g class="shape" ></g><g transform="translate(470.000000 77.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 77.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="without.mdEx"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="50.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
<p>You will live a long, healthy, happy life and make bags of money.</p>
</div></foreignObject></g></g><g id="with.tableEx"><g class="shape" ><rect x="40.000000" y="421.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="421.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="50.000000" y="446.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="480.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="480.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="480.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="493.000000" y2="493.000000" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="35.000000" y="380.000000" width="36" height="36" /></g></g><g id="with.classEx"><g class="shape" ><rect x="206.000000" y="388.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="388.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="308.000000" y="438.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="508.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="508.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="508.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="526.000000" y2="526.000000" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="201.000000" y="319.000000" width="64" height="64" /></g></g><g id="with.codeEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="465.000000" y="402.000000" width="32" height="32" /><g transform="translate(470.000000 439.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 439.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="with.mdEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="599.000000" y="361.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="412.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
</div></foreignObject></g></g><g id="with.tableEx"><g class="shape" ><rect x="40.000000" y="421.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="421.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="50.000000" y="446.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="480.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="480.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="480.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="493.000000" y2="493.000000" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="35.000000" y="380.000000" width="36" height="36" /></g></g><g id="with.classEx"><g class="shape" ><rect x="206.000000" y="388.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="388.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="308.000000" y="438.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="508.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="508.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="508.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="526.000000" y2="526.000000" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="201.000000" y="319.000000" width="64" height="64" /></g></g><g id="with.codeEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="465.000000" y="402.000000" width="32" height="32" /><g transform="translate(470.000000 439.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 439.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="with.mdEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="599.000000" y="361.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="412.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
<p>You will live a long, healthy, happy life and make bags of money.</p>
</div></foreignObject></g></g><g id="(without.tableEx -&gt; with.tableEx)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 93.000000 133.000000 C 93.000000 197.399994 93.000000 224.000000 93.000000 239.000000 C 93.000000 254.000000 93.000000 335.399994 93.000000 417.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.classEx -&gt; with.classEx)[0]"><path d="M 308.000000 166.000000 C 308.000000 204.000000 308.000000 224.000000 308.000000 239.000000 C 308.000000 254.000000 308.000000 328.799988 308.000000 384.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.codeEx -&gt; with.codeEx)[0]"><path d="M 507.000000 116.500000 C 507.000000 194.100006 507.000000 224.000000 507.000000 239.000000 C 507.000000 254.000000 507.000000 338.899994 507.000000 434.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.mdEx -&gt; with.mdEx)[0]"><path d="M 818.000000 143.500000 C 818.000000 199.500000 818.000000 224.000000 818.000000 239.000000 C 818.000000 254.000000 818.000000 333.500000 818.000000 407.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><mask id="d2-2359177743" maskUnits="userSpaceOnUse" x="9" y="-45" width="1054" height="602">
<rect x="9" y="-45" width="1054" height="602" fill="white"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

4
e2etests/testdata/txtar/sql-icon/elk/sketch.exp.svg vendored
View file

@ -843,9 +843,9 @@
.d2-3170058192 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="without"><g class="shape" ><rect x="12.000000" y="12.000000" width="972.000000" height="238.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g id="with"><g class="shape" ><rect x="12.000000" y="330.000000" width="972.000000" height="307.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="363.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g id="without.tableEx"><g class="shape" ><rect x="62.000000" y="128.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="128.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="72.000000" y="153.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="187.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="187.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="187.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="200.000000" y2="200.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="without.classEx"><g class="shape" ><rect x="188.000000" y="62.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="62.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="290.000000" y="112.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="182.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="182.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="182.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="200.000000" y2="200.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="without.codeEx"><g class="shape" ></g><g transform="translate(412.000000 163.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 163.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="without.mdEx"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="109.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
</style><g id="without"><g class="shape" ><rect x="12.000000" y="12.000000" width="972.000000" height="238.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g id="with"><g class="shape" ><rect x="12.000000" y="330.000000" width="972.000000" height="307.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="363.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g id="without.tableEx"><g class="shape" ><rect x="62.000000" y="128.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="128.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="72.000000" y="153.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="187.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="187.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="187.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="200.000000" y2="200.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="without.classEx"><g class="shape" ><rect x="188.000000" y="62.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="62.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="290.000000" y="112.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="182.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="182.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="182.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="200.000000" y2="200.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="without.codeEx"><g class="shape" ></g><g transform="translate(412.000000 163.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 163.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="without.mdEx"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="109.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
<p>You will live a long, healthy, happy life and make bags of money.</p>
</div></foreignObject></g></g><g id="with.tableEx"><g class="shape" ><rect x="62.000000" y="421.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="421.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="72.000000" y="446.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="480.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="480.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="480.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="493.000000" y2="493.000000" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="57.000000" y="380.000000" width="36" height="36" /></g></g><g id="with.classEx"><g class="shape" ><rect x="188.000000" y="449.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="449.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="290.000000" y="499.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="569.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="569.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="569.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="587.000000" y2="587.000000" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="183.000000" y="380.000000" width="64" height="64" /></g></g><g id="with.codeEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="407.000000" y="380.000000" width="32" height="32" /><g transform="translate(412.000000 417.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 417.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="with.mdEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="501.000000" y="380.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="431.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
</div></foreignObject></g></g><g id="with.tableEx"><g class="shape" ><rect x="62.000000" y="421.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="421.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="72.000000" y="446.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="480.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="480.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="480.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="493.000000" y2="493.000000" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="57.000000" y="380.000000" width="36" height="36" /></g></g><g id="with.classEx"><g class="shape" ><rect x="188.000000" y="449.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="449.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="290.000000" y="499.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="569.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="569.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="569.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="587.000000" y2="587.000000" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="183.000000" y="380.000000" width="64" height="64" /></g></g><g id="with.codeEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="407.000000" y="380.000000" width="32" height="32" /><g transform="translate(412.000000 417.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 417.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">a</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#89dceb" class="text-mono-bold">:=</tspan><tspan fill="#cdd6f4">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="with.mdEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="501.000000" y="380.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="431.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
<p>You will live a long, healthy, happy life and make bags of money.</p>
</div></foreignObject></g></g><g id="(without.tableEx -&gt; with.tableEx)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 115.000000 202.000000 L 115.000000 417.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.classEx -&gt; with.classEx)[0]"><path d="M 290.000000 202.000000 L 290.000000 445.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.codeEx -&gt; with.codeEx)[0]"><path d="M 449.000000 202.000000 L 449.000000 413.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.mdEx -&gt; with.mdEx)[0]"><path d="M 720.000000 202.000000 L 720.000000 427.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><mask id="d2-3170058192" maskUnits="userSpaceOnUse" x="11" y="11" width="974" height="627">
<rect x="11" y="11" width="974" height="627" fill="white"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB