Skip to content

Commit

Permalink
refactor: dynamic language import
Browse files Browse the repository at this point in the history
  • Loading branch information
@araujogui
araujogui committed Jul 12, 2023
1 parent bb862df commit 0c87bfb
Show file tree
Hide file tree
Showing 7 changed files with 140 additions and 276 deletions.
59 changes: 31 additions & 28 deletions components/Article/Codebox/__snapshots__/index.stories.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,21 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Article/Codebox Default smoke-test 1`] = `
<pre class="Codebox_pre___vcVQ language-js">
<pre class="Codebox_pre___vcVQ language-js"
tabindex="0"
>
<div class="Codebox_header__J8Tw3">
<div class="Codebox_langBox__zXBm7">
<button type="button"
class="Codebox_lang__X6WDB Codebox_selected__gFZLU"
data-selected="true"
>
js
</button>
</div>
<button type="button"
class="Codebox_copy__ZEctM"
aria-hidden="true"
data-testid="copy"
>
<svg stroke="currentColor"
fill="none"
Expand All @@ -37,7 +39,7 @@ exports[`Article/Codebox Default smoke-test 1`] = `
</svg>
</button>
</div>
<div class="Codebox_content__jhl_a">
<code class="Codebox_content__jhl_a language-js">
<span class="token keyword">
const
</span>
Expand All @@ -51,24 +53,26 @@ exports[`Article/Codebox Default smoke-test 1`] = `
<span class="token punctuation">
;
</span>
</div>
</code>
</pre>
`;

exports[`Article/Codebox HiddenHeader smoke-test 1`] = `
<pre class="Codebox_pre___vcVQ language-js Codebox_inlineCode__2rFzh">
<pre class="Codebox_pre___vcVQ Codebox_inlineCode__2rFzh language-js"
tabindex="0"
>
<div class="Codebox_header__J8Tw3">
<div class="Codebox_langBox__zXBm7">
<button type="button"
class="Codebox_lang__X6WDB Codebox_selected__gFZLU"
data-selected="true"
>
js
</button>
</div>
<button type="button"
class="Codebox_copy__ZEctM"
aria-hidden="true"
data-testid="copy"
>
<svg stroke="currentColor"
fill="none"
Expand All @@ -95,7 +99,6 @@ exports[`Article/Codebox HiddenHeader smoke-test 1`] = `
<button type="button"
class="Codebox_copy__ZEctM"
aria-hidden="true"
data-testid="copy"
>
<svg stroke="currentColor"
fill="none"
Expand All @@ -118,7 +121,7 @@ exports[`Article/Codebox HiddenHeader smoke-test 1`] = `
</path>
</svg>
</button>
<div class="Codebox_content__jhl_a">
<code class="Codebox_content__jhl_a language-js">
<span class="token keyword">
const
</span>
Expand All @@ -132,29 +135,32 @@ exports[`Article/Codebox HiddenHeader smoke-test 1`] = `
<span class="token punctuation">
;
</span>
</div>
</code>
</pre>
`;

exports[`Article/Codebox MultiLang smoke-test 1`] = `
<pre class="Codebox_pre___vcVQ language-js|language-mjs">
<pre class="Codebox_pre___vcVQ language-cjs|language-mjs language-js"
tabindex="0"
>
<div class="Codebox_header__J8Tw3">
<div class="Codebox_langBox__zXBm7">
<button type="button"
class="Codebox_lang__X6WDB Codebox_selected__gFZLU"
data-selected="true"
>
cjs
</button>
<button type="button"
class="Codebox_lang__X6WDB"
data-selected="false"
>
mjs
</button>
</div>
<button type="button"
class="Codebox_copy__ZEctM"
aria-hidden="true"
data-testid="copy"
>
<svg stroke="currentColor"
fill="none"
Expand All @@ -178,7 +184,7 @@ exports[`Article/Codebox MultiLang smoke-test 1`] = `
</svg>
</button>
</div>
<div class="Codebox_content__jhl_a">
<code class="Codebox_content__jhl_a language-js">
<span class="token keyword">
const
</span>
Expand All @@ -201,29 +207,32 @@ exports[`Article/Codebox MultiLang smoke-test 1`] = `
<span class="token punctuation">
;
</span>
</div>
</code>
</pre>
`;

exports[`Article/Codebox MultiLangWithTextToCopy smoke-test 1`] = `
<pre class="Codebox_pre___vcVQ language-js|language-mjs">
<pre class="Codebox_pre___vcVQ language-cjs|language-mjs language-js"
tabindex="0"
>
<div class="Codebox_header__J8Tw3">
<div class="Codebox_langBox__zXBm7">
<button type="button"
class="Codebox_lang__X6WDB Codebox_selected__gFZLU"
data-selected="true"
>
cjs
</button>
<button type="button"
class="Codebox_lang__X6WDB"
data-selected="false"
>
mjs
</button>
</div>
<button type="button"
class="Codebox_copy__ZEctM"
aria-hidden="true"
data-testid="copy"
>
<svg stroke="currentColor"
fill="none"
Expand All @@ -247,7 +256,7 @@ exports[`Article/Codebox MultiLangWithTextToCopy smoke-test 1`] = `
</svg>
</button>
</div>
<div class="Codebox_content__jhl_a">
<code class="Codebox_content__jhl_a language-js">
<span class="token keyword">
const
</span>
Expand All @@ -270,24 +279,24 @@ exports[`Article/Codebox MultiLangWithTextToCopy smoke-test 1`] = `
<span class="token punctuation">
;
</span>
</div>
</code>
</pre>
`;

exports[`Article/Codebox Shell smoke-test 1`] = `
<pre class="Codebox_pre___vcVQ language-bash">
<pre class="Codebox_pre___vcVQ language-shell">
<div class="Codebox_header__J8Tw3">
<div class="Codebox_langBox__zXBm7">
<button type="button"
class="Codebox_lang__X6WDB Codebox_selected__gFZLU"
data-selected="true"
>
shell
</button>
</div>
<button type="button"
class="Codebox_copy__ZEctM"
aria-hidden="true"
data-testid="copy"
>
<svg stroke="currentColor"
fill="none"
Expand All @@ -311,14 +320,8 @@ exports[`Article/Codebox Shell smoke-test 1`] = `
</svg>
</button>
</div>
<div class="Codebox_content__jhl_a">
$
<span class="token builtin class-name">
echo
</span>
<span class="token string">
"Hello World"
</span>
</div>
<code class="language-bash Codebox_content__jhl_a">
$ echo "Hello World"
</code>
</pre>
`;
Loading

0 comments on commit 0c87bfb

Please sign in to comment.