vibe-design-system 2.5.5 → 2.5.6

package/package.json

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

package/vds-core-template/scan.mjs

@@ -29,6 +29,8 @@ const cliT = (key, n) => CLI_LOCALES[CLI_LOCALE][key].replace("{n}", String(n));
 const SRC_DIR = path.join(PROJECT_ROOT, "src");
 const COMPONENTS_DIR = path.join(PROJECT_ROOT, "src", "components");
 const PAGES_DIR = path.join(PROJECT_ROOT, "src", "pages");
+
+const IGNORE_DIRS = ["node_modules", "dist", ".next", "build", "vds-generated", ".storybook"];
 const OUTPUT_FILE = path.join(PROJECT_ROOT, "vds-output.json");
 const PUBLIC_MANIFEST = path.join(PROJECT_ROOT, "public", "vds-output.json");
 const HISTORY_FILE = path.join(PROJECT_ROOT, "vds-history.json");
@@ -337,6 +339,7 @@ function getAllComponentFiles(dir, baseDir = dir) {
   for (const entry of entries) {
     const fullPath = path.join(dir, entry.name);
     if (entry.isDirectory()) {
+      if (IGNORE_DIRS.includes(entry.name)) continue;
       files.push(...getAllComponentFiles(fullPath, baseDir));
     } else if (entry.isFile() && /\.(tsx|jsx)$/i.test(entry.name)) {
       files.push(path.relative(baseDir, fullPath).replace(/\\/g, "/"));
@@ -1200,8 +1203,6 @@ function scan() {
   foundations.icons = extractLucideIconsUsed(SRC_DIR);
   foundations.brand = { assets: extractBrandAssets() };
   const componentSuggestions = extractComponentSuggestions();
-  const vdsGeneratedEntries = writeVdsGeneratedComponents(componentSuggestions);
-  results.push(...vdsGeneratedEntries);
   const output = {
     branch: getGitBranch(),
     engineer: getGitEngineer(),

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

@@ -22,8 +22,7 @@ const STORIES_DIR = path.join(SRC_DIR, "stories");
 
 // CSS is loaded from .storybook/preview.tsx — never add CSS import to story files.
 
-// Components we don't want to auto-generate import-based stories for (project-specific dashboards, heavy UIs, etc.)
-// vds-generated/ is handled separately: placeholder stories only (no import of broken Figma/Make JSX).
+// Components we don't want to auto-generate stories for (project-specific dashboards, heavy UIs, etc.)
 const SKIP_LIST = [
   "AnalysisDashboard",
   "ComponentLibrary",
@@ -381,33 +380,6 @@ function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
 
-/** Placeholder story for vds-generated extracted patterns (no import; broken Figma/Make JSX is not loaded). */
-function buildExtractedPlaceholderStory(comp) {
-  const componentName = toSafeComponentName(comp.name, comp.file);
-  const occurrenceCount = comp.occurrences ?? 0;
-  const title = `VDS Generated/${componentName}`;
-  return [
-    'import type { Meta, StoryObj } from "@storybook/react";',
-    "",
-    `const meta = { title: ${JSON.stringify(title)} } satisfies Meta;`,
-    "export default meta;",
-    "type Story = StoryObj;",
-    "",
-    "export const Default: Story = {",
-    "  render: () => (",
-    "    <div style={{ padding: 24, border: \"2px dashed #ccc\", borderRadius: 8 }}>",
-    "      <p style={{ color: \"#999\", fontSize: 12 }}>EXTRACTED PATTERN</p>",
-    `      <h3 style={{ margin: \"0 0 8px 0\" }}>${componentName}</h3>`,
-    "      <p style={{ color: \"#666\", margin: 0 }}>",
-    `        This pattern was detected ${occurrenceCount} times in src/pages/.`,
-    "        Extract it as a proper component to see it rendered here.",
-    "      </p>",
-    "    </div>",
-    "  ),",
-    "};",
-  ].join("\n");
-}
-
 function detectExportStyle(source, componentName) {
   if (!source) return "unknown";
   const hasDefault = /export\s+default\b/.test(source);
@@ -988,18 +960,10 @@ function main() {
   for (const comp of components) {
     const componentName = toSafeComponentName(comp.name, comp.file);
     if (onlyName && componentName !== onlyName) continue;
+    if (!comp.file.startsWith("ui/") && !comp.file.startsWith("pages/")) continue;
 
     const storyFileName = `${componentName}.stories.tsx`;
     const storyPath = path.join(STORIES_DIR, storyFileName);
-
-    if (comp.file.startsWith("vds-generated/")) {
-      const content = buildExtractedPlaceholderStory(comp);
-      fs.writeFileSync(storyPath, content, "utf-8");
-      console.log(`[VDS] Wrote ${path.relative(PROJECT_ROOT, storyPath)} (placeholder)`);
-      continue;
-    }
-
-    if (!comp.file.startsWith("ui/") && !comp.file.startsWith("pages/")) continue;
     if (SKIP_LIST.includes(componentName)) continue;
     const requiredCount = Array.isArray(comp.props) ? comp.props.filter((p) => p.required === true).length : 0;
     if (requiredCount > 3) continue;