rainbowindex 0.3.0 → 0.4.1

package/dist/vite.mjs

@@ -1,100 +1,89 @@
 import {
   postcss_default
-} from "./chunk-AUWGHSTO.mjs";
-import "./chunk-AZXWJ625.mjs";
+} from "./chunk-IYIUS7AE.mjs";
+import "./chunk-53WD6U2X.mjs";
 import {
+  isSourceFile
+} from "./chunk-3HRMFZGE.mjs";
+import {
+  DIRECTIVE_TYPE_NAMES,
   expandApplyGroups,
   findClosingBrace,
   hasRIActivation,
   isAtRuleBoundary,
-  isAtRuleNameChar,
-  isSourceFile
-} from "./chunk-IE6N76PW.mjs";
+  isAtRuleNameChar
+} from "./chunk-6GTG5SZJ.mjs";
 import {
   devWarn
-} from "./chunk-SOMDX7V6.mjs";
+} from "./chunk-KRZL4IDK.mjs";
 
 // src/integrations/vite.ts
 import { existsSync } from "fs";
-import { access, readFile, readdir } from "fs/promises";
+import { access, readdir, readFile } from "fs/promises";
 import { join, relative, resolve } from "path";
-var CSS_FILE_RE = /\.(?:module\.)?css$/;
-var REMOVAL_BODY_DIRECTIVES = /* @__PURE__ */ new Set([
-  "color",
-  "text",
-  "spacing",
-  "breakpoint",
-  "rounded",
-  "shadow",
-  "weight",
-  "ease",
-  "blur",
-  "z",
-  "animate",
-  "leading",
-  "tracking",
-  "opacity",
-  "duration"
-]);
-var KEYWORD_BODY_DIRECTIVES = /* @__PURE__ */ new Set(["fluid"]);
+
+// src/directives/postcss-safe.ts
+var BODY_GRAMMAR = {
+  color: "removal",
+  text: "removal",
+  spacing: "removal",
+  breakpoint: "removal",
+  rounded: "removal",
+  shadow: "removal",
+  weight: "removal",
+  ease: "removal",
+  blur: "removal",
+  z: "removal",
+  animate: "removal",
+  leading: "removal",
+  tracking: "removal",
+  opacity: "removal",
+  duration: "removal",
+  fluid: "keyword",
+  font: "raw",
+  preflight: "raw",
+  utility: "raw",
+  custom: "raw",
+  source: "raw",
+  layer: "raw",
+  register: "raw"
+};
+var REMOVAL_BODY_DIRECTIVES = new Set(
+  DIRECTIVE_TYPE_NAMES.filter((n) => BODY_GRAMMAR[n] === "removal")
+);
+var KEYWORD_BODY_DIRECTIVES = new Set(
+  DIRECTIVE_TYPE_NAMES.filter((n) => BODY_GRAMMAR[n] === "keyword")
+);
 var REMOVAL_RE = /!([\w][\w-]*)\s*;/g;
 var FLUID_KEYWORD_RE = /\b(no-parabolic|parabolic|no-shift|shift)\s*;?/g;
 var COLOR_FLAG_RE = /(?<=[{;\s]|^)(inline|no-parabolic|parabolic)\s*(?:;|(?=}))/g;
