Merge pull request #43 from chezmoi-sh/feature/add-storybook

✨: add storybook to work more fluently on components

Author: xunleii

.github/workflows/push,pull_request.chromatic.yaml

@@ -0,0 +1,48 @@
+---
+name: 📸 Chromatic Storybook
+
+on:
+  push:
+    branches: [main]
+    paths:
+      - src/components/**
+      - .storybook/**
+      - package.json
+      - pnpm-lock.yaml
+  pull_request:
+    paths:
+      - src/components/**
+      - .storybook/**
+      - package.json
+      - pnpm-lock.yaml
+
+permissions: {}
+
+jobs:
+  chromatic:
+    name: 📸 Chromatic Storybook
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - name: ⬇️ Checkout repository
+        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+        with:
+          fetch-depth: 0
+
+      - name: 🏗️ Setup Node.js
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        with:
+          node-version: 20
+
+      - name: 📦 Install PNPM
+        run: npm install -g pnpm
+
+      - name: 📦 Install dependencies
+        run: pnpm install
+
+      - name: 📸 Run Chromatic
+        uses: chromaui/action@e8cc4c31775280b175a3c440076c00d19a9014d7 # v11.28.2
+        with:
+          exitOnceUploaded: true
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}