Skip to content

feat: migrate codebox component #5330

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 50 commits into from
May 18, 2023

Conversation

araujogui
Copy link
Member

@araujogui araujogui commented Apr 25, 2023

Issue #5242
Migrate Codebox component

@vercel
Copy link

vercel bot commented Apr 25, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
nodejs-org ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 18, 2023 3:31pm
nodejs-org-stories ✅ Ready (Inspect) Visit Preview May 18, 2023 3:31pm

@vercel vercel bot temporarily deployed to Preview – nodejs-org April 25, 2023 19:20 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories April 25, 2023 19:24 Inactive
@ovflowd
Copy link
Member

ovflowd commented Apr 25, 2023

@araujogui please run npx turbo lint your branch has linting issues 🤔

@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories April 25, 2023 20:40 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org April 25, 2023 20:41 Inactive
@araujogui araujogui marked this pull request as ready for review April 26, 2023 18:50
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories April 26, 2023 18:54 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org April 26, 2023 18:54 Inactive
Copy link
Member

@ovflowd ovflowd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Really good stuff! Thank you for the contribution, @araujogui!!

Left a bunch of comments that I'd like to have them addressed before we proceed :)

@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories April 27, 2023 13:33 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org April 27, 2023 13:36 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories April 27, 2023 13:37 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org April 27, 2023 13:39 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org May 15, 2023 19:09 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories May 15, 2023 19:11 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories May 15, 2023 19:13 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org May 15, 2023 19:15 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories May 15, 2023 19:16 Inactive
@ovflowd
Copy link
Member

ovflowd commented May 17, 2023

@araujogui can you run the linting commands and update the test snapshots here? @Harkunwar is anything else needed here? (Like Unit Tests or etc)

@vercel vercel bot temporarily deployed to Preview – nodejs-org May 18, 2023 14:11 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories May 18, 2023 14:12 Inactive
@ovflowd
Copy link
Member

ovflowd commented May 18, 2023

@araujogui can you please run build/lint/test before committing? PR is still failing (build failing) with missing types?

@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories May 18, 2023 14:32 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories May 18, 2023 14:37 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org May 18, 2023 14:39 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org May 18, 2023 14:46 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories May 18, 2023 14:47 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org-stories May 18, 2023 15:29 Inactive
@vercel vercel bot temporarily deployed to Preview – nodejs-org May 18, 2023 15:31 Inactive
@ovflowd ovflowd merged commit b80022b into nodejs:major/website-redesign May 18, 2023
@araujogui araujogui deleted the feat/codebox branch May 18, 2023 17:50
ovflowd added a commit that referenced this pull request May 24, 2023
* feat: create codebox component

* feat: add pointer to copy button

* feat: add shell support

* feat: use code element instead of pre

* chore: fix eslint issues

* refactor: remove shell codebox

* refactor: use react.fc type

* refactor: remove duplicate encoding

* refactor: use pre element for codebox

* style: some eol

* style: some eol

* refactor: use pre element for codebox

* chore: create inlinecode story

* refactor: create inline code story type

* chore: revert .browserslistrc

* test: remove duplicated test

* test: remove beginning space on code

* refactor: setup userEvent on tests

* refactor: remove useless async

* test: manual mock isomorphic-dompurify

* fix: some fixes

* chore: create multi lang story

* test: snapshot before and after switch lang

* refactor: inline mock

* refactor: use decorators

* chore: split inlinecode component

* feat: add selected lang state

* refactor: add inlinecode decorator

* refactor: remove duplicate classes

* chore: revert .browserslistrc

* test: fix tests

* chore: wip

* feat: use story component arg

* style: stories

* test: remove i18n from clipboard test

