vibe-design-system 2.8.33 → 2.8.35

package/bin/init.js

@@ -323,10 +323,10 @@ export default preview;
 // ADIM 1 — Bağımlılık kontrolü
 function needsStorybook(projectRoot, framework) {
   const pkg = readPackageJson(projectRoot);
-  if (!pkg) return false;
-  const dev = pkg.devDependencies || {};
+  if (!pkg) return true; // package.json yok → yükle (main guard zaten önce hata verecek)
+  const allDeps = { ...pkg.dependencies, ...pkg.devDependencies };
   const fwPkg = storybookFrameworkPackage(framework);
-  return !(dev.storybook && dev[fwPkg]);
+  return !(allDeps.storybook && allDeps[fwPkg]);
 }
 
 // Storybook 8.6.x — aynı minor sürümde tutarak addon uyumluluk uyarısını önler
@@ -335,25 +335,25 @@ const STORYBOOK_VERSION = "8.6.17";
 function installStorybook(projectRoot, framework) {
   const fwPkg = storybookFrameworkPackage(framework);
   console.log(`📚 Storybook v8 (${fwPkg}) kuruluyor...`);
-  const extraDeps = framework === "vite" ? ["@tailwindcss/vite"] : [];
   const r = spawnSync(
     "npm",
     [
       "install",
       "--save-dev",
       "--save-exact",
+      "--legacy-peer-deps",
       `storybook@${STORYBOOK_VERSION}`,
       `${fwPkg}@${STORYBOOK_VERSION}`,
       `@storybook/react@${STORYBOOK_VERSION}`,
       `@storybook/addon-essentials@${STORYBOOK_VERSION}`,
       `@storybook/addon-a11y@${STORYBOOK_VERSION}`,
       `@storybook/blocks@${STORYBOOK_VERSION}`,
-      ...extraDeps,
     ],
-    { cwd: projectRoot, stdio: "inherit", shell: false }
+    { cwd: projectRoot, stdio: "inherit", shell: true }
   );
   if (r.status !== 0) {
-    console.warn("⚠️ npm install storybook tamamlanamadı.");
+    console.error("❌ npm install storybook başarısız oldu. VDS kurulumu durduruluyor.");
+    process.exit(1);
   }
 }
 

package/package.json

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

package/vds-core-template/scan.mjs

@@ -385,6 +385,10 @@ function classifyByPath(rel) {
   // ui/ → always "UI" (shadcn primitives)
   if (firstSegment === "ui") return { group: "UI", category: null };
 
+  // Root-level file (no subdirectory): firstSegment is a filename like "NavLink.tsx"
+  // Use "Components" instead of the filename as the group
+  if (firstSegment.includes(".")) return { group: "Components", category: null };
+
   // Convert kebab-case folder to Title Case (time-resources → Time Resources)
   const group = firstSegment
     .split("-")

package/vds-core-template/story-generator.mjs

@@ -974,7 +974,13 @@ function getExampleItemForArrayType(itemType) {
 
 function capitalize(str) {
   if (!str) return "";
-  return str.charAt(0).toUpperCase() + str.slice(1);
+  // Convert to valid JS identifier: remove invalid chars, camelCase hyphens, prefix digit-starts
+  const safe = str
+    .replace(/[:\s]+([a-z])/g, (_, c) => c.toUpperCase()) // sm:full → smFull
+    .replace(/-+([a-zA-Z0-9])/g, (_, c) => c.toUpperCase()) // outline-ghost → outlineGhost
+    .replace(/[^a-zA-Z0-9_$]/g, "") // strip remaining invalid chars
+    .replace(/^([0-9])/, "_$1"); // 2xl → _2xl
+  return safe.charAt(0).toUpperCase() + safe.slice(1);
 }
 
 function detectExportStyle(source, componentName) {
@@ -1304,9 +1310,11 @@ function buildStoryFileContent(comp) {
   }
   if (!importPath.startsWith(".")) importPath = "./" + importPath;
 
-  // Normalize legacy "shadcn" group → "UI", everything else kept as-is
+  // Normalize legacy "shadcn" group → "UI"; filename groups (e.g. "NavLink.tsx") → "Components"
   const rawGroup = comp.group || "Components";
-  const group = rawGroup === "shadcn" ? "UI" : rawGroup;
+  const group = rawGroup === "shadcn" ? "UI"
+    : rawGroup.includes(".") ? "Components"   // root-level file without subdirectory
+    : rawGroup;
   // Title: "Module/ComponentName"  (category intentionally dropped — folder is the context)
   const title = `${group}/${componentName}`;
 

package/vds-core-template/storybook-adapt.mjs

@@ -213,7 +213,8 @@ function injectDedupe(projectRoot) {
   if (content.includes("dedupe")) return; // idempotent
   // Match: alias block + its trailing comma + whitespace/newline + resolve closing }
   // e.g.  alias: { "@": path.resolve(...) },\n    },
-  const pattern = /(\balias\s*:\s*\{[^}]*\}),(\s*\})/;
+  // [^{}]* ensures we skip injection if alias has nested object values (safe fallback)
+  const pattern = /(\balias\s*:\s*\{[^{}]*\}),(\s*\})/;
   if (!pattern.test(content)) return;
   content = content.replace(pattern, (_, aliasBlock, resolveClose) =>
     `${aliasBlock},\n        dedupe: ["react", "react-dom", "react-router-dom"],${resolveClose}`