@getcoherent/cli 0.3.10 → 0.3.12

package/dist/index.js

@@ -469,7 +469,8 @@ var COHERENT_REQUIRED_PACKAGES = [
   "lucide-react",
   "class-variance-authority",
   "clsx",
-  "tailwind-merge"
+  "tailwind-merge",
+  "@radix-ui/react-slot"
 ];
 var IMPORT_FROM_REGEX = /from\s+['"]([^'"]+)['"]/g;
 var NODE_BUILTINS = /* @__PURE__ */ new Set([
@@ -4519,6 +4520,7 @@ WIDTH CONSISTENCY (CRITICAL \u2014 prevents visual mismatch between header and c
 - ALL page content MUST use the same width constraint: wrap the outermost element in <main className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6">.
 - Landing/marketing pages: each <section> is full-width for backgrounds, but inner content uses "mx-auto max-w-6xl" or similar.
 - NEVER use max-w-4xl or smaller for the page wrapper \u2014 it makes the page look narrower than the header.
+- NEVER add inner centering wrappers like <div className="max-w-4xl mx-auto"> inside the page. All content (title, cards, forms) must flow within the same max-w-7xl container so everything aligns to the same left edge.
 - NEVER have page content at full width while header/footer are constrained \u2014 this looks broken.
 
 PAGE CONTENT (CRITICAL \u2014 prevents empty or duplicate pages):
@@ -4534,6 +4536,7 @@ pageCode rules (shadcn/ui blocks quality):
 - Dashboard pattern: main(mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6 flex flex-1 flex-col gap-4) > page header(h1 text-2xl font-bold tracking-tight + p text-sm text-muted-foreground) > stats grid(grid gap-4 md:grid-cols-2 lg:grid-cols-4) > content cards.
 - No placeholders: real contextual copy only. Use the EXACT text, language, and content from the user's request.
 - IMAGES: For avatar/profile photos, use https://i.pravatar.cc/150?u=<unique-seed> (e.g. ?u=sarah.johnson). For hero/product images, use https://picsum.photos/800/400?random=N. Use standard <img> tags with className, NOT Next.js <Image>. Always provide alt text.
+- BUTTON + LINK: The Button component supports asChild prop. To make a button that navigates, use <Button asChild><Link href="/path"><Plus className="size-4" /> Label</Link></Button>. Never nest <button> inside <Link> or vice versa without asChild.
 - Hover/focus on every interactive element (hover:bg-muted, focus-visible:ring-2 focus-visible:ring-ring).
 - LANGUAGE: Match the language of the user's request. English request \u2192 English page. Russian request \u2192 Russian page. Never switch languages.
 
@@ -7143,36 +7146,56 @@ function enforceWidthWrapper(code, route) {
   if (/<section[\s>]/i.test(code) && (/<section[\s>]/gi.exec(code) || []).length >= 2) {
     return { code, fixed: false };
   }
-  const narrowWidths = /max-w-(xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl)\b/;
-  const hasMax7xl = /max-w-7xl/.test(code);
-  if (hasMax7xl) return { code, fixed: false };
-  const mainMatch = code.match(/<main\s+className="([^"]*)"/);
+  let result = code;
+  let didFix = false;
+  const mainMatch = result.match(/<main\s+className="([^"]*)"/);
   if (mainMatch) {
-    const currentClasses = mainMatch[1];
-    if (narrowWidths.test(currentClasses)) {
-      const fixed = currentClasses.replace(narrowWidths, "max-w-7xl");
-      return { code: code.replace(mainMatch[0], `<main className="${fixed}"`), fixed: true };
-    }
-    if (!currentClasses.includes("max-w-")) {
-      const newClasses = `mx-auto max-w-7xl ${currentClasses}`;
-      return { code: code.replace(mainMatch[0], `<main className="${newClasses}"`), fixed: true };
-    }
-  }
-  const returnMatch = code.match(/return\s*\(\s*\n?\s*<(div|main)\s+className="([^"]*)"/);
-  if (returnMatch) {
-    const [fullMatch, tag, currentClasses] = returnMatch;
-    if (narrowWidths.test(currentClasses)) {
-      const fixed = currentClasses.replace(narrowWidths, "max-w-7xl");
-      return { code: code.replace(fullMatch, `return (
-    <${tag} className="${fixed}"`), fixed: true };
-    }
-    if (!currentClasses.includes("max-w-")) {
-      const newClasses = `mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 ${currentClasses}`;
-      return { code: code.replace(fullMatch, `return (
-    <${tag} className="${newClasses}"`), fixed: true };
+    const cls = mainMatch[1];
+    const needsMaxW = !cls.includes("max-w-7xl");
+    const needsMxAuto = !cls.includes("mx-auto");
+    const needsPadding = !cls.includes("px-");
+    if (needsMaxW || needsMxAuto || needsPadding) {
+      let fixed = cls;
+      fixed = fixed.replace(/\bmax-w-\S+/g, "");
+      fixed = `${needsMxAuto ? "mx-auto " : ""}max-w-7xl ${needsPadding ? "px-4 sm:px-6 lg:px-8 " : ""}${fixed}`.replace(/\s+/g, " ").trim();
+      result = result.replace(mainMatch[0], `<main className="${fixed}"`);
+      didFix = true;
     }
+  } else {
+    const returnMatch = result.match(/return\s*\(\s*\n?\s*<(div|main)\s+className="([^"]*)"/);
+    if (returnMatch) {
+      const [fullMatch, tag, cls] = returnMatch;
+      const needsMaxW = !cls.includes("max-w-7xl");
+      const needsMxAuto = !cls.includes("mx-auto");
+      const needsPadding = !cls.includes("px-");
+      if (needsMaxW || needsMxAuto || needsPadding) {
+        let fixed = cls;
+        fixed = fixed.replace(/\bmax-w-\S+/g, "");
+        fixed = `${needsMxAuto ? "mx-auto " : ""}max-w-7xl ${needsPadding ? "px-4 sm:px-6 lg:px-8 " : ""}${fixed}`.replace(/\s+/g, " ").trim();
+        result = result.replace(fullMatch, `return (
+    <${tag} className="${fixed}"`);
+        didFix = true;
+      }
+    }
+  }
+  const isAuthPage = /\/(login|signin|sign-in|signup|sign-up|register|auth)\b/i.test(route);
+  if (!isAuthPage) {
+    const before = result;
+    result = result.replace(
+      /(<div\s+className="[^"]*)\bmax-w-(xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl)\b/g,
+      "$1"
+    );
+    result = result.replace(
+      /(<div\s+className="[^"]*)\bmx-auto\b/g,
+      "$1"
+    );
+    result = result.replace(
+      /className="([^"]*)"/g,
+      (_, classes) => `className="${classes.replace(/\s{2,}/g, " ").trim()}"`
+    );
+    if (result !== before) didFix = true;
   }
-  return { code, fixed: false };
+  return { code: result, fixed: didFix };
 }
 async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider, originalMessage) {
   switch (request.type) {

package/package.json

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