vibe-design-system 2.3.0 → 2.3.1

package/package.json

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

package/vds-core-template/scan.mjs

@@ -750,8 +750,6 @@ function extractFoundations() {
   const radius = {};
   if (cssRadiusVars.radius) radius.base = cssRadiusVars.radius;
   if (Object.keys(borderRadiusScale).length > 0) radius.borderRadius = borderRadiusScale;
-  const foundationsColors = { ...colors };
-  if (Object.keys(colorsDark).length > 0) foundationsColors._dark = colorsDark;
 
   // Fallback: if no typography tokens from config, extract from Google Fonts @import
   if (Object.keys(typography).length === 0 || (!typography.body && !typography.bodyFontFamily)) {
@@ -777,19 +775,33 @@ function extractFoundations() {
   }
 
   // ── FALLBACK 1: Arbitrary Tailwind values ──────────────────
-  const srcRelFiles = getAllTsxJsxInDir(SRC_DIR);
-  const allSourceFiles = [
-    ...srcRelFiles.map((f) => path.join(SRC_DIR, f)),
-    path.join(PROJECT_ROOT, "index.html"),
-    path.join(PROJECT_ROOT, "src", "index.css"),
-    path.join(PROJECT_ROOT, "src", "globals.css"),
-    path.join(PROJECT_ROOT, "src", "App.css"),
-    path.join(PROJECT_ROOT, "app", "globals.css"),
-  ].filter((p) => fs.existsSync(p));
+  let allTsxFiles = [];
+  try {
+    const { globSync } = projectRequire("glob");
+    allTsxFiles = globSync("src/**/*.{tsx,jsx,ts,js}", {
+      cwd: PROJECT_ROOT,
+      absolute: true,
+      ignore: ["**/node_modules/**", "**/*.stories.*", "**/dist/**", "**/vds-output*"],
+    });
+  } catch (_) {
+    function walkDir(dir, list) {
+      if (!fs.existsSync(dir)) return;
+      const entries = fs.readdirSync(dir, { withFileTypes: true });
+      for (const e of entries) {
+        const full = path.join(dir, e.name);
+        if (e.isDirectory()) {
+          if (e.name !== "node_modules" && e.name !== "dist") walkDir(full, list);
+        } else if (/\.(tsx|jsx|ts|js)$/i.test(e.name) && !e.name.includes(".stories.")) {
+          list.push(full);
+        }
+      }
+    }
+    walkDir(SRC_DIR, allTsxFiles);
+  }
 
   const ARBITRARY_HEX = /(?:bg|text|border|ring|fill|stroke|from|to|via)-\[#([0-9a-fA-F]{3,8})\]/g;
   const arbitraryColors = new Map();
-  for (const file of allSourceFiles) {
+  for (const file of allTsxFiles) {
     try {
       const content = fs.readFileSync(file, "utf-8");
       for (const match of content.matchAll(ARBITRARY_HEX)) {
@@ -813,18 +825,23 @@ function extractFoundations() {
     const name = "arbitrary-" + hex.slice(1).toLowerCase();
     colors[name] = { value: hex, source: "arbitrary-tailwind", frequency: count };
   }
-
   // ── FALLBACK 2: Google Fonts URL ──────────────────────────
   const GFONTS_PATTERN = /family=([A-Za-z+]+)(?::.*?)?(?:&|$)/g;
-  const fontFiles = allSourceFiles.filter(
-    (f) =>
-      f.endsWith("index.html") ||
-      f.includes("layout.") ||
-      f.includes("_document.") ||
-      f.endsWith("index.css") ||
-      f.includes("globals.css")
-  );
-  for (const file of fontFiles) {
+  const fontFileCandidates = [
+    ...allTsxFiles.filter(
+      (f) =>
+        f.includes("layout.") ||
+        f.includes("_document.") ||
+        f.endsWith("index.css") ||
+        f.includes("globals.css")
+    ),
+    path.join(PROJECT_ROOT, "index.html"),
+    path.join(PROJECT_ROOT, "src", "index.css"),
+    path.join(PROJECT_ROOT, "src", "globals.css"),
+    path.join(PROJECT_ROOT, "src", "App.css"),
+    path.join(PROJECT_ROOT, "app", "globals.css"),
+  ].filter((p) => fs.existsSync(p));
+  for (const file of fontFileCandidates) {
     try {
       const content = fs.readFileSync(file, "utf-8");
       if (!content.includes("fonts.googleapis.com")) continue;
@@ -839,6 +856,9 @@ function extractFoundations() {
     } catch (_) {}
   }
 
+  const foundationsColors = { ...colors };
+  if (Object.keys(colorsDark).length > 0) foundationsColors._dark = colorsDark;
+
   const twTheme = getTailwindTheme();
   const normalizeThemeObj = (obj) => {
     if (!obj || typeof obj !== "object") return {};