chore: use vite-plugin-turbosnap

Author: 9renpoto

.gitignore

@@ -1,3 +1,4 @@
+.turbo/
 lib/
 storybook-static/
 

cspell.json

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

package-lock.json

@@ -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/.storybook/main.ts

@@ -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": {