vibe-design-system 2.5.49 → 2.5.51

package/bin/init.js

@@ -194,12 +194,34 @@ function ensureStorybook(projectRoot) {
   fs.writeFileSync(mainPath, STORYBOOK_MAIN_TS, "utf-8");
   console.log("📝 .storybook/main.ts yazıldı.");
 
-  const hasPreview = ["preview.tsx", "preview.ts", "preview.jsx", "preview.js"].some((name) =>
+  // preview.ts / preview.tsx — eski VDS template'lerini otomatik olarak yeni router'sız template'e migrate et.
+  const previewCandidates = ["preview.tsx", "preview.ts", "preview.jsx", "preview.js"];
+  const existingPreview = previewCandidates.find((name) =>
     fs.existsSync(path.join(storybookDir, name))
   );
-  if (!hasPreview) {
+  const previewPath = existingPreview ? path.join(storybookDir, existingPreview) : null;
+
+  if (!previewPath) {
+    // Daha önce hiç preview yoksa, yeni template'i yaz.
     fs.writeFileSync(path.join(storybookDir, "preview.ts"), STORYBOOK_PREVIEW_TS, "utf-8");
     console.log("📝 .storybook/preview.ts yazıldı.");
+  } else {
+    // Eski VDS preview'lerini tespit edip otomatik migrate et; kullanıcıya ait preview'lere dokunma.
+    try {
+      const content = fs.readFileSync(previewPath, "utf-8");
+      const looksLikeOldVdsPreview =
+        content.includes('MemoryRouter from "react-router-dom"') ||
+        content.includes("const withRouter") ||
+        content.includes("decorators: [withRouter");
+      if (looksLikeOldVdsPreview) {
+        fs.writeFileSync(previewPath, STORYBOOK_PREVIEW_TS, "utf-8");
+        console.log("📝 .storybook/preview.* eski VDS şablonundan yeni router'sız şablona güncellendi.");
+      } else {
+        console.log("ℹ️ .storybook/preview.* bulundu, kullanıcıya ait görünüyor; değiştirilmedi.");
+      }
+    } catch {
+      console.log("⚠️ .storybook/preview.* okunamadı; değiştirilmedi.");
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.5.49",
+  "version": "2.5.51",
   "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). */