vibe-design-system 2.8.36 → 2.8.38

package/bin/init.js

@@ -223,14 +223,45 @@ function detectFramework(pkg) {
   return "vite";
 }
 
+/** Vite 7+ kullanılıyorsa Storybook 8 peer dep çakışır.
+ *  .npmrc'ye legacy-peer-deps=true ekleyerek tüm npm komutlarını bağışık hale getirir. */
+function ensureLegacyPeerDepsIfNeeded(projectRoot, pkg) {
+  const allDeps = { ...pkg.dependencies, ...pkg.devDependencies };
+  const viteVersion = allDeps["vite"] || "";
+  // "^7.x", "~7.x", "7.x" gibi tüm Vite 7+ versiyonlarını yakala
+  const isVite7Plus = /^\^?~?[7-9]\d*\./.test(viteVersion) || /^\^?~?[1-9]\d+\./.test(viteVersion);
+  if (!isVite7Plus) return;
+  const npmrcPath = path.join(projectRoot, ".npmrc");
+  let content = fs.existsSync(npmrcPath) ? fs.readFileSync(npmrcPath, "utf-8") : "";
+  if (content.includes("legacy-peer-deps")) return; // idempotent
+  content = content ? content.trimEnd() + "\nlegacy-peer-deps=true\n" : "legacy-peer-deps=true\n";
+  fs.writeFileSync(npmrcPath, content, "utf-8");
+  console.log("📝 .npmrc: legacy-peer-deps=true eklendi (Vite 7+ / Storybook 8 uyumluluk).");
+}
+
 /** Framework'e göre Storybook framework paket adı */
 function storybookFrameworkPackage(framework) {
   if (framework === "nextjs") return "@storybook/nextjs";
   return "@storybook/react-vite"; // vite & remix
 }
 
+/** Projenin gerçek frontend src dizinini tespit eder.
+ *  Fullstack projelerde (client/, frontend/, web/) doğru alias için gerekli. */
+function detectFrontendSrcDir(projectRoot) {
+  // Fullstack / monorepo: frontend ayrı bir klasörde olabilir
+  const candidates = [
+    "client/src",
+    "frontend/src",
+    "web/src",
+  ];
+  for (const c of candidates) {
+    if (fs.existsSync(path.join(projectRoot, c))) return c;
+  }
+  return "src"; // varsayılan
+}
+
 /** Framework'e göre .storybook/main.ts içeriği */
-function buildStorybookMainTs(framework) {
+function buildStorybookMainTs(framework, projectRoot) {
   if (framework === "nextjs") {
     return `import type { StorybookConfig } from "@storybook/nextjs";
 
@@ -250,6 +281,7 @@ export default config;
 `;
   }
   // vite (default) & remix
+  const srcDir = detectFrontendSrcDir(projectRoot || process.cwd());
   return `import type { StorybookConfig } from "@storybook/react-vite";
 import { mergeConfig } from "vite";
 import path from "path";
@@ -265,7 +297,7 @@ const config: StorybookConfig = {
     return mergeConfig(config, {
       resolve: {
         alias: {
-          "@": path.resolve(process.cwd(), "src"),
+          "@": path.resolve(process.cwd(), "${srcDir}"),
         },
       },
     });
@@ -365,10 +397,11 @@ function ensureStorybook(projectRoot, framework) {
     console.log("📁 .storybook/ oluşturuldu.");
   }
 
-  const mainTs = buildStorybookMainTs(framework);
+  const mainTs = buildStorybookMainTs(framework, projectRoot);
   const mainPath = path.join(storybookDir, "main.ts");
   fs.writeFileSync(mainPath, mainTs, "utf-8");
-  console.log(`📝 .storybook/main.ts yazıldı (framework: ${framework}).`);
+  const detectedSrc = detectFrontendSrcDir(projectRoot);
+  console.log(`📝 .storybook/main.ts yazıldı (framework: ${framework}, @ alias: ${detectedSrc}).`);
 
   const previewTs = buildStorybookPreviewTs(framework, projectRoot);
 
@@ -612,6 +645,9 @@ if (monorepoPackages.length > 0 && pkg.workspaces) {
 const framework = detectFramework(pkg);
 console.log(`🔍 Framework tespit edildi: ${framework}\n`);
 
+// Vite 7+ projelerinde Storybook 8 peer dep çakışmasını önle
+ensureLegacyPeerDepsIfNeeded(projectRoot, pkg);
+
 // ADIM 1
 if (needsStorybook(projectRoot, framework)) {
   installStorybook(projectRoot, framework);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.8.36",
+  "version": "2.8.38",
   "description": "Auto-generate design systems for vibe coding projects",
   "homepage": "https://vibedesign.tech",
   "repository": {