CI: Add storybook build (#5)

.github/workflows/CI.yml

@@ -10,3 +10,6 @@ jobs:
   build:
     needs: [tests, type-check]
     uses: ./.github/workflows/build.yml
+  build-storybook:
+    needs: [tests, type-check]
+    uses: ./.github/workflows/build-storybook.yml

.github/workflows/build-storybook.yml

@@ -0,0 +1,26 @@
+name: 'Build Storybook'
+
+on: [workflow_call, workflow_dispatch]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup node
+        uses: actions/setup-node@v4
+        with:
+          #         TODO: add version to a .nvmrc or at least a variable
+          node-version: 18.12.1
+          cache: npm
+      - name: Install
+        run: npm ci --prefer-offline
+      - name: Build
+        run: npm run storybook:build
+      - name: Upload artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: storybook-${{ github.sha }}
+          path: ./storybook-static
+          if-no-files-found: error

.gitignore

@@ -30,3 +30,4 @@ coverage
 *.tsbuildinfo
 
 *storybook.log
+storybook-static

package.json

@@ -16,8 +16,8 @@
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "format": "prettier --write src/",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "storybook:start": "storybook dev -p 6006",
+    "storybook:build": "storybook build"
   },
   "dependencies": {
     "vite-plugin-css-injected-by-js": "^3.4.0",