vibe-design-system 2.5.50 → 2.6.0

package/package.json

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

package/vds-core-template/scan.mjs

@@ -621,7 +621,77 @@ function extractComponentSuggestions() {
       reason: `Visual section candidate: same className cluster ${count}×, ${directChildren} child elements`,
     });
   }
-  return suggestions;
+
+  // Ek: Tekil büyük bloklar (single large blocks) — tekrar etmese bile component adayı
+  const LARGE_BLOCK_MIN_CHILDREN = 5; // en az 5 direkt child
+  const LARGE_BLOCK_MIN_CLASS_TOKENS = 4; // className’de en az 4 token
+  const MAX_SINGLE_BLOCKS_PER_FILE = 3; // her dosyadan en fazla 3 aday
+
+  const singleBlockCandidates = [];
+
+  for (const { fullPath, srcRel } of allPageFiles) {
+    let content;
+    try {
+      content = fs.readFileSync(fullPath, "utf-8");
+    } catch {
+      continue;
+    }
+    const fileCandidates = [];
+    const reSingle = /className\s*=\s*["']([^"']+)["']|className\s*=\s*\{\s*["']([^"']+)["']\s*\}/g;
+    let m;
+    while ((m = reSingle.exec(content)) !== null) {
+      const raw = (m[1] ?? m[2] ?? "").trim().replace(/\s+/g, " ").trim();
+      if (!raw) continue;
+      const classCount = raw.split(/\s+/).filter(Boolean).length;
+      if (classCount < LARGE_BLOCK_MIN_CLASS_TOKENS) continue;
+
+      const before = content.substring(0, m.index);
+      const lastOpen = before.lastIndexOf("<");
+      const tagMatch = lastOpen >= 0 ? content.slice(lastOpen).match(/<(\w+)/) : null;
+      const tagName = tagMatch ? tagMatch[1] : "div";
+
+      let fullJsx = null;
+      let innerContent = "";
+      const extracted = extractFullElement(content, m.index, tagName);
+      if (extracted) {
+        fullJsx = extracted.fullJsx;
+        innerContent = extracted.innerContent || "";
+      }
+      const directChildren = countDirectChildren(innerContent);
+      if (directChildren < LARGE_BLOCK_MIN_CHILDREN) continue;
+
+      fileCandidates.push({
+        tagName,
+        pattern: raw,
+        fullJsx,
+        innerContent,
+        directChildren,
+        srcRel,
+      });
+    }
+
+    fileCandidates
+      .sort((a, b) => b.directChildren - a.directChildren)
+      .slice(0, MAX_SINGLE_BLOCKS_PER_FILE)
+      .forEach((c) => {
+        singleBlockCandidates.push({
+          suggestedName: sanitizeComponentName(
+            (suggestNameFromContent(c.innerContent) ||
+              suggestNameFromPattern(c.pattern) ||
+              "Section").replace(/\s+/g, "")
+          ),
+          tagName: c.tagName,
+          pattern: c.pattern,
+          fullJsx: c.fullJsx,
+          occurrences: 1,
+          foundIn: [c.srcRel],
+          snippet: `<${c.tagName} className="${c.pattern}">...</${c.tagName}>`,
+          reason: `Large visual block candidate: ${c.directChildren} direct children, rich className`,
+        });
+      });
+  }
+
+  return suggestions.concat(singleBlockCandidates);
 }
 
 /** src/pages/ içinde tanımlı ama src/components'a çıkarılmamış visual section'ları listele (component adayı raporu). */