@getcoherent/cli 0.6.16 → 0.6.18

package/dist/{chunk-N6H73ROO.js → chunk-63DJQ2TU.js}

@@ -623,36 +623,18 @@ function replaceRawColors(classes, colorMap) {
     const n = parseInt(shade);
     const isDestructive = color === "red";
     if (prefix === "bg") {
-      if (n >= 500 && n <= 700) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive" : "bg-primary");
-      }
-      if (n >= 100 && n <= 200) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
-      }
-      if (n >= 300 && n <= 400) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive/20" : "bg-primary/20");
-      }
-      if (n >= 800) {
-        changed = true;
-        return statePrefix + "bg-muted";
-      }
+      changed = true;
+      if (n <= 100) return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
+      if (n <= 200) return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
+      if (n <= 400) return statePrefix + (isDestructive ? "bg-destructive/20" : "bg-primary/20");
+      if (n <= 700) return statePrefix + (isDestructive ? "bg-destructive" : "bg-primary");
+      return statePrefix + "bg-muted";
     }
     if (prefix === "text") {
-      if (n >= 400 && n <= 600) {
-        changed = true;
-        return statePrefix + (isDestructive ? "text-destructive" : "text-primary");
-      }
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
-      if (n >= 700) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
+      changed = true;
+      if (n <= 300) return statePrefix + "text-foreground";
+      if (n <= 600) return statePrefix + (isDestructive ? "text-destructive" : "text-primary");
+      return statePrefix + "text-foreground";
     }
     if (prefix === "border" || prefix === "ring" || prefix === "outline") {
       changed = true;
@@ -675,24 +657,16 @@ function replaceRawColors(classes, colorMap) {
     }
     const n = parseInt(shade);
     if (prefix === "bg") {
-      if (n >= 800) {
-        changed = true;
-        return statePrefix + "bg-background";
-      }
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "bg-muted";
-      }
+      changed = true;
+      if (n <= 300) return statePrefix + "bg-muted";
+      if (n <= 700) return statePrefix + "bg-muted";
+      return statePrefix + "bg-background";
     }
     if (prefix === "text") {
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
-      if (n >= 400 && n <= 600) {
-        changed = true;
-        return statePrefix + "text-muted-foreground";
-      }
+      changed = true;
+      if (n <= 300) return statePrefix + "text-foreground";
+      if (n <= 600) return statePrefix + "text-muted-foreground";
+      return statePrefix + "text-foreground";
     }
     if (prefix === "border" || prefix === "ring" || prefix === "outline") {
       changed = true;
@@ -969,15 +943,47 @@ ${selectImport}`
         newImport = newImport.replace(new RegExp(`\\b${dup}\\b,?\\s*`), "");
         fixes.push(`removed ${dup} from lucide import (conflicts with UI component import)`);
       }
+      const ICON_ALIASES = {
+        Github: "ExternalLink",
+        GitHub: "ExternalLink",
+        Twitter: "MessageCircle",
+        Linkedin: "Link2",
+        LinkedIn: "Link2",
+        Slack: "MessageSquare",
+        Discord: "MessageCircle",
+        Facebook: "Globe",
+        Instagram: "Camera",
+        YouTube: "Play",
+        Youtube: "Play",
+        TikTok: "Music",
+        Reddit: "MessageSquare",
+        Twitch: "Tv",
+        Figma: "Pen",
+        Dribbble: "Palette",
+        Medium: "FileText",
+        WhatsApp: "Phone",
+        Telegram: "Send",
+        Pinterest: "Pin",
+        Spotify: "Music"
+      };
       const invalid = iconNames.filter((name) => !lucideExports.has(name) && !nonLucideImports.has(name));
       if (invalid.length > 0) {
-        const fallback = "Circle";
+        const replacements = [];
         for (const bad of invalid) {
-          const re = new RegExp(`\\b${bad}\\b`, "g");
-          newImport = newImport.replace(re, fallback);
-          fixed = fixed.replace(re, fallback);
+          const replacement = ICON_ALIASES[bad] || "Circle";
+          if (lucideExports.has(replacement)) {
+            const re = new RegExp(`\\b${bad}\\b`, "g");
+            newImport = newImport.replace(re, replacement);
+            fixed = fixed.replace(re, replacement);
+            replacements.push(`${bad}\u2192${replacement}`);
+          } else {
+            const re = new RegExp(`\\b${bad}\\b`, "g");
+            newImport = newImport.replace(re, "Circle");
+            fixed = fixed.replace(re, "Circle");
+            replacements.push(`${bad}\u2192Circle`);
+          }
         }
-        fixes.push(`invalid lucide icons \u2192 ${fallback}: ${invalid.join(", ")}`);
+        fixes.push(`invalid lucide icons: ${replacements.join(", ")}`);
       }
       if (duplicates.length > 0 || invalid.length > 0) {
         const importedNames = [
@@ -985,8 +991,10 @@ ${selectImport}`
             newImport.split(",").map((s) => s.trim()).filter(Boolean)
           )
         ];
-        const originalImportLine = lucideImportMatch[0];
-        fixed = fixed.replace(originalImportLine, `import { ${importedNames.join(", ")} } from "lucide-react"`);
+        const currentLucideImport = fixed.match(/import\s*\{([^}]+)\}\s*from\s*["']lucide-react["']/);
+        if (currentLucideImport) {
+          fixed = fixed.replace(currentLucideImport[0], `import { ${importedNames.join(", ")} } from "lucide-react"`);
+        }
       }
     }
   }

