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

smaller pre code sizing to match css

Browse source
This commit is contained in:
Gavin Nishizawa 2022-11-07 19:03:43 -08:00
parent d985124608
commit d507f17a18
27 changed files with 274 additions and 264 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
d2renderers/d2svg/github-markdown.css
View file

@ -639,7 +639,7 @@
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -679,8 +679,8 @@
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }

20
d2renderers/textmeasure/markdown.go
View file

@ -37,8 +37,10 @@ const (
Height_hr = 4 Height_hr = 4
MarginTopBottom_hr = 24 MarginTopBottom_hr = 24
Padding_pre = 16 Padding_pre = 16
MarginBottom_pre = 16 MarginBottom_pre = 16
LineHeight_pre = 1.45
FontSize_pre_code_em = 0.85
PaddingTopBottom_code_em = 0.2 PaddingTopBottom_code_em = 0.2
PaddingLeftRight_code_em = 0.4 PaddingLeftRight_code_em = 0.4
@ -100,9 +102,11 @@ func MeasureMarkdown(mdText string, ruler *Ruler) (width, height int, err error)
{ {
originalLineHeight := ruler.LineHeightFactor originalLineHeight := ruler.LineHeightFactor
ruler.boundsWithDot = true
ruler.LineHeightFactor = MarkdownLineHeight ruler.LineHeightFactor = MarkdownLineHeight
defer func() { defer func() {
ruler.LineHeightFactor = originalLineHeight ruler.LineHeightFactor = originalLineHeight
ruler.boundsWithDot = false
}() }()
} }
@ -256,14 +260,20 @@ func (ruler *Ruler) measureNode(depth int, n *html.Node, font d2fonts.Font) (wid
str = str[startIndex : endIndex+1] str = str[startIndex : endIndex+1]
} }
} }
if isCode { if parentElementType == "pre" {
ruler.boundsWithDot = true originalLineHeight := ruler.LineHeightFactor
ruler.LineHeightFactor = LineHeight_pre
defer func() {
ruler.LineHeightFactor = originalLineHeight
}()
} }
w, h := ruler.MeasurePrecise(font, str) w, h := ruler.MeasurePrecise(font, str)
if isCode { if isCode {
ruler.boundsWithDot = false w *= FontSize_pre_code_em
h *= FontSize_pre_code_em
} }
// fmt.Printf("%d:'%s' width %v (%v) height %v fontStyle %s fontSize %v family %v\n", depth, n.Data, w, w+spaceWidths, h, font.Style, font.Size, font.Family) // fmt.Printf("%d:'%s' width %v (%v) height %v fontStyle %s fontSize %v family %v\n", depth, n.Data, w, w+spaceWidths, h, font.Style, font.Size, font.Family)

14
d2renderers/textmeasure/textmeasure_test.go
View file

@ -88,19 +88,19 @@ _italics are all measured correctly_
`: {214, 24}, `: {214, 24},
` `
**bold is measured correctly** **bold is measured correctly**
`: {187, 24}, `: {188, 24},
` `
**Note:** This document **Note:** This document
`: {141, 24}, `: {143, 24},
` `
**Note:** **Note:**
`: {37, 24}, `: {39, 24},
`a`: {7, 24}, `a`: {9, 24},
`w`: {12, 24}, `w`: {12, 24},
`ww`: {24, 24}, `ww`: {24, 24},
"`inline code`": {119, 27}, "`inline code`": {103, 24},
"`code`": {52, 27}, "`code`": {46, 24},
"`a`": {23, 27}, "`a`": {21, 24},
} }
func TestTextMeasureMarkdown(t *testing.T) { func TestTextMeasureMarkdown(t *testing.T) {

78
e2etests/testdata/stable/chaos2/board.exp.json vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 1115, "width": 1117,
"height": 1654, "height": 1654,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
@ -421,7 +421,7 @@
"id": "aa.ll", "id": "aa.ll",
"type": "", "type": "",
"pos": { "pos": {
"x": 914, "x": 915,
"y": 652 "y": 652
}, },
"width": 114, "width": 114,
@ -459,7 +459,7 @@
"id": "aa.mm", "id": "aa.mm",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 901, "x": 902,
"y": 426 "y": 426
}, },
"width": 131, "width": 131,
@ -500,7 +500,7 @@
"x": 867, "x": 867,
"y": 1429 "y": 1429
}, },
"width": 16, "width": 18,
"height": 24, "height": 24,
"level": 2, "level": 2,
"opacity": 1, "opacity": 1,
@ -527,14 +527,14 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 16, "labelWidth": 18,
"labelHeight": 24 "labelHeight": 24
}, },
{ {
"id": "aa.oo", "id": "aa.oo",
"type": "", "type": "",
"pos": { "pos": {
"x": 943, "x": 945,
"y": 1378 "y": 1378
}, },
"width": 123, "width": 123,
@ -785,20 +785,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 913.5, "x": 914.5,
"y": 723.8172484599589 "y": 723.8051948051948
}, },
{ {
"x": 835.9, "x": 836.1,
"y": 735.8172484599589 "y": 735.8051948051948
}, },
{ {
"x": 894.1, "x": 894.9,
"y": 726.8172484599589 "y": 726.8051948051948
}, },
{ {
"x": 816.5, "x": 816.5,
"y": 738.8172484599589 "y": 738.8051948051948
} }
], ],
"isCurve": true, "isCurve": true,
@ -832,11 +832,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 901, "x": 902,
"y": 500 "y": 500
}, },
{ {
"x": 404.2, "x": 404.4,
"y": 581.6 "y": 581.6
}, },
{ {
@ -891,19 +891,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 969, "x": 970,
"y": 552 "y": 552
}, },
{ {
"x": 970.2, "x": 971.2,
"y": 592 "y": 592
}, },
{ {
"x": 970.5, "x": 971.5,
"y": 612 "y": 612
}, },
{ {
"x": 970.5, "x": 971.5,
"y": 652 "y": 652
} }
], ],
@ -938,20 +938,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 901, "x": 902,
"y": 500 "y": 500
}, },
{ {
"x": 833.6, "x": 833.8,
"y": 512.3623984526112 "y": 512.3482425646968
}, },
{ {
"x": 884.15, "x": 884.95,
"y": 503.0905996131528 "y": 503.08706064117416
}, },
{ {
"x": 816.75, "x": 816.75,
"y": 515.452998065764 "y": 515.4353032058709
} }
], ],
"isCurve": true, "isCurve": true,
@ -985,12 +985,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 913.5, "x": 914.5,
"y": 729.1405049396268 "y": 729.1095290251917
}, },
{ {
"x": 594.7, "x": 594.9,
"y": 808.2281009879254 "y": 808.2219058050383
}, },
{ {
"x": 515, "x": 515,
@ -1080,11 +1080,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 901, "x": 902,
"y": 476 "y": 476
}, },
{ {
"x": 500.2, "x": 500.4,
"y": 396 "y": 396
}, },
{ {
@ -1135,12 +1135,12 @@
"y": 838 "y": 838
}, },
{ {
"x": 484.7, "x": 484.9,
"y": 807.5723440134907 "y": 807.5686868686869
}, },
{ {
"x": 913.5, "x": 914.5,
"y": 725.8617200674536 "y": 725.8434343434343
} }
], ],
"isCurve": true, "isCurve": true,
@ -1194,12 +1194,12 @@
"y": 466.4 "y": 466.4
}, },
{ {
"x": 470.7, "x": 470.9,
"y": 622.4899262899263 "y": 622.493376941946
}, },
{ {
"x": 913.5, "x": 914.5,
"y": 704.4496314496314 "y": 704.4668847097302
} }
], ],
"isCurve": true, "isCurve": true,

