ci: add storybook action

.github/workflows/build.yml

@@ -1,4 +1,4 @@
-name: CI
+name: Build & Test
 
 on:
   push:

.github/workflows/storybook.yml

@@ -0,0 +1,35 @@
+name: Storybook
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    types: [opened, synchronize]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Cache turbo build setup
+        uses: actions/cache@v4
+        with:
+          path: .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
+
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+
+      - name: Build Storybook
+        run: pnpm run build-storybook
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist-storybook

.gitignore

@@ -56,3 +56,4 @@ dist-ssr
 *.sw?
 
 *storybook.log
+/dist-storybook

apps/web/package.json

@@ -9,7 +9,7 @@
     "preview": "vite preview",
     "lint": "eslint . --config ../../packages/eslint-config/web.config.mjs",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build -o ../../dist-storybook"
   },
   "dependencies": {
     "@rentment/ui": "workspace:*",

package.json

@@ -9,6 +9,8 @@
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "test": "cross-env FORCE_COLOR=1 turbo run test",
     "typecheck": "turbo run typecheck",
+    "storybook": "turbo run storybook --parallel",
+    "build-storybook": "turbo run build-storybook",
     "prepare": "husky"
   },
   "devDependencies": {

turbo.json

@@ -10,6 +10,14 @@
     "dev": {
       "cache": false,
       "persistent": true
+    },
+    "storybook": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/storybook"]
+    },
+    "build-storybook": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/storybook"]
     }
   }
 }