@getcoherent/cli 0.3.7 → 0.3.9

package/dist/index.js

@@ -2368,6 +2368,7 @@ export default config
         await writeFile(join5(projectPath, "postcss.config.mjs"), postcssContent);
       }
       await scaffolder.generateRootLayout();
+      await configureNextImages(projectPath);
       const welcomeMarkdown = getWelcomeMarkdown();
       const homePageContent = generateWelcomeComponent(welcomeMarkdown);
       await writeFile(join5(projectPath, "app", "page.tsx"), homePageContent);
@@ -2421,6 +2422,31 @@ export default config
     process.exit(1);
   }
 }
+async function configureNextImages(projectPath) {
+  const tsPath = join5(projectPath, "next.config.ts");
+  const jsPath = join5(projectPath, "next.config.js");
+  const mjsPath = join5(projectPath, "next.config.mjs");
+  let configPath = "";
+  if (existsSync8(tsPath)) configPath = tsPath;
+  else if (existsSync8(mjsPath)) configPath = mjsPath;
+  else if (existsSync8(jsPath)) configPath = jsPath;
+  else return;
+  const content = `import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  images: {
+    remotePatterns: [
+      { protocol: "https", hostname: "i.pravatar.cc" },
+      { protocol: "https", hostname: "images.unsplash.com" },
+      { protocol: "https", hostname: "picsum.photos" },
+    ],
+  },
+};
+
+export default nextConfig;
+`;
+  await writeFile(configPath, content);
+}
 
 // src/commands/chat.ts
 import chalk13 from "chalk";
@@ -4507,6 +4533,7 @@ pageCode rules (shadcn/ui blocks quality):
 - Login/form pattern: outer div(flex min-h-svh flex-col items-center justify-center p-6 md:p-10) > inner div(w-full max-w-sm) > Card with form.
 - 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.
 - 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.
 
@@ -7090,6 +7117,42 @@ function stripInlineLayoutElements(code) {
   }
   return { code: result, stripped };
 }
+function enforceWidthWrapper(code, route) {
+  if (route === "/" || route === "/home") return { code, fixed: false };
+  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="([^"]*)"/);
+  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 };
+    }
+  }
+  return { code, fixed: false };
+}
 async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider, originalMessage) {
   switch (request.type) {
     case "modify-layout-block": {
@@ -7464,8 +7527,11 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
           codeToWrite = autoFixed;
           const { code: layoutStripped, stripped } = stripInlineLayoutElements(codeToWrite);
           codeToWrite = layoutStripped;
+          const { code: widthFixed, fixed: widthWasFixed } = enforceWidthWrapper(codeToWrite, route);
+          codeToWrite = widthFixed;
           const allFixes = [...postFixes, ...autoFixes];
           if (stripped.length > 0) allFixes.push(`stripped inline ${stripped.join(", ")} (layout owns these)`);
+          if (widthWasFixed) allFixes.push("enforced max-w-7xl width consistency");
           if (allFixes.length > 0) {
             console.log(chalk11.dim("  \u{1F527} Post-generation fixes:"));
             allFixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
@@ -7631,8 +7697,11 @@ ${pagesCtx}`
             codeToWrite = autoFixed;
             const { code: layoutStripped, stripped } = stripInlineLayoutElements(codeToWrite);
             codeToWrite = layoutStripped;
+            const { code: widthFixed2, fixed: widthWasFixed2 } = enforceWidthWrapper(codeToWrite, route);
+            codeToWrite = widthFixed2;
             const allFixes = [...postFixes, ...autoFixes];
             if (stripped.length > 0) allFixes.push(`stripped inline ${stripped.join(", ")} (layout owns these)`);
+            if (widthWasFixed2) allFixes.push("enforced max-w-7xl width consistency");
             if (allFixes.length > 0) {
               console.log(chalk11.dim("  \u{1F527} Post-generation fixes:"));
               allFixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));

package/package.json

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