Skip to content
This repository was archived by the owner on Apr 26, 2024. It is now read-only.

feat(codebox): adding possibility to switch between lang #3249

Merged
ovflowd merged 21 commits into from
Mar 10, 2023
Merged

feat(codebox): adding possibility to switch between lang #3249

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
7225b4b
feat(codeBox): introduce switching
AugustinMauroy Mar 1, 2023
7f3d2c9
chore(about): change lang in codebox
AugustinMauroy Mar 4, 2023
3d9c3c0
feat(codebox): update
AugustinMauroy Mar 4, 2023
c120167
Feat(codeBox): Fix everything
AugustinMauroy Mar 5, 2023
75747a0
Feat(codeBox): update unit test
AugustinMauroy Mar 5, 2023
7e55ec3
Merge branch 'main' into refractor(blockCode)
AugustinMauroy Mar 5, 2023
5ae517c
Merge branch 'main' into refractor(blockCode)
shanpriyan Mar 7, 2023
6fdca4d
Remove useless type
AugustinMauroy Mar 7, 2023
4cb36ad
feat(codeBox): re-implement replace label
AugustinMauroy Mar 7, 2023
9d9f3f6
Merge branch 'refractor(blockCode)' of https://github.com/AugustinMau…
AugustinMauroy Mar 7, 2023
28bf23b
Chore(codebox): document codeBox component
AugustinMauroy Mar 7, 2023
4c205ce
feat(codeBox): suppor `sync|async`
AugustinMauroy Mar 7, 2023
b9c6a10
feat(codeBox): improve unit test
AugustinMauroy Mar 7, 2023
430764b
Merge branch 'main' into refractor(blockCode)
ovflowd Mar 8, 2023
3bdae56
Merge branch 'main' into refractor(blockCode)
ovflowd Mar 8, 2023
a71bc5f
chore(writing Content)
AugustinMauroy Mar 8, 2023
606dbd0
Delete writing-content.md
AugustinMauroy Mar 8, 2023
06ff5f9
Feat(codeBox): accord separator with sync of api
AugustinMauroy Mar 8, 2023
12b855b
feat(codeBox): updateSnapshots
AugustinMauroy Mar 8, 2023
2f3a4db
Merge branch 'main' into refractor(blockCode)
ovflowd Mar 9, 2023
60e0d73
Merge branch 'main' into refractor(blockCode)
AugustinMauroy Mar 10, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion content/about/about.en.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ scalable network applications. In the following "hello world" example, many
connections can be handled concurrently. Upon each connection, the callback is
fired, but if there is no work to be done, Node.js will sleep.

```javascript
```js
const http = require('http');

const hostname = '127.0.0.1';
Expand Down
2 changes: 1 addition & 1 deletion content/about/about.ja.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ category: about

Node.js は、非同期のイベントドリブン JavaScript ランタイムとして、スケーラブルなネットワークアプリケーションを構築するために設計されています。次の "hello world" の例では、多くの接続を同時に処理できます。接続を並列に処理することができます。各接続の際に、コールバックが呼び出されます。しかし、何もすることがない場合は、Node.js はスリープします。

```javascript
```js
const http = require('http');

const hostname = '127.0.0.1';
Expand Down
2 changes: 1 addition & 1 deletion content/about/about.pt.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ category: about

Como executor de JavaScript orientado a eventos assíncronos, a Node está desenhada para construir aplicações de rede escaláveis. No seguinte exemplo "hello world" ou "olá mundo" em Português, várias conexões podem ser manipuladas simultaneamente. Sobre cada conexão, uma função de resposta é disparada, mas se não existe nada a ser feito, a Node.js adormecerá.

```javascript
```js
const http = require('http');

const hostname = '127.0.0.1';
Expand Down
324 changes: 319 additions & 5 deletions src/components/ArticleComponents/Codebox/__tests__/__snapshots__/index.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,147 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Codebox component renders correctly 1`] = `
exports[`Codebox component (multiple langs) renders correctly 1`] = `
<div>
<pre
class="pre language-html"
class="pre language-js|language-js"
>
<div
class="top"
>
<span>
HTML
<div
class="langBox"
>
<button
class="lang"
type="button"
>
js
</button>
<button
class="lang"
type="button"
>
language-js
</button>
</div>
<button
class="copy"
type="button"
>
copy
</button>
</div>
<div
class="content"
>
<span
class="token keyword"
>
const
</span>
http
<span
class="token operator"
>
=
</span>

<span
class="token function"
>
require
</span>
<span
class="token punctuation"
>
(
</span>
<span
class="token string"
>
'http'
</span>
<span
class="token punctuation"
>
)
</span>
<span
class="token punctuation"
>
;
</span>


<span
class="token operator"
>
--
</span>
<span
class="token operator"
>
--
</span>
<span
class="token operator"
>
--
</span>
<span
class="token operator"
>
-
</span>


<span
class="token keyword"
>
import
</span>
http
<span
class="token keyword"
>
from
</span>

<span
class="token string"
>
'http'
</span>
<span
class="token punctuation"
>
;
</span>
</div>
</pre>
</div>
`;

exports[`Codebox component (one lang) renders correctly 1`] = `
<div>
<pre
class="pre language-js"
>
<div
class="top"
>
<div
class="langBox"
>
<button
class="lang"
type="button"
>
js
</button>
</div>
<button
class="copy"
type="button"
>
copy
Expand All @@ -20,7 +150,191 @@ exports[`Codebox component renders correctly 1`] = `
<div
class="content"
>
[object Object]
<span
class="token operator"
>
&lt;
</span>
span
<span
class="token keyword"
>
class
</span>
<span
class="token operator"
>
=
</span>
<span
class="token string"
>
"token keyword"
</span>
<span
class="token operator"
>
&gt;
</span>
<span
class="token keyword"
>
const
</span>
<span
class="token operator"
>
&lt;
</span>
<span
class="token operator"
>
/
</span>
span
<span
class="token operator"
>
&gt;
</span>
a
<span
class="token operator"
>
&lt;
</span>
span
<span
class="token keyword"
>
class
</span>
<span
class="token operator"
>
=
</span>
<span
class="token string"
>
"token operator"
</span>
<span
class="token operator"
>
&gt;=
</span>
<span
class="token operator"
>
&lt;
</span>
<span
class="token operator"
>
/
</span>
span
<span
class="token operator"
>
&gt;
</span>

<span
class="token operator"
>
&lt;
</span>
span
<span
class="token keyword"
>
class
</span>
<span
class="token operator"
>
=
</span>
<span
class="token string"
>
"token number"
</span>
<span
class="token operator"
>
&gt;
</span>
<span
class="token number"
>
1
</span>
<span
class="token operator"
>
&lt;
</span>
<span
class="token operator"
>
/
</span>
span
<span
class="token operator"
>
&gt;
</span>
<span
class="token operator"
>
&lt;
</span>
span
<span
class="token keyword"
>
class
</span>
<span
class="token operator"
>
=
</span>
<span
class="token string"
>
"token punctuation"
</span>
<span
class="token operator"
>
&gt;
</span>
<span
class="token punctuation"
>
;
</span>
<span
class="token operator"
>
&lt;
</span>
<span
class="token operator"
>
/
</span>
span
<span
class="token operator"
>
&gt;
</span>
</div>
</pre>
</div>
Expand Down
Loading