vibe-design-system 2.4.5 → 2.4.7

package/bin/init.js

@@ -22,6 +22,8 @@ const INSTALLER_ROOT = path.join(__dirname, "..");
 const TEMPLATE_DIR = path.join(INSTALLER_ROOT, "vds-core-template");
 
 const STORYBOOK_MAIN_TS = `import type { StorybookConfig } from "@storybook/react-vite";
+import tailwindcss from "@tailwindcss/vite";
+
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: ["@storybook/addon-essentials"],
@@ -29,13 +31,38 @@ const config: StorybookConfig = {
     name: "@storybook/react-vite",
     options: {},
   },
+  viteFinal: async (config) => {
+    config.plugins = config.plugins || [];
+    config.plugins.push(tailwindcss());
+    return config;
+  },
 };
+
 export default config;
 `;
 
 const STORYBOOK_PREVIEW_TS = `import type { Preview } from "@storybook/react";
+import React from "react";
 import "../src/index.css";
-const preview: Preview = { parameters: { layout: "centered" } };
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      default: "dark",
+      values: [
+        { name: "light", value: "#ffffff" },
+        { name: "dark", value: "#020617" },
+      ],
+    },
+  },
+  decorators: [
+    (Story) => {
+      document.documentElement.classList.add("dark");
+      return React.createElement(Story, null);
+    },
+  ],
+};
+
 export default preview;
 `;
 
@@ -114,19 +141,28 @@ function readPackageJson(projectRoot) {
   }
 }
 
-// ADIM 1 — Bağımlılık kontrolü
+// ADIM 1 — Bağımlılık kontrolü (Storybook v8 + Tailwind v4 Vite)
 function needsStorybook(projectRoot) {
   const pkg = readPackageJson(projectRoot);
   if (!pkg) return false;
   const dev = pkg.devDependencies || {};
-  return !(dev.storybook && dev["@storybook/react-vite"]);
+  return !(dev.storybook && dev["@storybook/react-vite"] && dev["@tailwindcss/vite"]);
 }
 
 function installStorybook(projectRoot) {
-  console.log("📚 Storybook bağımlılıkları kuruluyor...");
+  console.log("📚 Storybook v8 ve @tailwindcss/vite kuruluyor...");
   const r = spawnSync(
     "npm",
-    ["install", "--save-dev", "storybook", "@storybook/react", "@storybook/react-vite"],
+    [
+      "install",
+      "--save-dev",
+      "storybook@8",
+      "@storybook/react-vite@8",
+      "@storybook/react@8",
+      "@storybook/addon-essentials@8",
+      "@storybook/blocks@8",
+      "@tailwindcss/vite",
+    ],
     { cwd: projectRoot, stdio: "inherit" }
   );
   if (r.status !== 0) {
@@ -143,16 +179,12 @@ function ensureStorybook(projectRoot) {
   }
 
   const mainPath = path.join(storybookDir, "main.ts");
-  if (!fs.existsSync(mainPath)) {
-    fs.writeFileSync(mainPath, STORYBOOK_MAIN_TS, "utf-8");
-    console.log("📝 .storybook/main.ts yazıldı.");
-  }
+  fs.writeFileSync(mainPath, STORYBOOK_MAIN_TS, "utf-8");
+  console.log("📝 .storybook/main.ts yazıldı.");
 
   const previewPath = path.join(storybookDir, "preview.ts");
-  if (!fs.existsSync(previewPath)) {
-    fs.writeFileSync(previewPath, STORYBOOK_PREVIEW_TS, "utf-8");
-    console.log("📝 .storybook/preview.ts yazıldı.");
-  }
+  fs.writeFileSync(previewPath, STORYBOOK_PREVIEW_TS, "utf-8");
+  console.log("📝 .storybook/preview.ts yazıldı.");
 }
 
 // ADIM 3 — vds-core/ kopyala

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.4.5",
+  "version": "2.4.7",
   "description": "Auto-generate design systems for vibe coding projects",
   "type": "module",
   "bin": {