vibe-design-system 2.5.37 → 2.5.39

package/package.json

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

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

@@ -478,6 +478,26 @@ const REACTNODE_PLACEHOLDER_TEXT = {
   children: "Example content",
 };
 
+/** Component adına göre ekstra args (toString/undefined hatalarını önlemek için; her prop güvenli değer alır). */
+const COMPONENT_EXTRA_ARGS = {
+  TaskEstimateInput: [
+    "    task: { id: \"1\", title: \"Example\", estimate: 0, description: \"\" },",
+    "    estimate: 0,",
+    "    value: 0,",
+    "    initialValue: 0,",
+    "    defaultValue: 0,",
+    "    min: 0,",
+    "    max: 100,",
+    "    step: 1,",
+    "    taskId: \"1\",",
+  ],
+};
+
+/** Render'da args'a uygulanacak fallback (useState(estimate.toString()) gibi kullanımlar için; Controls undefined yapsa bile). */
+const RENDER_ARGS_FALLBACKS = {
+  TaskEstimateInput: ", estimate: args.estimate ?? 0, value: args.value ?? 0, task: args.task ?? { id: \"1\", title: \"Example\", estimate: 0 }",
+};
+
 /** Recursive list of .tsx/.jsx file paths under dir (relative to dir). Index.tsx / index.tsx first for deterministic "first usage". */
 function getAllTsxJsxUnderDir(dir) {
   if (!fs.existsSync(dir)) return [];
@@ -734,6 +754,29 @@ function buildDefaultArgsForRequiredProps(props, usageFromPages = null, componen
         added.add(key);
       }
     }
+    // Component-specific extra args (COMPONENT_EXTRA_ARGS) — tüm olası proplar güvenli değer alsın
+    const extraLines = componentName && COMPONENT_EXTRA_ARGS[componentName];
+    if (extraLines) {
+      for (const line of extraLines) {
+        const keyMatch = line.match(/^\s*(\w+)\s*:/);
+        const key = keyMatch ? keyMatch[1] : null;
+        if (key && !added.has(key)) {
+          argLines.push(line);
+          added.add(key);
+        }
+      }
+    }
+  }
+  // COMPONENT_EXTRA_ARGS: props listesi boş olsa bile (örn. parse edilemeyen component) uygula
+  if (componentName && COMPONENT_EXTRA_ARGS[componentName]) {
+    for (const line of COMPONENT_EXTRA_ARGS[componentName]) {
+      const keyMatch = line.match(/^\s*(\w+)\s*:/);
+      const key = keyMatch ? keyMatch[1] : null;
+      if (key && !added.has(key)) {
+        argLines.push(line);
+        added.add(key);
+      }
+    }
   }
   for (const name of Object.keys(fromPages)) {
     if (added.has(name)) continue;
@@ -1045,9 +1088,11 @@ function buildStoryFileContent(comp) {
   }
 
   // Wrap in Suspense so lazy load errors render fallback instead of crashing
+  const argsFallback = (componentName && RENDER_ARGS_FALLBACKS[componentName]) || "";
+  const propsArg = argsFallback ? `{ ...args${argsFallback} }` : "args";
   const renderLine = useReactNodeChildrenRender
     ? `  render: (args) => React.createElement(React.Suspense, { fallback: null }, React.createElement(ComponentRef, { ...args, children: args.children || React.createElement('span', null, 'Example') })),`
-    : `  render: (args) => React.createElement(React.Suspense, { fallback: null }, React.createElement(ComponentRef, args)),`;
+    : `  render: (args) => React.createElement(React.Suspense, { fallback: null }, React.createElement(ComponentRef, ${propsArg})),`;
   const childrenArgLine = (label) => (!omitChildren && !useReactNodeChildrenRender ? `    children: ${JSON.stringify(label)},` : null);
 
   if (!variants.length) {