#780 Migrate to Vite, Vitest, and Storybook 10

.github/workflows/ci.yml

@@ -4,9 +4,11 @@ on:
   push:
     branches:
       - main
+      - staging
   pull_request:
     branches:
       - main
+      - staging
   workflow_dispatch:
 
 jobs:
@@ -23,6 +25,8 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - run: npm ci
       - run: npm test
+      - run: npm run typecheck
+      - run: npm run typecheck-test
       - run: npm run build
       - run: npm run doc
       - name: Save build
@@ -61,7 +65,7 @@ jobs:
         run: gh pr merge --auto --merge "$PR_URL" # Use Github CLI to merge automatically the PR
         env:
           PR_URL: ${{github.event.pull_request.html_url}}
-          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}} 
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
 
   npm-publish-dev:
     needs: build
@@ -107,12 +111,12 @@ jobs:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
           TAG="v$(node -p 'require("./package.json").version')"
-      
+
           if gh release view "$TAG" >/dev/null 2>&1; then
             echo "Release $TAG already exists. Skipping."
             exit 0
           fi
-      
+
           if git ls-remote --exit-code --tags origin "refs/tags/$TAG" >/dev/null 2>&1; then
             echo "Tag $TAG already exists on origin. Creating release from existing tag."
             gh release create "$TAG" --verify-tag --generate-notes

.storybook/main.ts

@@ -0,0 +1,24 @@
+import type { StorybookConfig } from '@storybook/web-components-vite'
+import { mergeConfig } from 'vite'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.ts'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-docs',
+  ],
+  framework: '@storybook/web-components-vite',
+
+  async viteFinal (config) {
+    return mergeConfig(config, {
+      resolve: {
+        dedupe: ['lit', 'lit-html', 'lit-element', '@lit/reactive-element'],
+      },
+      optimizeDeps: {
+        include: ['lit/directive-helpers.js'],
+      },
+    })
+  },
+}
+
+export default config

.storybook/preview.js

@@ -11,4 +11,5 @@ if (typeof window !== 'undefined') {
   window.SolidLogic = solidLogic
 }
 
+export const tags = ['autodocs']
 export const parameters = {}