40
e2etests/testdata/stable/chaos2/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css"> width="1317" height="1854" viewBox="-100 -100 1317 1854"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,8 +797,8 @@ width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><rect class="shape" x="0" y="0" width="1115" height="1654" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="557.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">aa</text><rect class="shape" x="40" y="50" width="776" height="1554" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="428.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:black">bb</text><rect class="shape" x="914" y="652" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="971.000000" y="718.000000" style="text-anchor:middle;font-size:16px;fill:black">ll</text><path class="shape" d="M 901 450 C 901 426 959.95 426 966.5 426 C 973.05 426 1032 426 1032 450 V 528 C 1032 552 973.05 552 966.5 552 C 959.95 552 901 552 901 528 V 450 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><path class="shape" d="M 901 450 C 901 474 959.95 474 966.5 474 C 973.05 474 1032 474 1032 450" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="966.500000" y="504.000000" style="text-anchor:middle;font-size:16px;fill:black">mm</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="867.000000" y="1429.000000" width="16" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>nn</p> </style><rect class="shape" x="0" y="0" width="1117" height="1654" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="558.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">aa</text><rect class="shape" x="40" y="50" width="776" height="1554" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="428.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:black">bb</text><rect class="shape" x="915" y="652" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="972.000000" y="718.000000" style="text-anchor:middle;font-size:16px;fill:black">ll</text><path class="shape" d="M 902 450 C 902 426 960.95 426 967.5 426 C 974.05 426 1033 426 1033 450 V 528 C 1033 552 974.05 552 967.5 552 C 960.95 552 902 552 902 528 V 450 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><path class="shape" d="M 902 450 C 902 474 960.95 474 967.5 474 C 974.05 474 1033 474 1033 450" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="967.500000" y="504.000000" style="text-anchor:middle;font-size:16px;fill:black">mm</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="867.000000" y="1429.000000" width="18" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>nn</p>
</div></foreignObject></g><rect class="shape" x="943" y="1378" width="123" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1004.500000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">oo</text><rect class="shape" x="80" y="878" width="510" height="676" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="335.000000" y="903.000000" style="text-anchor:middle;font-size:20px;fill:black">cc</text><path class="shape" d="M 106 100 L 256 100 L 256 145.2 L 473 145.2 L 473 326 L 106 326 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="289.500000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:black">ii</text><ellipse class="shape" cx="704.000000" cy="1441.000000" rx="63.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="704.000000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">kk</text><rect class="shape" x="120" y="928" width="355" height="226" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="297.500000" y="949.000000" style="text-anchor:middle;font-size:16px;fill:black">dd</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="409.000000" y="1254.000000" width="17" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>gg</p> </div></foreignObject></g><rect class="shape" x="945" y="1378" width="123" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1006.500000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">oo</text><rect class="shape" x="80" y="878" width="510" height="676" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="335.000000" y="903.000000" style="text-anchor:middle;font-size:20px;fill:black">cc</text><path class="shape" d="M 106 100 L 256 100 L 256 145.2 L 473 145.2 L 473 326 L 106 326 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="289.500000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:black">ii</text><ellipse class="shape" cx="704.000000" cy="1441.000000" rx="63.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="704.000000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">kk</text><rect class="shape" x="120" y="928" width="355" height="226" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="297.500000" y="949.000000" style="text-anchor:middle;font-size:16px;fill:black">dd</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="409.000000" y="1254.000000" width="17" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>gg</p>
</div></foreignObject></g><rect class="shape" x="356" y="1378" width="123" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="417.500000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">hh</text><path class="shape" d="M 300.5 276 C 300.0519 276 299.7532 275.8362 299.4545 275.5085 L 243.4481 214.2289 C 242.8507 213.5735 242.8507 212.5904 243.4481 211.935 L 299.4545 150.4915 C 300.0519 149.8361 300.948 149.8361 301.5454 150.4915 L 357.5519 211.9349 C 358.1493 212.5903 358.1493 213.5734 357.5519 214.2288 L 301.5455 275.5085 C 301.2468 275.8362 300.9481 276 300.5 276 Z" style="fill:#CFD2DD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="300.500000" y="216.000000" style="text-anchor:middle;font-size:16px;fill:black">jj</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="232.000000" y="1029.000000" width="16" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ee</p> </div></foreignObject></g><rect class="shape" x="356" y="1378" width="123" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="417.500000" y="1444.000000" style="text-anchor:middle;font-size:16px;fill:black">hh</text><path class="shape" d="M 300.5 276 C 300.0519 276 299.7532 275.8362 299.4545 275.5085 L 243.4481 214.2289 C 242.8507 213.5735 242.8507 212.5904 243.4481 211.935 L 299.4545 150.4915 C 300.0519 149.8361 300.948 149.8361 301.5454 150.4915 L 357.5519 211.9349 C 358.1493 212.5903 358.1493 213.5734 357.5519 214.2288 L 301.5455 275.5085 C 301.2468 275.8362 300.9481 276 300.5 276 Z" style="fill:#CFD2DD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="300.500000" y="216.000000" style="text-anchor:middle;font-size:16px;fill:black">jj</text><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="232.000000" y="1029.000000" width="16" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ee</p>
</div></foreignObject></g><rect class="shape" x="308" y="978" width="117" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="1044.000000" style="text-anchor:middle;font-size:16px;fill:black">ff</text><mask id="mask-3834907066" maskUnits="userSpaceOnUse" x="238.000000" y="1051.000000" width="173.000000" height="214.000000"> </div></foreignObject></g><rect class="shape" x="308" y="978" width="117" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="1044.000000" style="text-anchor:middle;font-size:16px;fill:black">ff</text><mask id="mask-3834907066" maskUnits="userSpaceOnUse" x="238.000000" y="1051.000000" width="173.000000" height="214.000000">
<rect x="238.000000" y="1051.000000" width="173.000000" height="214.000000" fill="white"></rect> <rect x="238.000000" y="1051.000000" width="173.000000" height="214.000000" fill="white"></rect>
@ -806,25 +806,25 @@ width="1315" height="1854" viewBox="-100 -100 1315 1854"><style type="text/css">
</mask><path d="M 240.000000 1054.000000 C 240.000000 1133.800000 273.800000 1215.800000 408.055881 1262.670396" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3834907066)" /><text class="text-italic" x="268.500000" y="1209.000000" style="text-anchor:middle;font-size:16px;fill:black">11</text><mask id="mask-1342911600" maskUnits="userSpaceOnUse" x="409.000000" y="1276.000000" width="17.000000" height="104.000000"> </mask><path d="M 240.000000 1054.000000 C 240.000000 1133.800000 273.800000 1215.800000 408.055881 1262.670396" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3834907066)" /><text class="text-italic" x="268.500000" y="1209.000000" style="text-anchor:middle;font-size:16px;fill:black">11</text><mask id="mask-1342911600" maskUnits="userSpaceOnUse" x="409.000000" y="1276.000000" width="17.000000" height="104.000000">
<rect x="409.000000" y="1276.000000" width="17.000000" height="104.000000" fill="white"></rect> <rect x="409.000000" y="1276.000000" width="17.000000" height="104.000000" fill="white"></rect>
<rect x="409.000000" y="1318.000000" width="17" height="21" fill="black"></rect> <rect x="409.000000" y="1318.000000" width="17" height="21" fill="black"></rect>
</mask><path d="M 417.500000 1279.000000 C 417.500000 1318.000000 417.500000 1338.000000 417.500000 1377.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-1342911600)" /><text class="text-italic" x="417.500000" y="1334.000000" style="text-anchor:middle;font-size:16px;fill:black">22</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 200.000000 327.000000 C 200.000000 366.000000 200.000000 398.600000 200.000000 432.500000 C 200.000000 466.400000 200.000000 511.600000 200.000000 545.500000 C 200.000000 579.400000 200.000000 624.600000 200.000000 658.500000 C 200.000000 692.400000 200.000000 737.600000 200.000000 771.500000 C 200.000000 805.400000 200.000000 888.000000 200.000000 925.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="2.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><mask id="mask-2288667663" maskUnits="userSpaceOnUse" x="794.500000" y="697.817248" width="141.000000" height="67.000000"> </mask><path d="M 417.500000 1279.000000 C 417.500000 1318.000000 417.500000 1338.000000 417.500000 1377.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-1342911600)" /><text class="text-italic" x="417.500000" y="1334.000000" style="text-anchor:middle;font-size:16px;fill:black">22</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 200.000000 327.000000 C 200.000000 366.000000 200.000000 398.600000 200.000000 432.500000 C 200.000000 466.400000 200.000000 511.600000 200.000000 545.500000 C 200.000000 579.400000 200.000000 624.600000 200.000000 658.500000 C 200.000000 692.400000 200.000000 737.600000 200.000000 771.500000 C 200.000000 805.400000 200.000000 888.000000 200.000000 925.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="2.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><mask id="mask-2288667663" maskUnits="userSpaceOnUse" x="794.500000" y="697.805195" width="142.000000" height="67.000000">
<rect x="794.500000" y="697.817248" width="141.000000" height="67.000000" fill="white"></rect> <rect x="794.500000" y="697.805195" width="142.000000" height="67.000000" fill="white"></rect>
<rect x="857.000000" y="721.000000" width="17" height="21" fill="black"></rect> <rect x="857.000000" y="721.000000" width="17" height="21" fill="black"></rect>
</mask><path d="M 910.535239 724.275717 C 835.900000 735.817248 894.100000 726.817248 819.464761 738.358780" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-2288667663)" /><text class="text-italic" x="865.500000" y="737.000000" style="text-anchor:middle;font-size:16px;fill:black">33</text><mask id="mask-2170131283" maskUnits="userSpaceOnUse" x="268.000000" y="486.000000" width="645.000000" height="406.000000"> </mask><path d="M 911.534536 724.259092 C 836.100000 735.805195 894.900000 726.805195 819.465464 738.351297" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-2288667663)" /><text class="text-italic" x="865.500000" y="737.000000" style="text-anchor:middle;font-size:16px;fill:black">33</text><mask id="mask-2170131283" maskUnits="userSpaceOnUse" x="268.000000" y="486.000000" width="646.000000" height="406.000000">
<rect x="268.000000" y="486.000000" width="645.000000" height="406.000000" fill="white"></rect> <rect x="268.000000" y="486.000000" width="646.000000" height="406.000000" fill="white"></rect>
<rect x="455.000000" y="561.000000" width="16" height="21" fill="black"></rect> <rect x="455.000000" y="561.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 900.013222 500.162079 C 404.200000 581.600000 280.000000 624.600000 280.000000 658.500000 C 280.000000 692.400000 280.000000 838.000000 280.000000 875.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-2170131283)" /><text class="text-italic" x="463.000000" y="577.000000" style="text-anchor:middle;font-size:16px;fill:black">44</text><path d="M 969.029987 552.999550 C 970.200000 592.000000 970.500000 612.000000 970.500000 649.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><mask id="mask-3699877661" maskUnits="userSpaceOnUse" x="794.750000" y="474.000000" width="128.250000" height="67.452998"> </mask><path d="M 901.013181 500.161826 C 404.400000 581.600000 280.000000 624.600000 280.000000 658.500000 C 280.000000 692.400000 280.000000 838.000000 280.000000 875.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-2170131283)" /><text class="text-italic" x="463.000000" y="577.000000" style="text-anchor:middle;font-size:16px;fill:black">44</text><path d="M 970.029987 552.999550 C 971.200000 592.000000 971.500000 612.000000 971.500000 649.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><mask id="mask-3699877661" maskUnits="userSpaceOnUse" x="794.750000" y="474.000000" width="129.250000" height="67.435303">
<rect x="794.750000" y="474.000000" width="128.250000" height="67.452998" fill="white"></rect> <rect x="794.750000" y="474.000000" width="129.250000" height="67.435303" fill="white"></rect>
<rect x="851.000000" y="497.000000" width="16" height="21" fill="black"></rect> <rect x="851.000000" y="497.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 898.049225 500.541226 C 833.600000 512.362398 884.150000 503.090600 819.700775 514.911772" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-3699877661)" /><text class="text-italic" x="859.000000" y="513.000000" style="text-anchor:middle;font-size:16px;fill:black">55</text><path d="M 910.588261 729.862846 C 594.700000 808.228101 515.000000 838.000000 515.000000 853.000000 C 515.000000 868.000000 515.000000 888.000000 515.000000 903.000000 C 515.000000 918.000000 515.000000 950.600000 515.000000 984.500000 C 515.000000 1018.400000 515.000000 1063.600000 515.000000 1097.500000 C 515.000000 1131.400000 497.200000 1215.400000 428.526299 1259.382034" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /><mask id="mask-3134112715" maskUnits="userSpaceOnUse" x="388.000000" y="312.000000" width="525.000000" height="178.000000"> </mask><path d="M 899.047997 500.534488 C 833.800000 512.348243 884.950000 503.087061 819.702003 514.900816" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-3699877661)" /><text class="text-italic" x="859.000000" y="513.000000" style="text-anchor:middle;font-size:16px;fill:black">55</text><path d="M 911.587892 729.830379 C 594.900000 808.221906 515.000000 838.000000 515.000000 853.000000 C 515.000000 868.000000 515.000000 888.000000 515.000000 903.000000 C 515.000000 918.000000 515.000000 950.600000 515.000000 984.500000 C 515.000000 1018.400000 515.000000 1063.600000 515.000000 1097.500000 C 515.000000 1131.400000 497.200000 1215.400000 428.526299 1259.382034" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /><mask id="mask-3134112715" maskUnits="userSpaceOnUse" x="388.000000" y="312.000000" width="526.000000" height="178.000000">
<rect x="388.000000" y="312.000000" width="525.000000" height="178.000000" fill="white"></rect> <rect x="388.000000" y="312.000000" width="526.000000" height="178.000000" fill="white"></rect>
<rect x="622.000000" y="411.000000" width="16" height="21" fill="black"></rect> <rect x="622.000000" y="411.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 898.058032 475.412781 C 500.200000 396.000000 400.000000 366.000000 400.000000 327.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3134112715)" /><text class="text-italic" x="630.000000" y="427.000000" style="text-anchor:middle;font-size:16px;fill:black">66</text><mask id="mask-3003327047" maskUnits="userSpaceOnUse" x="365.500000" y="711.861720" width="560.000000" height="180.138280"> </mask><path d="M 899.057808 475.413906 C 500.400000 396.000000 400.000000 366.000000 400.000000 327.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3134112715)" /><text class="text-italic" x="630.000000" y="427.000000" style="text-anchor:middle;font-size:16px;fill:black">66</text><mask id="mask-3003327047" maskUnits="userSpaceOnUse" x="365.500000" y="711.843434" width="561.000000" height="180.156566">
<rect x="365.500000" y="711.861720" width="560.000000" height="180.138280" fill="white"></rect> <rect x="365.500000" y="711.843434" width="561.000000" height="180.156566" fill="white"></rect>
<rect x="617.000000" y="770.000000" width="16" height="21" fill="black"></rect> <rect x="617.000000" y="770.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 377.500000 875.000000 C 377.500000 838.000000 484.700000 807.572344 912.517676 726.048908" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3003327047)" /><text class="text-italic" x="625.000000" y="786.000000" style="text-anchor:middle;font-size:16px;fill:black">77</text><mask id="mask-4288302333" maskUnits="userSpaceOnUse" x="338.000000" y="300.000000" width="597.500000" height="430.449631"> </mask><path d="M 377.500000 875.000000 C 377.500000 838.000000 484.900000 807.568687 913.517618 726.030318" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3003327047)" /><text class="text-italic" x="625.000000" y="786.000000" style="text-anchor:middle;font-size:16px;fill:black">77</text><mask id="mask-4288302333" maskUnits="userSpaceOnUse" x="338.000000" y="300.000000" width="598.500000" height="430.466885">
<rect x="338.000000" y="300.000000" width="597.500000" height="430.449631" fill="white"></rect> <rect x="338.000000" y="300.000000" width="598.500000" height="430.466885" fill="white"></rect>
<rect x="521.000000" y="623.000000" width="16" height="21" fill="black"></rect> <rect x="522.000000" y="623.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 360.000000 329.000000 C 360.000000 366.000000 360.000000 398.600000 360.000000 432.500000 C 360.000000 466.400000 470.700000 622.489926 910.550106 703.903623" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-4288302333)" /><text class="text-italic" x="529.000000" y="639.000000" style="text-anchor:middle;font-size:16px;fill:black">88</text><style type="text/css"><![CDATA[ </mask><path d="M 360.000000 329.000000 C 360.000000 366.000000 360.000000 398.600000 360.000000 432.500000 C 360.000000 466.400000 470.900000 622.493377 911.549946 703.921740" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-4288302333)" /><text class="text-italic" x="530.000000" y="639.000000" style="text-anchor:middle;font-size:16px;fill:black">88</text><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 813 KiB

