Update Storybook workflow to verify build before merge (#441)

Author: Ky Decker

.github/workflows/storybook.yml

@@ -1,6 +1,8 @@
 name: Storybook
 
 on:
+  pull_request:
+    branches: [main]
   push:
     branches: [main]
   workflow_dispatch:
@@ -10,13 +12,19 @@ permissions:
   pages: write
   id-token: write
 
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
 jobs:
-  deploy:
-    name: Deploy
+  build:
+    name: Build
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
 
       - name: Setup PNPM
         uses: pnpm/action-setup@v5
@@ -27,10 +35,29 @@ jobs:
           node-version: "24.x"
           cache: "pnpm"
 
-      - name: Deploy to GitHub Pages
-        uses: bitovi/github-actions-storybook-to-github-pages@v1.0.4
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build Storybook
+        run: pnpm storybook:build
+
+      - name: Upload Pages artifact
+        if: github.event_name != 'pull_request'
+        uses: actions/upload-pages-artifact@v3
         with:
-          install_command: pnpm install
-          build_command: pnpm storybook:build
           path: storybook-static
-          checkout: false
+
+  deploy:
+    name: Deploy
+    needs: build
+    if: github.event_name != 'pull_request'
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deploy.outputs.page_url }}
+    steps:
+      - id: deploy
+        name: Deploy to GitHub Pages
+        uses: actions/deploy-pages@v4
+        with:
+          token: ${{ github.token }}

package.json

@@ -94,12 +94,12 @@
     "@csstools/postcss-logical-viewport-units": "^4.0.0",
     "@playwright/test": "^1.59.0",
     "@react-aria/test-utils": "1.0.0-beta.2",
-    "@storybook/addon-links": "^10.3.3",
-    "@storybook/addon-themes": "^10.3.3",
-    "@storybook/addon-vitest": "^10.3.3",
-    "@storybook/builder-vite": "^10.3.3",
-    "@storybook/react": "^10.3.3",
-    "@storybook/react-vite": "^10.3.3",
+    "@storybook/addon-links": "^10.2.19",
+    "@storybook/addon-themes": "^10.2.19",
+    "@storybook/addon-vitest": "^10.2.19",
+    "@storybook/builder-vite": "^10.2.19",
+    "@storybook/react": "^10.2.19",
+    "@storybook/react-vite": "^10.2.19",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -114,7 +114,7 @@
     "@types/sanitize-html": "^2.16.1",
     "@types/topojson-client": "^3.1.5",
     "@types/topojson-specification": "^1.0.5",
-    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/coverage-v8": "4.1.2",
     "@vueless/storybook-dark-mode": "^10.0.7",
     "autoprefixer": "^10.4.27",
     "baseline-browser-mapping": "^2.9.19",
@@ -128,7 +128,7 @@
     "postcss-utopia": "^1.1.0",
     "react-compiler-runtime": "^1.0.0",
     "sharp": "^0.34.5",
-    "storybook": "^10.3.3",
+    "storybook": "^10.2.19",
     "vitest": "4.1.2",
     "wrangler": "^4.77.0"
   },