vibe-design-system 2.5.31 → 2.5.32

package/package.json

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

package/vds-core-template/README.md

@@ -67,10 +67,12 @@ VDS, **tek komutla** projenizin design system'ını Storybook'ta stilleriyle eş
 
 Kullanıcının her projede ayrı ayrı provider eklemesi, manuel story düzeltmesi veya birden fazla komut çalıştırması gerekmez. Nadir kalan hatalar (belirli bir component'ın özel context'i) story dosyasında args/mock ile giderilir.
 
+**"Failed to fetch dynamically imported module"** genelde o story veya component dosyasındaki hatalı/eksik import'tan kaynaklanır; ilgili .stories.tsx veya component'ı kontrol edin veya o component'ı VDS skip listesine ekleyin.
+
 ## Layout
 
 - `vds-core/scan.mjs` — Projeyi tarar (src/components, CSS, Tailwind). `vds-output.json` ve `public/vds-output.json` yazar.
-- `vds-core/story-generator.mjs` — `vds-output.json`'dan story'leri üretir; varsayılan args (filters, sayı, tarih) ekler.
+- `vds-core/story-generator.mjs` — `vds-output.json`'dan story'leri üretir; varsayılan args: filters/dateRange, sayı, tarih, modal/drawer için isOpen/open: true, onClose/onSave vb. no-op, circle/user/nav/allocation mock objeleri (visibility, path hatalarını önler).
 - `vds-core/setup-storybook-providers.mjs` — Hook ve react-dnd kullanımını tespit eder, `.storybook/preview` decorator'larına provider ekler.
 - `vds-core/VdsPreview.tsx` — İsteğe bağlı; `/vds-preview` ile dashboard canlı component önizlemesi yapar.
 - Dashboard UI `/vds-output.json` okur; Foundations + Component Library gösterir.

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

@@ -613,6 +613,10 @@ function buildDefaultArgsForRequiredProps(props, usageFromPages = null, componen
     return JSON.stringify("Example");
   };
 
+  const HANDLER_PROPS = new Set(["onClose", "onOpenChange", "onSave", "onDelete", "onBudgetCreated", "onTaskCreated", "onOpenChange"]);
+  const OPEN_PROPS = new Set(["isOpen", "open"]);
+  const isFunctionType = (t) => /=>\s*void|\(\s*\)\s*=>|function\s*\(/.test(t) || /^\([^)]*\)\s*=>\s*void/.test(t);
+
   if (Array.isArray(props) && props.length > 0) {
     for (const p of props) {
       const type = String(p.type || "").trim();
@@ -626,6 +630,26 @@ function buildDefaultArgsForRequiredProps(props, usageFromPages = null, componen
         added.add(name);
         continue;
       }
+      if (OPEN_PROPS.has(name)) {
+        argLines.push(`    ${name}: true,`);
+        added.add(name);
+        continue;
+      }
+      if (HANDLER_PROPS.has(name) && isFunctionType(type)) {
+        argLines.push(`    ${name}: () => {},`);
+        added.add(name);
+        continue;
+      }
+      if (name === "allocation" && (/object|union|Allocation/.test(type) || !type)) {
+        argLines.push(`    ${name}: { id: "1", resourceId: "1", budget: 0, used: 0 },`);
+        added.add(name);
+        continue;
+      }
+      if (name === "user" && (/object|any|User/.test(type) || !type)) {
+        argLines.push(`    ${name}: { id: "1", name: "User", email: "user@example.com" },`);
+        added.add(name);
+        continue;
+      }
       if (!required) continue;
       if (/LucideIcon|lucide-react/.test(type)) {
         const iconName = LUCIDE_ICON_DEFAULT;
@@ -670,6 +694,27 @@ function buildDefaultArgsForRequiredProps(props, usageFromPages = null, componen
       } else if (/number/.test(type) || NUMBER_LIKE_OPTIONAL.has(name)) {
         argLines.push(`    ${name}: ${name === "visibility" ? "1" : "0"},`);
         added.add(name);
+      } else if (OPEN_PROPS.has(name)) {
+        argLines.push(`    ${name}: true,`);
+        added.add(name);
+      } else if (HANDLER_PROPS.has(name)) {
+        argLines.push(`    ${name}: () => {},`);
+        added.add(name);
+      } else if (name === "circle" || /Circle\b/.test(type)) {
+        argLines.push(`    ${name}: { id: "1", name: "Example", visibility: 1 },`);
+        added.add(name);
+      } else if (name === "item" || name === "navItem" || /NavItem|Nav.*Item/.test(type)) {
+        argLines.push(`    ${name}: { path: "/", label: "Example", id: "1" },`);
+        added.add(name);
+      } else if (name === "allocation") {
+        argLines.push(`    ${name}: { id: "1", resourceId: "1", budget: 0, used: 0 },`);
+        added.add(name);
+      } else if (name === "user") {
+        argLines.push(`    ${name}: { id: "1", name: "User", email: "user@example.com" },`);
+        added.add(name);
+      } else if (name === "defaultProjectId") {
+        argLines.push(`    ${name}: "1",`);
+        added.add(name);
       }
     }
   }