After

Width:  |  Height:  |  Size: 813 KiB

38
e2etests/testdata/stable/giant_markdown_test/board.exp.json vendored
View file

@ -8,8 +8,8 @@
"x": 0, "x": 0,
"y": 226 "y": 226
}, },
"width": 3046, "width": 3051,
"height": 4858, "height": 4848,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -35,14 +35,14 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 3046, "labelWidth": 3051,
"labelHeight": 4858 "labelHeight": 4848
}, },
{ {
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 1467, "x": 1469,
"y": 0 "y": 0
}, },
"width": 113, "width": 113,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1467, "x": 1469,
"y": 5184 "y": 5174
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,19 +142,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1523, "x": 1525.5,
"y": 126 "y": 126
}, },
{ {
"x": 1523, "x": 1525.5,
"y": 166 "y": 166
}, },
{ {
"x": 1523, "x": 1525.5,
"y": 186 "y": 186
}, },
{ {
"x": 1523, "x": 1525.5,
"y": 226 "y": 226
} }
], ],
@ -189,20 +189,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1523, "x": 1525.5,
"y": 5084 "y": 5074
}, },
{ {
"x": 1523, "x": 1525.5,
"y": 5124 "y": 5114
}, },
{ {
"x": 1523, "x": 1525.5,
"y": 5144 "y": 5134
}, },
{ {
"x": 1523, "x": 1525.5,
"y": 5184 "y": 5174
} }
], ],
"isCurve": true, "isCurve": true,

