@getcoherent/cli 0.5.6 → 0.5.8

package/dist/index.js

@@ -657,7 +657,8 @@ ${out}`;
   return out;
 }
 function sanitizeMetadataStrings(code) {
-  let out = code.replace(/(:\s*'.+)\\'(\s*)$/gm, "$1'$2");
+  let out = code.replace(/\\'(\s*[}\],])/g, "'$1");
+  out = out.replace(/(:\s*'.+)\\'(\s*)$/gm, "$1'$2");
   for (const key of ["description", "title"]) {
     const re = new RegExp(`\\b${key}:\\s*'((?:[^'\\\\]|'(?![,}]))*)'`, "gs");
     out = out.replace(re, (_, inner) => `${key}: '${inner.replace(/'/g, "\\'")}'`);
@@ -665,7 +666,9 @@ function sanitizeMetadataStrings(code) {
   return out;
 }
 function fixEscapedClosingQuotes(code) {
-  return code.replace(/(:\s*'.+)\\'(\s*)$/gm, "$1'$2");
+  let out = code.replace(/\\'(\s*[}\],])/g, "'$1");
+  out = out.replace(/(:\s*'.+)\\'(\s*)$/gm, "$1'$2");
+  return out;
 }
 function fixUnescapedLtInJsx(code) {
   let out = code;
@@ -3598,6 +3601,7 @@ LINKS & INTERACTIVE STATES (consistency is critical):
 
 ICONS:
 - Size: ALWAYS size-4 (16px). Color: ALWAYS text-muted-foreground. Import: ALWAYS from lucide-react.
+- ALWAYS add shrink-0 to icon className to prevent flex containers from squishing them.
 
 ANTI-PATTERNS (NEVER DO):
 - text-base as body text \u2192 use text-sm
@@ -5530,7 +5534,8 @@ function replaceRawColors(classes, colorMap) {
     }
     if (prefix === "from" || prefix === "to" || prefix === "via") {
       changed = true;
-      if (n >= 100 && n <= 300) return statePrefix + (isDestructive ? `${prefix}-destructive/20` : `${prefix}-primary/20`);
+      if (n >= 100 && n <= 300)
+        return statePrefix + (isDestructive ? `${prefix}-destructive/20` : `${prefix}-primary/20`);
       return statePrefix + (isDestructive ? `${prefix}-destructive` : `${prefix}-primary`);
     }
     return m;
@@ -5575,6 +5580,7 @@ async function autoFixCode(code) {
   const fixes = [];
   let fixed = code;
   const beforeQuoteFix = fixed;
+  fixed = fixed.replace(/\\'(\s*[}\],])/g, "'$1");
   fixed = fixed.replace(/(:\s*'.+)\\'(\s*)$/gm, "$1'$2");
   if (fixed !== beforeQuoteFix) {
     fixes.push("fixed escaped closing quotes in strings");
@@ -5885,6 +5891,23 @@ ${selectImport}`
       }
     }
   }
+  const lucideNamesMatch = fixed.match(/import\s*\{([^}]+)\}\s*from\s*["']lucide-react["']/);
+  if (lucideNamesMatch) {
+    const lucideNames = new Set(
+      lucideNamesMatch[1].split(",").map((s) => s.trim()).filter(Boolean)
+    );
+    const beforeShrinkFix = fixed;
+    for (const iconName of lucideNames) {
+      const iconRe = new RegExp(`(<${iconName}\\s[^>]*className=")([^"]*)(")`, "g");
+      fixed = fixed.replace(iconRe, (_m, pre, classes, post) => {
+        if (/\bshrink-0\b/.test(classes)) return _m;
+        return `${pre}${classes} shrink-0${post}`;
+      });
+    }
+    if (fixed !== beforeShrinkFix) {
+      fixes.push("added shrink-0 to icons");
+    }
+  }
   const linkWithButtonRe = /(<Link\b[^>]*>)\s*(<Button\b(?![^>]*asChild)[^>]*>)([\s\S]*?)<\/Button>\s*<\/Link>/g;
   const beforeLinkFix = fixed;
   fixed = fixed.replace(linkWithButtonRe, (_match, linkOpen, buttonOpen, inner) => {
@@ -6778,6 +6801,10 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
   } catch {
     spinner.text = "AI plan failed \u2014 extracting pages from your request...";
   }
+  if (modCtx.config.name === "My App") {
+    const nameFromPrompt = extractAppNameFromPrompt(message);
+    if (nameFromPrompt) modCtx.config.name = nameFromPrompt;
+  }
   if (pageNames.length === 0) {
     pageNames = extractPageNamesFromMessage(message);
   }
@@ -6907,6 +6934,23 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
   spinner.succeed(`Phase 4/4 \u2014 Generated ${allRequests.length} pages (${withCode} with full code)`);
   return allRequests;
 }
+function extractAppNameFromPrompt(prompt) {
+  const patterns = [
+    /(?:called|named|app\s+name)\s+["']([^"']+)["']/i,
+    /(?:called|named|app\s+name)\s+(\S+)/i,
+    /\b(?:build|create|make)\s+(?:a\s+)?(\S+)\s+(?:app|platform|tool|dashboard|website|saas)/i
+  ];
+  for (const re of patterns) {
+    const m = prompt.match(re);
+    if (m && m[1] && m[1].length >= 2 && m[1].length <= 30) {
+      const name = m[1].replace(/[.,;:!?]$/, "");
+      const skip = /* @__PURE__ */ new Set(["a", "an", "the", "my", "our", "new", "full", "complete", "simple", "modern", "beautiful", "responsive", "fast", "cool", "great", "basic", "quick", "small", "large", "custom", "nice"]);
+      if (skip.has(name.toLowerCase())) continue;
+      return name.charAt(0).toUpperCase() + name.slice(1);
+    }
+  }
+  return null;
+}
 
 // src/commands/chat/modification-handler.ts
 import { resolve as resolve7 } from "path";
@@ -7831,19 +7875,24 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
       if (aiPageCode) {
         finalPageCode = aiPageCode;
         if (DEBUG2) console.log(chalk11.dim(`  [pageCode] Using AI-generated pageCode (user content priority)`));
-      } else if (page.pageType && page.structuredContent) {
-        const templateFn = getTemplateForPageType(page.pageType);
-        if (templateFn) {
-          try {
-            const pageName = (page.name || "Page").replace(/\s+/g, "");
-            const opts = {
-              route: page.route || `/${page.id || "page"}`,
-              pageName
-            };
-            finalPageCode = templateFn(page.structuredContent, opts);
-            if (DEBUG2) console.log(chalk11.dim(`  [template] Used "${page.pageType}" template (no pageCode provided)`));
-          } catch {
-            if (DEBUG2) console.log(chalk11.dim(`  [template] Failed for "${page.pageType}"`));
+      } else {
+        const inferredType = page.pageType || inferPageType(page.route || "", page.name || "");
+        if (inferredType) {
+          const templateFn = getTemplateForPageType(inferredType);
+          if (templateFn) {
+            try {
+              const pageName = (page.name || "Page").replace(/\s+/g, "");
+              const opts = {
+                route: page.route || `/${page.id || "page"}`,
+                pageName
+              };
+              const content = page.structuredContent || getDefaultContent(inferredType, page.name || pageName);
+              finalPageCode = templateFn(content, opts);
+              if (DEBUG2)
+                console.log(chalk11.dim(`  [template] Used "${inferredType}" template (inferred from route/name)`));
+            } catch {
+              if (DEBUG2) console.log(chalk11.dim(`  [template] Failed for "${inferredType}"`));
+            }
           }
         }
       }
@@ -8215,6 +8264,65 @@ ${pagesCtx}`
       };
   }
 }
+function inferPageType(route, name) {
+  const key = (route + " " + name).toLowerCase();
+  if (/\blogin\b|\bsign.?in\b/.test(key)) return "login";
+  if (/\bregister\b|\bsign.?up\b/.test(key)) return "register";
+  if (/\bdashboard\b/.test(key)) return "dashboard";
+  if (/\bpric(e|ing)\b/.test(key)) return "pricing";
+  if (/\bfaq\b/.test(key)) return "faq";
+  if (/\bcontact\b/.test(key)) return "contact";
+  if (/\bblog\b/.test(key)) return "blog";
+  if (/\bchangelog\b/.test(key)) return "changelog";
+  if (/\babout\b/.test(key)) return "about";
+  if (/\bsettings?\b/.test(key)) return "settings";
+  return null;
+}
+function getDefaultContent(pageType, pageName) {
+  const defaults = {
+    login: {
+      title: "Welcome back",
+      description: "Sign in to your account to continue"
+    },
+    register: {
+      title: "Create an account",
+      description: "Get started with your free account"
+    },
+    dashboard: {
+      title: "Dashboard",
+      description: `Welcome to your ${pageName} dashboard`
+    },
+    pricing: {
+      title: "Pricing",
+      description: "Choose the plan that works for you"
+    },
+    faq: {
+      title: "Frequently Asked Questions",
+      description: "Find answers to common questions"
+    },
+    contact: {
+      title: "Contact Us",
+      description: "Get in touch with our team"
+    },
+    blog: {
+      title: "Blog",
+      description: "Latest news, updates, and insights"
+    },
+    changelog: {
+      title: "Changelog",
+      description: "What's new and improved"
+    },
+    about: {
+      title: `About ${pageName}`,
+      description: "Learn more about our mission and team"
+    },
+    settings: {
+      title: "Settings",
+      description: "Manage your account and preferences"
+    }
+  };
+  return defaults[pageType] || { title: pageName, description: "" };
+}
 
 // src/utils/nav-snapshot.ts
 function takeNavSnapshot(items) {

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "CLI interface for Coherent Design Method",
   "type": "module",
   "main": "./dist/index.js",