Skip to content

Commit 00abb5a

Browse files
andrewbranchandrewbranch
committed
Adjust rendering and styling
1 parent e8712bd commit 00abb5a

15 files changed

+351
-126
lines changed

‎src/factory/html.js

Lines changed: 9 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -30,26 +30,22 @@ function createLineElement(line, meta, index, language, getLineClassName, tokens
3030
const lineClassName = joinClassNames(getLineClassName(lineData), 'grvsc-line');
3131
const attrs = mergeAttributes({ class: lineClassName }, line.attrs);
3232
const children = typeof tokens === 'string' ? [tokens] : mergeSimilarTokens(tokens);
33-
const gutterCells = line.gutterCells.map((cell, i) =>
34-
createGutterCellElement(cell, i === line.gutterCells.length - 1)
35-
);
33+
const gutterCells = line.gutterCells.map(createGutterCellElement);
34+
if (gutterCells.length) {
35+
gutterCells.unshift(span({ class: 'grvsc-gutter-pad' }, undefined, { whitespace: TriviaRenderFlags.NoWhitespace }));
36+
}
3637
return span(
3738
attrs,
3839
[...gutterCells, span({ class: 'grvsc-source' }, children, { whitespace: TriviaRenderFlags.NoWhitespace })],
3940
{ whitespace: TriviaRenderFlags.NoWhitespace }
4041
);
4142
}
4243

