@getcoherent/cli 0.3.8 → 0.3.10

package/dist/index.js

@@ -6633,6 +6633,27 @@ ${fixed}`;
     const cleaned = inner.replace(/\s{2,}/g, " ").trim();
     return `className="${cleaned}"`;
   });
+  let imgCounter = 1;
+  const beforeImgFix = fixed;
+  fixed = fixed.replace(/["']\/api\/placeholder\/(\d+)\/(\d+)["']/g, (_m, w, h) => {
+    return `"https://picsum.photos/${w}/${h}?random=${imgCounter++}"`;
+  });
+  fixed = fixed.replace(/["']\/placeholder-avatar[^"']*["']/g, () => {
+    return `"https://i.pravatar.cc/150?u=user${imgCounter++}"`;
+  });
+  fixed = fixed.replace(/["']https?:\/\/via\.placeholder\.com\/(\d+)x?(\d*)(?:\/[^"']*)?\/?["']/g, (_m, w, h) => {
+    const height = h || w;
+    return `"https://picsum.photos/${w}/${height}?random=${imgCounter++}"`;
+  });
+  fixed = fixed.replace(/["']\/images\/[^"']+\.(?:jpg|jpeg|png|webp|gif)["']/g, () => {
+    return `"https://picsum.photos/800/400?random=${imgCounter++}"`;
+  });
+  fixed = fixed.replace(/["']\/placeholder[^"']*\.(?:jpg|jpeg|png|webp)["']/g, () => {
+    return `"https://picsum.photos/800/400?random=${imgCounter++}"`;
+  });
+  if (fixed !== beforeImgFix) {
+    fixes.push("placeholder images \u2192 working URLs (picsum/pravatar)");
+  }
   return { code: fixed, fixes };
 }
 function formatIssues(issues) {
@@ -7117,6 +7138,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": {
@@ -7491,8 +7548,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}`)));
@@ -7658,8 +7718,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.8",
+  "version": "0.3.10",
   "description": "CLI interface for Coherent Design Method",
   "type": "module",
   "main": "./dist/index.js",