vibe-design-system 1.2.1 → 1.3.0

package/bin/init.js

@@ -90,6 +90,14 @@ function addVdsRouteToApp(projectRoot) {
 console.log("🎨 VDS kuruluyor...");
 
 const projectRoot = getProjectRoot();
+const pkgPath = path.join(projectRoot, "package.json");
+if (!fs.existsSync(pkgPath)) {
+  console.error("❌ Bu klasörde package.json bulunamadı.");
+  console.error("VDS, mevcut bir React projesine kurulmalıdır.");
+  console.error("Cursor'da projenizi açın ve o projenin terminalinde çalıştırın.");
+  process.exit(1);
+}
+
 const vdsCoreDest = path.join(projectRoot, "vds-core");
 
 if (!fs.existsSync(vdsCoreDest)) {

package/package.json

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

package/vds-core-template/scan.mjs

@@ -8,6 +8,7 @@ import fs from "fs";
 import path from "path";
 import { fileURLToPath } from "url";
 import { createRequire } from "module";
+import { execSync } from "child_process";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const PROJECT_ROOT = path.join(__dirname, "..");
@@ -31,6 +32,22 @@ 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");
 
+function getGitBranch() {
+  try {
+    return execSync("git branch --show-current", { cwd: PROJECT_ROOT, encoding: "utf-8" }).trim() || null;
+  } catch (_) {
+    return null;
+  }
+}
+
+function getGitEngineer() {
+  try {
+    return execSync("git config user.name", { cwd: PROJECT_ROOT, encoding: "utf-8" }).trim() || null;
+  } catch (_) {
+    return null;
+  }
+}
+
 function incPatch(version) {
   const parts = String(version || "1.0.0").split(".");
   const major = parseInt(parts[0], 10) || 1;
@@ -208,6 +225,44 @@ function getAllTsxJsxInDir(dir) {
   return getAllComponentFiles(dir, dir);
 }
 
+const BRAND_KEYWORDS = /logo|brand|icon|favicon|emblem|mark/i;
+const BRAND_EXTENSIONS = /\.(svg|png|ico)$/i;
+
+function getFilesByExtension(dir, extRe, baseDir = dir) {
+  if (!fs.existsSync(dir)) return [];
+  const entries = fs.readdirSync(dir, { withFileTypes: true });
+  const files = [];
+  for (const entry of entries) {
+    const fullPath = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      files.push(...getFilesByExtension(fullPath, extRe, baseDir));
+    } else if (entry.isFile() && extRe.test(entry.name)) {
+      files.push(path.relative(baseDir, fullPath).replace(/\\/g, "/"));
+    }
+  }
+  return files;
+}
+
+/** Scan public/, src/assets/, src/images/ for .svg, .png, .ico; filter by brand keywords. */
+function extractBrandAssets() {
+  const assets = [];
+  const dirs = [
+    path.join(PROJECT_ROOT, "public"),
+    path.join(PROJECT_ROOT, "src", "assets"),
+    path.join(PROJECT_ROOT, "src", "images"),
+  ];
+  for (const dir of dirs) {
+    const files = getFilesByExtension(dir, BRAND_EXTENSIONS, PROJECT_ROOT);
+    for (const filePath of files) {
+      const baseName = path.basename(filePath);
+      if (!BRAND_KEYWORDS.test(baseName)) continue;
+      const type = /favicon|\.ico$/i.test(baseName) ? "favicon" : /logo|brand|emblem|mark/i.test(baseName) ? "logo" : "icon";
+      assets.push({ path: filePath, name: baseName, type });
+    }
+  }
+  return assets;
+}
+
 /** Extract icon names from `import { A, B, C } from "lucide-react"` (or 'lucide-react'). Returns unique list. */
 function extractLucideIconsUsed(srcDir) {
   const files = getAllTsxJsxInDir(srcDir);
@@ -505,7 +560,10 @@ function scan() {
   }
   const foundations = extractFoundations();
   foundations.icons = extractLucideIconsUsed(SRC_DIR);
+  foundations.brand = { assets: extractBrandAssets() };
   const output = {
+    branch: getGitBranch(),
+    engineer: getGitEngineer(),
     scannedAt: new Date().toISOString(),
     totalComponents: results.length,
     components: results,
@@ -528,6 +586,8 @@ function scan() {
     const historyEntry = {
       version: nextVersion,
       timestamp: new Date().toISOString(),
+      branch: getGitBranch(),
+      engineer: getGitEngineer(),
       changes,
     };
     const entries = readHistoryEntries();
@@ -540,9 +600,81 @@ function scan() {
   }
 }
 
+function loadVdsOutputFromBranch(branch) {
+  try {
+    const raw = execSync(`git show ${branch}:vds-output.json`, { cwd: PROJECT_ROOT, encoding: "utf-8", maxBuffer: 10 * 1024 * 1024 });
+    return JSON.parse(raw);
+  } catch (_) {
+    return null;
+  }
+}
+
+function componentSignature(c) {
+  return JSON.stringify({ name: c.name, group: c.group, category: c.category, tokens: (c.tokens || []).slice().sort() });
+}
+
+function runCompare() {
+  const argv = process.argv.slice(2);
+  const idx = argv.indexOf("--compare");
+  const branch1 = idx >= 0 ? argv[idx + 1] : null;
+  const branch2 = idx >= 0 ? argv[idx + 2] : null;
+  if (!branch1 || !branch2) {
+    console.error("Kullanım: node vds-core/scan.mjs --compare <branch1> <branch2>");
+    process.exit(1);
+  }
+  const data1 = loadVdsOutputFromBranch(branch1);
+  const data2 = loadVdsOutputFromBranch(branch2);
+  if (!data1 || !data1.components) {
+    console.error(`vds-output.json bulunamadı veya geçersiz: ${branch1}. Önce o branch'te 'npm run vds' çalıştırın.`);
+    process.exit(1);
+  }
+  if (!data2 || !data2.components) {
+    console.error(`vds-output.json bulunamadı veya geçersiz: ${branch2}. Önce o branch'te 'npm run vds' çalıştırın.`);
+    process.exit(1);
+  }
+  const byFile1 = new Map(data1.components.map((c) => [c.file, c]));
+  const byFile2 = new Map(data2.components.map((c) => [c.file, c]));
+  const files1 = new Set(byFile1.keys());
+  const files2 = new Set(byFile2.keys());
+  const commonFiles = [...files1].filter((f) => files2.has(f));
+  const only1 = [...files1].filter((f) => !files2.has(f));
+  const only2 = [...files2].filter((f) => !files1.has(f));
+  const different = commonFiles.filter((f) => componentSignature(byFile1.get(f)) !== componentSignature(byFile2.get(f)));
+  const commonCount = commonFiles.length - different.length;
+
+  const label1 = branch1.length > 20 ? branch1.slice(0, 17) + "…" : branch1;
+  const label2 = branch2.length > 20 ? branch2.slice(0, 17) + "…" : branch2;
+  console.log(`\n📊 Branch karşılaştırma: ${label1} vs ${label2}\n`);
+  console.log(`✅ Ortak: ${commonCount} component`);
+  if (different.length > 0) {
+    different.forEach((file) => {
+      const c = byFile1.get(file);
+      console.log(`🟡 Farklılaşan: ${c.name} (token veya meta farkı)`);
+    });
+  }
+  if (only1.length > 0) {
+    only1.forEach((file) => {
+      const c = byFile1.get(file);
+      const shortBranch = branch1.length > 15 ? branch1.replace(/^[^/]+\//, "").slice(0, 12) : branch1;
+      console.log(`🔴 Sadece ${shortBranch}'ta: ${c.name}`);
+    });
+  }
+  if (only2.length > 0) {
+    only2.forEach((file) => {
+      const c = byFile2.get(file);
+      const shortBranch = branch2.length > 15 ? branch2.replace(/^[^/]+\//, "").slice(0, 12) : branch2;
+      console.log(`🔴 Sadece ${shortBranch}'ta: ${c.name}`);
+    });
+  }
+  console.log("");
+}
+
 const isWatch = process.argv.includes("--watch");
+const isCompare = process.argv.includes("--compare");
 
-if (isWatch) {
+if (isCompare) {
+  runCompare();
+} else if (isWatch) {
   if (!fs.existsSync(COMPONENTS_DIR)) {
     console.error(CLI_LOCALES[CLI_LOCALE].componentsNotFound);
     process.exit(1);