package/dist/index.js

@@ -7,7 +7,7 @@ import {
   formatIssues,
   validatePageQuality,
   verifyIncrementalEdit
-} from "./chunk-N6H73ROO.js";
+} from "./chunk-63DJQ2TU.js";
 import {
   generateArchitecturePlan,
   getPageGroup,
@@ -6012,8 +6012,29 @@ function buildTieredComponentsPrompt(manifest, pageType) {
   );
   return sections.join("\n");
 }
-function formatPlanSummary(plan) {
+function formatPlanSummary(plan, forRoute) {
   if (plan.groups.length === 0) return "";
+  if (forRoute) {
+    const group = plan.groups.find((g) => g.pages.includes(forRoute));
+    if (!group) return "";
+    const groupLine = `  Group "${group.id}" (layout: ${group.layout}): ${group.pages.join(", ")}`;
+    const relevantComps = plan.sharedComponents.filter((c) => c.usedBy.includes(forRoute));
+    const parts2 = [`ARCHITECTURE PLAN:
+Your group:
+${groupLine}`];
+    if (relevantComps.length > 0) {
+      parts2.push(
+        `Shared Components for this page:
+${relevantComps.map((c) => `  ${c.name} (${c.type}) \u2014 ${c.description}`).join("\n")}`
+      );
+    }
+    const routeKey = forRoute.replace(/^\//, "");
+    const note = plan.pageNotes?.[routeKey];
+    if (note?.sections && note.sections.length > 0) {
+      parts2.push(`Page Sections: ${note.sections.join(", ")}`);
+    }
+    return parts2.join("\n");
+  }
   const groupLines = plan.groups.map((g) => `  Group "${g.id}" (layout: ${g.layout}): ${g.pages.join(", ")}`);
   const compLines = plan.sharedComponents.map(
     (c) => `  ${c.name} (${c.type}) \u2014 ${c.description}; usedBy: ${c.usedBy.join(", ")}`
@@ -6045,7 +6066,7 @@ function readExistingAppPageForReference(projectRoot, plan) {
         if (existsSync14(filePath)) {
           const code = readFileSync9(filePath, "utf-8");
           const lines = code.split("\n");
-          return lines.slice(0, 200).join("\n");
+          return lines.slice(0, 60).join("\n");
         }
       }
     }
@@ -6064,7 +6085,7 @@ function readExistingAppPageForReference(projectRoot, plan) {
         if (existsSync14(pagePath)) {
           const code = readFileSync9(pagePath, "utf-8");
           const lines = code.split("\n");
-          return lines.slice(0, 200).join("\n");
+          return lines.slice(0, 60).join("\n");
         }
       }
     }
@@ -6321,7 +6342,6 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
   const currentManifest = projectRoot ? await loadManifest5(projectRoot) : null;
   const routeNote = `EXISTING ROUTES in this project: ${allRoutes}. All internal links MUST point to one of these routes. If a target doesn't exist, use href="#".`;
   const alignmentNote = 'CRITICAL LAYOUT RULE: Every <section> must wrap its content in a container div matching the header width. Use the EXACT same container classes as shown in the style context (e.g. className="container max-w-6xl px-4" or className="max-w-6xl mx-auto px-4"). Inner content can use narrower max-w for text centering, but the outer section container MUST match.';
-  const planSummaryNote = plan ? formatPlanSummary(plan) : "";
   const existingAppPageCode = readExistingAppPageForReference(parseOpts?.projectRoot ?? null, plan);
   const existingAppPageNote = existingAppPageCode ? `
 EXISTING APP PAGE (match these UI patterns for consistency):
@@ -6398,7 +6418,7 @@ ${existingAppPageCode}
         routeNote,
         alignmentNote,
         authNote,
-        planSummaryNote,
+        plan ? formatPlanSummary(plan, route) : "",
         pageType !== "auth" ? existingAppPageNote : void 0,
         existingPagesContext,
         styleContext
@@ -8472,7 +8492,7 @@ async function chatCommand(message, options) {
       spinner.start(`Creating shared component: ${componentName}...`);
       const { createAIProvider: createAIProvider2 } = await import("./ai-provider-CGSIYFZT.js");
       const { generateSharedComponent: generateSharedComponent7 } = await import("@getcoherent/core");
-      const { autoFixCode: autoFixCode2 } = await import("./quality-validator-3K5BMJSR.js");
+      const { autoFixCode: autoFixCode2 } = await import("./quality-validator-GKGPDQ5I.js");
       const { extractPropsInterface, extractDependencies } = await import("./component-extractor-VYJLT5NR.js");
       const aiProvider = await createAIProvider2(provider ?? "auto");
       const prompt = `Generate a React component called "${componentName}". Description: ${message}.

package/dist/{quality-validator-3K5BMJSR.js → quality-validator-GKGPDQ5I.js}

@@ -4,7 +4,7 @@ import {
   formatIssues,
   validatePageQuality,
   verifyIncrementalEdit
-} from "./chunk-N6H73ROO.js";
+} from "./chunk-63DJQ2TU.js";
 import "./chunk-3RG5ZIWI.js";
 export {
   autoFixCode,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.16",
+  "version": "0.6.18",
   "description": "CLI interface for Coherent Design Method",
   "type": "module",
   "main": "./dist/index.js",
@@ -54,6 +54,8 @@
   "devDependencies": {
     "@types/node": "^20.11.0",
     "@types/prompts": "^2.4.9",
+    "lucide-react": "^1.0.1",
+    "react": "^19.2.4",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3"
   }