feat: approve patch

.github/workflows/dependabot.yml

@@ -15,6 +15,12 @@ jobs:
         uses: dependabot/fetch-metadata@v1
         with:
           github-token: "${{ secrets.GITHUB_TOKEN }}"
+      - name: Approve a PR
+        if: steps.metadata.outputs.update-type == 'version-update:semver-patch'
+        run: gh pr review --approve "$PR_URL"
+        env:
+          PR_URL: ${{github.event.pull_request.html_url}}
+          GH_TOKEN: ${{secrets.GITHUB_TOKEN}}
       - name: Enable auto-merge for Dependabot PRs
         if: steps.metadata.outputs.update-type == 'version-update:semver-patch'
         run: gh pr merge --auto --merge "$PR_URL"

.github/workflows/node.js.yml

@@ -40,7 +40,7 @@
             "npx wait-on tcp:6006 && npm test"
 
       - name: compressed-size-action
         uses: preactjs/compressed-size-action@2.5.0
         with:
           pattern: "./packages/ui/lib/**/*.{js,css,html,json}"
           exclude: "{**/*.map,**/node_modules/**}"
@@ -53,7 +53,7 @@
       - name: Checkout
         uses: actions/checkout@v4
       - name: Setup Biome
         uses: biomejs/setup-biome@v2
         with:
           version: latest
       - name: Run Biome
@@ -66,8 +66,10 @@
         with:
           fetch-depth: 0 # 👈 Required to retrieve git history
       - name: Install dependencies
         uses: bahmutov/npm-install@v1
       - name: Publish to Chromatic
         uses: chromaui/action@v10
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          onlyChanged: true # 👈 Required option to enable TurboSnap
+          skip: "@(renovate/**|dependabot/**)"

.gitignore

@@ -1,7 +1,8 @@
+.turbo/
 lib/
 storybook-static/
 
 ### Generated by gibo (https://github.com/simonwhitaker/gibo)
 ### https://raw.github.com/github/gitignore/4488915eec0b3a45b5c63ead28f286819c0917de/Node.gitignore
 
 # Logs
@@ -17,12 +18,12 @@
 report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
 # Runtime data
 pids
 *.pid
 *.seed
 *.pid.lock
 
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
 
 # Coverage directory used by tools like istanbul
@@ -39,7 +40,7 @@
 bower_components
 
 # node-waf configuration
 .lock-wscript
 
 # Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release
@@ -61,9 +62,9 @@
 .eslintcache
 
 # Optional stylelint cache
 .stylelintcache
 
 # Microbundle cache
 .rpt2_cache/
 .rts2_cache_cjs/
 .rts2_cache_es/

cspell.json

@@ -12,5 +12,13 @@
     "rust",
     "typescript"
   ],
-  "words": ["Autoprefix", "gtag", "lucide", "preact", "serde"]
+  "words": [
+    "autodocs",
+    "Autoprefix",
+    "gtag",
+    "lucide",
+    "preact",
+    "serde",
+    "turbosnap"
+  ]
 }

packages/ui/.storybook/main.ts

@@ -1,4 +1,6 @@
 import type { StorybookConfig } from "@storybook/preact-vite";
+import { mergeConfig } from "vite";
+import turbosnap from "vite-plugin-turbosnap";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(ts|tsx)"],
@@ -12,6 +14,15 @@ const config: StorybookConfig = {
     name: "@storybook/preact-vite",
     options: {},
   },
+  async viteFinal(config, { configType }) {
+    const isProduction = configType === "PRODUCTION";
+
+    return mergeConfig(config, {
+      plugins: isProduction
+        ? [turbosnap({ rootDir: config.root ?? process.cwd() })]
+        : [],
+    });
+  },
   docs: {
     autodocs: "tag",
   },

packages/ui/package.json

@@ -23,7 +23,8 @@
     "@testing-library/preact": "^3.2.3",
     "@twind/preset-autoprefix": "^1.0.7",
     "@twind/preset-tailwind": "^1.1.4",
-    "storybook": "^7.6.17"
+    "storybook": "^7.6.17",
+    "vite-plugin-turbosnap": "^1.0.3"
   },
   "typings": "lib/index.d.ts",
   "dependencies": {