@getcoherent/cli 0.6.11 → 0.6.12

package/dist/index.js

@@ -3385,6 +3385,24 @@ function generateV4GlobalsCss(config2) {
   --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"};
@@ -3416,6 +3434,21 @@ function generateV4GlobalsCss(config2) {
   --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 {
@@ -3442,6 +3475,21 @@ function generateV4GlobalsCss(config2) {
   --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};
 }
 
 * {
@@ -4921,7 +4969,17 @@ function needsGlobalsFix(projectRoot) {
   if (isTailwindV4(projectRoot)) {
     if (!content.includes("@theme inline")) return true;
     if (content.includes("@tailwind base")) return true;
-    if (!content.includes("--color-transparent")) 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;
@@ -6087,6 +6145,15 @@ ${selectImport}`
   if (fixed !== beforeTabsFix) {
     fixes.push("stripped border from TabsTrigger (shadcn handles active state)");
   }
+  const beforeJunkFix = fixed;
+  fixed = fixed.replace(/className="([^"]*)"/g, (_match, classes) => {
+    const cleaned = classes.split(/\s+/).filter((c) => c !== "-0").join(" ");
+    if (cleaned !== classes.trim()) return `className="${cleaned}"`;
+    return _match;
+  });
+  if (fixed !== beforeJunkFix) {
+    fixes.push("removed junk classes (-0)");
+  }
   fixed = fixed.replace(/className="([^"]*)"/g, (_match, inner) => {
     const cleaned = inner.replace(/\s{2,}/g, " ").trim();
     return `className="${cleaned}"`;
@@ -9984,6 +10051,56 @@ import { spawn } from "child_process";
 import { existsSync as existsSync20, rmSync as rmSync3, readFileSync as readFileSync15, writeFileSync as writeFileSync10, readdirSync as readdirSync6 } from "fs";
 import { resolve as resolve11, join as join14 } from "path";
 import { readdir as readdir2 } from "fs/promises";
+
+// src/utils/css-validator.ts
+var REQUIRED_THEME_TOKENS = [
+  "--color-transparent",
+  "--color-black",
+  "--color-white",
+  "--color-sidebar-background",
+  "--color-sidebar-foreground",
+  "--color-sidebar-primary",
+  "--color-sidebar-primary-foreground",
+  "--color-sidebar-accent",
+  "--color-sidebar-accent-foreground",
+  "--color-sidebar-border",
+  "--color-sidebar-ring",
+  "--color-sidebar-muted",
+  "--color-sidebar-muted-foreground",
+  "--color-chart-1",
+  "--color-chart-2",
+  "--color-chart-3",
+  "--color-chart-4",
+  "--color-chart-5",
+  "--radius-xs"
+];
+var VAR_REFERENCE_RE = /var\(--([^)]+)\)/;
+function validateV4GlobalsCss(css) {
+  const issues = [];
+  if (css.includes("@tailwind base") || css.includes("@tailwind components")) {
+    issues.push("Stale v3 directive (@tailwind) found in v4 CSS \u2014 remove it");
+  }
+  const themeMatch = css.match(/@theme\s+inline\s*\{([^}]*(?:\{[^}]*\}[^}]*)*)\}/s);
+  const themeBlock = themeMatch ? themeMatch[1] : "";
+  for (const token of REQUIRED_THEME_TOKENS) {
+    if (!themeBlock.includes(token)) {
+      issues.push(`Missing @theme token: ${token}`);
+    }
+  }
+  const themeLines = themeBlock.split("\n");
+  for (const line of themeLines) {
+    const varMatch = line.match(VAR_REFERENCE_RE);
+    if (!varMatch) continue;
+    const referencedVar = `--${varMatch[1]}`;
+    const definedInRoot = css.includes(`${referencedVar}:`) || css.includes(`${referencedVar} :`);
+    if (!definedInRoot) {
+      issues.push(`@theme references var(${referencedVar}) but it is not defined in :root/.dark`);
+    }
+  }
+  return issues;
+}
+
+// src/commands/preview.ts
 import { DesignSystemManager as DesignSystemManager8, ComponentGenerator as ComponentGenerator3 } from "@getcoherent/core";
 
 // src/utils/file-watcher.ts
@@ -10838,6 +10955,20 @@ async function previewCommand() {
         spinner.warn("Could not auto-fix globals.css");
       }
     }
+    if (isTailwindV4(projectRoot)) {
+      const globalsPath = resolve11(projectRoot, "app", "globals.css");
+      if (existsSync20(globalsPath)) {
+        const globalsContent = readFileSync15(globalsPath, "utf-8");
+        const cssIssues = validateV4GlobalsCss(globalsContent);
+        if (cssIssues.length > 0) {
+          console.log(chalk15.yellow("\n\u26A0\uFE0F  globals.css validation warnings:"));
+          for (const issue of cssIssues) {
+            console.log(chalk15.yellow(`   \u2022 ${issue}`));
+          }
+          console.log(chalk15.dim('   Run "coherent chat" to regenerate globals.css\n'));
+        }
+      }
+    }
     spinner.text = "Pre-flight: dependencies and syntax...";
     await preflightDependencyCheck(projectRoot);
     clearStaleCache(projectRoot);

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.11",
+  "version": "0.6.12",
   "description": "CLI interface for Coherent Design Method",
   "type": "module",
   "main": "./dist/index.js",
@@ -33,8 +33,15 @@
   ],
   "author": "Coherent Design Method",
   "license": "MIT",
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest"
+  },
   "dependencies": {
     "@anthropic-ai/sdk": "^0.32.0",
+    "@getcoherent/core": "workspace:*",
     "chalk": "^5.3.0",
     "chokidar": "^4.0.1",
     "commander": "^11.1.0",
@@ -42,19 +49,12 @@
     "open": "^10.1.0",
     "ora": "^7.0.1",
     "prompts": "^2.4.2",
-    "zod": "^3.22.4",
-    "@getcoherent/core": "0.6.11"
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",
     "@types/prompts": "^2.4.9",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3"
-  },
-  "scripts": {
-    "dev": "tsup --watch",
-    "build": "tsup",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Sergei Kovtun
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.