vibe-design-system 2.8.25 → 2.8.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.8.25",
+  "version": "2.8.27",
   "description": "Auto-generate design systems for vibe coding projects",
   "homepage": "https://vibedesign.tech",
   "repository": {

package/vds-core-template/scan.mjs

@@ -369,10 +369,29 @@ function compareComponents(prevList, newResults) {
   return { added, removed, modified };
 }
 
-/** Path-based classification: ui/ → shadcn, components root → Components, else Uncategorized. */
+/**
+ * Path-based classification: derive Storybook group from the first folder segment.
+ * Examples:
+ *   ui/button.tsx              → group: "UI"
+ *   circles/CircleCard.tsx     → group: "Circles"
+ *   time/TimeDashboard.tsx     → group: "Time"
+ *   time-resources/planning/… → group: "Time Resources"
+ *   settings/UserProfile.tsx   → group: "Settings"
+ */
 function classifyByPath(rel) {
-  if (rel.startsWith("ui/")) return { group: "shadcn", category: "UI" };
-  return { group: "Components", category: "Components" };
+  const normalized = rel.replace(/\\/g, "/");
+  const firstSegment = normalized.split("/")[0] || "";
+
+  // ui/ → always "UI" (shadcn primitives)
+  if (firstSegment === "ui") return { group: "UI", category: null };
+
+  // Convert kebab-case folder to Title Case (time-resources → Time Resources)
+  const group = firstSegment
+    .split("-")
+    .map(w => w.charAt(0).toUpperCase() + w.slice(1))
+    .join(" ") || "Components";
+
+  return { group, category: null };
 }
 
 /**
@@ -382,16 +401,22 @@ function classifyByPath(rel) {
  *   feature    → medium, contains state / multiple sub-parts
  *   page       → full page/view — reference only, not for direct reuse
  */
+// Semantic filename keywords that indicate a view-level (feature) component
+// even if the file is small (data fetched via context/hooks, not passed as props)
+const FEATURE_FILENAME_KEYWORDS = /Dashboard|Profile|Hub|Overview|Planning|Timesheet|Pipeline|Workload|Schedule|Portfolio|Chart|Board|Reports?|Analytics|Settings$/i;
+
 function inferTier(rel, content) {
   const normalized = rel.replace(/\\/g, "/");
   if (normalized.startsWith("ui/") || normalized.includes("/ui/")) return "primitive";
 
+  const filename = normalized.split("/").pop()?.replace(/\.(tsx|jsx|ts|js)$/, "") || "";
   const lines = content.split("\n").length;
   // Count relative imports (../ ./) AND path-alias imports (@/components/) as local dependencies
   const localImports = (content.match(/from\s+['"](?:\.\.?\/?|@\/components\/)/g) || []).length;
 
   if (lines >= 400 || localImports >= 12) return "page";
-  if (lines >= 200 || localImports >= 7)  return "feature";
+  // Semantic keyword: treat as feature even if small (fetches data via context/hooks)
+  if (lines >= 200 || localImports >= 7 || FEATURE_FILENAME_KEYWORDS.test(filename)) return "feature";
   return "component";
 }
 

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

@@ -1138,10 +1138,11 @@ function buildStoryFileContent(comp) {
   }
   if (!importPath.startsWith(".")) importPath = "./" + importPath;
 
-  const group = comp.group || "Components";
-  const category = comp.category || null;
-  const titleParts = [group, category, componentName].filter(Boolean);
-  const title = titleParts.join("/");
+  // Normalize legacy "shadcn" group → "UI", everything else kept as-is
+  const rawGroup = comp.group || "Components";
+  const group = rawGroup === "shadcn" ? "UI" : rawGroup;
+  // Title: "Module/ComponentName"  (category intentionally dropped — folder is the context)
+  const title = `${group}/${componentName}`;
 
   const props = Array.isArray(comp.props) ? comp.props : [];
   const variantProp = props.find((p) => p.name === "variant");
@@ -2844,9 +2845,9 @@ function main() {
 
   for (const comp of components) {
     const componentName = toSafeComponentName(comp.name, comp.file);
-    // Şu ana kadar shadcn grubunu atlıyorduk; Button için istisna tanıyalım
-    if ((comp.group === "shadcn" || comp.group === "Uncategorized") && componentName !== "Button") continue;
-    if (comp.group !== "Components" && componentName !== "Button") continue;
+    // Skip unclassified and shadcn/ui primitives (UI group) — they're documented at ui.shadcn.com
+    // Only project-specific module groups (Circles, Finance, Projects, Time, …) get stories
+    if (comp.group === "Uncategorized" || comp.group === "UI") continue;
     if (onlyName && componentName !== onlyName) continue;
 
     const storyFileName = `${componentName}.stories.tsx`;