* chore: migrate pagination component (#5331)

Co-authored-by: Teja Sai Sandeep Reddy Konala <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>
Co-authored-by: Wai.Tung <[email protected]>

* chore: add a proper decorated component

* refactor: decorated inline code

* Chore(node feat) (#5338)

Co-authored-by: Claudio Wunder <[email protected]>

* (website redesign) Feat(shellbox): migration (#5234)

Co-authored-by: Manish Kumar ⛄ <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>
Co-authored-by: Shanmughapriyan S <[email protected]>
Co-authored-by: Michael Esteban <[email protected]>
Co-authored-by: Wai.Tung <[email protected]>

* fix(i18n): translation key (#5347)

Co-authored-by: Shanmughapriyan S <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>

* feat: add hover states

* chore: fix rebase leftovers

* chore: update snapshots

* chore: install @types/prismjs

* Update index.stories.tsx

Signed-off-by: Claudio Wunder <[email protected]>

* chore: remove duplicate snapshots

* chore: remove duplicate snapshot

---------

Signed-off-by: Claudio Wunder <[email protected]>
Co-authored-by: ktssr <[email protected]>
Co-authored-by: Teja Sai Sandeep Reddy Konala <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>
Co-authored-by: Wai.Tung <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>
Co-authored-by: Augustin Mauroy <[email protected]>
Co-authored-by: Manish Kumar ⛄ <[email protected]>
Co-authored-by: Shanmughapriyan S <[email protected]>
Co-authored-by: Michael Esteban <[email protected]>
ovflowd added a commit that referenced this pull request May 24, 2023
* feat: create codebox component

* feat: add pointer to copy button

* feat: add shell support

* feat: use code element instead of pre

* chore: fix eslint issues

* refactor: remove shell codebox

* refactor: use react.fc type

* refactor: remove duplicate encoding

* refactor: use pre element for codebox

* style: some eol

* style: some eol

* refactor: use pre element for codebox

* chore: create inlinecode story

* refactor: create inline code story type

* chore: revert .browserslistrc

* test: remove duplicated test

* test: remove beginning space on code

* refactor: setup userEvent on tests

* refactor: remove useless async

* test: manual mock isomorphic-dompurify

* fix: some fixes

* chore: create multi lang story

* test: snapshot before and after switch lang

* refactor: inline mock

* refactor: use decorators

* chore: split inlinecode component

* feat: add selected lang state

* refactor: add inlinecode decorator

* refactor: remove duplicate classes

* chore: revert .browserslistrc

* test: fix tests

* chore: wip

* feat: use story component arg

* style: stories

* test: remove i18n from clipboard test

* chore: migrate pagination component (#5331)

Co-authored-by: Teja Sai Sandeep Reddy Konala <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>
Co-authored-by: Wai.Tung <[email protected]>

* chore: add a proper decorated component

* refactor: decorated inline code

* Chore(node feat) (#5338)

Co-authored-by: Claudio Wunder <[email protected]>

* (website redesign) Feat(shellbox): migration (#5234)

Co-authored-by: Manish Kumar ⛄ <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>
Co-authored-by: Shanmughapriyan S <[email protected]>
Co-authored-by: Michael Esteban <[email protected]>
Co-authored-by: Wai.Tung <[email protected]>

* fix(i18n): translation key (#5347)

Co-authored-by: Shanmughapriyan S <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>

* feat: add hover states

* chore: fix rebase leftovers

* chore: update snapshots

* chore: install @types/prismjs

* Update index.stories.tsx

Signed-off-by: Claudio Wunder <[email protected]>

* chore: remove duplicate snapshots

* chore: remove duplicate snapshot

---------

Signed-off-by: Claudio Wunder <[email protected]>
Co-authored-by: ktssr <[email protected]>
Co-authored-by: Teja Sai Sandeep Reddy Konala <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>
Co-authored-by: Wai.Tung <[email protected]>
Co-authored-by: Claudio Wunder <[email protected]>
Co-authored-by: Augustin Mauroy <[email protected]>
Co-authored-by: Manish Kumar ⛄ <[email protected]>
Co-authored-by: Shanmughapriyan S <[email protected]>
Co-authored-by: Michael Esteban <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants