Storybook responsive fix

2025-08-11 13:54:54 -06:00
parent 4ef658a355
commit 79ae558b60
21 changed files with 5371 additions and 159 deletions
@@ -0,0 +1,32 @@
+/** @type { import('@storybook/nextjs-vite').StorybookConfig } */
+const config = {
+  stories: [
+    "../stories/**/*.mdx",
+    "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+  ],
+  addons: [
+    "@chromatic-com/storybook",
+    "@storybook/addon-docs",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-a11y",
+    "@storybook/addon-vitest",
+    "@storybook/addon-viewport",
+  ],
+  framework: {
+    name: "@storybook/nextjs-vite",
+    options: {},
+  },
+  staticDirs: ["../public"],
+  async viteFinal(cfg) {
+    // Ensure esbuild treats .js as JSX during dep pre-bundling
+    cfg.optimizeDeps ??= {};
+    cfg.optimizeDeps.esbuildOptions ??= {};
+    cfg.optimizeDeps.esbuildOptions.loader = {
+      ...(cfg.optimizeDeps.esbuildOptions.loader || {}),
+      ".js": "jsx",
+      ".ts": "tsx",
+    };
+    return cfg;
+  },
+};
+export default config;