@kbach/react 0.5.32 → 0.5.33

package/dist/vite-plugin.js

@@ -3384,9 +3384,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, []]));
@@ -3399,17 +3398,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;
@@ -3459,7 +3454,6 @@ function toNumericScreens(screens) {
   }
   return out;
 }
-var normPath = (p) => p.split("\\").join("/");
 function scanDir(dir, onFile) {
   try {
     for (const entry of (0, import_fs.readdirSync)(dir)) {
@@ -3468,7 +3462,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"), normPath(full));
+        else if (/\.(tsx?|jsx?)$/.test(entry)) onFile((0, import_fs.readFileSync)(full, "utf-8"));
       } catch {
       }
     }
@@ -3488,37 +3482,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((0, import_path.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 {
@@ -3528,19 +3505,12 @@ function kbach(userConfig) {
       root = resolved.root;
     },
     buildStart() {
-      for (const dir of ["src", "app", "pages", "components", "views", "layouts"])
-        scanDir((0, import_path.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((0, import_fs.readFileSync)(file, "utf-8")));
-        if (rebuildTokenCSS() && mainCSSFile) writeKbachToFile(mainCSSFile, getFormattedCSS());
-      } catch {
-      }
+      if (mainCSSFile) writeKbachToFile(mainCSSFile, generateCSS());
     }
   };
 }

package/dist/vite-plugin.mjs

@@ -43,9 +43,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 +57,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 +113,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 +121,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 +141,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 +164,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());
     }
   };
 }

package/package.json

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