Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
JSer committed Apr 11, 2024
1 parent d05c094 commit 3aaff77
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion packages/marked-shaku-code-annotate/src/__tests__/langs/javascript/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki shaku github-light" style="color:#24292e;background-color:#fff"><div class="code-container"><code><div class="line highlight"><span style="color: #D73A49">import</span><span style="color: #24292E"> { useState } </span><span style="color: #D73A49">from</span><span style="color: #24292E"> </span><span style="color: #032F62">&#039;react&#039;</span><span style="color: #24292E">;</span></div><div class="line"></div><div class="line"><span style="color: #D73A49">export</span><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" ><span style="color: #D73A49">default</span></mark><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" data-id="2"><span style="color: #D73A49">function</span></mark><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" data-id="3"><span style="color: #6F42C1">Counter</span></mark><span style="color: #24292E">() {</span></div><div class="line highlight"><span style="color: #24292E"> </span><span style="color: #D73A49">const</span><span style="color: #24292E"> [</span><span style="color: #005CC5">count</span><span style="color: #24292E">, </span><span style="color: #005CC5">setCount</span><span style="color: #24292E">] </span><span style="color: #D73A49">=</span><span style="color: #24292E"> </span><span style="color: #6F42C1">useState</span><span style="color: #24292E">(</span><span style="color: #005CC5">0</span><span style="color: #24292E">);</span></div><div class="shaku-underline shaku-underline-wavy" style="left:16ch"><span class="shaku-underline-line" style="left:0ch">~~~~~~~~</span></div><div class="line"><span style="color: #24292E"> </span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// This</span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// is</span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// Comment</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #D73A49">function</span><span style="color: #24292E"> </span><span style="color: #6F42C1">handleClick</span><span style="color: #24292E">() {</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #6F42C1">setCount</span><span style="color: #24292E">(count </span><span style="color: #D73A49">+</span><span style="color: #24292E"> </span><span style="color: #005CC5">1</span><span style="color: #24292E">);</span></div><div class="shaku-underline shaku-underline-solid" style="left:4ch"><span class="shaku-underline-line" style="left:0ch">-------------------</span></div><div class="shaku-callout" style="left:4ch"><span class="shaku-callout-arrow" style="left:5ch"></span><p>Underline and callout!</p></div><div class="line"><span style="color: #24292E"> }</span></div><div class="line"></div><div class="line diff diff-delete"><span style="color: #24292E"> console.</span><span style="color: #6F42C1">log</span><span style="color: #24292E">(</span><span style="color: #032F62">&#039;jser.dev&#039;</span><span style="color: #24292E">)</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #D73A49">return</span><span style="color: #24292E"> (</span></div><div class="line"><span style="color: #24292E"> &lt;</span><span style="color: #22863A">button</span><span style="color: #24292E"> </span><span style="color: #6F42C1">onClick</span><span style="color: #D73A49">=</span><span style="color: #24292E">{handleClick}&gt;</span></div><div class="shaku-callout" style="left:8ch"><span class="shaku-callout-arrow" style="left:6ch"></span><p>Supports JSX</p><p>Awesome,right?</p></div><div class="line"><span style="color: #24292E"> You pressed me {count} times</span></div><div class="line"><span style="color: #24292E"> &lt;/</span><span style="color: #22863A">button</span><span style="color: #24292E">&gt;</span></div><div class="line"><span style="color: #24292E"> );</span></div><div class="line"><span style="color: #24292E">}</span></div></code></div></pre>
<pre class="shiki shaku github-light" style="color:#24292e;background-color:#fff"><div class="code-container"><code><div class="line highlight"><span style="color: #D73A49">import</span><span style="color: #24292E"> { useState } </span><span style="color: #D73A49">from</span><span style="color: #24292E"> </span><span style="color: #032F62">&#039;react&#039;</span><span style="color: #24292E">;</span></div><div class="line"></div><div class="line"><span style="color: #D73A49">export</span><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" ><span style="color: #D73A49">default</span></mark><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" data-id="2"><span style="color: #D73A49">function</span></mark><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" data-id="3"><span style="color: #6F42C1">Counter</span></mark><span style="color: #24292E">() {</span></div><div class="line highlight"><span style="color: #24292E"> </span><span style="color: #D73A49">const</span><span style="color: #24292E"> [</span><span style="color: #005CC5">count</span><span style="color: #24292E">, </span><span style="color: #005CC5">setCount</span><span style="color: #24292E">] </span><span style="color: #D73A49">=</span><span style="color: #24292E"> </span><span style="color: #6F42C1">useState</span><span style="color: #24292E">(</span><span style="color: #005CC5">0</span><span style="color: #24292E">);</span></div><div class="shaku-underline shaku-underline-wavy" style="left:16ch"><span class="shaku-underline-line" style="left:0ch">~~~~~~~~</span></div><div class="line"><span style="color: #24292E"> </span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// This</span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// is</span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// Comment</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #D73A49">function</span><span style="color: #24292E"> </span><span style="color: #6F42C1">handleClick</span><span style="color: #24292E">() {</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #6F42C1">setCount</span><span style="color: #24292E">(count </span><span style="color: #D73A49">+</span><span style="color: #24292E"> </span><span style="color: #005CC5">1</span><span style="color: #24292E">);</span></div><div class="shaku-underline shaku-underline-solid" style="left:4ch"><span class="shaku-underline-line" style="left:0ch">-------------------</span></div><div class="shaku-callout" style="left:4ch"><span class="shaku-callout-arrow" style="left:5ch"></span><p>Underline and callout!</p></div><div class="line"><span style="color: #24292E"> }</span></div><div class="line"></div><div class="line clickable" data-jser="dev"><span style="color: #24292E"> </span><span style="color: #D73A49">const</span><span style="color: #24292E"> </span><span style="color: #005CC5">blog</span><span style="color: #24292E"> </span><span style="color: #D73A49">=</span><span style="color: #24292E"> </span><span style="color: #032F62">&quot;https://jser.dev&quot;</span></div><div class="line"></div><div class="line diff diff-delete"><span style="color: #24292E"> console.</span><span style="color: #6F42C1">log</span><span style="color: #24292E">(</span><span style="color: #032F62">&#039;jser.dev&#039;</span><span style="color: #24292E">)</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #D73A49">return</span><span style="color: #24292E"> (</span></div><div class="line"><span style="color: #24292E"> &lt;</span><span style="color: #22863A">button</span><span style="color: #24292E"> </span><span style="color: #6F42C1">onClick</span><span style="color: #D73A49">=</span><span style="color: #24292E">{handleClick}&gt;</span></div><div class="shaku-callout" style="left:8ch"><span class="shaku-callout-arrow" style="left:6ch"></span><p>Supports JSX</p><p>Awesome,right?</p></div><div class="line"><span style="color: #24292E"> You pressed me {count} times</span></div><div class="line"><span style="color: #24292E"> &lt;/</span><span style="color: #22863A">button</span><span style="color: #24292E">&gt;</span></div><div class="line"><span style="color: #24292E"> );</span></div><div class="line"><span style="color: #24292E">}</span></div></code></div></pre>
2 changes: 1 addition & 1 deletion packages/remark-shaku-code-annotate/src/__tests__/langs/javascript/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki shaku github-light" style="color:#24292e;background-color:#fff"><div class="code-container"><code><div class="line highlight"><span style="color: #D73A49">import</span><span style="color: #24292E"> { useState } </span><span style="color: #D73A49">from</span><span style="color: #24292E"> </span><span style="color: #032F62">&#039;react&#039;</span><span style="color: #24292E">;</span></div><div class="line"></div><div class="line"><span style="color: #D73A49">export</span><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" ><span style="color: #D73A49">default</span></mark><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" data-id="2"><span style="color: #D73A49">function</span></mark><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" data-id="3"><span style="color: #6F42C1">Counter</span></mark><span style="color: #24292E">() {</span></div><div class="line highlight"><span style="color: #24292E"> </span><span style="color: #D73A49">const</span><span style="color: #24292E"> [</span><span style="color: #005CC5">count</span><span style="color: #24292E">, </span><span style="color: #005CC5">setCount</span><span style="color: #24292E">] </span><span style="color: #D73A49">=</span><span style="color: #24292E"> </span><span style="color: #6F42C1">useState</span><span style="color: #24292E">(</span><span style="color: #005CC5">0</span><span style="color: #24292E">);</span></div><div class="shaku-underline shaku-underline-wavy" style="left:16ch"><span class="shaku-underline-line" style="left:0ch">~~~~~~~~</span></div><div class="line"><span style="color: #24292E"> </span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// This</span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// is</span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// Comment</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #D73A49">function</span><span style="color: #24292E"> </span><span style="color: #6F42C1">handleClick</span><span style="color: #24292E">() {</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #6F42C1">setCount</span><span style="color: #24292E">(count </span><span style="color: #D73A49">+</span><span style="color: #24292E"> </span><span style="color: #005CC5">1</span><span style="color: #24292E">);</span></div><div class="shaku-underline shaku-underline-solid" style="left:4ch"><span class="shaku-underline-line" style="left:0ch">-------------------</span></div><div class="shaku-callout" style="left:4ch"><span class="shaku-callout-arrow" style="left:5ch"></span><p>Underline and callout!</p></div><div class="line"><span style="color: #24292E"> }</span></div><div class="line"></div><div class="line diff diff-delete"><span style="color: #24292E"> console.</span><span style="color: #6F42C1">log</span><span style="color: #24292E">(</span><span style="color: #032F62">&#039;jser.dev&#039;</span><span style="color: #24292E">)</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #D73A49">return</span><span style="color: #24292E"> (</span></div><div class="line"><span style="color: #24292E"> &lt;</span><span style="color: #22863A">button</span><span style="color: #24292E"> </span><span style="color: #6F42C1">onClick</span><span style="color: #D73A49">=</span><span style="color: #24292E">{handleClick}&gt;</span></div><div class="shaku-callout" style="left:8ch"><span class="shaku-callout-arrow" style="left:6ch"></span><p>Supports JSX</p><p>Awesome,right?</p></div><div class="line"><span style="color: #24292E"> You pressed me {count} times</span></div><div class="line"><span style="color: #24292E"> &lt;/</span><span style="color: #22863A">button</span><span style="color: #24292E">&gt;</span></div><div class="line"><span style="color: #24292E"> );</span></div><div class="line"><span style="color: #24292E">}</span></div></code></div></pre>
<pre class="shiki shaku github-light" style="color:#24292e;background-color:#fff"><div class="code-container"><code><div class="line highlight"><span style="color: #D73A49">import</span><span style="color: #24292E"> { useState } </span><span style="color: #D73A49">from</span><span style="color: #24292E"> </span><span style="color: #032F62">&#039;react&#039;</span><span style="color: #24292E">;</span></div><div class="line"></div><div class="line"><span style="color: #D73A49">export</span><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" ><span style="color: #D73A49">default</span></mark><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" data-id="2"><span style="color: #D73A49">function</span></mark><span style="color: #24292E"> </span><mark class="shaku-inline-highlight" data-id="3"><span style="color: #6F42C1">Counter</span></mark><span style="color: #24292E">() {</span></div><div class="line highlight"><span style="color: #24292E"> </span><span style="color: #D73A49">const</span><span style="color: #24292E"> [</span><span style="color: #005CC5">count</span><span style="color: #24292E">, </span><span style="color: #005CC5">setCount</span><span style="color: #24292E">] </span><span style="color: #D73A49">=</span><span style="color: #24292E"> </span><span style="color: #6F42C1">useState</span><span style="color: #24292E">(</span><span style="color: #005CC5">0</span><span style="color: #24292E">);</span></div><div class="shaku-underline shaku-underline-wavy" style="left:16ch"><span class="shaku-underline-line" style="left:0ch">~~~~~~~~</span></div><div class="line"><span style="color: #24292E"> </span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// This</span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// is</span></div><div class="line diff diff-insert"><span style="color: #24292E"> </span><span style="color: #6A737D">// Comment</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #D73A49">function</span><span style="color: #24292E"> </span><span style="color: #6F42C1">handleClick</span><span style="color: #24292E">() {</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #6F42C1">setCount</span><span style="color: #24292E">(count </span><span style="color: #D73A49">+</span><span style="color: #24292E"> </span><span style="color: #005CC5">1</span><span style="color: #24292E">);</span></div><div class="shaku-underline shaku-underline-solid" style="left:4ch"><span class="shaku-underline-line" style="left:0ch">-------------------</span></div><div class="shaku-callout" style="left:4ch"><span class="shaku-callout-arrow" style="left:5ch"></span><p>Underline and callout!</p></div><div class="line"><span style="color: #24292E"> }</span></div><div class="line"></div><div class="line clickable" data-jser="dev"><span style="color: #24292E"> </span><span style="color: #D73A49">const</span><span style="color: #24292E"> </span><span style="color: #005CC5">blog</span><span style="color: #24292E"> </span><span style="color: #D73A49">=</span><span style="color: #24292E"> </span><span style="color: #032F62">&quot;https://jser.dev&quot;</span></div><div class="line"></div><div class="line diff diff-delete"><span style="color: #24292E"> console.</span><span style="color: #6F42C1">log</span><span style="color: #24292E">(</span><span style="color: #032F62">&#039;jser.dev&#039;</span><span style="color: #24292E">)</span></div><div class="line"><span style="color: #24292E"> </span><span style="color: #D73A49">return</span><span style="color: #24292E"> (</span></div><div class="line"><span style="color: #24292E"> &lt;</span><span style="color: #22863A">button</span><span style="color: #24292E"> </span><span style="color: #6F42C1">onClick</span><span style="color: #D73A49">=</span><span style="color: #24292E">{handleClick}&gt;</span></div><div class="shaku-callout" style="left:8ch"><span class="shaku-callout-arrow" style="left:6ch"></span><p>Supports JSX</p><p>Awesome,right?</p></div><div class="line"><span style="color: #24292E"> You pressed me {count} times</span></div><div class="line"><span style="color: #24292E"> &lt;/</span><span style="color: #22863A">button</span><span style="color: #24292E">&gt;</span></div><div class="line"><span style="color: #24292E"> );</span></div><div class="line"><span style="color: #24292E">}</span></div></code></div></pre>

0 comments on commit 3aaff77

Please sign in to comment.