vibe-design-system 2.5.26 → 2.5.27

package/package.json

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

package/vds-core-template/setup-storybook-providers.mjs

@@ -153,14 +153,24 @@ function injectProviderDecorators(projectRoot) {
       const insertAt = lastImportIdx >= 0 ? content.indexOf("\n", lastImportIdx) + 1 : content.indexOf("\n") + 1;
       content = content.slice(0, insertAt) + importLines + "\n" + content.slice(insertAt);
     }
-    if (!content.includes("withProviders")) {
+    const withProvidersCode = buildWithProvidersCode(providersToAdd);
+    const idxPreview = content.indexOf("const preview");
+    const idxWithProviders = content.indexOf("const withProviders");
+    const wrongOrder = idxWithProviders !== -1 && idxPreview !== -1 && idxWithProviders > idxPreview;
+    if (wrongOrder) {
+      const blockMatch = content.match(/const withProviders\s*=[\s\S]+?;\s*\n/);
+      if (blockMatch) {
+        const block = blockMatch[0].trim();
+        content = content.replace(blockMatch[0], "").replace(/\n{3,}/g, "\n\n");
+        content = content.replace(/(\s*)(const preview\s*[^=]*=\s*\{)/, block + "\n\n$1$2");
+      }
+    } else if (!content.includes("withProviders")) {
       if (!content.includes("import React")) {
         const firstImport = content.match(/^import\s+/m);
         const insertAt = firstImport ? content.indexOf(firstImport[0]) : 0;
         content = content.slice(0, insertAt) + "import React from \"react\";\n" + content.slice(insertAt);
       }
-      const withProvidersCode = buildWithProvidersCode(providersToAdd);
-      content = content.replace(/(\s*)(export default preview;?)/, withProvidersCode + "\n\n$1$2");
+      content = content.replace(/(\s*)(const preview\s*[^=]*=\s*\{)/, withProvidersCode + "\n\n$1$2");
       if (content.includes("decorators:")) {
         content = content.replace(/decorators:\s*\[/, "decorators: [withProviders, ");
       } else {
@@ -168,7 +178,7 @@ function injectProviderDecorators(projectRoot) {
       }
     }
     fs.writeFileSync(previewPath, content, "utf-8");
-    console.log("[VDS] Storybook preview: added " + providersToAdd.map((p) => p.name).join(", "));
+    console.log("[VDS] Storybook preview: " + (wrongOrder ? "fixed withProviders order." : "added " + providersToAdd.map((p) => p.name).join(", ")));
   }
 
   if (hooksWithoutProvider.size > 0) {