vibe-design-system 2.5.39 → 2.5.41

package/package.json

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

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

@@ -493,9 +493,14 @@ const COMPONENT_EXTRA_ARGS = {
   ],
 };
 
-/** Render'da args'a uygulanacak fallback (useState(estimate.toString()) gibi kullanımlar için; Controls undefined yapsa bile). */
+/** Render'da args'a uygulanacak fallback (useState(estimate.toString()) gibi kullanımlar için; args/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 }",
+  TaskEstimateInput: ", estimate: (args && args.estimate) ?? 0, value: (args && args.value) ?? 0, task: (args && args.task) ?? { id: \"1\", title: \"Example\", estimate: 0 }",
+};
+
+/** Kalıcı çözüm: Storybook Docs/Controls args'ı geçmezse bile component'a güvenli props veren wrapper. Önce safeDefaults uygulanır, sonra gelen props. */
+const SAFE_WRAPPER_DEFAULTS = {
+  TaskEstimateInput: `{ estimate: 0, onUpdate: () => {}, value: 0, task: { id: "1", title: "Example", estimate: 0 }, compact: false }`,
 };
 
 /** Recursive list of .tsx/.jsx file paths under dir (relative to dir). Index.tsx / index.tsx first for deterministic "first usage". */
@@ -1063,6 +1068,12 @@ function buildStoryFileContent(comp) {
   lines.push(`const ComponentRef = React.lazy(() => import(/* @vite-ignore */ "${importPath}").then(${getDefault}).catch(() => ({ default: ${loadFallback} })));`);
   lines.push("");
 
+  const safeDefaultsObj = componentName && SAFE_WRAPPER_DEFAULTS[componentName];
+  if (safeDefaultsObj) {
+    lines.push(`const safeDefaults = ${safeDefaultsObj};`);
+    lines.push(`const SafeWrapper = (props) => React.createElement(ComponentRef, { ...safeDefaults, ...(props || {}) });`);
+    lines.push("");
+  }
   lines.push(`const meta = {`);
   lines.push(`  title: ${JSON.stringify(title)},`);
   lines.push(`  component: ComponentRef,`);
@@ -1087,12 +1098,15 @@ function buildStoryFileContent(comp) {
     return lines.join("\n");
   }
 
-  // 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";
+  // Kalıcı çözüm: SafeWrapper varsa her zaman onu kullan (Docs/Controls args geçmese bile safeDefaults uygulanır)
+  const useSafeWrapper = componentName && SAFE_WRAPPER_DEFAULTS[componentName];
+  const RenderTarget = useSafeWrapper ? "SafeWrapper" : "ComponentRef";
+  const argsFallback = !useSafeWrapper && (componentName && RENDER_ARGS_FALLBACKS[componentName]) || "";
+  const argsParam = (useSafeWrapper || argsFallback) ? "(args = {})" : "(args)";
+  const propsArg = argsFallback ? `{ ...args${argsFallback} }` : (useSafeWrapper ? "args" : "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, ${propsArg})),`;
+    ? `  render: (args) => React.createElement(React.Suspense, { fallback: null }, React.createElement(${RenderTarget}, { ...args, children: args.children || React.createElement('span', null, 'Example') })),`
+    : `  render: ${argsParam} => React.createElement(React.Suspense, { fallback: null }, React.createElement(${RenderTarget}, ${propsArg})),`;
   const childrenArgLine = (label) => (!omitChildren && !useReactNodeChildrenRender ? `    children: ${JSON.stringify(label)},` : null);
 
   if (!variants.length) {