@kbach/react 0.5.29 → 0.5.31

package/dist/vite-plugin.d.mts

@@ -1,7 +1,6 @@
 import { Plugin } from 'vite';
 import { F as FrameworkConfig } from './types-CV5vXnSH.mjs';
 
-declare const VIRTUAL_ID = "virtual:kbach/styles.css";
 declare function kbach(userConfig?: FrameworkConfig): Plugin;
 
-export { VIRTUAL_ID, kbach };
+export { kbach };

package/dist/vite-plugin.d.ts

@@ -1,7 +1,6 @@
 import { Plugin } from 'vite';
 import { F as FrameworkConfig } from './types-CV5vXnSH.js';
 
-declare const VIRTUAL_ID = "virtual:kbach/styles.css";
 declare function kbach(userConfig?: FrameworkConfig): Plugin;
 
-export { VIRTUAL_ID, kbach };
+export { kbach };

package/dist/vite-plugin.js

@@ -20,7 +20,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/vite-plugin.ts
 var vite_plugin_exports = {};
 __export(vite_plugin_exports, {
-  VIRTUAL_ID: () => VIRTUAL_ID,
   kbach: () => kbach
 });
 module.exports = __toCommonJS(vite_plugin_exports);
@@ -3348,8 +3347,6 @@ var customVariants = new Proxy(
 );
 
 // src/vite-plugin.ts
-var VIRTUAL_ID = "virtual:kbach/styles.css";
-var RESOLVED_ID = "\0virtual:kbach/styles.css";
 var KBACH_START = "/* kbach:start */";
 var KBACH_END = "/* kbach:end */";
 var GROUPS = [
@@ -3470,7 +3467,7 @@ function scanDir(dir, onFile) {
       try {
         const st = (0, import_fs.statSync)(full);
         if (st.isDirectory()) scanDir(full, onFile);
-        else if (/\.(tsx?|jsx?)$/.test(entry)) onFile((0, import_fs.readFileSync)(full, "utf-8"));
+        else if (/\.(tsx?|jsx?)$/.test(entry)) onFile((0, import_fs.readFileSync)(full, "utf-8"), full);
       } catch {
       }
     }
@@ -3490,20 +3487,35 @@ 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 processToken(token) {
-    if (tokenCSS.has(token)) return false;
-    tokenCSS.set(token, generateClassCSS(token, cfg.theme, cfg.darkMode, screens));
-    return true;
-  }
-  function extractFromCode(code) {
-    let added = false;
+  function extractTokensFromCode(code) {
+    const tokens = /* @__PURE__ */ new Set();
     for (const cls of extractClassStrings(code))
       for (const token of cls.split(/\s+/).filter(Boolean))
-        if (processToken(token)) added = true;
-    return added;
+        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;
+      }
+    }
+    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);
@@ -3516,26 +3528,16 @@ function kbach(userConfig) {
     },
     buildStart() {
       for (const dir of ["src", "app", "pages", "components", "views", "layouts"])
-        scanDir((0, import_path.join)(root, dir), (code) => extractFromCode(code));
+        scanDir((0, import_path.join)(root, dir), (code, filePath) => fileTokens.set(filePath, extractTokensFromCode(code)));
+      rebuildTokenCSS();
       mainCSSFile = findMainCSSFile(root);
       if (mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
     },
-    transform(code, id) {
-      const cleanId = id.split("?")[0];
-      if (/\.(tsx?|jsx?)$/.test(cleanId) && !id.includes("node_modules"))
-        extractFromCode(code);
-    },
-    resolveId(id) {
-      if (id === VIRTUAL_ID) return RESOLVED_ID;
-    },
-    load(id) {
-      if (id === RESOLVED_ID) return getFormattedCSS();
-    },
     handleHotUpdate({ file }) {
       if (file.includes("node_modules") || !/\.(tsx?|jsx?)$/.test(file)) return;
       try {
-        const added = extractFromCode((0, import_fs.readFileSync)(file, "utf-8"));
-        if (added && mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
+        fileTokens.set(file, extractTokensFromCode((0, import_fs.readFileSync)(file, "utf-8")));
+        if (rebuildTokenCSS() && mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
       } catch {
       }
     }
@@ -3543,6 +3545,5 @@ function kbach(userConfig) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  VIRTUAL_ID,
   kbach
 });

package/dist/vite-plugin.mjs

@@ -6,8 +6,6 @@ import {
 // src/vite-plugin.ts
 import { readFileSync, writeFileSync, existsSync, readdirSync, statSync } from "fs";
 import { join } from "path";
-var VIRTUAL_ID = "virtual:kbach/styles.css";
-var RESOLVED_ID = "\0virtual:kbach/styles.css";
 var KBACH_START = "/* kbach:start */";
 var KBACH_END = "/* kbach:end */";
 var GROUPS = [
@@ -128,7 +126,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"));
+        else if (/\.(tsx?|jsx?)$/.test(entry)) onFile(readFileSync(full, "utf-8"), full);
       } catch {
       }
     }
@@ -148,20 +146,35 @@ 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 processToken(token) {
-    if (tokenCSS.has(token)) return false;
-    tokenCSS.set(token, generateClassCSS(token, cfg.theme, cfg.darkMode, screens));
-    return true;
-  }
-  function extractFromCode(code) {
-    let added = false;
+  function extractTokensFromCode(code) {
+    const tokens = /* @__PURE__ */ new Set();
     for (const cls of extractClassStrings(code))
       for (const token of cls.split(/\s+/).filter(Boolean))
-        if (processToken(token)) added = true;
-    return added;
+        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;
+      }
+    }
+    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);
@@ -174,32 +187,21 @@ function kbach(userConfig) {
     },
     buildStart() {
       for (const dir of ["src", "app", "pages", "components", "views", "layouts"])
-        scanDir(join(root, dir), (code) => extractFromCode(code));
+        scanDir(join(root, dir), (code, filePath) => fileTokens.set(filePath, extractTokensFromCode(code)));
+      rebuildTokenCSS();
       mainCSSFile = findMainCSSFile(root);
       if (mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
     },
-    transform(code, id) {
-      const cleanId = id.split("?")[0];
-      if (/\.(tsx?|jsx?)$/.test(cleanId) && !id.includes("node_modules"))
-        extractFromCode(code);
-    },
-    resolveId(id) {
-      if (id === VIRTUAL_ID) return RESOLVED_ID;
-    },
-    load(id) {
-      if (id === RESOLVED_ID) return getFormattedCSS();
-    },
     handleHotUpdate({ file }) {
       if (file.includes("node_modules") || !/\.(tsx?|jsx?)$/.test(file)) return;
       try {
-        const added = extractFromCode(readFileSync(file, "utf-8"));
-        if (added && mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
+        fileTokens.set(file, extractTokensFromCode(readFileSync(file, "utf-8")));
+        if (rebuildTokenCSS() && mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
       } catch {
       }
     }
   };
 }
 export {
-  VIRTUAL_ID,
   kbach
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "0.5.29",
+  "version": "0.5.31",
   "description": "React / React Native components and hooks for the Kbach framework",
   "source": "./src/index.ts",
   "main": "./dist/index.js",