dashi-client

dashi

https://dashi.sohosai.com

storybook

https://sohosai.github.io/dashi-client/

test結果

https://sohosai.github.io/dashi-client/html/

testの達成状況

Warning

main branchでのtestが失敗している場合、coverageのページは消えます。

https://sohosai.github.io/dashi-client/coverage/

開発環境

開発環境の構築

1. .envと.env.sentry-build-plugin

シークレットな情報のため、詳細はvaultwardenを参照

2. npm i

以下のコマンドを実行して、依存libraryをinstall

Warning

package managerにnpmを使用してください。

npm i --legacy-peer-deps

3. playwriteのinstall

Warning

NixOSユーザは失敗しますが、特に問題はないので無視してください。

npx playwright install chromium --with-deps

4. npm run dev

以下のコマンドを実行して、ローカルサーバの起動

npm run dev

storybook

storybookの起動

npm run storybook

storybookのbuild

npm run storybook:build

test

Web UIで確認する場合

npm run report

コマンドラインで確認する場合

npm run test

以下のコマンド群を利用することはないと思われる。 参考として記載しておく。

@vitest/coverage-v8の起動

テストのcoverage状況を確認できる。

npm run coverage

@vitest/coverage-v8のreport出力

coverageディレクトリに出力される。

npm run coverage:static

@vitest/uiの起動

テスト結果をWeb UIで確認できる。

npm run ui

@vitest/uiのreport出力

htmlディレクトリに出力される。

npm run ui:static

@vitest/uiのreportのpreview

htmlディレクトリの出力結果を3000ポートで起動する。

npm tun ui:preview

本番環境

本番環境の構築

1. docker-compose up (prod)

docker-compose -f prod.compose.yaml up -d