nekochans / lgtm-cat-frontend

lgtm-cat(サービス名 LGTMeow https://lgtmeow.com) のフロントエンド用
https://lgtmeow.com
21 stars 2 forks source link

lgtm-cat-ui のComponentを移行 #284

Closed keitakn closed 6 months ago

keitakn commented 6 months ago

issueURL

https://github.com/nekochans/lgtm-cat-frontend/issues/283

関連 URL

https://lgtm-cat-frontend-git-feature-issue283move-com-973b53-nekochans.vercel.app/

このPRで対応すること / このPRで対応しないこと

https://github.com/nekochans/lgtm-cat-frontend/issues/283 のDoneの定義の通り、@nekochans/lgtm-cat-ui のComponentが移行されている事。

Storybook の URL もしくはスクリーンショット

https://622b6c5dc31e9e003a111eb5-ptlegmaxpu.chromatic.com/

変更点概要

lgtm-cat-ui のComponentを移植。基本的にそのまま移行しているが一部設計を変更したほうが良い箇所は変更を実施している。

本件は最初 https://github.com/nekochans/lgtm-cat/issues/35 のエピックで進める予定だったが最新のNext.jsにバージョンアップ、設定ファイルの変更を行ったところBuildエラーが出るようになってしまったので先にこちらを実施する事にした。

lgtm-cat-ui のComponentを全て移行したので tsconfig.jsonmoduleResolutionbundler に変更。これはNext.jsの最新のテンプレートの設定に合わせた形になっている。

レビュアーに重点的にチェックして欲しい点

特になし

補足情報

BuildされたStorybook上だとMSWが上手く動作していない事が分かった。

見た感じ設定は合っているっぽいのでStorybookの msw-storybook-addon の不具合かもしれないのでしばらく様子を見る。

storybook dev -p 6008 でローカルでの動作確認だと正常に動作する。

↑CI上で実行するNode.jsのバージョンを20系に変更したらMockが正常に動作するようになった。

vercel[bot] commented 6 months ago

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

Name Status Preview Comments Updated (UTC)
lgtm-cat-frontend ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 15, 2024 5:46am
codecov[bot] commented 6 months ago

Codecov Report

Attention: 3631 lines in your changes are missing coverage. Please review.

Comparison is base (a20346a) 59.66% compared to head (a2897c9) 28.52%.

Files Patch % Lines
src/components/Upload/UploadForm/UploadForm.tsx 0.00% 343 Missing and 1 partial :warning:
...PrivacyTemplate/TermsOrPrivacyTemplate.stories.tsx 0.00% 235 Missing and 1 partial :warning:
...omponents/Upload/UploadForm/UploadForm.stories.tsx 0.00% 174 Missing and 1 partial :warning:
src/components/Upload/UploadModal/UploadModal.tsx 0.00% 150 Missing and 1 partial :warning:
src/templates/TopTemplate/TopTemplate.stories.tsx 0.00% 130 Missing and 1 partial :warning:
...mponents/Upload/UploadModal/SuccessMessageArea.tsx 0.00% 123 Missing and 1 partial :warning:
src/components/ErrorContent/ErrorContent.tsx 0.00% 115 Missing and 1 partial :warning:
src/components/Upload/UploadForm/i18n.ts 0.00% 111 Missing and 1 partial :warning:
src/templates/TopTemplate/TopTemplate.tsx 0.00% 86 Missing and 1 partial :warning:
src/components/LgtmImages/LgtmImages.stories.tsx 0.00% 81 Missing and 1 partial :warning:
... and 117 more
Additional details and impacted files ```diff @@ Coverage Diff @@ ## main #284 +/- ## =========================================== - Coverage 59.66% 28.52% -31.15% =========================================== Files 93 215 +122 Lines 3067 6707 +3640 Branches 156 270 +114 =========================================== + Hits 1830 1913 +83 - Misses 1191 4634 +3443 - Partials 46 160 +114 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.