vibe-design-system 2.5.34 → 2.5.36

package/package.json

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

package/vds-core-template/README.md

@@ -69,6 +69,18 @@ Kullanıcının her projede ayrı ayrı provider eklemesi, manuel story düzeltm
 
 **"Failed to fetch dynamically imported module"** artık manuel adım gerektirmez: story'ler dinamik import ile üretilir; component yüklenemezse canvas'ta "Component could not be loaded (import error)." mesajı gösterilir, Storybook çökmez.
 
+### Test projesinde çıkan hatalar (sorun giderme)
+
+| Gördüğünüz mesaj | Ne yapmalı |
+|------------------|------------|
+| **Failed to fetch dynamically imported module: …/X.stories.tsx** | Story dosyası yüklenemiyor. En güncel VDS template’i kullanıp story’leri yeniden üretin: `npm run vds:stories`. Eski template’te statik import vardı; yeni sürümde dinamik import + catch kullanılıyor. |
+| **Cannot read properties of undefined (reading 'dateRange')** (örn. TimeFilterPanel) | `filters` / `dateRange` varsayılanı generator’da var. `npm run vds:stories` tekrar çalıştırın; hâlâ olursa ilgili story’de `args.filters` veya `args.dateRange` manuel ekleyin. |
+| **Cannot read properties of undefined (reading 'toString')** (örn. TaskEstimateInput) | `estimate` / sayısal proplar için varsayılan eklendi. `npm run vds:stories` ile story’leri yenileyin. |
+| **RangeError: Invalid time value** (örn. TimeTable) | entries/rows/logs için mock öğelere geçerli ISO tarih eklendi. `npm run vds:stories` ile yenileyin. |
+| **Başlık/component boş** (örn. UnlockModuleModal) | Modal/drawer için `isOpen` veya `open: true` varsayılanı veriliyor. Story’leri yeniden üretin; gerekirse o story’de `args.open = true` veya `args.isOpen = true` kontrol edin. |
+
+Genel adım: `vibe-design-system` güncel olsun, sonra proje kökünde **`npm run vds:stories`** çalıştırıp Storybook’u yeniden başlatın.
+
 ## Layout
 
 - `vds-core/scan.mjs` — Projeyi tarar (src/components, CSS, Tailwind). `vds-output.json` ve `public/vds-output.json` yazar.

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

@@ -552,7 +552,11 @@ function isDateLikeField(name) {
 /** Build 2-3 mock items for array prop from component source (item type fields). Uses valid ISO date strings for date-like fields to avoid "Invalid time value". */
 function buildMockArrayItems(componentSource, itemTypeName, propName) {
   const fields = getItemTypeFieldsFromSource(componentSource, itemTypeName);
-  const defaultFields = ["label", "value", "title", "id", "name", "description"];
+  const propLower = (propName || "").toLowerCase();
+  const looksLikeTimeEntries = /entries|rows|logs|data|items|times/.test(propLower) || /time|table|log/.test(propLower);
+  const defaultFields = looksLikeTimeEntries
+    ? ["id", "date", "start", "end", "title", "value"]
+    : ["label", "value", "title", "id", "name", "description"];
   const useFields = fields.length ? fields : defaultFields;
   const items = [];
   const baseDate = new Date("2024-01-15T12:00:00.000Z").getTime();
@@ -562,6 +566,7 @@ function buildMockArrayItems(componentSource, itemTypeName, propName) {
       if (f === "id") item[f] = String(i);
       else if (f === "value") item[f] = String(100 - i * 25);
       else if (isDateLikeField(f)) item[f] = new Date(baseDate + i * 86400000).toISOString();
+      else if (looksLikeTimeEntries && /date|time|start|end/.test((f || "").toLowerCase())) item[f] = new Date(baseDate + i * 86400000).toISOString();
       else item[f] = `Example ${i}`;
     }
     items.push(item);
@@ -676,13 +681,13 @@ function buildDefaultArgsForRequiredProps(props, usageFromPages = null, componen
       } else if (/string/.test(type)) {
         argLines.push(`    ${name}: ${stringFallback(name)},`);
         added.add(name);
-      } else if (/number/.test(type) || /^(value|amount|total|count|hours|minutes|progress|percent)$/.test(name)) {
+      } else if (/number/.test(type) || /^(value|amount|total|count|hours|minutes|progress|percent|estimate)$/.test(name)) {
         argLines.push(`    ${name}: 0,`);
         added.add(name);
       }
     }
-    // Optional props that often cause "reading X of undefined" in Storybook if missing
-    const NUMBER_LIKE_OPTIONAL = new Set(["value", "amount", "total", "count", "hours", "minutes", "progress", "percent", "visibility"]);
+    // Optional props that often cause "reading X of undefined" or "reading 'toString'" in Storybook if missing
+    const NUMBER_LIKE_OPTIONAL = new Set(["value", "amount", "total", "count", "hours", "minutes", "progress", "percent", "visibility", "estimate"]);
     const DATE_RANGE_DEFAULT = `{ dateRange: { from: new Date().toISOString(), to: new Date().toISOString() } }`;
     for (const p of props) {
       const type = String(p.type || "").trim();
@@ -715,6 +720,9 @@ function buildDefaultArgsForRequiredProps(props, usageFromPages = null, componen
       } else if (name === "defaultProjectId") {
         argLines.push(`    ${name}: "1",`);
         added.add(name);
+      } else if (name === "task" || /Task\b/.test(type)) {
+        argLines.push(`    ${name}: { id: "1", title: "Example", estimate: 0 },`);
+        added.add(name);
       }
     }
   }