@kbach/react 0.5.32 → 0.5.34

package/dist/vite-plugin.mjs

@@ -1,11 +1,13 @@
 import {
   buildConfig,
-  generateClassCSS
-} from "./chunk-SOBLKZGE.mjs";
+  generateClassCSS,
+  setCSSGenMode
+} from "./chunk-T3SOZ6AO.mjs";
 
 // src/vite-plugin.ts
 import { readFileSync, writeFileSync, existsSync, readdirSync, statSync } from "fs";
 import { join } from "path";
+setCSSGenMode(true);
 var KBACH_START = "/* kbach:start */";
 var KBACH_END = "/* kbach:end */";
 var GROUPS = [
@@ -43,9 +45,8 @@ function formatKbachCSS(tokenCSS, theme) {
   const allRaw = [...tokenCSS.values()].filter(Boolean).join("\n");
   const colorVars = buildColorVarMap(theme, allRaw);
   function applyVars(css) {
-    for (const [val, varName] of colorVars) {
+    for (const [val, varName] of colorVars)
       css = css.split(val).join(`var(${varName})`);
-    }
     return css;
   }
   const groups = new Map(GROUP_ORDER.map((g) => [g, []]));
@@ -58,17 +59,13 @@ function formatKbachCSS(tokenCSS, theme) {
   const out = ["/* Generated by Kbach \u2014 do not edit */"];
   if (colorVars.size > 0) {
     out.push("\n:root {");
-    for (const [val, varName] of colorVars) {
-      out.push(`  ${varName}: ${val};`);
-    }
+    for (const [val, varName] of colorVars) out.push(`  ${varName}: ${val};`);
     out.push("}");
   }
   const globalCSS = buildThemeGlobal(theme);
-  if (globalCSS) {
-    out.push(`
+  if (globalCSS) out.push(`
 /* Global */
 ${globalCSS}`);
-  }
   for (const label of GROUP_ORDER) {
     const items = groups.get(label) ?? [];
     if (!items.length) continue;
@@ -118,7 +115,6 @@ function toNumericScreens(screens) {
   }
   return out;
 }
-var normPath = (p) => p.split("\\").join("/");
 function scanDir(dir, onFile) {
   try {
     for (const entry of readdirSync(dir)) {
@@ -127,7 +123,7 @@ function scanDir(dir, onFile) {
       try {
         const st = statSync(full);
         if (st.isDirectory()) scanDir(full, onFile);
-        else if (/\.(tsx?|jsx?)$/.test(entry)) onFile(readFileSync(full, "utf-8"), normPath(full));
+        else if (/\.(tsx?|jsx?)$/.test(entry)) onFile(readFileSync(full, "utf-8"));
       } catch {
       }
     }
@@ -147,37 +143,20 @@ function extractClassStrings(code) {
 function kbach(userConfig) {
   const cfg = buildConfig(userConfig ?? {});
   const screens = toNumericScreens(cfg.theme.screens ?? {});
-  const fileTokens = /* @__PURE__ */ new Map();
-  const tokenCSS = /* @__PURE__ */ new Map();
   let root = process.cwd();
   let mainCSSFile = null;
-  function extractTokensFromCode(code) {
-    const tokens = /* @__PURE__ */ new Set();
-    for (const cls of extractClassStrings(code))
-      for (const token of cls.split(/\s+/).filter(Boolean))
-        tokens.add(token);
-    return tokens;
-  }
-  function rebuildTokenCSS() {
-    const live = /* @__PURE__ */ new Set();
-    for (const tokens of fileTokens.values())
-      for (const t of tokens) live.add(t);
-    let changed = false;
-    for (const token of tokenCSS.keys()) {
-      if (!live.has(token)) {
-        tokenCSS.delete(token);
-        changed = true;
-      }
+  function generateCSS() {
+    const tokenCSS = /* @__PURE__ */ new Map();
+    for (const dir of ["src", "app", "pages", "components", "views", "layouts"]) {
+      scanDir(join(root, dir), (code) => {
+        for (const cls of extractClassStrings(code))
+          for (const token of cls.split(/\s+/).filter(Boolean))
+            if (!tokenCSS.has(token)) {
+              const css = generateClassCSS(token, cfg.theme, cfg.darkMode, screens);
+              tokenCSS.set(token, css);
+            }
+      });
     }
-    for (const token of live) {
-      if (!tokenCSS.has(token)) {
-        tokenCSS.set(token, generateClassCSS(token, cfg.theme, cfg.darkMode, screens));
-        changed = true;
-      }
-    }
-    return changed;
-  }
-  function getFormattedCSS() {
     return formatKbachCSS(tokenCSS, cfg.theme);
   }
   return {
@@ -187,19 +166,12 @@ function kbach(userConfig) {
       root = resolved.root;
     },
     buildStart() {
-      for (const dir of ["src", "app", "pages", "components", "views", "layouts"])
-        scanDir(join(root, dir), (code, filePath) => fileTokens.set(filePath, extractTokensFromCode(code)));
-      rebuildTokenCSS();
       mainCSSFile = findMainCSSFile(root);
-      if (mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
+      if (mainCSSFile) writeKbachToFile(mainCSSFile, generateCSS());
     },
     handleHotUpdate({ file }) {
       if (file.includes("node_modules") || !/\.(tsx?|jsx?)$/.test(file)) return;
-      try {
-        fileTokens.set(normPath(file), extractTokensFromCode(readFileSync(file, "utf-8")));
-        if (rebuildTokenCSS() && mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
-      } catch {
-      }
+      if (mainCSSFile) writeKbachToFile(mainCSSFile, generateCSS());
     }
   };
 }