@getcoherent/cli 0.6.42 → 0.6.43

package/dist/chunk-4TLYDTT3.js

@@ -0,0 +1,22 @@
+// src/utils/strings.ts
+function toKebabCase(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function toPascalCase(str) {
+  return str.replace(/[-_\s]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").replace(/^(.)/, (_, c) => c.toUpperCase()).replace(/[^a-zA-Z0-9]/g, "");
+}
+function toTitleCase(slug) {
+  let s = slug.trim();
+  if (!s) return "My App";
+  s = s.replace(/^@[^/]+\//, "");
+  if (!s) return "My App";
+  const words = s.replace(/([a-z])([A-Z])/g, "$1 $2").split(/[-_\s]+/).filter(Boolean);
+  if (words.length === 0) return "My App";
+  return words.map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join(" ");
+}
+
+export {
+  toKebabCase,
+  toPascalCase,
+  toTitleCase
+};

package/dist/{chunk-TD2ZYIIC.js → chunk-662O2QEG.js}

@@ -6,7 +6,10 @@ import {
   getPageGroup,
   installPackages,
   sanitizeMetadataStrings
-} from "./chunk-QT5MRW4F.js";
+} from "./chunk-KJRBBLXT.js";
+import {
+  toKebabCase
+} from "./chunk-4TLYDTT3.js";
 
 // src/commands/chat/code-generator.ts
 import { resolve as resolve3 } from "path";
@@ -1793,11 +1796,6 @@ function getComponentProvider(_config) {
   return _instance;
 }
 
-// src/utils/strings.ts
-function toKebabCase(str) {
-  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-
 // src/commands/chat/utils.ts
 import { resolve as resolve2 } from "path";
 import { existsSync as existsSync4, readFileSync as readFileSync2 } from "fs";
@@ -2149,7 +2147,7 @@ async function regeneratePage(pageId, config, projectRoot) {
   const code = await generator.generate(page, appType);
   const route = page.route || "/";
   const isAuth = isAuthRoute(route) || isAuthRoute(page.name || page.id || "");
-  const { loadPlan: loadPlanForPath } = await import("./plan-generator-625ZNUZF.js");
+  const { loadPlan: loadPlanForPath } = await import("./plan-generator-YOPF773K.js");
   const planForPath = loadPlanForPath(projectRoot);
   const filePath = routeToFsPath(projectRoot, route, planForPath || isAuth);
   await mkdir3(dirname3(filePath), { recursive: true });
@@ -2519,7 +2517,6 @@ export {
   getShadcnComponent,
   listShadcnComponents,
   getComponentProvider,
-  toKebabCase,
   isAuthRoute,
   detectPageType,
   expandPageRequest,

package/dist/{chunk-QT5MRW4F.js → chunk-KJRBBLXT.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-5AHG4NNX.js";
 import {
   autoFixCode
-} from "./chunk-4A4YYAGN.js";
+} from "./chunk-NOM47EB4.js";
 
 // src/commands/chat/plan-generator.ts
 import { z } from "zod";

package/dist/{chunk-4A4YYAGN.js → chunk-NOM47EB4.js}

@@ -155,7 +155,7 @@ function applyComponentRules(code) {
 }
 
 // src/utils/quality-validator.ts
-var RAW_COLOR_RE = /(?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?(?:bg|text|border|ring|outline|from|to|via)-(gray|blue|red|green|yellow|purple|pink|indigo|orange|slate|zinc|stone|neutral|emerald|teal|cyan|sky|violet|fuchsia|rose|amber|lime)-\d+/g;
+var RAW_COLOR_RE = /(?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?(?:bg|text|border|ring|outline|shadow|from|to|via)-(gray|blue|red|green|yellow|purple|pink|indigo|orange|slate|zinc|stone|neutral|emerald|teal|cyan|sky|violet|fuchsia|rose|amber|lime)-\d+/g;
 var HEX_IN_CLASS_RE = /className="[^"]*#[0-9a-fA-F]{3,8}[^"]*"/g;
 var TEXT_BASE_RE = /\btext-base\b/g;
 var HEAVY_SHADOW_RE = /\bshadow-(md|lg|xl|2xl)\b/g;
@@ -613,7 +613,7 @@ function resolveHref(linkText, context) {
 function replaceRawColors(classes, colorMap) {
   let changed = false;
   let result = classes;
-  const accentColorRe = /\b((?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?)(bg|text|border|ring|outline|from|to|via)-(emerald|blue|violet|indigo|purple|teal|cyan|sky|rose|amber|red|green|yellow|pink|orange|fuchsia|lime)-(\d+)(?:\/\d+)?\b/g;
+  const accentColorRe = /\b((?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?)(bg|text|border|ring|outline|shadow|from|to|via)-(emerald|blue|violet|indigo|purple|teal|cyan|sky|rose|amber|red|green|yellow|pink|orange|fuchsia|lime)-(\d+)(?:\/\d+)?\b/g;
   result = result.replace(accentColorRe, (m, statePrefix, prefix, color, shade) => {
     const bareNoOpacity = m.replace(statePrefix, "").replace(/\/\d+$/, "");
     if (colorMap[bareNoOpacity]) {
@@ -622,6 +622,26 @@ function replaceRawColors(classes, colorMap) {
     }
     const n = parseInt(shade);
     const isDestructive = color === "red";
+    const restAfterState = m.slice(statePrefix.length);
+    const tailOpacity = restAfterState.match(/(\/\d+)$/)?.[0] ?? "";
+    const applyShadowTail = (cls) => {
+      if (!tailOpacity) return statePrefix + cls;
+      const base = cls.replace(/\/\d+$/, "");
+      return statePrefix + base + tailOpacity;
+    };
+    if (prefix === "shadow") {
+      const bgKey = `bg-${color}-${shade}`;
+      if (colorMap[bgKey]) {
+        changed = true;
+        return applyShadowTail(colorMap[bgKey].replace(/^bg-/, "shadow-"));
+      }
+      changed = true;
+      if (n <= 100) return applyShadowTail(isDestructive ? "shadow-destructive/10" : "shadow-primary/10");
+      if (n <= 200) return applyShadowTail(isDestructive ? "shadow-destructive/10" : "shadow-primary/10");
+      if (n <= 400) return applyShadowTail(isDestructive ? "shadow-destructive/20" : "shadow-primary/20");
+      if (n <= 700) return applyShadowTail(isDestructive ? "shadow-destructive" : "shadow-primary");
+      return applyShadowTail("shadow-muted");
+    }
     if (prefix === "bg") {
       changed = true;
       if (n <= 100) return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
@@ -648,7 +668,7 @@ function replaceRawColors(classes, colorMap) {
     }
     return m;
   });
-  const neutralColorRe = /\b((?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?)(bg|text|border|ring|outline)-(zinc|slate|gray|neutral|stone)-(\d+)(?:\/\d+)?\b/g;
+  const neutralColorRe = /\b((?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?)(bg|text|border|ring|outline|shadow)-(zinc|slate|gray|neutral|stone)-(\d+)(?:\/\d+)?\b/g;
   result = result.replace(neutralColorRe, (m, statePrefix, prefix, _color, shade) => {
     const bareNoOpacity = m.replace(statePrefix, "").replace(/\/\d+$/, "");
     if (colorMap[bareNoOpacity]) {
@@ -656,6 +676,24 @@ function replaceRawColors(classes, colorMap) {
       return statePrefix + colorMap[bareNoOpacity];
     }
     const n = parseInt(shade);
+    const restAfterStateNeutral = m.slice(statePrefix.length);
+    const tailOpacityNeutral = restAfterStateNeutral.match(/(\/\d+)$/)?.[0] ?? "";
+    const applyNeutralShadowTail = (cls) => {
+      if (!tailOpacityNeutral) return statePrefix + cls;
+      const base = cls.replace(/\/\d+$/, "");
+      return statePrefix + base + tailOpacityNeutral;
+    };
+    if (prefix === "shadow") {
+      const bgKey = `bg-${_color}-${shade}`;
+      if (colorMap[bgKey]) {
+        changed = true;
+        return applyNeutralShadowTail(colorMap[bgKey].replace(/^bg-/, "shadow-"));
+      }
+      changed = true;
+      if (n <= 300) return applyNeutralShadowTail("shadow-muted");
+      if (n <= 700) return applyNeutralShadowTail("shadow-muted");
+      return applyNeutralShadowTail("shadow-background");
+    }
     if (prefix === "bg") {
       changed = true;
       if (n <= 300) return statePrefix + "bg-muted";

package/dist/chunk-Q67PCGRQ.js

@@ -0,0 +1,308 @@
+// src/utils/fix-globals-css.ts
+import { existsSync as existsSync2, readFileSync as readFileSync2, writeFileSync } from "fs";
+import { resolve as resolve2 } from "path";
+import { buildCssVariables } from "@getcoherent/core";
+
+// src/utils/tailwind-version.ts
+import { existsSync, readFileSync } from "fs";
+import { resolve } from "path";
+function isTailwindV4(projectRoot) {
+  const pkgPath = resolve(projectRoot, "package.json");
+  if (existsSync(pkgPath)) {
+    try {
+      const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+      const allDeps = { ...pkg.dependencies, ...pkg.devDependencies };
+      if (allDeps["@tailwindcss/postcss"]) return true;
+      const twVersion = allDeps["tailwindcss"] || "";
+      if (twVersion.startsWith("^4") || twVersion.startsWith("~4") || twVersion.startsWith("4")) return true;
+    } catch {
+    }
+  }
+  const globalsPath = resolve(projectRoot, "app", "globals.css");
+  if (existsSync(globalsPath)) {
+    const content = readFileSync(globalsPath, "utf-8");
+    if (content.includes('@import "tailwindcss"') || content.includes("@import 'tailwindcss'")) return true;
+  }
+  return false;
+}
+function generateV4GlobalsCss(config) {
+  const light = config.tokens.colors.light;
+  const dark = config.tokens.colors.dark;
+  const contrastFg = (hex) => {
+    const c = hex.replace("#", "");
+    const r = parseInt(c.slice(0, 2), 16);
+    const g = parseInt(c.slice(2, 4), 16);
+    const b = parseInt(c.slice(4, 6), 16);
+    const lum = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+    return lum > 0.5 ? "#09090b" : "#fafafa";
+  };
+  const blendColors = (hex1, hex2, ratio) => {
+    const parse = (h) => {
+      const c = h.replace("#", "");
+      return [parseInt(c.slice(0, 2), 16), parseInt(c.slice(2, 4), 16), parseInt(c.slice(4, 6), 16)];
+    };
+    const [r1, g1, b1] = parse(hex1);
+    const [r2, g2, b2] = parse(hex2);
+    const blend = (a, b) => Math.round(a + (b - a) * ratio);
+    const toHex = (n) => n.toString(16).padStart(2, "0");
+    return `#${toHex(blend(r1, r2))}${toHex(blend(g1, g2))}${toHex(blend(b1, b2))}`;
+  };
+  const radius = config.tokens.radius;
+  return `@import "tailwindcss";
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-transparent: transparent;
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-error: var(--error);
+  --color-info: var(--info);
+  --color-black: #000;
+  --color-white: #fff;
+  --color-sidebar-background: var(--sidebar-background);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-muted: var(--sidebar-muted);
+  --color-sidebar-muted-foreground: var(--sidebar-muted-foreground);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-xs: 0.125rem;
+  --radius-sm: ${radius.sm || "0.25rem"};
+  --radius-md: ${radius.md || "0.5rem"};
+  --radius-lg: ${radius.lg || "0.75rem"};
+  --radius-xl: ${radius.xl || "1rem"};
+}
+
+:root {
+  --background: ${light.background};
+  --foreground: ${light.foreground};
+  --primary: ${light.primary};
+  --primary-foreground: ${contrastFg(light.primary)};
+  --secondary: ${light.secondary};
+  --secondary-foreground: ${contrastFg(light.secondary)};
+  --muted: ${light.muted};
+  --muted-foreground: ${blendColors(light.foreground, light.background, 0.45)};
+  --accent: ${light.accent || light.muted};
+  --accent-foreground: ${light.foreground};
+  --destructive: ${light.error};
+  --destructive-foreground: ${contrastFg(light.error)};
+  --border: ${light.border};
+  --input: ${light.border};
+  --ring: ${light.primary};
+  --radius: ${radius.md || "0.5rem"};
+  --card: ${light.background};
+  --card-foreground: ${light.foreground};
+  --popover: ${light.background};
+  --popover-foreground: ${light.foreground};
+  --success: ${light.success};
+  --warning: ${light.warning};
+  --error: ${light.error};
+  --info: ${light.info || light.primary};
+  --sidebar-background: ${light.background};
+  --sidebar-foreground: ${light.foreground};
+  --sidebar-primary: ${light.primary};
+  --sidebar-primary-foreground: ${contrastFg(light.primary)};
+  --sidebar-accent: ${light.accent || light.muted};
+  --sidebar-accent-foreground: ${light.foreground};
+  --sidebar-border: ${light.border};
+  --sidebar-ring: ${light.primary};
+  --sidebar-muted: ${light.muted};
+  --sidebar-muted-foreground: ${blendColors(light.foreground, light.background, 0.45)};
+  --chart-1: ${light.primary};
+  --chart-2: ${light.success};
+  --chart-3: ${light.warning};
+  --chart-4: ${light.error};
+  --chart-5: ${light.info || light.primary};
+}
+
+.dark {
+  --background: ${dark.background};
+  --foreground: ${dark.foreground};
+  --primary: ${dark.primary};
+  --primary-foreground: ${contrastFg(dark.primary)};
+  --secondary: ${dark.secondary};
+  --secondary-foreground: ${contrastFg(dark.secondary)};
+  --muted: ${dark.muted};
+  --muted-foreground: ${blendColors(dark.foreground, dark.background, 0.45)};
+  --accent: ${dark.accent || dark.muted};
+  --accent-foreground: ${dark.foreground};
+  --destructive: ${dark.error};
+  --destructive-foreground: ${contrastFg(dark.error)};
+  --border: ${dark.border};
+  --input: ${dark.border};
+  --ring: ${dark.primary};
+  --card: ${dark.background};
+  --card-foreground: ${dark.foreground};
+  --popover: ${dark.background};
+  --popover-foreground: ${dark.foreground};
+  --success: ${dark.success};
+  --warning: ${dark.warning};
+  --error: ${dark.error};
+  --info: ${dark.info || dark.primary};
+  --sidebar-background: ${dark.background};
+  --sidebar-foreground: ${dark.foreground};
+  --sidebar-primary: ${dark.primary};
+  --sidebar-primary-foreground: ${contrastFg(dark.primary)};
+  --sidebar-accent: ${dark.accent || dark.muted};
+  --sidebar-accent-foreground: ${dark.foreground};
+  --sidebar-border: ${dark.border};
+  --sidebar-ring: ${dark.primary};
+  --sidebar-muted: ${dark.muted};
+  --sidebar-muted-foreground: ${blendColors(dark.foreground, dark.background, 0.45)};
+  --chart-1: ${dark.primary};
+  --chart-2: ${dark.success};
+  --chart-3: ${dark.warning};
+  --chart-4: ${dark.error};
+  --chart-5: ${dark.info || dark.primary};
+}
+
+* {
+  border-color: var(--border);
+}
+
+body {
+  background-color: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}
+`;
+}
+
+// src/utils/fix-globals-css.ts
+function needsGlobalsFix(projectRoot) {
+  const globalsPath = resolve2(projectRoot, "app", "globals.css");
+  if (!existsSync2(globalsPath)) {
+    return false;
+  }
+  const content = readFileSync2(globalsPath, "utf-8");
+  if (isTailwindV4(projectRoot)) {
+    if (!content.includes("@theme inline")) return true;
+    if (content.includes("@tailwind base")) return true;
+    const REQUIRED_V4_TOKENS = [
+      "--color-transparent",
+      "--color-sidebar-background",
+      "--color-chart-1",
+      "--color-black",
+      "--color-white",
+      "--radius-xs"
+    ];
+    for (const token of REQUIRED_V4_TOKENS) {
+      if (!content.includes(token)) return true;
+    }
+    return false;
+  }
+  if (content.includes(":root {") || content.includes(".dark {")) return true;
+  if (content.includes("@apply")) return true;
+  if (!content.includes("@tailwind base") || content.length < 100) return true;
+  return false;
+}
+function fixGlobalsCss(projectRoot, config) {
+  const globalsPath = resolve2(projectRoot, "app", "globals.css");
+  const layoutPath = resolve2(projectRoot, "app", "layout.tsx");
+  if (!existsSync2(globalsPath)) {
+    return;
+  }
+  if (isTailwindV4(projectRoot)) {
+    const v4Css = generateV4GlobalsCss(config);
+    writeFileSync(globalsPath, v4Css, "utf-8");
+    if (existsSync2(layoutPath)) {
+      let layoutContent2 = readFileSync2(layoutPath, "utf-8");
+      if (layoutContent2.includes("dangerouslySetInnerHTML")) {
+        const styleStart = layoutContent2.indexOf("<style dangerouslySetInnerHTML");
+        if (styleStart !== -1) {
+          const styleEnd = layoutContent2.indexOf("/>", styleStart);
+          if (styleEnd !== -1) {
+            const before = layoutContent2.slice(0, styleStart).replace(/\s+$/, "");
+            const after = layoutContent2.slice(styleEnd + 2).replace(/^\s*\n/, "\n");
+            layoutContent2 = before + after;
+          }
+        }
+        layoutContent2 = layoutContent2.replace(/\s*<head>\s*<\/head>\s*/g, "\n");
+        writeFileSync(layoutPath, layoutContent2, "utf-8");
+      }
+    }
+    return;
+  }
+  const minimalCss = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  * {
+    border-color: var(--border);
+  }
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+  }
+}
+`;
+  writeFileSync(globalsPath, minimalCss, "utf-8");
+  if (!existsSync2(layoutPath)) {
+    return;
+  }
+  let layoutContent = readFileSync2(layoutPath, "utf-8");
+  if (layoutContent.includes("dangerouslySetInnerHTML")) {
+    const cssVars2 = buildCssVariables(config);
+    const marker = "__html: ";
+    const markerIdx = layoutContent.indexOf(marker);
+    if (markerIdx !== -1) {
+      const valueStart = markerIdx + marker.length;
+      const jsonStr = JSON.stringify(cssVars2);
+      const oldQuoteStart = layoutContent.indexOf('"', valueStart);
+      if (oldQuoteStart !== -1) {
+        let i = oldQuoteStart + 1;
+        while (i < layoutContent.length) {
+          if (layoutContent[i] === "\\") {
+            i += 2;
+            continue;
+          }
+          if (layoutContent[i] === '"') break;
+          i++;
+        }
+        layoutContent = layoutContent.slice(0, oldQuoteStart) + jsonStr + layoutContent.slice(i + 1);
+      }
+    }
+    writeFileSync(layoutPath, layoutContent, "utf-8");
+    return;
+  }
+  const cssVars = buildCssVariables(config);
+  const headBlock = `<head>
+        <style dangerouslySetInnerHTML={{ __html: ${JSON.stringify(cssVars)} }} />
+      </head>`;
+  layoutContent = layoutContent.replace('<html lang="en">', '<html lang="en">\n      ' + headBlock);
+  writeFileSync(layoutPath, layoutContent, "utf-8");
+}
+
+export {
+  isTailwindV4,
+  generateV4GlobalsCss,
+  needsGlobalsFix,
+  fixGlobalsCss
+};

package/dist/{code-generator-D3ZHOO4M.js → code-generator-CV54KQFF.js}

@@ -12,10 +12,11 @@ import {
   regeneratePage,
   scanAndInstallSharedDeps,
   validateAndFixGeneratedCode
-} from "./chunk-TD2ZYIIC.js";
-import "./chunk-QT5MRW4F.js";
+} from "./chunk-662O2QEG.js";
+import "./chunk-KJRBBLXT.js";
+import "./chunk-4TLYDTT3.js";
 import "./chunk-5AHG4NNX.js";
-import "./chunk-4A4YYAGN.js";
+import "./chunk-NOM47EB4.js";
 import "./chunk-3RG5ZIWI.js";
 export {
   buildAppLayoutCode,

package/dist/fix-globals-css-UQCGJ5NO.js

@@ -0,0 +1,9 @@
+import {
+  fixGlobalsCss,
+  needsGlobalsFix
+} from "./chunk-Q67PCGRQ.js";
+import "./chunk-3RG5ZIWI.js";
+export {
+  fixGlobalsCss,
+  needsGlobalsFix
+};