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

Merge pull request #1543 from alixander/strong-md

Browse source 
fix mixed md
This commit is contained in:
Alexander Wang 2023-08-08 12:34:51 -07:00 committed by GitHub
commit 12e68a3717
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 1971 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ci/release/changelogs/next.md
View file

@ -9,3 +9,4 @@
#### Bugfixes ⛑️
- Fixes `d2 fmt` to format all files passed as arguments rather than first non-formatted only [#1523](https://github.com/terrastruct/d2/issues/1523)
- Fixes Markdown cropping last element in mixed-element blocks (e.g. em and strong) [#1543](https://github.com/terrastruct/d2/issues/1543)

9
e2etests/stable_test.go
View file

@ -2002,6 +2002,15 @@ i am top left: { shape: text; near: top-left }
i am top right: { shape: text; near: top-right }
i am bottom left: { shape: text; near: bottom-left }
i am bottom right: { shape: text; near: bottom-right }
`,
},
{
name: "md_mixed",
script: `example: {
explanation: |md
*one* __two__ three!
|
}
`,
},
{

129
e2etests/testdata/stable/md_mixed/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,129 @@
{
"name": "",
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "example",
"type": "rectangle",
"pos": {
"x": 10,
"y": 20
},
"width": 159,
"height": 84,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B4",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "example",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 99,
"labelHeight": 36,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "example.explanation",
"type": "text",
"pos": {
"x": 40,
"y": 50
},
"width": 99,
"height": 24,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "transparent",
"stroke": "N1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "*one* __two__ three!",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 99,
"labelHeight": 24,
"zIndex": 0,
"level": 2
}
],
"connections": [],
"root": {
"id": "",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 0,
"height": 0,
"opacity": 0,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "N7",
"stroke": "",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"zIndex": 0,
"level": 0
}
}

851
e2etests/testdata/stable/md_mixed/dagre/sketch.exp.svg vendored Normal file
View file

@ -0,0 +1,851 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 161 126"><svg id="d2-svg" class="d2-1222504364" width="161" height="126" viewBox="9 -21 161 126"><rect x="9.000000" y="-21.000000" width="161.000000" height="126.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1222504364 .text {
font-family: "d2-1222504364-font-regular";
}
@font-face {
font-family: d2-1222504364-font-regular;
src: url("data:application/font-woff;base64,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");
}
@font-face {
font-family: d2-1222504364-font-semibold;
src: url("data:application/font-woff;base64,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");
}
.d2-1222504364 .text-bold {
font-family: "d2-1222504364-font-bold";
}
@font-face {
font-family: d2-1222504364-font-bold;
src: url("data:application/font-woff;base64,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");
}
.d2-1222504364 .text-italic {
font-family: "d2-1222504364-font-italic";
}
@font-face {
font-family: d2-1222504364-font-italic;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-1222504364 .fill-N1{fill:#0A0F25;}
.d2-1222504364 .fill-N2{fill:#676C7E;}
.d2-1222504364 .fill-N3{fill:#9499AB;}
.d2-1222504364 .fill-N4{fill:#CFD2DD;}
.d2-1222504364 .fill-N5{fill:#DEE1EB;}
.d2-1222504364 .fill-N6{fill:#EEF1F8;}
.d2-1222504364 .fill-N7{fill:#FFFFFF;}
.d2-1222504364 .fill-B1{fill:#0D32B2;}
.d2-1222504364 .fill-B2{fill:#0D32B2;}
.d2-1222504364 .fill-B3{fill:#E3E9FD;}
.d2-1222504364 .fill-B4{fill:#E3E9FD;}
.d2-1222504364 .fill-B5{fill:#EDF0FD;}
.d2-1222504364 .fill-B6{fill:#F7F8FE;}
.d2-1222504364 .fill-AA2{fill:#4A6FF3;}
.d2-1222504364 .fill-AA4{fill:#EDF0FD;}
.d2-1222504364 .fill-AA5{fill:#F7F8FE;}
.d2-1222504364 .fill-AB4{fill:#EDF0FD;}
.d2-1222504364 .fill-AB5{fill:#F7F8FE;}
.d2-1222504364 .stroke-N1{stroke:#0A0F25;}
.d2-1222504364 .stroke-N2{stroke:#676C7E;}
.d2-1222504364 .stroke-N3{stroke:#9499AB;}
.d2-1222504364 .stroke-N4{stroke:#CFD2DD;}
.d2-1222504364 .stroke-N5{stroke:#DEE1EB;}
.d2-1222504364 .stroke-N6{stroke:#EEF1F8;}
.d2-1222504364 .stroke-N7{stroke:#FFFFFF;}
.d2-1222504364 .stroke-B1{stroke:#0D32B2;}
.d2-1222504364 .stroke-B2{stroke:#0D32B2;}
.d2-1222504364 .stroke-B3{stroke:#E3E9FD;}
.d2-1222504364 .stroke-B4{stroke:#E3E9FD;}
.d2-1222504364 .stroke-B5{stroke:#EDF0FD;}
.d2-1222504364 .stroke-B6{stroke:#F7F8FE;}
.d2-1222504364 .stroke-AA2{stroke:#4A6FF3;}
.d2-1222504364 .stroke-AA4{stroke:#EDF0FD;}
.d2-1222504364 .stroke-AA5{stroke:#F7F8FE;}
.d2-1222504364 .stroke-AB4{stroke:#EDF0FD;}
.d2-1222504364 .stroke-AB5{stroke:#F7F8FE;}
.d2-1222504364 .background-color-N1{background-color:#0A0F25;}
.d2-1222504364 .background-color-N2{background-color:#676C7E;}
.d2-1222504364 .background-color-N3{background-color:#9499AB;}
.d2-1222504364 .background-color-N4{background-color:#CFD2DD;}
.d2-1222504364 .background-color-N5{background-color:#DEE1EB;}
.d2-1222504364 .background-color-N6{background-color:#EEF1F8;}
.d2-1222504364 .background-color-N7{background-color:#FFFFFF;}
.d2-1222504364 .background-color-B1{background-color:#0D32B2;}
.d2-1222504364 .background-color-B2{background-color:#0D32B2;}
.d2-1222504364 .background-color-B3{background-color:#E3E9FD;}
.d2-1222504364 .background-color-B4{background-color:#E3E9FD;}
.d2-1222504364 .background-color-B5{background-color:#EDF0FD;}
.d2-1222504364 .background-color-B6{background-color:#F7F8FE;}
.d2-1222504364 .background-color-AA2{background-color:#4A6FF3;}
.d2-1222504364 .background-color-AA4{background-color:#EDF0FD;}
.d2-1222504364 .background-color-AA5{background-color:#F7F8FE;}
.d2-1222504364 .background-color-AB4{background-color:#EDF0FD;}
.d2-1222504364 .background-color-AB5{background-color:#F7F8FE;}
.d2-1222504364 .color-N1{color:#0A0F25;}
.d2-1222504364 .color-N2{color:#676C7E;}
.d2-1222504364 .color-N3{color:#9499AB;}
.d2-1222504364 .color-N4{color:#CFD2DD;}
.d2-1222504364 .color-N5{color:#DEE1EB;}
.d2-1222504364 .color-N6{color:#EEF1F8;}
.d2-1222504364 .color-N7{color:#FFFFFF;}
.d2-1222504364 .color-B1{color:#0D32B2;}
.d2-1222504364 .color-B2{color:#0D32B2;}
.d2-1222504364 .color-B3{color:#E3E9FD;}
.d2-1222504364 .color-B4{color:#E3E9FD;}
.d2-1222504364 .color-B5{color:#EDF0FD;}
.d2-1222504364 .color-B6{color:#F7F8FE;}
.d2-1222504364 .color-AA2{color:#4A6FF3;}
.d2-1222504364 .color-AA4{color:#EDF0FD;}
.d2-1222504364 .color-AA5{color:#F7F8FE;}
.d2-1222504364 .color-AB4{color:#EDF0FD;}
.d2-1222504364 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1222504364 .md em,
.d2-1222504364 .md dfn {
font-family: "d2-1222504364-font-italic";
}
.d2-1222504364 .md b,
.d2-1222504364 .md strong {
font-family: "d2-1222504364-font-bold";
}
.d2-1222504364 .md code,
.d2-1222504364 .md kbd,
.d2-1222504364 .md pre,
.d2-1222504364 .md samp {
font-family: "d2-1222504364-font-mono";
font-size: 1em;
}
.d2-1222504364 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-1222504364 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-1222504364-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-1222504364 .md details,
.d2-1222504364 .md figcaption,
.d2-1222504364 .md figure {
display: block;
}
.d2-1222504364 .md summary {
display: list-item;
}
.d2-1222504364 .md [hidden] {
display: none !important;
}
.d2-1222504364 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-1222504364 .md a:active,
.d2-1222504364 .md a:hover {
outline-width: 0;
}
.d2-1222504364 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-1222504364 .md dfn {
font-style: italic;
}
.d2-1222504364 .md h1 {
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-1222504364 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-1222504364 .md small {
font-size: 90%;
}
.d2-1222504364 .md sub,
.d2-1222504364 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-1222504364 .md sub {
bottom: -0.25em;
}
.d2-1222504364 .md sup {
top: -0.5em;
}
.d2-1222504364 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-1222504364 .md figure {
margin: 1em 40px;
}
.d2-1222504364 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-1222504364 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-1222504364 .md [type="button"],
.d2-1222504364 .md [type="reset"],
.d2-1222504364 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-1222504364 .md [type="button"]::-moz-focus-inner,
.d2-1222504364 .md [type="reset"]::-moz-focus-inner,
.d2-1222504364 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-1222504364 .md [type="button"]:-moz-focusring,
.d2-1222504364 .md [type="reset"]:-moz-focusring,
.d2-1222504364 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-1222504364 .md [type="checkbox"],
.d2-1222504364 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-1222504364 .md [type="number"]::-webkit-inner-spin-button,
.d2-1222504364 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-1222504364 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-1222504364 .md [type="search"]::-webkit-search-cancel-button,
.d2-1222504364 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-1222504364 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-1222504364 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-1222504364 .md a:hover {
text-decoration: underline;
}
.d2-1222504364 .md hr::before {
display: table;
content: "";
}
.d2-1222504364 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-1222504364 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-1222504364 .md td,
.d2-1222504364 .md th {
padding: 0;
}
.d2-1222504364 .md details summary {
cursor: pointer;
}
.d2-1222504364 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-1222504364 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-1222504364 .md h1,
.d2-1222504364 .md h2,
.d2-1222504364 .md h3,
.d2-1222504364 .md h4,
.d2-1222504364 .md h5,
.d2-1222504364 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 400;
line-height: 1.25;
font-family: "d2-1222504364-font-semibold";
}
.d2-1222504364 .md h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-1222504364 .md h3 {
font-size: 1.25em;
}
.d2-1222504364 .md h4 {
font-size: 1em;
}
.d2-1222504364 .md h5 {
font-size: 0.875em;
}
.d2-1222504364 .md h6 {
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-1222504364 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-1222504364 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-1222504364 .md ul,
.d2-1222504364 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-1222504364 .md ol ol,
.d2-1222504364 .md ul ol {
list-style-type: lower-roman;
}
.d2-1222504364 .md ul ul ol,
.d2-1222504364 .md ul ol ol,
.d2-1222504364 .md ol ul ol,
.d2-1222504364 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-1222504364 .md dd {
margin-left: 0;
}
.d2-1222504364 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-1222504364 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-1222504364 .md input::-webkit-outer-spin-button,
.d2-1222504364 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-1222504364 .md::before {
display: table;
content: "";
}
.d2-1222504364 .md::after {
display: table;
clear: both;
content: "";
}
.d2-1222504364 .md > *:first-child {
margin-top: 0 !important;
}
.d2-1222504364 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-1222504364 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-1222504364 .md .absent {
color: var(--color-danger-fg);
}
.d2-1222504364 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-1222504364 .md .anchor:focus {
outline: none;
}
.d2-1222504364 .md p,
.d2-1222504364 .md blockquote,
.d2-1222504364 .md ul,
.d2-1222504364 .md ol,
.d2-1222504364 .md dl,
.d2-1222504364 .md table,
.d2-1222504364 .md pre,
.d2-1222504364 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-1222504364 .md blockquote > :first-child {
margin-top: 0;
}
.d2-1222504364 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-1222504364 .md sup > a::before {
content: "[";
}
.d2-1222504364 .md sup > a::after {
content: "]";
}
.d2-1222504364 .md h1:hover .anchor,
.d2-1222504364 .md h2:hover .anchor,
.d2-1222504364 .md h3:hover .anchor,
.d2-1222504364 .md h4:hover .anchor,
.d2-1222504364 .md h5:hover .anchor,
.d2-1222504364 .md h6:hover .anchor {
text-decoration: none;
}
.d2-1222504364 .md h1 tt,
.d2-1222504364 .md h1 code,
.d2-1222504364 .md h2 tt,
.d2-1222504364 .md h2 code,
.d2-1222504364 .md h3 tt,
.d2-1222504364 .md h3 code,
.d2-1222504364 .md h4 tt,
.d2-1222504364 .md h4 code,
.d2-1222504364 .md h5 tt,
.d2-1222504364 .md h5 code,
.d2-1222504364 .md h6 tt,
.d2-1222504364 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-1222504364 .md ul.no-list,
.d2-1222504364 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-1222504364 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-1222504364 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-1222504364 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-1222504364 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-1222504364 .md ul ul,
.d2-1222504364 .md ul ol,
.d2-1222504364 .md ol ol,
.d2-1222504364 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-1222504364 .md li > p {
margin-top: 16px;
}
.d2-1222504364 .md li + li {
margin-top: 0.25em;
}
.d2-1222504364 .md dl {
padding: 0;
}
.d2-1222504364 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-family: "d2-1222504364-font-semibold";
}
.d2-1222504364 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-1222504364 .md table th {
font-family: "d2-1222504364-font-semibold";
}
.d2-1222504364 .md table th,
.d2-1222504364 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-1222504364 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-1222504364 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-1222504364 .md table img {
background-color: transparent;
}
.d2-1222504364 .md img[align="right"] {
padding-left: 20px;
}
.d2-1222504364 .md img[align="left"] {
padding-right: 20px;
}
.d2-1222504364 .md span.frame {
display: block;
overflow: hidden;
}
.d2-1222504364 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-1222504364 .md span.frame span img {
display: block;
float: left;
}
.d2-1222504364 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-1222504364 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-1222504364 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-1222504364 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-1222504364 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-1222504364 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-1222504364 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-1222504364 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-1222504364 .md span.float-left span {
margin: 13px 0 0;
}
.d2-1222504364 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-1222504364 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-1222504364 .md code,
.d2-1222504364 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-1222504364 .md code br,
.d2-1222504364 .md tt br {
display: none;
}
.d2-1222504364 .md del code {
text-decoration: inherit;
}
.d2-1222504364 .md pre code {
font-size: 100%;
}
.d2-1222504364 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-1222504364 .md .highlight {
margin-bottom: 16px;
}
.d2-1222504364 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-1222504364 .md .highlight pre,
.d2-1222504364 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-1222504364 .md pre code,
.d2-1222504364 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-1222504364 .md .csv-data td,
.d2-1222504364 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-1222504364 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-1222504364 .md .csv-data tr {
border-top: 0;
}
.d2-1222504364 .md .csv-data th {
font-family: "d2-1222504364-font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-1222504364 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-1222504364 .md .footnotes ol {
padding-left: 16px;
}
.d2-1222504364 .md .footnotes li {
position: relative;
}
.d2-1222504364 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-1222504364 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-1222504364 .md .task-list-item {
list-style-type: none;
}
.d2-1222504364 .md .task-list-item label {
font-weight: 400;
}
.d2-1222504364 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-1222504364 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-1222504364 .md .task-list-item .handle {
display: none;
}
.d2-1222504364 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-1222504364 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="example"><g class="shape" ><rect x="10.000000" y="20.000000" width="159.000000" height="84.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="89.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">example</text></g><g id="example.explanation"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="50.000000" width="99" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><em>one</em> <strong>two</strong> three!</p>
</div></foreignObject></g></g><mask id="d2-1222504364" maskUnits="userSpaceOnUse" x="9" y="-21" width="161" height="126">
<rect x="9" y="-21" width="161" height="126" fill="white"></rect>
<rect x="40.000000" y="-21.000000" width="99" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="40.000000" y="50.000000" width="99" height="24" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side

After

Width:  |  Height:  |  Size: 34 KiB

129
e2etests/testdata/stable/md_mixed/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,129 @@
{
"name": "",
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "example",
"type": "rectangle",
"pos": {
"x": 12,
"y": 12
},
"width": 199,
"height": 124,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B4",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "example",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 99,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "example.explanation",
"type": "text",
"pos": {
"x": 62,
"y": 62
},
"width": 99,
"height": 24,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "transparent",
"stroke": "N1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "*one* __two__ three!",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 99,
"labelHeight": 24,
"zIndex": 0,
"level": 2
}
],
"connections": [],
"root": {
"id": "",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 0,
"height": 0,
"opacity": 0,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "N7",
"stroke": "",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"zIndex": 0,
"level": 0
}
}

851
e2etests/testdata/stable/md_mixed/elk/sketch.exp.svg vendored Normal file
View file

@ -0,0 +1,851 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 201 126"><svg id="d2-svg" class="d2-4035922550" width="201" height="126" viewBox="11 11 201 126"><rect x="11.000000" y="11.000000" width="201.000000" height="126.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-4035922550 .text {
font-family: "d2-4035922550-font-regular";
}
@font-face {
font-family: d2-4035922550-font-regular;
src: url("data:application/font-woff;base64,d09GRgABAAAAAAnoAAoAAAAAD8QAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAAegAAAJ4CVQM1Z2x5ZgAAAdAAAAPvAAAFAMl6yqNoZWFkAAAFwAAAADYAAAA2G4Ue32hoZWEAAAX4AAAAJAAAACQKhAXTaG10eAAABhwAAABEAAAARB/1A65sb2NhAAAGYAAAACQAAAAkCrYMMm1heHAAAAaEAAAAIAAAACAAKQD2bmFtZQAABqQAAAMjAAAIFAbDVU1wb3N0AAAJyAAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icbMwxasIAAEbhL03apm3aZnTU1UuJg+DgICLoOQRRQQRv4JVc3DzDL2QU3/rBQ6FUoFHZoKdVqvUNDI2MTUzNLSytE55k1skqyTX33HLJOaccc8g+u2y79+sKf1r/3pQq7z58qn359qPxywMAAP//AQAA//9aRB94AAB4nFSUT0wjVRzHf29m2tduW8rY+dMCpXTetkOhFum0HaBlGqD8W2gpA6zL6tbgIiWymtAYyRqzm+wa2ZgYTZabye4euHjTmBi9bqIhunrwoB72XEn24jZ40p2aacu/03uX+f77ZB5YYBWASlJ7QIMd3PAS8AAKG2RDQVkmWFVUlYi0KiMWr6KnxucIzSaYVIoZHH82fvP2bXTlFrX34sbIR+XyD6WdHePT6qERR78eAgWJ+hH6GtWgAy4CiFI4mUipiXCYSFYsp1JKXOBZIhOrVY6n1KTVynPC49HFz75g+3v7Lvl7pOsjq8UcpqVFgWjk5lrcOTtWXGEDQ6SHGxYi77xm/D7S1TcuBXbdmYFICCiI1Y/QT6gGXggAWKSwadiw4aw4KAhKPKWKVisdTJgRkDj2tpZdV6+9hSjjO8urUyTd6Q8s/IyY7LCy6BytLBQr2oebLp89/zrPprhuFL6UXwAABDoA+oM6AM7cSeHxcRe2IYxZXadJPp6f1qOvhNIh6uDxenBg7ZrxBEVyWjhkPGpo1I/gT+oA3M1lWIXljgN+GYvobXYGY4dNcA4nqY0Xex4WIY1hmt7Uc1SDYMNbVBre4rkE+OTUc5jume8fyrrDhejcrB6NpXJ6dCCVQ9UpMjAYjSSOY80Zj1rHcT9Ua/VreZztl8M0KZwUbIid79dk8TeqgRs6z7EwYZjAkw0tnhOQO13OZsvpzEY2u5HJ5vNZrVBwZipFvZLJVPRiJZMrLy1vbi4vlU1dva6gf1ENPNADIJ6m46xWIoVlkfcca2NeEMykwYX+0pvpN4akCYnaySykJwPZi0HtF+qboa7e3W39fa27Y2UfWctXi9elnnqXCCeMS6gG7JkNRBw+HcA3E/GL7U7OHZjwoeqVWOrCDMPENeOg+b23foQmqXdBbPElSVVVeIUnp5yfFUZn5i9M3r0b7HN1O9u5AefVGeTSLPfuTRi1lwftjIYdTS0A6ltUbTCnFY8gmHFUz5kbTehw2PyVMP1wd3nG1oYZW7t9rjhvZ22MzY2nC3fWp+xuO2Nrv5BDVeMvaUKSJiTkO3PrQBaSC4UmifEfIGgDQF+hKvgAFFVWxJaVqmCRyC0v3Pbw/uqYw+tiHIIjffn+g9VpV0cb4/I6x43DLU8fx/V5tp7/sy1Eeb5f3AaT30r9CJ5QD8BiLqvSsoJp3HgZmhDfc1BLlKPLR4jPS8iP6INSyfj4N9LpJ8TfSQCBs34HHda/BxpATAZ5J3p6S1UBwQjaR5vUgZnbI6uyKqqKqIpYxPInvcNr7g37oL3sXhuSp9G+v9Qb893Y8sZ6S/7L8D8AAAD//wEAAP///z4N8QAAAQAAAAILhaNWAydfDzz1AAMD6AAAAADYXaChAAAAAN1mLzb+Ov7bCG8DyAAAAAMAAgAAAAAAAAABAAAD2P7vAAAImP46/joIbwABAAAAAAAAAAAAAAAAAAAAEQKNAFkAyAAAAfgANAHwAC4CIABSAP8AUgM9AFICIwBSAh4ALgIrAFIBWwBSAVIAGALOABgBvgAOASEAVQH0AAwBogA6AAAALAAsAGQAmAC6ANYBCAEqAVYBigGqAdACCgI2AlYCYgKAAAEAAAARAIwADABmAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyU3U4bVxSFPwfbbVQ1FxWKyA06l22VjN0IogSuTAmKVYRTj9Mfqao0eMY/Yjwz8gxQqj5Ar/sWfYtc9Tn6EFWvq7O8DTaqFIEQsM6cvfdZZ6+1D7DJv2xQqz8E/mr+YLjGdnPP8AMeNZ8a3uC48bfh+kpMg7jxm+EmXzb6hj/iff0Pwx+zU//Z8EO26keGP+F5fdPwpxuOfww/Yof3C1yDl/xuuMYWheEHbPKT4Q0eYzVrdR7TNtzgM7YNN9kGBkypSJmSMcYxYsqYc+YklIQkzJkyIiHG0aVDSqWvGZGQY/y/XyNCKuZEqjihwpESkhJRMrGKvyor561OHGk1t70OFRMiTpVxRkSGI2dMTkbCmepUVBTs0aJFyVB8CypKAkqmpATkzBnToscRxwyYMKXEcaRKnllIzoiKSyKd7yzCd2ZIQkZprM7JiMXTiV+i7C7HOHoUil2tfLxW4SmO75TtueWK/YpAv26F2fq5SzYRF+pnqq6k2rmUghPt+nM7fCtcsYe7V3/WmXy4R7H+V6p8yrn0j6VUJiYZzm3RIZSDQvcEx4HWXUJ15Hu6DHhDj3cMtO7Qp0+HEwZ0ea3cHn0cX9PjhENldIUXe0dyzAk/4viGrmJ87cT6s1As4RcKc3cpjnPdY0ahnnvmge6a6IZ3V9jPUL7mjlI5Q82Rj3TSL9OcRYzNFYUYztTLpTdK619sjpjpLl7bm30/DRc2e8spviLXDHu3Ljh55RaMPqRqcMszl/oJiIjJOVXEkJwZLSquxPstEeekOA7VvTeakorOdY4/50ouSZiJQZdMdeYU+huZb0LjPlzzvbO3JFa+Z3p2fav7nOLUqxuN3ql7y73QupysKNAyVfMVNw3FNTPvJ5qpVf6hcku9bjnP6JNI9VQ3uP0OPCegzQ677DPROUPtXNgb0dY70eYV++rBGYmiRnJ1YhV2CXjBLru84sVazQ6HHNBj/w4cF1k9Dnh9a2ddp2UVZ3X+FJu2+DqeXa9e3luvz+/gyy80UTcvY1/a+G5fWLUb/58QMfNc3NbqndwTgv8AAAD//wEAAP//B1tMMAB4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA==");
}
@font-face {
font-family: d2-4035922550-font-semibold;
src: url("data:application/font-woff;base64,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");
}
.d2-4035922550 .text-bold {
font-family: "d2-4035922550-font-bold";
}
@font-face {
font-family: d2-4035922550-font-bold;
src: url("data:application/font-woff;base64,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");
}
.d2-4035922550 .text-italic {
font-family: "d2-4035922550-font-italic";
}
@font-face {
font-family: d2-4035922550-font-italic;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-4035922550 .fill-N1{fill:#0A0F25;}
.d2-4035922550 .fill-N2{fill:#676C7E;}
.d2-4035922550 .fill-N3{fill:#9499AB;}
.d2-4035922550 .fill-N4{fill:#CFD2DD;}
.d2-4035922550 .fill-N5{fill:#DEE1EB;}
.d2-4035922550 .fill-N6{fill:#EEF1F8;}
.d2-4035922550 .fill-N7{fill:#FFFFFF;}
.d2-4035922550 .fill-B1{fill:#0D32B2;}
.d2-4035922550 .fill-B2{fill:#0D32B2;}
.d2-4035922550 .fill-B3{fill:#E3E9FD;}
.d2-4035922550 .fill-B4{fill:#E3E9FD;}
.d2-4035922550 .fill-B5{fill:#EDF0FD;}
.d2-4035922550 .fill-B6{fill:#F7F8FE;}
.d2-4035922550 .fill-AA2{fill:#4A6FF3;}
.d2-4035922550 .fill-AA4{fill:#EDF0FD;}
.d2-4035922550 .fill-AA5{fill:#F7F8FE;}
.d2-4035922550 .fill-AB4{fill:#EDF0FD;}
.d2-4035922550 .fill-AB5{fill:#F7F8FE;}
.d2-4035922550 .stroke-N1{stroke:#0A0F25;}
.d2-4035922550 .stroke-N2{stroke:#676C7E;}
.d2-4035922550 .stroke-N3{stroke:#9499AB;}
.d2-4035922550 .stroke-N4{stroke:#CFD2DD;}
.d2-4035922550 .stroke-N5{stroke:#DEE1EB;}
.d2-4035922550 .stroke-N6{stroke:#EEF1F8;}
.d2-4035922550 .stroke-N7{stroke:#FFFFFF;}
.d2-4035922550 .stroke-B1{stroke:#0D32B2;}
.d2-4035922550 .stroke-B2{stroke:#0D32B2;}
.d2-4035922550 .stroke-B3{stroke:#E3E9FD;}
.d2-4035922550 .stroke-B4{stroke:#E3E9FD;}
.d2-4035922550 .stroke-B5{stroke:#EDF0FD;}
.d2-4035922550 .stroke-B6{stroke:#F7F8FE;}
.d2-4035922550 .stroke-AA2{stroke:#4A6FF3;}
.d2-4035922550 .stroke-AA4{stroke:#EDF0FD;}
.d2-4035922550 .stroke-AA5{stroke:#F7F8FE;}
.d2-4035922550 .stroke-AB4{stroke:#EDF0FD;}
.d2-4035922550 .stroke-AB5{stroke:#F7F8FE;}
.d2-4035922550 .background-color-N1{background-color:#0A0F25;}
.d2-4035922550 .background-color-N2{background-color:#676C7E;}
.d2-4035922550 .background-color-N3{background-color:#9499AB;}
.d2-4035922550 .background-color-N4{background-color:#CFD2DD;}
.d2-4035922550 .background-color-N5{background-color:#DEE1EB;}
.d2-4035922550 .background-color-N6{background-color:#EEF1F8;}
.d2-4035922550 .background-color-N7{background-color:#FFFFFF;}
.d2-4035922550 .background-color-B1{background-color:#0D32B2;}
.d2-4035922550 .background-color-B2{background-color:#0D32B2;}
.d2-4035922550 .background-color-B3{background-color:#E3E9FD;}
.d2-4035922550 .background-color-B4{background-color:#E3E9FD;}
.d2-4035922550 .background-color-B5{background-color:#EDF0FD;}
.d2-4035922550 .background-color-B6{background-color:#F7F8FE;}
.d2-4035922550 .background-color-AA2{background-color:#4A6FF3;}
.d2-4035922550 .background-color-AA4{background-color:#EDF0FD;}
.d2-4035922550 .background-color-AA5{background-color:#F7F8FE;}
.d2-4035922550 .background-color-AB4{background-color:#EDF0FD;}
.d2-4035922550 .background-color-AB5{background-color:#F7F8FE;}
.d2-4035922550 .color-N1{color:#0A0F25;}
.d2-4035922550 .color-N2{color:#676C7E;}
.d2-4035922550 .color-N3{color:#9499AB;}
.d2-4035922550 .color-N4{color:#CFD2DD;}
.d2-4035922550 .color-N5{color:#DEE1EB;}
.d2-4035922550 .color-N6{color:#EEF1F8;}
.d2-4035922550 .color-N7{color:#FFFFFF;}
.d2-4035922550 .color-B1{color:#0D32B2;}
.d2-4035922550 .color-B2{color:#0D32B2;}
.d2-4035922550 .color-B3{color:#E3E9FD;}
.d2-4035922550 .color-B4{color:#E3E9FD;}
.d2-4035922550 .color-B5{color:#EDF0FD;}
.d2-4035922550 .color-B6{color:#F7F8FE;}
.d2-4035922550 .color-AA2{color:#4A6FF3;}
.d2-4035922550 .color-AA4{color:#EDF0FD;}
.d2-4035922550 .color-AA5{color:#F7F8FE;}
.d2-4035922550 .color-AB4{color:#EDF0FD;}
.d2-4035922550 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-4035922550 .md em,
.d2-4035922550 .md dfn {
font-family: "d2-4035922550-font-italic";
}
.d2-4035922550 .md b,
.d2-4035922550 .md strong {
font-family: "d2-4035922550-font-bold";
}
.d2-4035922550 .md code,
.d2-4035922550 .md kbd,
.d2-4035922550 .md pre,
.d2-4035922550 .md samp {
font-family: "d2-4035922550-font-mono";
font-size: 1em;
}
.d2-4035922550 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-4035922550 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-4035922550-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-4035922550 .md details,
.d2-4035922550 .md figcaption,
.d2-4035922550 .md figure {
display: block;
}
.d2-4035922550 .md summary {
display: list-item;
}
.d2-4035922550 .md [hidden] {
display: none !important;
}
.d2-4035922550 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-4035922550 .md a:active,
.d2-4035922550 .md a:hover {
outline-width: 0;
}
.d2-4035922550 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-4035922550 .md dfn {
font-style: italic;
}
.d2-4035922550 .md h1 {
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-4035922550 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-4035922550 .md small {
font-size: 90%;
}
.d2-4035922550 .md sub,
.d2-4035922550 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-4035922550 .md sub {
bottom: -0.25em;
}
.d2-4035922550 .md sup {
top: -0.5em;
}
.d2-4035922550 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-4035922550 .md figure {
margin: 1em 40px;
}
.d2-4035922550 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-4035922550 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-4035922550 .md [type="button"],
.d2-4035922550 .md [type="reset"],
.d2-4035922550 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-4035922550 .md [type="button"]::-moz-focus-inner,
.d2-4035922550 .md [type="reset"]::-moz-focus-inner,
.d2-4035922550 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-4035922550 .md [type="button"]:-moz-focusring,
.d2-4035922550 .md [type="reset"]:-moz-focusring,
.d2-4035922550 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-4035922550 .md [type="checkbox"],
.d2-4035922550 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-4035922550 .md [type="number"]::-webkit-inner-spin-button,
.d2-4035922550 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-4035922550 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-4035922550 .md [type="search"]::-webkit-search-cancel-button,
.d2-4035922550 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-4035922550 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-4035922550 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-4035922550 .md a:hover {
text-decoration: underline;
}
.d2-4035922550 .md hr::before {
display: table;
content: "";
}
.d2-4035922550 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-4035922550 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-4035922550 .md td,
.d2-4035922550 .md th {
padding: 0;
}
.d2-4035922550 .md details summary {
cursor: pointer;
}
.d2-4035922550 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-4035922550 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-4035922550 .md h1,
.d2-4035922550 .md h2,
.d2-4035922550 .md h3,
.d2-4035922550 .md h4,
.d2-4035922550 .md h5,
.d2-4035922550 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 400;
line-height: 1.25;
font-family: "d2-4035922550-font-semibold";
}
.d2-4035922550 .md h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-4035922550 .md h3 {
font-size: 1.25em;
}
.d2-4035922550 .md h4 {
font-size: 1em;
}
.d2-4035922550 .md h5 {
font-size: 0.875em;
}
.d2-4035922550 .md h6 {
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-4035922550 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-4035922550 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-4035922550 .md ul,
.d2-4035922550 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-4035922550 .md ol ol,
.d2-4035922550 .md ul ol {
list-style-type: lower-roman;
}
.d2-4035922550 .md ul ul ol,
.d2-4035922550 .md ul ol ol,
.d2-4035922550 .md ol ul ol,
.d2-4035922550 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-4035922550 .md dd {
margin-left: 0;
}
.d2-4035922550 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-4035922550 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-4035922550 .md input::-webkit-outer-spin-button,
.d2-4035922550 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-4035922550 .md::before {
display: table;
content: "";
}
.d2-4035922550 .md::after {
display: table;
clear: both;
content: "";
}
.d2-4035922550 .md > *:first-child {
margin-top: 0 !important;
}
.d2-4035922550 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-4035922550 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-4035922550 .md .absent {
color: var(--color-danger-fg);
}
.d2-4035922550 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-4035922550 .md .anchor:focus {
outline: none;
}
.d2-4035922550 .md p,
.d2-4035922550 .md blockquote,
.d2-4035922550 .md ul,
.d2-4035922550 .md ol,
.d2-4035922550 .md dl,
.d2-4035922550 .md table,
.d2-4035922550 .md pre,
.d2-4035922550 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-4035922550 .md blockquote > :first-child {
margin-top: 0;
}
.d2-4035922550 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-4035922550 .md sup > a::before {
content: "[";
}
.d2-4035922550 .md sup > a::after {
content: "]";
}
.d2-4035922550 .md h1:hover .anchor,
.d2-4035922550 .md h2:hover .anchor,
.d2-4035922550 .md h3:hover .anchor,
.d2-4035922550 .md h4:hover .anchor,
.d2-4035922550 .md h5:hover .anchor,
.d2-4035922550 .md h6:hover .anchor {
text-decoration: none;
}
.d2-4035922550 .md h1 tt,
.d2-4035922550 .md h1 code,
.d2-4035922550 .md h2 tt,
.d2-4035922550 .md h2 code,
.d2-4035922550 .md h3 tt,
.d2-4035922550 .md h3 code,
.d2-4035922550 .md h4 tt,
.d2-4035922550 .md h4 code,
.d2-4035922550 .md h5 tt,
.d2-4035922550 .md h5 code,
.d2-4035922550 .md h6 tt,
.d2-4035922550 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-4035922550 .md ul.no-list,
.d2-4035922550 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-4035922550 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-4035922550 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-4035922550 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-4035922550 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-4035922550 .md ul ul,
.d2-4035922550 .md ul ol,
.d2-4035922550 .md ol ol,
.d2-4035922550 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-4035922550 .md li > p {
margin-top: 16px;
}
.d2-4035922550 .md li + li {
margin-top: 0.25em;
}
.d2-4035922550 .md dl {
padding: 0;
}
.d2-4035922550 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-family: "d2-4035922550-font-semibold";
}
.d2-4035922550 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-4035922550 .md table th {
font-family: "d2-4035922550-font-semibold";
}
.d2-4035922550 .md table th,
.d2-4035922550 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-4035922550 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-4035922550 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-4035922550 .md table img {
background-color: transparent;
}
.d2-4035922550 .md img[align="right"] {
padding-left: 20px;
}
.d2-4035922550 .md img[align="left"] {
padding-right: 20px;
}
.d2-4035922550 .md span.frame {
display: block;
overflow: hidden;
}
.d2-4035922550 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-4035922550 .md span.frame span img {
display: block;
float: left;
}
.d2-4035922550 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-4035922550 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-4035922550 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-4035922550 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-4035922550 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-4035922550 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-4035922550 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-4035922550 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-4035922550 .md span.float-left span {
margin: 13px 0 0;
}
.d2-4035922550 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-4035922550 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-4035922550 .md code,
.d2-4035922550 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-4035922550 .md code br,
.d2-4035922550 .md tt br {
display: none;
}
.d2-4035922550 .md del code {
text-decoration: inherit;
}
.d2-4035922550 .md pre code {
font-size: 100%;
}
.d2-4035922550 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-4035922550 .md .highlight {
margin-bottom: 16px;
}
.d2-4035922550 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-4035922550 .md .highlight pre,
.d2-4035922550 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-4035922550 .md pre code,
.d2-4035922550 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-4035922550 .md .csv-data td,
.d2-4035922550 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-4035922550 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-4035922550 .md .csv-data tr {
border-top: 0;
}
.d2-4035922550 .md .csv-data th {
font-family: "d2-4035922550-font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-4035922550 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-4035922550 .md .footnotes ol {
padding-left: 16px;
}
.d2-4035922550 .md .footnotes li {
position: relative;
}
.d2-4035922550 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-4035922550 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-4035922550 .md .task-list-item {
list-style-type: none;
}
.d2-4035922550 .md .task-list-item label {
font-weight: 400;
}
.d2-4035922550 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-4035922550 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-4035922550 .md .task-list-item .handle {
display: none;
}
.d2-4035922550 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-4035922550 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="example"><g class="shape" ><rect x="12.000000" y="12.000000" width="199.000000" height="124.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="111.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">example</text></g><g id="example.explanation"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="62.000000" y="62.000000" width="99" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><em>one</em> <strong>two</strong> three!</p>
</div></foreignObject></g></g><mask id="d2-4035922550" maskUnits="userSpaceOnUse" x="11" y="11" width="201" height="126">
<rect x="11" y="11" width="201" height="126" fill="white"></rect>
<rect x="62.000000" y="17.000000" width="99" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="62.000000" y="62.000000" width="99" height="24" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side

After

Width:  |  Height:  |  Size: 34 KiB

2
lib/textmeasure/markdown.go
View file

@ -232,7 +232,7 @@ func (ruler *Ruler) measureNode(depth int, n *html.Node, fontFamily *d2fonts.Fon
switch n.Type {
case html.TextNode:
if strings.TrimSpace(n.Data) == "" {
if strings.Trim(n.Data, "\n\t\b") == "" {
return blockAttrs{}
}
str := n.Data