vibe-design-system 2.8.42 → 2.8.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.8.42",
+  "version": "2.8.44",
   "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

@@ -1108,6 +1108,7 @@ function buildSpecialStories(componentName, variants) {
 
 function buildRecipeStoryContent(comp, componentName, importPath, title, source, exportStyle, recipe, defaultArgLines = [], lucideImports = [], iconPropNames = [], needReact = false) {
   const lines = [];
+  lines.push(`// @vds-regenerate — VDS auto-generated. Remove this line to prevent overwrite.`);
   lines.push(`import type { Meta, StoryObj } from "@storybook/react";`);
   if (needReact) {
     lines.push(`import React from "react";`);
@@ -1387,6 +1388,7 @@ function buildStoryFileContent(comp) {
   }
 
   const lines = [];
+  lines.push(`// @vds-regenerate — VDS auto-generated. Remove this line to prevent overwrite.`);
   lines.push(`import type { Meta, StoryObj } from "@storybook/react";`);
   lines.push(`import React from "react";`);
   if (lucideImports.length > 0) {
@@ -3057,6 +3059,17 @@ function main() {
     const requiredCount = Array.isArray(comp.props) ? comp.props.filter((p) => p.required === true).length : 0;
     if (requiredCount > 3) continue;
 
+    // Never overwrite manually edited story files
+    if (fs.existsSync(storyPath)) {
+      try {
+        const existing = fs.readFileSync(storyPath, "utf-8");
+        // If file was manually edited (different from VDS auto-gen pattern), skip it
+        if (!existing.includes("@vds-regenerate")) {
+          continue;
+        }
+      } catch (_) {}
+    }
+
     const content = buildStoryFileContent(comp);
     if (content == null) continue;
     fs.writeFileSync(storyPath, content, "utf-8");