-
Notifications
You must be signed in to change notification settings - Fork 21
/
Copy pathdiff-highlight.jsx.html
35 lines (35 loc) · 5.18 KB
/
diff-highlight.jsx.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<link href="./theme.css" rel="stylesheet" /><wrapper
><div class="remark-highlight">
<pre
class="language-diff"
parentName="div"
><code class="language-diff" parentName="pre"><span class="token coord" parentName="code">@@ -4,6 +4,5 @@</span>
<span class="token deleted-sign deleted" parentName="code"><span class="token prefix deleted" parentName="span">-</span> let foo = bar.baz([1, 2, 3]);
<span class="token prefix deleted" parentName="span">-</span> foo = foo + 1;
</span><span class="token inserted-sign inserted" parentName="code"><span class="token prefix inserted" parentName="span">+</span> const foo = bar.baz([1, 2, 3]) + 1;
</span><span class="token unchanged" parentName="code"><span class="token prefix unchanged" parentName="span"> </span> console.log(`foo: ${foo}`);</span>
</code></pre>
</div>
<div class="remark-highlight">
<pre
class="language-diff diff-highlight"
parentName="div"
><code class="language-diff" parentName="pre"><span class="token coord" parentName="code">@@ -4,6 +4,5 @@</span>
<span class="token deleted-sign deleted" parentName="code"><span class="token prefix deleted" parentName="span">-</span> let foo = bar.baz([1, 2, 3]);
<span class="token prefix deleted" parentName="span">-</span> foo = foo + 1;
</span><span class="token inserted-sign inserted" parentName="code"><span class="token prefix inserted" parentName="span">+</span> const foo = bar.baz([1, 2, 3]) + 1;
</span><span class="token unchanged" parentName="code"><span class="token prefix unchanged" parentName="span"> </span> console.log(`foo: ${foo}`);</span>
</code></pre>
</div>
<div class="remark-highlight">
<pre
class="language-diff-javascript diff-highlight"
parentName="div"
><code class="language-diff-javascript" parentName="pre"><span class="token coord" parentName="code">@@ -4,6 +4,5 @@</span>
<span class="token deleted-sign deleted language-javascript" parentName="code"><span class="token prefix deleted" parentName="span">-</span> <span class="token keyword" parentName="span">let</span> foo <span class="token operator" parentName="span">=</span> bar<span class="token punctuation" parentName="span">.</span><span class="token method function property-access" parentName="span">baz</span><span class="token punctuation" parentName="span">(</span><span class="token punctuation" parentName="span">[</span><span class="token number" parentName="span">1</span><span class="token punctuation" parentName="span">,</span> <span class="token number" parentName="span">2</span><span class="token punctuation" parentName="span">,</span> <span class="token number" parentName="span">3</span><span class="token punctuation" parentName="span">]</span><span class="token punctuation" parentName="span">)</span><span class="token punctuation" parentName="span">;</span>
<span class="token prefix deleted" parentName="span">-</span> foo <span class="token operator" parentName="span">=</span> foo <span class="token operator" parentName="span">+</span> <span class="token number" parentName="span">1</span><span class="token punctuation" parentName="span">;</span>
</span><span class="token inserted-sign inserted language-javascript" parentName="code"><span class="token prefix inserted" parentName="span">+</span> <span class="token keyword" parentName="span">const</span> foo <span class="token operator" parentName="span">=</span> bar<span class="token punctuation" parentName="span">.</span><span class="token method function property-access" parentName="span">baz</span><span class="token punctuation" parentName="span">(</span><span class="token punctuation" parentName="span">[</span><span class="token number" parentName="span">1</span><span class="token punctuation" parentName="span">,</span> <span class="token number" parentName="span">2</span><span class="token punctuation" parentName="span">,</span> <span class="token number" parentName="span">3</span><span class="token punctuation" parentName="span">]</span><span class="token punctuation" parentName="span">)</span> <span class="token operator" parentName="span">+</span> <span class="token number" parentName="span">1</span><span class="token punctuation" parentName="span">;</span>
</span><span class="token unchanged language-javascript" parentName="code"><span class="token prefix unchanged" parentName="span"> </span> <span class="token console class-name" parentName="span">console</span><span class="token punctuation" parentName="span">.</span><span class="token method function property-access" parentName="span">log</span><span class="token punctuation" parentName="span">(</span><span class="token template-string" parentName="span"><span class="token template-punctuation string" parentName="span">`</span><span class="token string" parentName="span">foo: </span><span class="token interpolation" parentName="span"><span class="token interpolation-punctuation punctuation" parentName="span">${</span>foo<span class="token interpolation-punctuation punctuation" parentName="span">}</span></span><span class="token template-punctuation string" parentName="span">`</span></span><span class="token punctuation" parentName="span">)</span><span class="token punctuation" parentName="span">;</span></span>
</code></pre>
</div></wrapper
>