rainbowindex 0.0.0 → 0.2.0

package/dist/vite.mjs

@@ -0,0 +1,320 @@
+import {
+  postcss_default
+} from "./chunk-KCSNR2TV.mjs";
+import {
+  expandApplyGroups,
+  findClosingBrace,
+  hasRIActivation,
+  isAtRuleBoundary,
+  isAtRuleNameChar,
+  isSourceFile
+} from "./chunk-RPXZ3O6R.mjs";
+import {
+  devWarn
+} from "./chunk-5N4GPK26.mjs";
+
+// src/integrations/vite.ts
+import { existsSync } from "fs";
+import { access, readFile, readdir } 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"]);
+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);
+  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;
+      }
+    }
+  }
+  out += depth === 0 ? rewrite(body.slice(segStart)) : body.slice(segStart);
+  return out;
+}
+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;
+}
+function rewriteDirectiveBodies(code) {
+  let out = "";
+  let last = 0;
+  let i = 0;
+  while (i < code.length) {
+    const at = code.indexOf("@", i);
+    if (at === -1) break;
+    if (!isAtRuleBoundary(code, at)) {
+      i = at + 1;
+      continue;
+    }
+    let nameEnd = at + 1;
+    while (nameEnd < code.length && isAtRuleNameChar(code.charCodeAt(nameEnd))) nameEnd++;
+    const name = code.slice(at + 1, nameEnd);
+    const removals = REMOVAL_BODY_DIRECTIVES.has(name);
+    const keywords = KEYWORD_BODY_DIRECTIVES.has(name);
+    if (!removals && !keywords) {
+      i = nameEnd;
+      continue;
+    }
+    let braceIdx = nameEnd;
+    while (braceIdx < code.length) {
+      const ch = code[braceIdx];
+      if (ch === "{" || ch === ";" || ch === "}") break;
+      braceIdx++;
+    }
+    if (code[braceIdx] !== "{") {
+      i = braceIdx + 1;
+      continue;
+    }
+    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;
+    });
+    if (name === "color") rewritten = rewriteColorOptionFlags(rewritten);
+    out += code.slice(last, bodyStart) + rewritten;
+    last = bodyEnd;
+    i = bodyEnd;
+  }
+  if (last === 0) return code;
+  return out + code.slice(last);
+}
+var SKIP_DIRS = /* @__PURE__ */ new Set(["node_modules", ".git", "dist"]);
+var POSTCSS_CONFIG_FILES = [
+  "postcss.config.js",
+  "postcss.config.mjs",
+  "postcss.config.ts",
+  "postcss.config.cjs"
+];
+function isIgnorableDirectoryReadError(err) {
+  return !!err && typeof err === "object" && "code" in err && (err.code === "ENOENT" || err.code === "ENOTDIR" || err.code === "EACCES" || err.code === "EPERM");
+}
+function hasLocalPostCSSConfig(root) {
+  return POSTCSS_CONFIG_FILES.some((name) => existsSync(resolve(root, name)));
+}
+function rainbowindexVite() {
+  let root = process.cwd();
+  let logger;
+  const riCSSFiles = /* @__PURE__ */ new Set();
+  const fileVersions = /* @__PURE__ */ new Map();
+  let hotUpdateCount = 0;
+  const PRUNE_INTERVAL = 50;
+  return {
+    name: "rainbowindex",
+    enforce: "pre",
+    async config(config) {
+      root = config.root ?? process.cwd();
+      if (!hasLocalPostCSSConfig(root)) {
+        return {
+          css: {
+            postcss: {
+              plugins: [postcss_default()]
+            }
+          }
+        };
+      }
+      return {};
+    },
+    configureServer(server) {
+      root = server.config?.root ?? process.cwd();
+      logger = {
+        info: (msg) => server.config.logger?.info?.(msg, { timestamp: true }),
+        warn: (msg) => server.config.logger?.warn?.(msg, { timestamp: true })
+      };
+      if (hasLocalPostCSSConfig(root)) {
+        logger.info("[rainbowindex] Using local PostCSS config \u2014 skipped auto-injection.");
+      } else {
+        logger.info("[rainbowindex] Injected PostCSS plugin (no local postcss.config.* found).");
+      }
+      server.httpServer?.once("listening", async () => {
+        const cssFiles = [];
+        const fileMap = server.moduleGraph.fileToModulesMap;
+        if (fileMap) {
+          for (const [file] of fileMap) {
+            if (CSS_FILE_RE.test(file)) {
+              cssFiles.push(file);
+            }
+          }
+        }
+        if (cssFiles.length === 0) {
+          const diskCSS = await findCSSFilesOnDisk(root);
+          cssFiles.push(...diskCSS);
+        }
+        await Promise.all(cssFiles.map((file) => checkCSSFileAsync(file)));
+        if (riCSSFiles.size === 0) {
+          logger?.warn(
+            `[RI-1602] rainbowindex Vite plugin is registered but no CSS entry with \`@import "rainbowindex"\` was found under ${root}. Create one (e.g. src/index.css) and import it from your app entry, then restart the dev server. Or run \`rainbowindex init\` to wire it up automatically.`
+          );
+        } else {
+          const list = [...riCSSFiles].map((f) => relative(root, f).replaceAll("\\", "/")).join(", ");
+          logger?.info(`[rainbowindex] CSS entries: ${list}`);
+        }
+      });
+    },
+    transform(code, id) {
+      const file = id.split("?")[0];
+      if (CSS_FILE_RE.test(file)) {
+        fileVersions.set(file, (fileVersions.get(file) ?? 0) + 1);
+        if (hasRIActivation(code)) {
+          riCSSFiles.add(file);
+          let safe = rewriteDirectiveBodies(code);
+          const expandWarnings = [];
+          safe = expandApplyGroups(safe, expandWarnings);
+          for (const w of expandWarnings) {
+            (logger?.warn ?? console.warn)(`[rainbowindex] ${w}`);
+          }
+          return safe !== code ? safe : null;
+        }
+        riCSSFiles.delete(file);
+      }
+      return null;
+    },
+    async handleHotUpdate({ file, server, modules }) {
+      if (++hotUpdateCount % PRUNE_INTERVAL === 0) {
+        await pruneDeletedFiles();
+      }
+      if (CSS_FILE_RE.test(file)) {
+        await checkCSSFileAsync(file);
+        return;
+      }
+      if (!isSourceFile(file)) return;
+      const extraModules = [];
+      for (const cssFile of riCSSFiles) {
+        const mods = server.moduleGraph.getModulesByFile(cssFile);
+        if (mods) {
+          for (const mod of mods) {
+            if (!modules.includes(mod)) {
+              extraModules.push(mod);
+            }
+          }
+        }
+      }
+      if (extraModules.length > 0) {
+        return [...modules, ...extraModules];
+      }
+    }
+  };
+  async function pruneDeletedFiles() {
+    const tracked = /* @__PURE__ */ new Set([...riCSSFiles, ...fileVersions.keys()]);
+    const checks = [...tracked].map(async (file) => {
+      try {
+        await access(file);
+      } catch {
+        riCSSFiles.delete(file);
+        fileVersions.delete(file);
+      }
+    });
+    await Promise.all(checks);
+  }
+  async function collectCSSFiles(dir, results) {
+    let entries;
+    try {
+      entries = await readdir(dir, { withFileTypes: true });
+    } catch (err) {
+      if (!isIgnorableDirectoryReadError(err)) {
+        const msg = err instanceof Error ? err.message : String(err);
+        devWarn(`[RI-1601] Failed to scan CSS files in "${dir}": ${msg}`);
+      }
+      return;
+    }
+    for (const entry of entries) {
+      if (entry.isDirectory()) {
+        if (SKIP_DIRS.has(entry.name) || entry.name.startsWith(".")) continue;
+        await collectCSSFiles(join(dir, entry.name), results);
+      } else if (entry.isFile() && CSS_FILE_RE.test(entry.name)) {
+        results.push(join(dir, entry.name));
+      }
+    }
+  }
+  async function findCSSFilesOnDisk(root2) {
+    const results = [];
+    await collectCSSFiles(root2, results);
+    return results;
+  }
+  async function checkCSSFileAsync(file) {
+    const versionBefore = fileVersions.get(file) ?? 0;
+    try {
+      const raw = await readFile(file, "utf-8");
+      if ((fileVersions.get(file) ?? 0) !== versionBefore) return;
+      if (hasRIActivation(raw)) {
+        riCSSFiles.add(file);
+      } else {
+        riCSSFiles.delete(file);
+      }
+    } catch (_err) {
+      if ((fileVersions.get(file) ?? 0) !== versionBefore) return;
+      riCSSFiles.delete(file);
+    }
+  }
+}
+export {
+  rainbowindexVite as default
+};