12
e2etests/testdata/stable/giant_markdown_test/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="3246" height="5510" viewBox="-100 -100 3246 5510"><style type="text/css"> width="3251" height="5500" viewBox="-100 -100 3251 5500"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="3246" height="5510" viewBox="-100 -100 3246 5510"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="3246" height="5510" viewBox="-100 -100 3246 5510"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,7 +797,7 @@ width="3246" height="5510" viewBox="-100 -100 3246 5510"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="3046" height="4858"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1> </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="3051" height="4848"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
<ul> <ul>
<li><a href="#overview">Overview</a> <li><a href="#overview">Overview</a>
<ul> <ul>
@ -1054,7 +1054,7 @@ title for the link, surrounded in quotes. For example:</p>
<h3>Code</h3> <h3>Code</h3>
<p>Unlike a pre-formatted code block, a code span indicates code within a <p>Unlike a pre-formatted code block, a code span indicates code within a
normal paragraph. For example:</p> normal paragraph. For example:</p>
</div></foreignObject></g><rect class="shape" x="1467" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1523.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="1467" y="5184" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1523.500000" y="5250.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 1523.000000 127.000000 C 1523.000000 166.000000 1523.000000 186.000000 1523.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 1523.000000 5085.000000 C 1523.000000 5124.000000 1523.000000 5144.000000 1523.000000 5181.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="1469" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1525.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="1469" y="5174" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1525.500000" y="5240.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 1525.500000 127.000000 C 1525.500000 166.000000 1525.500000 186.000000 1525.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 1525.500000 5075.000000 C 1525.500000 5114.000000 1525.500000 5134.000000 1525.500000 5171.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 994 KiB