-function rewriteTopLevel(body, rewrite) {
-  if (!body.includes("{")) return rewrite(body);
+function mapTopLevelSpans(body, mapOutside, mapBlock) {
+  let brace = body.indexOf("{");
+  if (brace === -1) return mapOutside(body);
   let out = "";
   let segStart = 0;
-  let depth = 0;
-  for (let i = 0; i < body.length; i++) {
-    const ch = body[i];
-    if (ch === "{") {
-      if (depth === 0) {
-        out += rewrite(body.slice(segStart, i));
-        segStart = i;
-      }
-      depth++;
-    } else if (ch === "}") {
-      if (depth > 0) depth--;
-      if (depth === 0) {
-        out += body.slice(segStart, i + 1);
-        segStart = i + 1;
-      }
-    }
+  while (brace !== -1) {
+    out += mapOutside(body.slice(segStart, brace));
+    const close = findClosingBrace(body, brace);
+    if (close === -1) return out + body.slice(brace);
+    out += `{${mapBlock(body.slice(brace + 1, close))}}`;
+    segStart = close + 1;
+    brace = body.indexOf("{", segStart);
   }
-  out += depth === 0 ? rewrite(body.slice(segStart)) : body.slice(segStart);
-  return out;
+  return out + mapOutside(body.slice(segStart));
 }
+var keepSpan = (span) => span;
 function rewriteColorOptionFlag(_match, keyword) {
   if (keyword === "inline") return "--ri-inline: true;";
   const negated = keyword.startsWith("no-");
   return `--ri-${negated ? keyword.slice(3) : keyword}: ${negated ? "false" : "true"};`;
 }
 function rewriteColorOptionFlags(body) {
-  if (!body.includes("{")) return body;
-  let out = "";
-  let segStart = 0;
-  let depth = 0;
-  let blockStart = -1;
-  for (let i = 0; i < body.length; i++) {
-    const ch = body[i];
-    if (ch === "{") {
-      if (depth === 0) {
-        out += body.slice(segStart, i + 1);
-        blockStart = i + 1;
-      }
-      depth++;
-    } else if (ch === "}") {
-      if (depth > 0) depth--;
-      if (depth === 0 && blockStart !== -1) {
-        out += body.slice(blockStart, i).replace(COLOR_FLAG_RE, rewriteColorOptionFlag);
-        out += "}";
-        segStart = i + 1;
-        blockStart = -1;
-      }
-    }
-  }
-  out += body.slice(segStart);
-  return out;
+  return mapTopLevelSpans(
+    body,
+    keepSpan,
+    (interior) => interior.replace(COLOR_FLAG_RE, rewriteColorOptionFlag)
+  );
 }
 function rewriteDirectiveBodies(code) {
   let out = "";
@@ -129,17 +118,21 @@ function rewriteDirectiveBodies(code) {
     const close = findClosingBrace(code, braceIdx);
     const bodyStart = braceIdx + 1;
     const bodyEnd = close === -1 ? code.length : close;
-    let rewritten = rewriteTopLevel(code.slice(bodyStart, bodyEnd), (span) => {
-      let s = span;
-      if (removals) s = s.replace(REMOVAL_RE, "--ri-rm: $1;");
-      if (keywords) {
-        s = s.replace(FLUID_KEYWORD_RE, (_, kw) => {
-          const negated = kw.startsWith("no-");
-          return `--ri-${negated ? kw.slice(3) : kw}: ${negated ? "false" : "true"};`;
-        });
-      }
-      return s;
-    });
+    let rewritten = mapTopLevelSpans(
+      code.slice(bodyStart, bodyEnd),
+      (span) => {
+        let s = span;
+        if (removals) s = s.replace(REMOVAL_RE, "--ri-rm: $1;");
+        if (keywords) {
+          s = s.replace(FLUID_KEYWORD_RE, (_, kw) => {
+            const negated = kw.startsWith("no-");
+            return `--ri-${negated ? kw.slice(3) : kw}: ${negated ? "false" : "true"};`;
+          });
+        }
+        return s;
+      },
+      keepSpan
+    );
     if (name === "color") rewritten = rewriteColorOptionFlags(rewritten);
     out += code.slice(last, bodyStart) + rewritten;
     last = bodyEnd;
@@ -148,6 +141,9 @@ function rewriteDirectiveBodies(code) {
   if (last === 0) return code;
   return out + code.slice(last);
 }
+
+// src/integrations/vite.ts
+var CSS_FILE_RE = /\.(?:module\.)?css$/;
 var SKIP_DIRS = /* @__PURE__ */ new Set(["node_modules", ".git", "dist"]);
 var POSTCSS_CONFIG_FILES = [
   "postcss.config.js",
@@ -248,11 +244,12 @@ function rainbowindexVite() {
       }
       if (!isSourceFile(file)) return;
       const extraModules = [];
+      const hmrModules = new Set(modules);
       for (const cssFile of riCSSFiles) {
         const mods = server.moduleGraph.getModulesByFile(cssFile);
         if (mods) {
           for (const mod of mods) {
-            if (!modules.includes(mod)) {
+            if (!hmrModules.has(mod)) {
               extraModules.push(mod);
             }
           }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "rainbowindex",
-	"version": "0.3.0",
+	"version": "0.4.1",
 	"description": "CSS-first system for building and maintaining consistent user interfaces",
 	"keywords": [
 		"css",
@@ -97,6 +97,7 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^2.4.16",
+		"@capsizecss/metrics": "^4.2.0",
 		"@types/node": "^25.9.1",
 		"@vitest/coverage-v8": "^4.1.0",
 		"postcss": "^8.5.8",