@sudajs/cli 0.18.4 → 0.18.5

package/dist/index.d.ts

@@ -1800,6 +1800,7 @@ declare function fetchJson<T>(url: string, options?: RequestInit & {
     token?: string;
 }): Promise<T>;
 declare function validateThemeTailwindContract(root: string): Promise<void>;
+declare function validateThemeCssTokenContract(root: string): Promise<void>;
 declare function validateTheme(root: string): Promise<ValidatedTheme>;
 declare function validateThemeLocales(root: string): Promise<void>;
 declare function validateThemePreviewLocales(root: string, previewLocales: string[] | undefined): Promise<void>;
@@ -1827,6 +1828,7 @@ declare const __testUtils: {
     slugifyThemeName: typeof slugifyThemeName;
     validateThemeKey: typeof validateThemeKey;
     validateThemeName: typeof validateThemeName;
+    validateThemeCssTokenContract: typeof validateThemeCssTokenContract;
     validateThemeTailwindContract: typeof validateThemeTailwindContract;
     validateThemeLocales: typeof validateThemeLocales;
     validateThemePreviewLocales: typeof validateThemePreviewLocales;

package/dist/index.js

@@ -1123,6 +1123,108 @@ async function validateThemeTailwindContract(root) {
   if (!styles.includes('@import "tailwindcss";') && !styles.includes("@import 'tailwindcss';")) {
     throw new Error('src/styles.css must include `@import "tailwindcss";`.');
   }
+  await validateThemeCssTokenContract(root);
+}
+async function collectThemeSourceCssFiles(directory) {
+  const entries = await readdir(directory, { withFileTypes: true });
+  const files = [];
+  for (const entry of entries) {
+    const absolutePath = path2.join(directory, entry.name);
+    if (entry.isDirectory()) {
+      files.push(...await collectThemeSourceCssFiles(absolutePath));
+    } else if (entry.isFile() && entry.name.endsWith(".css")) {
+      files.push(absolutePath);
+    }
+  }
+  return files;
+}
+function findThemeInlineBlocks(styles, filePath) {
+  const blocks = [];
+  const pattern = /@theme\s+inline\s*\{/g;
+  for (const match of styles.matchAll(pattern)) {
+    const start = match.index;
+    let depth = 1;
+    let cursor = start + match[0].length;
+    while (cursor < styles.length && depth > 0) {
+      if (styles[cursor] === "{") depth += 1;
+      if (styles[cursor] === "}") depth -= 1;
+      cursor += 1;
+    }
+    if (depth !== 0) {
+      throw new Error(`${filePath} contains an unclosed \`@theme inline\` block.`);
+    }
+    blocks.push({
+      body: styles.slice(start + match[0].length, cursor - 1),
+      end: cursor,
+      start
+    });
+  }
+  return blocks;
+}
+async function validateThemeCssTokenContract(root) {
+  const sourceRoot = path2.join(root, "src");
+  const files = await collectThemeSourceCssFiles(sourceRoot);
+  const sources = await Promise.all(
+    files.map(async (filePath) => {
+      const styles = await readFile(filePath, "utf8");
+      return { blocks: findThemeInlineBlocks(styles, filePath), filePath, styles };
+    })
+  );
+  const declarations = /* @__PURE__ */ new Map();
+  for (const source of sources) {
+    for (const block of source.blocks) {
+      for (const match of block.body.matchAll(/(--[a-zA-Z0-9_-]+)\s*:\s*([^;]+);/g)) {
+        const name = match[1];
+        const value = match[2];
+        if (name !== void 0 && value !== void 0) {
+          declarations.set(name, value);
+        }
+      }
+    }
+  }
+  const sudaAliases = /* @__PURE__ */ new Set();
+  let changed = true;
+  while (changed) {
+    changed = false;
+    for (const [name, value] of declarations) {
+      const dependsOnSuda = /var\(\s*--suda-/.test(value);
+      const dependsOnAlias = [...sudaAliases].some(
+        (alias) => new RegExp(`var\\(\\s*${escapeRegExp(alias)}(?:\\s*[,\\)])`).test(value)
+      );
+      if ((dependsOnSuda || dependsOnAlias) && !sudaAliases.has(name)) {
+        sudaAliases.add(name);
+        changed = true;
+      }
+    }
+  }
+  const issues = [];
+  for (const source of sources) {
+    const handwrittenStyles = source.styles.split("");
+    for (const block of source.blocks) {
+      for (let index = block.start; index < block.end; index += 1) {
+        if (handwrittenStyles[index] !== "\n") {
+          handwrittenStyles[index] = " ";
+        }
+      }
+    }
+    const searchable = handwrittenStyles.join("");
+    for (const alias of sudaAliases) {
+      const reference = new RegExp(`var\\(\\s*${escapeRegExp(alias)}(?:\\s*[,\\)])`, "g");
+      for (const match of searchable.matchAll(reference)) {
+        const line = searchable.slice(0, match.index ?? 0).split("\n").length;
+        issues.push(`${path2.relative(root, source.filePath)}:${line} uses ${alias}`);
+      }
+    }
+  }
+  if (issues.length > 0) {
+    throw new Error(
+      [
+        "Hand-written theme CSS must not consume Suda-backed Tailwind aliases from `@theme inline`.",
+        ...issues.map((issue) => `  - ${issue}`),
+        "Use `var(--suda-*)` directly, or define and consume a theme-prefixed variable on the theme root. Tailwind utilities such as `bg-primary` remain supported."
+      ].join("\n")
+    );
+  }
 }
 async function validateTheme(root) {
   const packageJsonPath = path2.join(root, "package.json");
@@ -1657,6 +1759,7 @@ var __testUtils = {
   slugifyThemeName,
   validateThemeKey,
   validateThemeName,
+  validateThemeCssTokenContract,
   validateThemeTailwindContract,
   validateThemeLocales,
   validateThemePreviewLocales,