After

Width:  |  Height:  |  Size: 994 KiB

24
e2etests/testdata/stable/hr/board.exp.json vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 226 "y": 226
}, },
"width": 733, "width": 738,
"height": 134, "height": 134,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
@ -35,14 +35,14 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 733, "labelWidth": 738,
"labelHeight": 134 "labelHeight": 134
}, },
{ {
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 310, "x": 313,
"y": 0 "y": 0
}, },
"width": 113, "width": 113,
@ -80,7 +80,7 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 310, "x": 313,
"y": 460 "y": 460
}, },
"width": 113, "width": 113,
@ -142,19 +142,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 366.5, "x": 369,
"y": 126 "y": 126
}, },
{ {
"x": 366.5, "x": 369,
"y": 166 "y": 166
}, },
{ {
"x": 366.5, "x": 369,
"y": 186 "y": 186
}, },
{ {
"x": 366.5, "x": 369,
"y": 226 "y": 226
} }
], ],
@ -189,19 +189,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 366.5, "x": 369,
"y": 360 "y": 360
}, },
{ {
"x": 366.5, "x": 369,
"y": 400 "y": 400
}, },
{ {
"x": 366.5, "x": 369,
"y": 420 "y": 420
}, },
{ {
"x": 366.5, "x": 369,
"y": 460 "y": 460
} }
], ],

12
e2etests/testdata/stable/hr/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="933" height="786" viewBox="-100 -100 933 786"><style type="text/css"> width="938" height="786" viewBox="-100 -100 938 786"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="933" height="786" viewBox="-100 -100 933 786"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="933" height="786" viewBox="-100 -100 933 786"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,11 +797,11 @@ width="933" height="786" viewBox="-100 -100 933 786"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="733" height="134"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><strong>Note:</strong> This document is itself written using Markdown; you </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="738" height="134"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><strong>Note:</strong> This document is itself written using Markdown; you
can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p> can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p>
<hr /> <hr />
<h2>Overview</h2> <h2>Overview</h2>
</div></foreignObject></g><rect class="shape" x="310" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="310" y="460" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 366.500000 127.000000 C 366.500000 166.000000 366.500000 186.000000 366.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 366.500000 361.000000 C 366.500000 400.000000 366.500000 420.000000 366.500000 457.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="313" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="369.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="313" y="460" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="369.500000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 369.000000 127.000000 C 369.000000 166.000000 369.000000 186.000000 369.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 369.000000 361.000000 C 369.000000 400.000000 369.000000 420.000000 369.000000 457.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

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

@ -653,7 +653,7 @@ width="579" height="752" viewBox="-100 -100 579 752"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="579" height="752" viewBox="-100 -100 579 752"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

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

@ -653,7 +653,7 @@ width="445" height="728" viewBox="-100 -100 445 728"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="445" height="728" viewBox="-100 -100 445 728"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 KiB

After

Width:  |  Height:  |  Size: 803 KiB

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

