pasika 0.10.122 → 0.10.124

package/dist/eslint/pasika/index.js

@@ -9889,20 +9889,33 @@ function colorRoleUsageMessage(className) {
 
 // eslint/rules/tailwind/color-role-usage.ts
 var COLOR_TOKEN = /^--color-[a-z][a-z0-9-]*-(?:canvas|ink|edge)$/u;
+var BACKGROUND_IMAGE_TOKEN = /^--background-image-[a-z][a-z0-9-]*-canvas$/u;
 var colorRoleUsageRule = {
   meta: {
     schema: [],
     type: "problem",
-    docs: { description: "Require semantic color-token names and matching Tailwind color utilities." }
+    docs: {
+      description: "Require semantic color and background-image token names and matching Tailwind color utilities."
+    }
   },
   create(context) {
     return {
       "StyleSheet:exit"(node) {
         for (const theme of atrulesNamed(node, "theme")) {
           const source = context.sourceCode.getText(theme).replace(/\/\*[\s\S]*?\*\//gu, " ");
-          for (const match of source.matchAll(/(?:^|[{;\r\n])\s*(?<token>--color-[a-z][a-z0-9-]*)\s*:/gu)) {
+          for (const match of source.matchAll(
+            /(?:^|[{;\r\n])\s*(?<token>--(?:color|background-image)-[a-z][a-z0-9-]*)\s*:/gu
+          )) {
             const token = match.groups?.token;
-            if (token && !COLOR_TOKEN.test(token)) {
+            if (!token) continue;
+            if (token.startsWith("--background-image-")) {
+              if (!BACKGROUND_IMAGE_TOKEN.test(token)) {
+                context.report({
+                  node: theme,
+                  message: `Background-image token "${token}" needs a semantic role ending in -canvas.`
+                });
+              }
+            } else if (!COLOR_TOKEN.test(token)) {
               context.report({
                 node: theme,
                 message: `Color token "${token}" needs a semantic role ending in -canvas, -ink, or -edge.`
@@ -10627,7 +10640,7 @@ import path72 from "path";
 import { generate as generate3, parse as parse6, walk as walk3 } from "@eslint/css-tree";
 var INLINE_MESSAGE = "Define design tokens with direct values in @theme, not @theme inline.";
 var INDIRECT_MESSAGE = "Define design tokens that reference CSS variables via var() in @theme inline.";
-var MIXED_THEME_MESSAGE = "Use either @theme or @theme inline across the project, not both.";
+var MIXED_THEME_MESSAGE = "Use either @theme or @theme inline across the project; external font-loader mappings with valid fallbacks are the only exception.";
 var REDUNDANT_INLINE_MESSAGE = (name) => `Tailwind token "${name}" has no runtime overrides; define its value directly in @theme instead of using :root and @theme inline.`;
 var EXTERNAL_FONT_FALLBACK_MESSAGE = (name, variable) => `Tailwind font token "${name}" references external font "${variable}" without a fallback inside var(); use var(${variable}, Arial) or another font-family fallback.`;
 function hasVarFallback(source, variable) {
@@ -10644,7 +10657,7 @@ var rootVariablesRule = {
     schema: [],
     type: "problem",
     docs: {
-      description: "Require @theme for fixed tokens, matching :root variables for @theme inline tokens, and no other token redeclarations."
+      description: "Require @theme for fixed tokens and fixed-token aliases, matching :root variables for @theme inline tokens, and no other token redeclarations."
     }
   },
   create(context) {
@@ -10661,12 +10674,26 @@ var rootVariablesRule = {
       modules: [],
       includeReferences: false
     });
+    const themeValues = new Map(
+      graph.definitions.filter((symbol) => symbol.kind === "theme-token" && symbol.value !== void 0).map((symbol) => [symbol.name, symbol.value ?? ""])
+    );
     const names = new Set(
       graph.definitions.filter((symbol) => symbol.kind === "theme-token").map((symbol) => symbol.name)
     );
+    function isFixedThemeAlias(name, value, visited = /* @__PURE__ */ new Set()) {
+      const match = /^var\(\s*(?<target>--[a-z][\w-]*)\s*\)$/u.exec(value.trim());
+      const target = match?.groups?.target;
+      if (!target || target === name || visited.has(target)) return false;
+      const next = themeValues.get(target);
+      if (!next) return false;
+      if (!/\bvar\s*\(/u.test(next)) return true;
+      visited.add(target);
+      return isFixedThemeAlias(name, next, visited);
+    }
     const mirroredTokens = /* @__PURE__ */ new Set();
     let hasPlainThemeBlocks = false;
     let hasInlineThemeBlocks = false;
+    let inlineBlocksAreExternalFonts = true;
     for (const file of [...stylesheets.filter((candidate) => path72.normalize(candidate) !== current), current]) {
       const source = (path72.normalize(file) === current ? context.sourceCode.text : textOf(file)).replace(
         /\/\*[\s\S]*?\*\//gu,
@@ -10676,6 +10703,25 @@ var rootVariablesRule = {
         if (/\binline\b/u.test(header.groups?.options ?? "")) hasInlineThemeBlocks = true;
         else hasPlainThemeBlocks = true;
       }
+      const inlineHeaders = [...source.matchAll(/@theme\s+inline\s*\{/gu)];
+      const inlineBlocks = [...source.matchAll(/@theme\s+inline\s*\{(?<body>[^{}]*)\}/gu)];
+      if (inlineHeaders.length !== inlineBlocks.length) inlineBlocksAreExternalFonts = false;
+      for (const block of inlineBlocks) {
+        const declarations = (block.groups?.body ?? "").split(";").map((part) => part.trim()).filter(Boolean);
+        if (declarations.length === 0) inlineBlocksAreExternalFonts = false;
+        for (const declaration of declarations) {
+          const match = /^(?<token>--font-[a-z][\w-]*)\s*:\s*(?<value>.+)$/u.exec(declaration);
+          const name = match?.groups?.token;
+          const value = match?.groups?.value ?? "";
+          const references = [...value.matchAll(/\bvar\s*\(\s*(?<name>--[\w-]+)/gu)].map(
+            (reference) => reference.groups?.name
+          );
+          const runtime = references[0];
+          if (!name || references.length !== 1 || !runtime?.startsWith("--font-") || runtime === name || names.has(runtime) || !hasVarFallback(value, runtime)) {
+            inlineBlocksAreExternalFonts = false;
+          }
+        }
+      }
       for (const theme of source.matchAll(/@theme(?<options>(?:\s+[\w-]+)*)\s*\{(?<body>[^{}]*)\}/gu)) {
         const inline = /\binline\b/u.test(theme.groups?.options ?? "");
         for (const declaration of (theme.groups?.body ?? "").matchAll(
@@ -10715,7 +10761,7 @@ var rootVariablesRule = {
     return {
       "StyleSheet:exit"(node) {
         const localThemes = atrulesNamed(node, "theme");
-        if (hasPlainThemeBlocks && hasInlineThemeBlocks && localThemes[0]) {
+        if (hasPlainThemeBlocks && hasInlineThemeBlocks && !inlineBlocksAreExternalFonts && localThemes[0]) {
           context.report({ node: localThemes[0], message: MIXED_THEME_MESSAGE });
         }
         for (const theme of localThemes) {
@@ -10757,7 +10803,7 @@ var rootVariablesRule = {
                 context.report({ node: theme, message: REDUNDANT_INLINE_MESSAGE(name) });
               }
             }
-            if (inline === referencesVariable) continue;
+            if (inline === referencesVariable || !inline && isFixedThemeAlias(name, unquoted)) continue;
             const offset = (theme.loc?.start.offset ?? 0) + match.index + match[0].indexOf(name);
             const preceding = context.sourceCode.text.slice(0, offset);
             const line = preceding.split("\n").length;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pasika",
-  "version": "0.10.122",
+  "version": "0.10.124",
   "description": "Reusable agent setup package",
   "repository": {
     "type": "git",