vibe-design-system 2.8.41 → 2.8.43

package/bin/init.js

@@ -252,12 +252,17 @@ function storybookFrameworkPackage(framework) {
 
 /** Framework'e göre .storybook/main.ts içeriği */
 function buildStorybookMainTs(framework, srcPrefix) {
+  // Fullstack projects: include both srcPrefix AND src/ globs so stories in either location are found
+  const extraStoriesGlob = srcPrefix !== "src"
+    ? `\n    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)",`
+    : "";
+
   if (framework === "nextjs") {
     return `import type { StorybookConfig } from "@storybook/nextjs";
 
 const config: StorybookConfig = {
   stories: [
-    "../${srcPrefix}/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+    "../${srcPrefix}/**/*.stories.@(js|jsx|mjs|ts|tsx)",${extraStoriesGlob}
     "../app/**/*.stories.@(js|jsx|mjs|ts|tsx)",
   ],
   addons: ["@storybook/addon-essentials", "@storybook/addon-a11y"],
@@ -276,7 +281,9 @@ import { mergeConfig } from "vite";
 import path from "path";
 
 const config: StorybookConfig = {
-  stories: ["../${srcPrefix}/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  stories: [
+    "../${srcPrefix}/**/*.stories.@(js|jsx|mjs|ts|tsx)",${extraStoriesGlob}
+  ],
   addons: ["@storybook/addon-essentials", "@storybook/addon-a11y"],
   framework: {
     name: "@storybook/react-vite",

package/package.json

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

package/vds-core-template/scan.mjs

@@ -449,6 +449,9 @@ function extractBrandAssets() {
   const assets = [];
   const dirs = [
     path.join(PROJECT_ROOT, "public"),
+    path.join(PROJECT_ROOT, "client", "public"),
+    path.join(PROJECT_ROOT, "frontend", "public"),
+    path.join(PROJECT_ROOT, "web", "public"),
     path.join(PROJECT_ROOT, "src", "assets"),
     path.join(PROJECT_ROOT, "src", "images"),
     path.join(PROJECT_ROOT, "client", "src", "assets"),
@@ -466,6 +469,38 @@ function extractBrandAssets() {
       assets.push({ path: filePath, name: baseName, type });
     }
   }
+  // Detect inline/component-based logos (SVG in JSX, brand components, text-gradient brand names)
+  const logoKeywordRe = /(?:logo|brand|emblem)\s*[=:]/i;
+  const svgLogoRe = /<svg[^>]*(?:logo|brand|emblem)/i;
+  const brandTextRe = /text-gradient[^"]*"[^>]*>([^<]+)</;
+  const headerSidebarRe = /(?:header|sidebar|navbar|nav|topbar|layout)/i;
+  const allTsx = getAllTsxJsxInDir(SRC_DIR);
+  for (const rel of allTsx) {
+    try {
+      const content = fs.readFileSync(path.join(SRC_DIR, rel), "utf-8");
+      let brandName = null;
+      // Direct logo/brand keyword in code
+      if (logoKeywordRe.test(content) || svgLogoRe.test(content)) {
+        const m = content.match(brandTextRe);
+        brandName = m ? m[1].trim() : path.basename(rel, path.extname(rel));
+      }
+      // Brand name via text-gradient in header/sidebar/navbar components
+      if (!brandName && headerSidebarRe.test(rel)) {
+        const m = content.match(brandTextRe);
+        if (m) brandName = m[1].trim();
+      }
+      if (brandName && brandName.length > 1 && brandName.length < 30) {
+        assets.push({
+          type: "logo",
+          path: path.relative(PROJECT_ROOT, path.join(SRC_DIR, rel)).replace(/\\/g, "/"),
+          name: brandName,
+          inline: true,
+          description: `Inline logo in ${rel}`,
+        });
+      }
+    } catch (_) {}
+  }
+
   // Fallback: if no branded assets found by keyword, include all image files from SRC_DIR/assets
   if (assets.length === 0 || assets.every((r) => r.type === "asset")) {
     const assetsDir = path.join(SRC_DIR, "assets");

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

@@ -3039,7 +3039,16 @@ function main() {
     const componentName = toSafeComponentName(comp.name, comp.file);
     // Skip unclassified and shadcn/ui primitives (UI group) — they're documented at ui.shadcn.com
     // Only project-specific module groups (Circles, Finance, Projects, Time, …) get stories
-    if (comp.group === "Uncategorized" || comp.group === "UI") continue;
+    const g = comp.group || "Components";
+    if (g === "Uncategorized" || g === "UI" || g === "shadcn" || g === "ui") {
+      // Clean up leftover story files for components that are now in the skip group
+      const oldStory = path.join(STORIES_DIR, `${componentName}.stories.tsx`);
+      if (fs.existsSync(oldStory)) {
+        fs.unlinkSync(oldStory);
+        console.log(`[VDS] Removed shadcn/ui story: ${componentName}.stories.tsx`);
+      }
+      continue;
+    }
     if (onlyName && componentName !== onlyName) continue;
 
     const storyFileName = `${componentName}.stories.tsx`;

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

@@ -211,19 +211,65 @@ function injectAliases(projectRoot, specifiers) {
     aliasLines.push(`"${spec.replace(/"/g, '\\"')}": path.resolve(process.cwd(), "${mockRel}")`);
   }
   const newAliases = aliasLines.join(",\n          ");
-  const pattern = /("@":\s*path\.resolve\(process\.cwd\(\),\s*"src"\))(\s*)(\})/;
+  // Match "@": path.resolve(process.cwd(), "src") OR "@": path.resolve(process.cwd(), "client/src") etc.
+  const pattern = /("@":\s*path\.resolve\(process\.cwd\(\),\s*"[^"]+"\))(\s*)(\})/;
   if (pattern.test(content)) {
     content = content.replace(pattern, `$1,\n          ${newAliases}$2$3`);
     fs.writeFileSync(mainPath, content, "utf-8");
   }
 }
 
+/**
+ * Read project's vite.config.ts and inject any aliases NOT already in .storybook/main.ts.
+ * Supports: @shared, @assets, @db, etc. — any "path.resolve(__dirname, ...)" alias.
+ */
+function injectViteConfigAliases(projectRoot) {
+  const mainPath = getMainPath(projectRoot);
+  if (!mainPath) return;
+
+  // Find 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 aliases: "@shared": path.resolve(__dirname, "shared") style
+  const aliasRe = /["'](@[^"']+)["']\s*:\s*(?:path\.resolve\([^)]*,\s*)?["']([^"']+)["']\s*\)?/g;
+  const viteAliases = {};
+  let m;
+  while ((m = aliasRe.exec(viteConfigContent)) !== null) {
+    if (m[1] !== "@") viteAliases[m[1]] = m[2]; // skip @ — already handled
+  }
+  if (Object.keys(viteAliases).length === 0) return;
+
+  let mainContent = fs.readFileSync(mainPath, "utf-8");
+  const missingAliases = Object.entries(viteAliases).filter(([key]) => !mainContent.includes(`"${key}"`));
+  if (missingAliases.length === 0) return;
+
+  // Find the alias block and inject missing aliases
+  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 main() {
   const projectRoot = PROJECT_ROOT;
   if (!fs.existsSync(path.join(projectRoot, ".storybook"))) {
     console.log("[VDS] .storybook not found; skip storybook-adapt.");
     return;
   }
+  // Inject vite.config aliases into storybook main (e.g. @shared, @assets)
+  injectViteConfigAliases(projectRoot);
   reportUnresolvedImports(projectRoot);
   const problematic = collectProblematicImports(projectRoot);
   if (problematic.size === 0) return;