@ -653,7 +653,7 @@ width="547" height="1164" viewBox="-100 -100 547 1164"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="547" height="1164" viewBox="-100 -100 547 1164"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

24
e2etests/testdata/stable/li4/board.exp.json vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 226 "y": 226
}, },
"width": 919, "width": 920,
"height": 376, "height": 376,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
@ -35,14 +35,14 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 919, "labelWidth": 920,
"labelHeight": 376 "labelHeight": 376
}, },
{ {
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 403, "x": 404,
"y": 0 "y": 0
}, },
"width": 113, "width": 113,
@ -80,7 +80,7 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 403, "x": 404,
"y": 702 "y": 702
}, },
"width": 113, "width": 113,
@ -142,19 +142,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 459.5, "x": 460,
"y": 126 "y": 126
}, },
{ {
"x": 459.5, "x": 460,
"y": 166 "y": 166
}, },
{ {
"x": 459.5, "x": 460,
"y": 186 "y": 186
}, },
{ {
"x": 459.5, "x": 460,
"y": 226 "y": 226
} }
], ],
@ -189,19 +189,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 459.5, "x": 460,
"y": 602 "y": 602
}, },
{ {
"x": 459.5, "x": 460,
"y": 642 "y": 642
}, },
{ {
"x": 459.5, "x": 460,
"y": 662 "y": 662
}, },
{ {
"x": 459.5, "x": 460,
"y": 702 "y": 702
} }
], ],

12
e2etests/testdata/stable/li4/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1119" height="1028" viewBox="-100 -100 1119 1028"><style type="text/css"> width="1120" height="1028" viewBox="-100 -100 1120 1028"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="1119" height="1028" viewBox="-100 -100 1119 1028"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="1119" height="1028" viewBox="-100 -100 1119 1028"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,7 +797,7 @@ width="1119" height="1028" viewBox="-100 -100 1119 1028"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="919" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>List items may consist of multiple paragraphs. Each subsequent </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>List items may consist of multiple paragraphs. Each subsequent
paragraph in a list item must be indented by either 4 spaces paragraph in a list item must be indented by either 4 spaces
or one tab:</p> or one tab:</p>
<ol> <ol>
@ -828,7 +828,7 @@ sit amet, consectetuer adipiscing elit.</p>
<p>Another item in the same list.</p> <p>Another item in the same list.</p>
</li> </li>
</ul> </ul>
</div></foreignObject></g><rect class="shape" x="403" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="459.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="403" y="702" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="459.500000" y="768.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 459.500000 127.000000 C 459.500000 166.000000 459.500000 186.000000 459.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 459.500000 603.000000 C 459.500000 642.000000 459.500000 662.000000 459.500000 699.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="404" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="460.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="404" y="702" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="460.500000" y="768.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 460.000000 127.000000 C 460.000000 166.000000 460.000000 186.000000 460.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 460.000000 603.000000 C 460.000000 642.000000 460.000000 662.000000 460.000000 699.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 842 KiB

After

Width:  |  Height:  |  Size: 842 KiB

24
e2etests/testdata/stable/lone_h1/board.exp.json vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 226 "y": 226
}, },
"width": 263, "width": 266,
"height": 50, "height": 50,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
@ -35,14 +35,14 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 263, "labelWidth": 266,
"labelHeight": 50 "labelHeight": 50
}, },
{ {
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 75, "x": 77,
"y": 0 "y": 0
}, },
"width": 113, "width": 113,
@ -80,7 +80,7 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 75, "x": 77,
"y": 376 "y": 376
}, },
"width": 113, "width": 113,
@ -142,19 +142,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 131.5, "x": 133,
"y": 126 "y": 126
}, },
{ {
"x": 131.5, "x": 133,
"y": 166 "y": 166
}, },
{ {
"x": 131.5, "x": 133,
"y": 186 "y": 186
}, },
{ {
"x": 131.5, "x": 133,
"y": 226 "y": 226
} }
], ],
@ -189,19 +189,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 131.5, "x": 133,
"y": 276 "y": 276
}, },
{ {
"x": 131.5, "x": 133,
"y": 316 "y": 316
}, },
{ {
"x": 131.5, "x": 133,
"y": 336 "y": 336
}, },
{ {
"x": 131.5, "x": 133,
"y": 376 "y": 376
} }
], ],

12
e2etests/testdata/stable/lone_h1/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="463" height="702" viewBox="-100 -100 463 702"><style type="text/css"> width="466" height="702" viewBox="-100 -100 466 702"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="463" height="702" viewBox="-100 -100 463 702"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="463" height="702" viewBox="-100 -100 463 702"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,8 +797,8 @@ width="463" height="702" viewBox="-100 -100 463 702"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="263" height="50"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1> </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="266" height="50"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
</div></foreignObject></g><rect class="shape" x="75" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="131.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="75" y="376" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="131.500000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 131.500000 127.000000 C 131.500000 166.000000 131.500000 186.000000 131.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 131.500000 277.000000 C 131.500000 316.000000 131.500000 336.000000 131.500000 373.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="77" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="133.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="77" y="376" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="133.500000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 133.000000 127.000000 C 133.000000 166.000000 133.000000 186.000000 133.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 133.000000 277.000000 C 133.000000 316.000000 133.000000 336.000000 133.000000 373.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

22
e2etests/testdata/stable/markdown/board.exp.json vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 226 "y": 226
}, },
"width": 530, "width": 531,
"height": 186, "height": 186,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
@ -35,7 +35,7 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 530, "labelWidth": 531,
"labelHeight": 186 "labelHeight": 186
}, },
{ {
@ -80,7 +80,7 @@
"id": "y", "id": "y",
"type": "", "type": "",
"pos": { "pos": {
"x": 208, "x": 209,
"y": 512 "y": 512
}, },
"width": 114, "width": 114,
@ -142,19 +142,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 265, "x": 265.5,
"y": 126 "y": 126
}, },
{ {
"x": 265, "x": 265.5,
"y": 166 "y": 166
}, },
{ {
"x": 265, "x": 265.5,
"y": 186 "y": 186
}, },
{ {
"x": 265, "x": 265.5,
"y": 226 "y": 226
} }
], ],
@ -189,19 +189,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 265, "x": 265.5,
"y": 412 "y": 412
}, },
{ {
"x": 265, "x": 265.5,
"y": 452 "y": 452
}, },
{ {
"x": 265, "x": 265.5,
"y": 472 "y": 472
}, },
{ {
"x": 265, "x": 265.5,
"y": 512 "y": 512
} }
], ],

