vibe-design-system 2.8.32 → 2.8.33

package/package.json

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

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

@@ -1400,7 +1400,8 @@ function buildStoryFileContent(comp) {
   lines.push(`const meta = {`);
   lines.push(`  title: ${JSON.stringify(title)},`);
   lines.push(`  component: ComponentRef,`);
-  lines.push(`  tags: ["autodocs"],`);
+  // SECTION: no props/args → autodocs tries to render React.lazy without Suspense → useRef crash
+  if (profile !== "SECTION") lines.push(`  tags: ["autodocs"],`);
 
   // Build argTypes from extracted TypeScript props + icon-specific overrides
   const argTypeEntries = [];

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

@@ -204,12 +204,32 @@ function injectAliases(projectRoot, specifiers) {
   }
 }
 
+/** Inject resolve.dedupe into .storybook/main.* viteFinal to prevent multiple React instances.
+ *  Multiple React instances cause "Cannot read properties of null (reading 'useRef')" at MemoryRouter. */
+function injectDedupe(projectRoot) {
+  const mainPath = getMainPath(projectRoot);
+  if (!mainPath) return;
+  let content = fs.readFileSync(mainPath, "utf-8");
+  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*\})/;
+  if (!pattern.test(content)) return;
+  content = content.replace(pattern, (_, aliasBlock, resolveClose) =>
+    `${aliasBlock},\n        dedupe: ["react", "react-dom", "react-router-dom"],${resolveClose}`
+  );
+  fs.writeFileSync(mainPath, content, "utf-8");
+  console.log("[VDS] Storybook adapt: injected React dedupe into viteFinal");
+}
+
 function main() {
   const projectRoot = PROJECT_ROOT;
   if (!fs.existsSync(path.join(projectRoot, ".storybook"))) {
     console.log("[VDS] .storybook not found; skip storybook-adapt.");
     return;
   }
+  // Always inject dedupe — prevents "useRef null" crashes from multiple React instances
+  injectDedupe(projectRoot);
   reportUnresolvedImports(projectRoot);
   const problematic = collectProblematicImports(projectRoot);
   if (problematic.size === 0) return;