@kbach/react 0.5.28 → 0.5.30

package/dist/vite-plugin.js

@@ -3448,8 +3448,9 @@ function writeKbachToFile(filePath, css) {
   const block = `${KBACH_START}
 ${css}
 ${KBACH_END}`;
-  const re = new RegExp(`${KBACH_START}[\\s\\S]*?${KBACH_END}`);
-  const next = existing.includes(KBACH_START) ? existing.replace(re, block) : existing ? `${existing}
+  const start = existing.indexOf(KBACH_START);
+  const end = existing.indexOf(KBACH_END);
+  const next = start !== -1 && end !== -1 ? existing.slice(0, start) + block + existing.slice(end + KBACH_END.length) : existing ? `${existing}
 
 ${block}` : block;
   if (next !== existing) (0, import_fs.writeFileSync)(filePath, next, "utf-8");
@@ -3469,7 +3470,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 {
       }
     }
@@ -3489,20 +3490,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);
@@ -3515,14 +3531,15 @@ 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);
+      const filePath = id.split("?")[0];
+      if (/\.(tsx?|jsx?)$/.test(filePath) && !id.includes("node_modules"))
+        fileTokens.set(filePath, extractTokensFromCode(code));
     },
     resolveId(id) {
       if (id === VIRTUAL_ID) return RESOLVED_ID;
@@ -3533,8 +3550,8 @@ function kbach(userConfig) {
     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 {
       }
     }

package/dist/vite-plugin.mjs

@@ -106,8 +106,9 @@ function writeKbachToFile(filePath, css) {
   const block = `${KBACH_START}
 ${css}
 ${KBACH_END}`;
-  const re = new RegExp(`${KBACH_START}[\\s\\S]*?${KBACH_END}`);
-  const next = existing.includes(KBACH_START) ? existing.replace(re, block) : existing ? `${existing}
+  const start = existing.indexOf(KBACH_START);
+  const end = existing.indexOf(KBACH_END);
+  const next = start !== -1 && end !== -1 ? existing.slice(0, start) + block + existing.slice(end + KBACH_END.length) : existing ? `${existing}
 
 ${block}` : block;
   if (next !== existing) writeFileSync(filePath, next, "utf-8");
@@ -127,7 +128,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 {
       }
     }
@@ -147,20 +148,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);
@@ -173,14 +189,15 @@ 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);
+      const filePath = id.split("?")[0];
+      if (/\.(tsx?|jsx?)$/.test(filePath) && !id.includes("node_modules"))
+        fileTokens.set(filePath, extractTokensFromCode(code));
     },
     resolveId(id) {
       if (id === VIRTUAL_ID) return RESOLVED_ID;
@@ -191,8 +208,8 @@ function kbach(userConfig) {
     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 {
       }
     }

package/package.json

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