vibe-design-system 2.8.39 → 2.8.40

package/bin/init.js

@@ -316,6 +316,12 @@ function buildStorybookPreviewTs(framework, projectRoot) {
     ["src/globals.css", "../src/globals.css"],
     ["src/styles/globals.css", "../src/styles/globals.css"],
     ["app/globals.css", "../app/globals.css"],
+    // Fullstack / monorepo patterns (client/, frontend/, web/)
+    ["client/src/index.css", "../client/src/index.css"],
+    ["client/src/globals.css", "../client/src/globals.css"],
+    ["frontend/src/index.css", "../frontend/src/index.css"],
+    ["frontend/src/globals.css", "../frontend/src/globals.css"],
+    ["web/src/index.css", "../web/src/index.css"],
   ];
   let cssImport = '// CSS bulunamadı — projenizin global CSS dosyasını buraya ekleyin';
   for (const [rel, importPath] of cssCandidates) {

package/package.json

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

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

@@ -206,6 +206,52 @@ 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. */
+/** Read vite.config.ts/js and extract path.resolve alias entries.
+ *  Injects any missing aliases into .storybook/main.ts viteFinal. */
+function injectViteConfigAliases(projectRoot) {
+  const mainPath = getMainPath(projectRoot);
+  if (!mainPath) return;
+
+  // Find the project's vite config
+  const viteConfigCandidates = ["vite.config.ts", "vite.config.js", "vite.config.mts", "vite.config.mjs"];
+  let viteConfigContent = null;
+  for (const name of viteConfigCandidates) {
+    const p = path.join(projectRoot, name);
+    if (fs.existsSync(p)) { viteConfigContent = fs.readFileSync(p, "utf-8"); break; }
+  }
+  if (!viteConfigContent) return;
+
+  // Extract alias entries like: "@shared": path.resolve(..., "shared")
+  const aliasRe = /["'](@[^"']+)["']\s*:\s*path\.resolve\([^)]*,\s*["']([^"']+)["']\s*\)/g;
+  const viteAliases = {};
+  let m;
+  while ((m = aliasRe.exec(viteConfigContent)) !== null) {
+    viteAliases[m[1]] = m[2]; // e.g. "@shared" -> "shared"
+  }
+  if (Object.keys(viteAliases).length === 0) return;
+
+  // Read current main.ts
+  let mainContent = fs.readFileSync(mainPath, "utf-8");
+
+  // Find which aliases are missing
+  const missingAliases = Object.entries(viteAliases).filter(([key]) => !mainContent.includes(`"${key}"`));
+  if (missingAliases.length === 0) return;
+
+  // Inject missing aliases into the existing alias block
+  const aliasBlockRe = /(\balias\s*:\s*\{)([^}]*)(\})/;
+  if (!aliasBlockRe.test(mainContent)) return;
+
+  const additions = missingAliases
+    .map(([key, dir]) => `\n          "${key}": path.resolve(process.cwd(), "${dir}"),`)
+    .join("");
+
+  mainContent = mainContent.replace(aliasBlockRe, (_, open, body, close) =>
+    `${open}${body}${additions}\n        ${close}`
+  );
+  fs.writeFileSync(mainPath, mainContent, "utf-8");
+  console.log(`[VDS] Storybook adapt: injected vite aliases: ${missingAliases.map(([k]) => k).join(", ")}`);
+}
+
 function injectDedupe(projectRoot) {
   const mainPath = getMainPath(projectRoot);
   if (!mainPath) return;
@@ -231,6 +277,8 @@ function main() {
   }
   // Always inject dedupe — prevents "useRef null" crashes from multiple React instances
   injectDedupe(projectRoot);
+  // Propagate aliases from project's vite.config.ts to Storybook
+  injectViteConfigAliases(projectRoot);
   reportUnresolvedImports(projectRoot);
   const problematic = collectProblematicImports(projectRoot);
   if (problematic.size === 0) return;