Stack-chan 名刺

React・TypeScript・Vite製の名刺エディターです。編集内容とアイコン画像はブラウザのlocalStorageに保存します。

開発

Node.js 22.12以上を使います。

npm ci
npm run dev

npm test
npm run typecheck
npm run build
npm run preview
npx playwright install chromium
npm run test:e2e

src/App.tsxが編集状態を管理し、src/components/editor/が入力・選択操作、src/components/card/が名刺のSVGを描画します。配置計算、画像の処理、書き出しはsrc/lib/にあります。表示用CSSはsrc/index.cssです。

入力内容はstackchan-card-studio:v1、アイコンはstackchan-card-studio:avatar:v1に保存します。キーは公開済みの版から変更していません。画像はブラウザ内で縮小して保存します。

GitHub Actionsはmainへのpush時に型チェックとViteビルドを行い、dist/をGitHub Pagesへ公開します。vite.config.tsはPagesのサブディレクトリで使える相対アセットパスを指定しています。

コードのライセンスはLICENSE、依存コードとアイコンの表示はTHIRD-PARTY-NOTICES.txtを参照してください。