package/package.json

@@ -1,5 +1,102 @@
 {
-    "name": "rainbowindex",
-    "version": "0.0.0",
-    "description": "Coming soon"
-}
+  "name": "rainbowindex",
+  "version": "0.2.0",
+  "description": "CSS-first system for building and maintaining consistent user interfaces",
+  "keywords": [
+    "css",
+    "utility-css",
+    "atomic-css",
+    "design-tokens",
+    "design-system",
+    "theming",
+    "dark-mode",
+    "oklch",
+    "fluid-typography",
+    "google-fonts",
+    "postcss",
+    "postcss-plugin",
+    "vite-plugin",
+    "class-merge",
+    "classnames",
+    "tailwind",
+    "tailwindcss",
+    "cli"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rainbowindex/rainbowindex.git"
+  },
+  "author": "rainbowindex (https://github.com/rainbowindex)",
+  "homepage": "https://rainbowindex.dev",
+  "bugs": "https://github.com/rainbowindex/rainbowindex/issues",
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/index.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "style": "./dist/index.css",
+      "browser": "./dist/browser.mjs",
+      "node": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./index.css": "./dist/index.css",
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "default": "./dist/vite.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "bin": {
+    "rainbowindex": "./dist/cli.mjs"
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "engines": {
+    "node": ">=20.19"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "chokidar": "^4.0.3",
+    "lightningcss": "^1.25.0",
+    "tinyglobby": "^0.2.15"
+  },
+  "peerDependencies": {
+    "postcss": "^8.5.0",
+    "vite": "*"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.4.16",
+    "@types/node": "^25.9.1",
+    "@vitest/coverage-v8": "^4.1.0",
+    "postcss": "^8.5.8",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
+    "vite": "8.0.0",
+    "vitest": "^4.0.17"
+  },
+  "scripts": {
+    "build": "tsup",
+    "check": "pnpm typecheck && pnpm lint && pnpm test && pnpm test:artifacts",
+    "test": "vitest run --exclude __tests__/cli/** --exclude __tests__/package.test.ts",
+    "test:coverage": "vitest run --coverage --exclude __tests__/cli/** --exclude __tests__/package.test.ts",
+    "test:artifacts": "pnpm build && vitest run __tests__/cli/cli.test.ts __tests__/package.test.ts",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write .",
+    "format": "biome format --write .",
+    "format:check": "biome format ."
+  }
+}