Skip to content

Commit

Permalink
close #48
Browse files Browse the repository at this point in the history
  • Loading branch information
@JSerZANP
JSerZANP committed Jul 5, 2024
1 parent 900cdf3 commit 3d47510
Show file tree
Hide file tree
Showing 13 changed files with 288 additions and 425 deletions.
24 changes: 12 additions & 12 deletions ...shaku-code-annotate-shiki-transformer/src/__tests__/__snapshots__/codeToHtml.test.ts.snap
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion packages/shaku-code-annotate-shiki-transformer/src/__tests__/langs/liquid/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#24292E">This is a multi-line comment </span></span><span class="line"><span style="color:#6A737D">{% comment %}</span></span><div class="shaku-underline shaku-underline-solid" style="left:10ch"><span class="shaku-underline-line" style="left:0ch">----------</span></div><div class="shaku-callout" style="left:2ch"><span class="shaku-callout-arrow" style="left:3ch"></span><p>Hello World!</p></div><span class="line"><span style="color:#6A737D">{% endcomment %}</span></span><span class="line"></span><span class="line"></span></code></pre>
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#24292E">This is a multi-line comment </span></span><span class="line"><span style="color:#6A737D">{% comment %}</span></span><span class="line"><span style="color:#6A737D"> ----------</span></span><span class="line"><span style="color:#6A737D"> ^</span></span><span class="line"><span style="color:#6A737D"> [Hello World!]</span></span><span class="line"><span style="color:#6A737D">{% endcomment %}</span></span><span class="line"></span><span class="line"></span></code></pre>
2 changes: 1 addition & 1 deletion packages/shaku-code-annotate-shiki-transformer/src/__tests__/langs/mermaid/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#24292E">graph LR</span></span><span class="line"><span style="color:#24292E"> A[Start] --> B[Process]</span></span><span class="line"><span style="color:#24292E"> %% @highlight</span></span><span class="line"><span style="color:#24292E"> B --> C[Process]</span></span><span class="line"><span style="color:#24292E"> C --> D[End]</span></span><span class="line"><span style="color:#24292E"> %% -----</span></span><span class="line"><span style="color:#24292E"> %% ^</span></span><span class="line"><span style="color:#24292E"> %% [Hello Shaku!]</span></span><span class="line"></span><span class="line"></span></code></pre>
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#24292E">graph LR</span></span><span class="line"><span style="color:#24292E"> A[Start] --> B[Process]</span></span><span class="line highlight"><span style="color:#24292E"> B --> C[Process]</span></span><span class="line"><span style="color:#24292E"> C --> D[End]</span></span><div class="shaku-underline shaku-underline-solid" style="left:10ch"><span class="shaku-underline-line" style="left:0ch">-----</span></div><div class="shaku-callout" style="left:5ch"><span class="shaku-callout-arrow" style="left:5ch"></span><p>Hello Shaku!</p></div><span class="line"></span><span class="line"></span></code></pre>
2 changes: 1 addition & 1 deletion packages/shaku-code-annotate-shiki-transformer/src/__tests__/langs/objc/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#D73A49">#import</span><span style="color:#032F62"> &#x3C;Foundation/Foundation.h></span></span><span class="line highlight"><span style="color:#6A737D">// This is a single-line comment</span></span><div class="shaku-underline shaku-underline-solid" style="left:3ch"><span class="shaku-underline-line" style="left:0ch">------</span></div><div class="shaku-callout" style="left:3ch"><span class="shaku-callout-arrow" style="left:1ch"></span><p>Hello World!</p></div><span class="line"></span><span class="line"></span></code></pre>
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#D73A49">#import</span><span style="color:#032F62"> &#x3C;Foundation/Foundation.h></span></span><span class="line"><span style="color:#6A737D">// @highlight</span></span><span class="line"><span style="color:#6A737D">// This is a single-line comment</span></span><span class="line"><span style="color:#6A737D">// ------</span></span><span class="line"><span style="color:#6A737D">// ^</span></span><span class="line"><span style="color:#6A737D">// [Hello World!]</span></span><span class="line"></span><span class="line"></span></code></pre>
2 changes: 1 addition & 1 deletion packages/shaku-code-annotate-shiki-transformer/src/__tests__/langs/prolog/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#6A737D">% Predicates for family relationships</span></span><span class="line"><span style="color:#6A737D">% @highlight</span></span><span class="line"><span style="color:#6F42C1">parent</span><span style="color:#24292E">(</span><span style="color:#005CC5">john</span><span style="color:#24292E">, </span><span style="color:#005CC5">sarah</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span></span><span class="line"><span style="color:#6A737D">% -----</span></span><span class="line"><span style="color:#6A737D">% ^</span></span><span class="line"><span style="color:#6A737D">% [Hello World!]</span></span><span class="line"></span><span class="line"></span><span class="line"></span></code></pre>
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#6A737D">% Predicates for family relationships</span></span><span class="line highlight"><span style="color:#6F42C1">parent</span><span style="color:#24292E">(</span><span style="color:#005CC5">john</span><span style="color:#24292E">, </span><span style="color:#005CC5">sarah</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span></span><div class="shaku-underline shaku-underline-solid" style="left:6ch"><span class="shaku-underline-line" style="left:0ch">-----</span></div><div class="shaku-callout" style="left:3ch"><span class="shaku-callout-arrow" style="left:5ch"></span><p>Hello World!</p></div><span class="line"></span><span class="line"></span><span class="line"></span></code></pre>
2 changes: 1 addition & 1 deletion packages/shaku-code-annotate-shiki-transformer/src/__tests__/langs/razor/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#24292E">&#x3C;</span><span style="color:#22863A">h1</span><span style="color:#24292E">>Welcome to our website!&#x3C;/</span><span style="color:#22863A">h1</span><span style="color:#24292E">></span></span><span class="line"><span style="color:#D73A49"> @{</span></span><div class="shaku-underline shaku-underline-solid" style="left:7ch"><span class="shaku-underline-line" style="left:0ch">----</span></div><div class="shaku-callout" style="left:6ch"><span class="shaku-callout-arrow" style="left:1ch"></span><p>Hello World!</p></div><span class="line"><span style="color:#D73A49"> }</span></span><span class="line"></span><span class="line"></span></code></pre>
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#24292E">&#x3C;</span><span style="color:#22863A">h1</span><span style="color:#24292E">>Welcome to our website!&#x3C;/</span><span style="color:#22863A">h1</span><span style="color:#24292E">></span></span><span class="line"><span style="color:#D73A49"> @{</span></span><span class="line"><span style="color:#6A737D"> // ----</span></span><span class="line"><span style="color:#6A737D"> // ^</span></span><span class="line"><span style="color:#6A737D"> //[Hello World!]</span></span><span class="line"><span style="color:#D73A49"> }</span></span><span class="line"></span><span class="line"></span></code></pre>
2 changes: 1 addition & 1 deletion packages/shaku-code-annotate-shiki-transformer/src/__tests__/langs/smalltalk/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#6F42C1">Object</span><span style="color:#D73A49"> subclass:</span><span style="color:#6F42C1"> MyClass</span><span style="color:#24292E"> [</span></span><span class="line"><span style="color:#6A737D"> "This is a simple class named MyClass."</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#24292E"> | </span><span style="color:#005CC5">instanceVariable</span><span style="color:#24292E"> |</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line highlight"><span style="color:#005CC5"> MyClass</span><span style="color:#D73A49"> class</span><span style="color:#D73A49"> >></span><span style="color:#24292E"> classMethod [</span></span><span class="line"><span style="color:#6A737D"> "This is a class method of MyClass."</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#D73A49"> ^</span><span style="color:#032F62"> 'Hello from class method!'</span></span><div class="shaku-underline shaku-underline-solid" style="left:9ch"><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>Hello Shaku!</p></div><span class="line"><span style="color:#24292E"> ]</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#005CC5"> MyClass</span><span style="color:#D73A49"> >></span><span style="color:#24292E"> instanceMethod [</span></span><span class="line"><span style="color:#6A737D"> "This is an instance method of MyClass."</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#D73A49"> ^</span><span style="color:#032F62"> 'Hello from instance method!'</span></span><span class="line"><span style="color:#24292E"> ]</span></span><span class="line"><span style="color:#24292E">]</span></span><span class="line"></span><span class="line"></span></code></pre>
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#6F42C1">Object</span><span style="color:#D73A49"> subclass:</span><span style="color:#6F42C1"> MyClass</span><span style="color:#24292E"> [</span></span><span class="line"><span style="color:#6A737D"> "This is a simple class named MyClass."</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#24292E"> | </span><span style="color:#005CC5">instanceVariable</span><span style="color:#24292E"> |</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#6A737D"> "@highlight"</span></span><span class="line"><span style="color:#005CC5"> MyClass</span><span style="color:#D73A49"> class</span><span style="color:#D73A49"> >></span><span style="color:#24292E"> classMethod [</span></span><span class="line"><span style="color:#6A737D"> "This is a class method of MyClass."</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#D73A49"> ^</span><span style="color:#032F62"> 'Hello from class method!'</span></span><span class="line"><span style="color:#6A737D"> " -----"</span></span><span class="line"><span style="color:#6A737D"> " ^ "</span></span><span class="line"><span style="color:#6A737D"> " [Hello Shaku!]"</span></span><span class="line"><span style="color:#24292E"> ]</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#005CC5"> MyClass</span><span style="color:#D73A49"> >></span><span style="color:#24292E"> instanceMethod [</span></span><span class="line"><span style="color:#6A737D"> "This is an instance method of MyClass."</span></span><span class="line"><span style="color:#24292E"> </span></span><span class="line"><span style="color:#D73A49"> ^</span><span style="color:#032F62"> 'Hello from instance method!'</span></span><span class="line"><span style="color:#24292E"> ]</span></span><span class="line"><span style="color:#24292E">]</span></span><span class="line"></span><span class="line"></span></code></pre>
2 changes: 1 addition & 1 deletion packages/shaku-code-annotate-shiki-transformer/src/__tests__/langs/stata/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#6A737D">* </span><span style="color:#D73A49">@highlight</span></span><span class="line"><span style="color:#D73A49">use</span><span style="color:#032F62"> "mydata.dta"</span></span><div class="shaku-underline shaku-underline-solid" style="left:5ch"><span class="shaku-underline-line" style="left:0ch">------</span></div><div class="shaku-callout" style="left:2ch"><span class="shaku-callout-arrow" style="left:4ch"></span><p>Hello Shaku!</p></div><span class="line"></span><span class="line"></span></code></pre>
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line highlight"><span style="color:#D73A49">use</span><span style="color:#032F62"> "mydata.dta"</span></span><div class="shaku-underline shaku-underline-solid" style="left:5ch"><span class="shaku-underline-line" style="left:0ch">------</span></div><div class="shaku-callout" style="left:2ch"><span class="shaku-callout-arrow" style="left:4ch"></span><p>Hello Shaku!</p></div><span class="line"></span><span class="line"></span></code></pre>
2 changes: 1 addition & 1 deletion packages/shaku-code-annotate-shiki-transformer/src/__tests__/langs/tsx/output.txt
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#D73A49">const</span><span style="color:#6F42C1"> MyComponent</span><span style="color:#D73A49">:</span><span style="color:#6F42C1"> React</span><span style="color:#24292E">.</span><span style="color:#6F42C1">FC</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> () </span><span style="color:#D73A49">=></span><span style="color:#24292E"> {</span></span><span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> (</span></span><span class="line"><span style="color:#24292E"> {</span><span style="color:#6A737D">/* @highlight */</span><span style="color:#24292E">}</span></span><span class="line"></span><span class="line"><span style="color:#24292E"> &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292E">></span></span><span class="line"><span style="color:#24292E"> {</span><span style="color:#6A737D">/* This is a comment inside JSX */</span><span style="color:#24292E">}</span></span><span class="line"><span style="color:#24292E"> &#x3C;</span><span style="color:#22863A">h1</span><span style="color:#24292E">>Hello, World!&#x3C;/</span><span style="color:#22863A">h1</span><span style="color:#24292E">></span></span><div class="shaku-underline shaku-underline-solid" style="left:17ch"><span class="shaku-underline-line" style="left:0ch">-----</span></div><div class="shaku-callout" style="left:12ch"><span class="shaku-callout-arrow" style="left:5ch"></span><p>Hello World!</p></div><span class="line"><span style="color:#24292E"> &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292E">></span></span><span class="line"><span style="color:#24292E"> );</span></span><span class="line"><span style="color:#24292E">};</span></span><span class="line"></span><span class="line"></span></code></pre>
<pre class="shiki github-light shaku" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"></span><span class="line"><span style="color:#D73A49">const</span><span style="color:#6F42C1"> MyComponent</span><span style="color:#D73A49">:</span><span style="color:#6F42C1"> React</span><span style="color:#24292E">.</span><span style="color:#6F42C1">FC</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> () </span><span style="color:#D73A49">=></span><span style="color:#24292E"> {</span></span><span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> (</span></span><span class="line highlight"><span style="color:#24292E"> &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292E">></span></span><span class="line"><span style="color:#24292E"> {</span><span style="color:#6A737D">/* This is a comment inside JSX */</span><span style="color:#24292E">}</span></span><span class="line"><span style="color:#24292E"> &#x3C;</span><span style="color:#22863A">h1</span><span style="color:#24292E">>Hello, World!&#x3C;/</span><span style="color:#22863A">h1</span><span style="color:#24292E">></span></span><div class="shaku-underline shaku-underline-solid" style="left:17ch"><span class="shaku-underline-line" style="left:0ch">-----</span></div><div class="shaku-callout" style="left:12ch"><span class="shaku-callout-arrow" style="left:5ch"></span><p>Hello World!</p></div><span class="line"><span style="color:#24292E"> &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292E">></span></span><span class="line"><span style="color:#24292E"> );</span></span><span class="line"><span style="color:#24292E">};</span></span><span class="line"></span><span class="line"></span></code></pre>
Loading

0 comments on commit 3d47510

Please sign in to comment.