43-
/**
44-
* @param {GutterCell} cell
45-
* @param {boolean} isLast
46-
*/
47-
function createGutterCellElement(cell, isLast) {
48-
return span(
49-
{ class: joinClassNames('grvsc-gutter', cell.className, isLast && 'grvsc-gutter-last') },
50-
[escapeHTML(cell.text || '')],
51-
{ whitespace: TriviaRenderFlags.NoWhitespace }
52-
);
44+
/** @param {GutterCell} cell */
45+
function createGutterCellElement(cell) {
46+
return span({ class: joinClassNames('grvsc-gutter', cell.className) }, [escapeHTML(cell.text || '')], {
47+
whitespace: TriviaRenderFlags.NoWhitespace
48+
});
5349
}
5450

5551
/**

‎src/utils.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -201,7 +201,8 @@ function escapeHTML(html) {
201201
'<': '&lt;',
202202
'>': '&gt;',
203203
'"': '&quot;',
204-
"'": '&#39;'
204+
"'": '&#39;',
205+
'&': '&amp;',
205206
}[char] || char)
206207
);
207208
}

‎styles.css

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,20 +11,39 @@
1111
}
1212

1313
.grvsc-code {
14-
display: inline-block;
14+
display: inline-table;
1515
min-width: 100%;
1616
}
1717

1818
.grvsc-line {
19-
display: inline-block;
19+
display: table-row;
2020
box-sizing: border-box;
2121
width: 100%;
22+
}
23+
24+
.grvsc-gutter-pad {
25+
display: table-cell;
26+
padding-left: 0.75rem;
27+
padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);
28+
}
29+
30+
.grvsc-gutter {
31+
display: table-cell;
32+
}
33+
34+
.grvsc-source {
35+
display: table-cell;
2236
padding-left: 1.5rem;
2337
padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));
2438
padding-right: 1.5rem;
2539
padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));
2640
}
2741

42+
.grvsc-gutter + .grvsc-source {
43+
padding-left: 0.75rem;
44+
padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);
45+
}
46+
2847
.grvsc-line-highlighted {
2948
background-color: var(--grvsc-line-highlighted-background-color, transparent);
3049
box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, transparent);

‎test/__snapshots__/index.js.snap

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ Object {
1010
Object {
1111
"lang": "js",
1212
"type": "html",
13-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> </span><span class=\\"mtk12\\">x</span><span class=\\"mtk1\\"> = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span>
14-
<span class=\\"grvsc-line\\"><span class=\\"mtk3\\">// Comment</span></span></code></pre>",
13+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> </span><span class=\\"mtk12\\">x</span><span class=\\"mtk1\\"> = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span></span>
14+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// Comment</span></span></span></code></pre>",
1515
},
1616
Object {
1717
"children": Array [],
@@ -47,8 +47,8 @@ Object {
4747
Object {
4848
"lang": "java-scripty",
4949
"type": "html",
50-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"java-scripty\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> </span><span class=\\"mtk12\\">x</span><span class=\\"mtk1\\"> = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span>
51-
<span class=\\"grvsc-line\\"><span class=\\"mtk3\\">// Comment</span></span></code></pre>",
50+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"java-scripty\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> </span><span class=\\"mtk12\\">x</span><span class=\\"mtk1\\"> = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span></span>
51+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// Comment</span></span></span></code></pre>",
5252
},
5353
Object {
5454
"children": Array [],
@@ -84,8 +84,8 @@ Object {
8484
Object {
8585
"lang": "JavaScript",
8686
"type": "html",
87-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"javascript\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> </span><span class=\\"mtk12\\">x</span><span class=\\"mtk1\\"> = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span>
88-
<span class=\\"grvsc-line\\"><span class=\\"mtk3\\">// Comment</span></span></code></pre>",
87+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"javascript\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> </span><span class=\\"mtk12\\">x</span><span class=\\"mtk1\\"> = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span></span>
88+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// Comment</span></span></span></code></pre>",
8989
},
9090
Object {
9191
"children": Array [],
@@ -121,8 +121,8 @@ Object {
121121
Object {
122122
"lang": "c++",
123123
"type": "html",
124-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"c++\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> x = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span>
125-
<span class=\\"grvsc-line\\"><span class=\\"mtk3\\">// Comment</span></span></code></pre>",
124+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"c++\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> x = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span></span>
125+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// Comment</span></span></span></code></pre>",
126126
},
127127
Object {
128128
"children": Array [],
@@ -157,8 +157,8 @@ Object {
157157
Object {
158158
"lang": "embedded",
159159
"type": "html",
160-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"embedded\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\">const x = 3;</span>
161-
<span class=\\"grvsc-line\\">// Comment</span></code></pre>",
160+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"embedded\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\">const x = 3;</span></span>
161+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\">// Comment</span></span></code></pre>",
162162
},
163163
Object {
164164
"children": Array [],
@@ -189,8 +189,8 @@ Object {
189189
Object {
190190
"lang": "js",
191191
"type": "html",
192-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> </span><span class=\\"mtk12\\">x</span><span class=\\"mtk1\\"> = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span>
193-
<span class=\\"grvsc-line\\"><span class=\\"mtk3\\">// Comment</span></span></code></pre>",
192+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk4\\">const</span><span class=\\"mtk1\\"> </span><span class=\\"mtk12\\">x</span><span class=\\"mtk1\\"> = </span><span class=\\"mtk7\\">3</span><span class=\\"mtk1\\">;</span></span></span>
193+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// Comment</span></span></span></code></pre>",
194194
},
195195
Object {
196196
"children": Array [],
@@ -226,8 +226,8 @@ Object {
226226
Object {
227227
"lang": "",
228228
"type": "html",
229-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\">const x = 3;</span>
230-
<span class=\\"grvsc-line\\">// Comment</span></code></pre>",
229+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\">const x = 3;</span></span>
230+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\">// Comment</span></span></code></pre>",
231231
},
232232
Object {
233233
"children": Array [],
@@ -258,8 +258,8 @@ Object {
258258
Object {
259259
"lang": "none",
260260
"type": "html",
261-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"none\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\">const x = 3;</span>
262-
<span class=\\"grvsc-line\\">// Comment</span></code></pre>",
261+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"none\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\">const x = 3;</span></span>
262+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\">// Comment</span></span></code></pre>",
263263
},
264264
Object {
265265
"children": Array [],
@@ -290,8 +290,8 @@ Object {
290290
Object {
291291
"lang": "js",
292292
"type": "html",
293-
"value": "<pre class=\\"grvsc-container solarized-light grvsc-mm-tuw09S grvsc-mm-tZ0ymb\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-tiaGIi-13 grvsc-tiaGIi-b grvsc-tuw09S-11 grvsc-tZ0ymb-7\\">const</span><span class=\\"grvsc-tiaGIi-1 grvsc-tuw09S-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-7 grvsc-tuw09S-3 grvsc-tZ0ymb-7\\">x</span><span class=\\"grvsc-tiaGIi-1 grvsc-tuw09S-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-8 grvsc-tuw09S-15 grvsc-tZ0ymb-6\\">=</span><span class=\\"grvsc-tiaGIi-1 grvsc-tuw09S-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-6 grvsc-tuw09S-3 grvsc-tZ0ymb-5\\">3</span><span class=\\"grvsc-tiaGIi-1 grvsc-tuw09S-1 grvsc-tZ0ymb-6\\">;</span></span>
294-
<span class=\\"grvsc-line\\"><span class=\\"grvsc-tiaGIi-3 grvsc-tiaGIi-i grvsc-tuw09S-4 grvsc-tZ0ymb-3 grvsc-tZ0ymb-i\\">// Comment</span></span></code></pre>",
293+
"value": "<pre class=\\"grvsc-container solarized-light grvsc-mm-tuw09S grvsc-mm-tZ0ymb\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"grvsc-tiaGIi-13 grvsc-tiaGIi-b grvsc-tuw09S-11 grvsc-tZ0ymb-7\\">const</span><span class=\\"grvsc-tiaGIi-1 grvsc-tuw09S-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-7 grvsc-tuw09S-3 grvsc-tZ0ymb-7\\">x</span><span class=\\"grvsc-tiaGIi-1 grvsc-tuw09S-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-8 grvsc-tuw09S-15 grvsc-tZ0ymb-6\\">=</span><span class=\\"grvsc-tiaGIi-1 grvsc-tuw09S-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-6 grvsc-tuw09S-3 grvsc-tZ0ymb-5\\">3</span><span class=\\"grvsc-tiaGIi-1 grvsc-tuw09S-1 grvsc-tZ0ymb-6\\">;</span></span></span>
294+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"grvsc-tiaGIi-3 grvsc-tiaGIi-i grvsc-tuw09S-4 grvsc-tZ0ymb-3 grvsc-tZ0ymb-i\\">// Comment</span></span></span></code></pre>",
295295
},
296296
Object {
297297
"children": Array [],
@@ -351,8 +351,8 @@ Object {
351351
Object {
352352
"lang": "js",
353353
"type": "html",
354-
"value": "<pre class=\\"grvsc-container solarized-light grvsc-mm-tlfloc grvsc-mm-tZ0ymb\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-tiaGIi-13 grvsc-tiaGIi-b grvsc-tlfloc-4 grvsc-tZ0ymb-7\\">const</span><span class=\\"grvsc-tiaGIi-1 grvsc-tlfloc-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-7 grvsc-tlfloc-12 grvsc-tZ0ymb-7\\">x</span><span class=\\"grvsc-tiaGIi-1 grvsc-tlfloc-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-8 grvsc-tlfloc-1 grvsc-tZ0ymb-6\\">=</span><span class=\\"grvsc-tiaGIi-1 grvsc-tlfloc-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-6 grvsc-tlfloc-7 grvsc-tZ0ymb-5\\">3</span><span class=\\"grvsc-tiaGIi-1 grvsc-tlfloc-1 grvsc-tZ0ymb-6\\">;</span></span>
355-
<span class=\\"grvsc-line\\"><span class=\\"grvsc-tiaGIi-3 grvsc-tiaGIi-i grvsc-tlfloc-3 grvsc-tZ0ymb-3 grvsc-tZ0ymb-i\\">// Comment</span></span></code></pre>",
354+
"value": "<pre class=\\"grvsc-container solarized-light grvsc-mm-tlfloc grvsc-mm-tZ0ymb\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"grvsc-tiaGIi-13 grvsc-tiaGIi-b grvsc-tlfloc-4 grvsc-tZ0ymb-7\\">const</span><span class=\\"grvsc-tiaGIi-1 grvsc-tlfloc-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-7 grvsc-tlfloc-12 grvsc-tZ0ymb-7\\">x</span><span class=\\"grvsc-tiaGIi-1 grvsc-tlfloc-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-8 grvsc-tlfloc-1 grvsc-tZ0ymb-6\\">=</span><span class=\\"grvsc-tiaGIi-1 grvsc-tlfloc-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-6 grvsc-tlfloc-7 grvsc-tZ0ymb-5\\">3</span><span class=\\"grvsc-tiaGIi-1 grvsc-tlfloc-1 grvsc-tZ0ymb-6\\">;</span></span></span>
355+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"grvsc-tiaGIi-3 grvsc-tiaGIi-i grvsc-tlfloc-3 grvsc-tZ0ymb-3 grvsc-tZ0ymb-i\\">// Comment</span></span></span></code></pre>",
356356
},
357357
Object {
358358
"children": Array [],
@@ -365,8 +365,8 @@ Object {
365365
Object {
366366
"lang": "js",
367367
"type": "html",
368-
"value": "<pre class=\\"grvsc-container solarized-light grvsc-mm-tsSx3w grvsc-mm-tZ0ymb\\" data-language=\\"js\\" data-index=\\"1\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-tiaGIi-13 grvsc-tiaGIi-b grvsc-tsSx3w-9 grvsc-tsSx3w-i grvsc-tZ0ymb-7\\">const</span><span class=\\"grvsc-tiaGIi-1 grvsc-tsSx3w-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-7 grvsc-tsSx3w-1 grvsc-tZ0ymb-7\\">x</span><span class=\\"grvsc-tiaGIi-1 grvsc-tsSx3w-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-8 grvsc-tsSx3w-7 grvsc-tZ0ymb-6\\">=</span><span class=\\"grvsc-tiaGIi-1 grvsc-tsSx3w-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-6 grvsc-tsSx3w-4 grvsc-tZ0ymb-5\\">3</span><span class=\\"grvsc-tiaGIi-1 grvsc-tsSx3w-1 grvsc-tZ0ymb-6\\">;</span></span>
369-
<span class=\\"grvsc-line\\"><span class=\\"grvsc-tiaGIi-3 grvsc-tiaGIi-i grvsc-tsSx3w-3 grvsc-tZ0ymb-3 grvsc-tZ0ymb-i\\">// Comment</span></span></code></pre>",
368+
"value": "<pre class=\\"grvsc-container solarized-light grvsc-mm-tsSx3w grvsc-mm-tZ0ymb\\" data-language=\\"js\\" data-index=\\"1\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"grvsc-tiaGIi-13 grvsc-tiaGIi-b grvsc-tsSx3w-9 grvsc-tsSx3w-i grvsc-tZ0ymb-7\\">const</span><span class=\\"grvsc-tiaGIi-1 grvsc-tsSx3w-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-7 grvsc-tsSx3w-1 grvsc-tZ0ymb-7\\">x</span><span class=\\"grvsc-tiaGIi-1 grvsc-tsSx3w-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-8 grvsc-tsSx3w-7 grvsc-tZ0ymb-6\\">=</span><span class=\\"grvsc-tiaGIi-1 grvsc-tsSx3w-1 grvsc-tZ0ymb-1\\"> </span><span class=\\"grvsc-tiaGIi-6 grvsc-tsSx3w-4 grvsc-tZ0ymb-5\\">3</span><span class=\\"grvsc-tiaGIi-1 grvsc-tsSx3w-1 grvsc-tZ0ymb-6\\">;</span></span></span>
369+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"grvsc-tiaGIi-3 grvsc-tiaGIi-i grvsc-tsSx3w-3 grvsc-tZ0ymb-3 grvsc-tZ0ymb-i\\">// Comment</span></span></span></code></pre>",
370370
},
371371
Object {
372372
"children": Array [],
@@ -440,11 +440,11 @@ Object {
440440
Object {
441441
"lang": "js{1,3-4}",
442442
"type": "html",
443-
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line grvsc-line-highlighted\\"><span class=\\"mtk3\\">// 1</span></span>
444-
<span class=\\"grvsc-line\\"><span class=\\"mtk3\\">// 2</span></span>
445-
<span class=\\"grvsc-line grvsc-line-highlighted\\"><span class=\\"mtk3\\">// 3</span></span>
446-
<span class=\\"grvsc-line grvsc-line-highlighted\\"><span class=\\"mtk3\\">// 4</span></span>
447-
<span class=\\"grvsc-line\\"><span class=\\"mtk3\\">// 5</span></span></code></pre>",
443+
"value": "<pre class=\\"grvsc-container default-dark\\" data-language=\\"js\\" data-index=\\"0\\"><code class=\\"grvsc-code\\"><span class=\\"grvsc-line grvsc-line-highlighted\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// 1</span></span></span>
444+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// 2</span></span></span>
445+
<span class=\\"grvsc-line grvsc-line-highlighted\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// 3</span></span></span>
446+
<span class=\\"grvsc-line grvsc-line-highlighted\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// 4</span></span></span>
447+
<span class=\\"grvsc-line\\"><span class=\\"grvsc-source\\"><span class=\\"mtk3\\">// 5</span></span></span></code></pre>",
448448
},
449449
Object {
450450
"children": Array [],

0 commit comments

Comments
 (0)