12
e2etests/testdata/stable/markdown/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="730" height="838" viewBox="-100 -100 730 838"><style type="text/css"> width="731" height="838" viewBox="-100 -100 731 838"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="730" height="838" viewBox="-100 -100 730 838"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="730" height="838" viewBox="-100 -100 730 838"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,14 +797,14 @@ width="730" height="838" viewBox="-100 -100 730 838"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="530" height="186"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Every frustum longs to be a cone</h1> </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="531" height="186"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Every frustum longs to be a cone</h1>
<ul> <ul>
<li>A continuing flow of paper is sufficient to continue the flow of paper</li> <li>A continuing flow of paper is sufficient to continue the flow of paper</li>
<li>Please remain calm, it's no use both of us being hysterical at the same time</li> <li>Please remain calm, it's no use both of us being hysterical at the same time</li>
<li>Visits always give pleasure: if not on arrival, then on the departure</li> <li>Visits always give pleasure: if not on arrival, then on the departure</li>
</ul> </ul>
<p><em>Festivity Level 1</em>: Your guests are chatting amiably with each other.</p> <p><em>Festivity Level 1</em>: Your guests are chatting amiably with each other.</p>
</div></foreignObject></g><rect class="shape" x="209" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="265.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">x</text><rect class="shape" x="208" y="512" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="265.000000" y="578.000000" style="text-anchor:middle;font-size:16px;fill:black">y</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 265.000000 127.000000 C 265.000000 166.000000 265.000000 186.000000 265.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 265.000000 413.000000 C 265.000000 452.000000 265.000000 472.000000 265.000000 509.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="209" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="265.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">x</text><rect class="shape" x="209" y="512" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="266.000000" y="578.000000" style="text-anchor:middle;font-size:16px;fill:black">y</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 265.500000 127.000000 C 265.500000 166.000000 265.500000 186.000000 265.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 265.500000 413.000000 C 265.500000 452.000000 265.500000 472.000000 265.500000 509.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 KiB

After

Width:  |  Height:  |  Size: 803 KiB

20
e2etests/testdata/stable/p/board.exp.json vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 226 "y": 226
}, },
"width": 1856, "width": 1857,
"height": 24, "height": 24,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
@ -35,7 +35,7 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 1856, "labelWidth": 1857,
"labelHeight": 24 "labelHeight": 24
}, },
{ {
@ -142,19 +142,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 928, "x": 928.5,
"y": 126 "y": 126
}, },
{ {
"x": 928, "x": 928.5,
"y": 166 "y": 166
}, },
{ {
"x": 928, "x": 928.5,
"y": 186 "y": 186
}, },
{ {
"x": 928, "x": 928.5,
"y": 226 "y": 226
} }
], ],
@ -189,19 +189,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 928, "x": 928.5,
"y": 250 "y": 250
}, },
{ {
"x": 928, "x": 928.5,
"y": 290 "y": 290
}, },
{ {
"x": 928, "x": 928.5,
"y": 310 "y": 310
}, },
{ {
"x": 928, "x": 928.5,
"y": 350 "y": 350
} }
], ],

12
e2etests/testdata/stable/p/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="2056" height="676" viewBox="-100 -100 2056 676"><style type="text/css"> width="2057" height="676" viewBox="-100 -100 2057 676"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="2056" height="676" viewBox="-100 -100 2056 676"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="2056" height="676" viewBox="-100 -100 2056 676"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,11 +797,11 @@ width="2056" height="676" viewBox="-100 -100 2056 676"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="1856" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>A paragraph is simply one or more consecutive lines of text, separated </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="1857" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>A paragraph is simply one or more consecutive lines of text, separated
by one or more blank lines. (A blank line is any line that looks like a by one or more blank lines. (A blank line is any line that looks like a
blank line -- a line containing nothing but spaces or tabs is considered blank line -- a line containing nothing but spaces or tabs is considered
blank.) Normal paragraphs should not be indented with spaces or tabs.</p> blank.) Normal paragraphs should not be indented with spaces or tabs.</p>
</div></foreignObject></g><rect class="shape" x="872" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="872" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 928.000000 127.000000 C 928.000000 166.000000 928.000000 186.000000 928.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 928.000000 251.000000 C 928.000000 290.000000 928.000000 310.000000 928.000000 347.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="872" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="872" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 928.500000 127.000000 C 928.500000 166.000000 928.500000 186.000000 928.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 928.500000 251.000000 C 928.500000 290.000000 928.500000 310.000000 928.500000 347.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

38
e2etests/testdata/stable/pre/board.exp.json vendored
View file

@ -8,8 +8,8 @@
"x": 0, "x": 0,
"y": 226 "y": 226
}, },
"width": 601, "width": 602,
"height": 181, "height": 170,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -35,14 +35,14 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 601, "labelWidth": 602,
"labelHeight": 181 "labelHeight": 170
}, },
{ {
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 244, "x": 245,
"y": 0 "y": 0
}, },
"width": 113, "width": 113,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 244, "x": 245,
"y": 507 "y": 496
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,19 +142,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 300.5, "x": 301,
"y": 126 "y": 126
}, },
{ {
"x": 300.5, "x": 301,
"y": 166 "y": 166
}, },
{ {
"x": 300.5, "x": 301,
"y": 186 "y": 186
}, },
{ {
"x": 300.5, "x": 301,
"y": 226 "y": 226
} }
], ],
@ -189,20 +189,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 300.5, "x": 301,
"y": 407 "y": 396
}, },
{ {
"x": 300.5, "x": 301,
"y": 447 "y": 436
}, },
{ {
"x": 300.5, "x": 301,
"y": 467 "y": 456
}, },
{ {
"x": 300.5, "x": 301,
"y": 507 "y": 496
} }
], ],
"isCurve": true, "isCurve": true,

12
e2etests/testdata/stable/pre/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="801" height="833" viewBox="-100 -100 801 833"><style type="text/css"> width="802" height="822" viewBox="-100 -100 802 822"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="801" height="833" viewBox="-100 -100 801 833"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="801" height="833" viewBox="-100 -100 801 833"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,14 +797,14 @@ width="801" height="833" viewBox="-100 -100 801 833"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="601" height="181"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Here is an example of AppleScript:</p> </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="602" height="170"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Here is an example of AppleScript:</p>
<pre><code>tell application &quot;Foo&quot; <pre><code>tell application &quot;Foo&quot;
beep beep
end tell end tell
</code></pre> </code></pre>
<p>A code block continues until it reaches a line that is not indented <p>A code block continues until it reaches a line that is not indented
(or the end of the article).</p> (or the end of the article).</p>
</div></foreignObject></g><rect class="shape" x="244" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="300.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="244" y="507" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="300.500000" y="573.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 300.500000 127.000000 C 300.500000 166.000000 300.500000 186.000000 300.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 300.500000 408.000000 C 300.500000 447.000000 300.500000 467.000000 300.500000 504.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="245" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="301.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="245" y="496" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="301.500000" y="562.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 301.000000 127.000000 C 301.000000 166.000000 301.000000 186.000000 301.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 301.000000 397.000000 C 301.000000 436.000000 301.000000 456.000000 301.000000 493.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 841 KiB

38
e2etests/testdata/todo/md_code_block_fenced/board.exp.json vendored
View file

@ -8,8 +8,8 @@
"x": 0, "x": 0,
"y": 226 "y": 226
}, },
"width": 224, "width": 196,
"height": 125, "height": 111,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -35,14 +35,14 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 224, "labelWidth": 196,
"labelHeight": 125 "labelHeight": 111
}, },
{ {
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 56, "x": 42,
"y": 0 "y": 0
}, },
"width": 113, "width": 113,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 56, "x": 42,
"y": 451 "y": 437
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,19 +142,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 112, "x": 98,
"y": 126 "y": 126
}, },
{ {
"x": 112, "x": 98,
"y": 166 "y": 166
}, },
{ {
"x": 112, "x": 98,
"y": 186 "y": 186
}, },
{ {
"x": 112, "x": 98,
"y": 226 "y": 226
} }
], ],
@ -189,20 +189,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 112, "x": 98,
"y": 351 "y": 337
}, },
{ {
"x": 112, "x": 98,
"y": 391 "y": 377
}, },
{ {
"x": 112, "x": 98,
"y": 411 "y": 397
}, },
{ {
"x": 112, "x": 98,
"y": 451 "y": 437
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="424" height="777" viewBox="-100 -100 424 777"><style type="text/css"> width="396" height="763" viewBox="-100 -100 396 763"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="424" height="777" viewBox="-100 -100 424 777"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="424" height="777" viewBox="-100 -100 424 777"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,12 +797,12 @@ width="424" height="777" viewBox="-100 -100 424 777"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="224" height="125"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><pre><code>{ </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><pre><code>{
fenced: &quot;block&quot;, fenced: &quot;block&quot;,
of: &quot;json&quot;, of: &quot;json&quot;,
} }
</code></pre> </code></pre>
</div></foreignObject></g><rect class="shape" x="56" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="112.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="56" y="451" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="112.500000" y="517.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 112.000000 127.000000 C 112.000000 166.000000 112.000000 186.000000 112.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 112.000000 352.000000 C 112.000000 391.000000 112.000000 411.000000 112.000000 448.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="42" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="42" y="437" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="503.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 98.000000 127.000000 C 98.000000 166.000000 98.000000 186.000000 98.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 98.000000 338.000000 C 98.000000 377.000000 98.000000 397.000000 98.000000 434.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 841 KiB

6
e2etests/testdata/todo/md_code_block_indented/sketch.exp.svg vendored
View file

@ -653,7 +653,7 @@ width="408" height="676" viewBox="-100 -100 408 676"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="408" height="676" viewBox="-100 -100 408 676"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

20
e2etests/testdata/todo/md_code_inline/board.exp.json vendored
View file

@ -5,11 +5,11 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 31, "x": 34,
"y": 226 "y": 226
}, },
"width": 52, "width": 46,
"height": 27, "height": 24,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -35,8 +35,8 @@
"italic": false, "italic": false,
"bold": true, "bold": true,
"underline": false, "underline": false,
"labelWidth": 52, "labelWidth": 46,
"labelHeight": 27 "labelHeight": 24
}, },
{ {
"id": "a", "id": "a",
@ -81,7 +81,7 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 353 "y": 350
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -190,19 +190,19 @@
"route": [ "route": [
{ {
"x": 56.5, "x": 56.5,
"y": 253 "y": 250
}, },
{ {
"x": 56.5, "x": 56.5,
"y": 293 "y": 290
}, },
{ {
"x": 56.5, "x": 56.5,
"y": 313 "y": 310
}, },
{ {
"x": 56.5, "x": 56.5,
"y": 353 "y": 350
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="313" height="679" viewBox="-100 -100 313 679"><style type="text/css"> width="313" height="676" viewBox="-100 -100 313 676"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -653,7 +653,7 @@ width="313" height="679" viewBox="-100 -100 313 679"><style type="text/css">
.md tt { .md tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
/* font-size: 85%; */ font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
@ -693,8 +693,8 @@ width="313" height="679" viewBox="-100 -100 313 679"><style type="text/css">
.md pre { .md pre {
padding: 16px; padding: 16px;
overflow: auto; overflow: auto;
/* font-size: 85%; font-size: 85%;
line-height: 1.45; */ line-height: 1.45;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border-radius: 6px; border-radius: 6px;
} }
@ -797,8 +797,8 @@ width="313" height="679" viewBox="-100 -100 313 679"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="31.000000" y="226.000000" width="52" height="27"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p> </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="34.000000" y="226.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p>
</div></foreignObject></g><rect class="shape" x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="0" y="353" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="419.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 56.500000 127.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 56.500000 254.000000 C 56.500000 293.000000 56.500000 313.000000 56.500000 350.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="0" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 56.500000 127.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 56.500000 251.000000 C 56.500000 290.000000 56.500000 310.000000 56.500000 347.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 841 KiB