@kbach/react 0.5.14 → 0.5.16

package/dist/vite-plugin.mjs

@@ -0,0 +1,127 @@
+import {
+  buildConfig,
+  generateClassCSS
+} from "./chunk-SHQPNCQ7.mjs";
+
+// src/vite-plugin.ts
+import { readFileSync, readdirSync, statSync } from "fs";
+import { join } from "path";
+var VIRTUAL_ID = "virtual:kbach/styles.css";
+var RESOLVED_ID = "\0" + VIRTUAL_ID;
+function toNumericScreens(screens) {
+  const out = {};
+  for (const [k, v] of Object.entries(screens)) {
+    out[k] = typeof v === "number" ? v : parseInt(String(v), 10);
+  }
+  return out;
+}
+function scanDir(dir, onFile) {
+  try {
+    for (const entry of readdirSync(dir)) {
+      if (entry.startsWith(".") || entry === "node_modules") continue;
+      const full = join(dir, entry);
+      try {
+        const st = statSync(full);
+        if (st.isDirectory()) {
+          scanDir(full, onFile);
+        } else if (/\.(tsx?|jsx?)$/.test(entry)) {
+          onFile(readFileSync(full, "utf-8"));
+        }
+      } catch {
+      }
+    }
+  } catch {
+  }
+}
+function extractClassStrings(code) {
+  const found = [];
+  const re = /(?:className|kb)=(?:["']([^"']+)["']|\{["']([^"']+)["']\})/g;
+  let m;
+  while ((m = re.exec(code)) !== null) {
+    const val = m[1] ?? m[2];
+    if (val) found.push(val);
+  }
+  return found;
+}
+function buildGlobalCSS(theme) {
+  const ff = theme.fontFamily;
+  if (!ff?.sans || ff.sans === "System") return "";
+  const family = Array.isArray(ff.sans) ? ff.sans.join(", ") : ff.sans;
+  return `body { font-family: ${family}; }`;
+}
+function kbach(userConfig) {
+  const cfg = buildConfig(userConfig ?? {});
+  const screens = toNumericScreens(cfg.theme.screens ?? {});
+  const cssMap = /* @__PURE__ */ new Map();
+  let root = process.cwd();
+  let isDev = false;
+  function processClassString(classStr) {
+    if (cssMap.has(classStr)) return;
+    cssMap.set(classStr, generateClassCSS(classStr, cfg.theme, cfg.darkMode, screens));
+  }
+  function extractFromCode(code) {
+    let added = false;
+    for (const cls of extractClassStrings(code)) {
+      if (!cssMap.has(cls)) {
+        processClassString(cls);
+        added = true;
+      }
+    }
+    return added;
+  }
+  function getAllCSS() {
+    const parts = [];
+    const global = buildGlobalCSS(cfg.theme);
+    if (global) parts.push(global);
+    for (const css of cssMap.values()) {
+      if (css) parts.push(css);
+    }
+    return parts.join("\n");
+  }
+  return {
+    name: "kbach",
+    enforce: "pre",
+    config(_c, env) {
+      isDev = env.command === "serve";
+    },
+    configResolved(resolved) {
+      root = resolved.root;
+    },
+    buildStart() {
+      for (const dir of ["src", "app", "pages", "components"]) {
+        scanDir(join(root, dir), (code) => extractFromCode(code));
+      }
+    },
+    resolveId(id) {
+      if (id === VIRTUAL_ID) return RESOLVED_ID;
+    },
+    load(id) {
+      if (id === RESOLVED_ID) return getAllCSS();
+    },
+    transform(code, id) {
+      if (id.includes("node_modules") || !/\.(tsx?|jsx?)$/.test(id)) return;
+      const added = extractFromCode(code);
+      if (isDev && added) {
+      }
+    },
+    handleHotUpdate({ file, server }) {
+      if (file.includes("node_modules") || !/\.(tsx?|jsx?)$/.test(file)) return;
+      try {
+        const code = readFileSync(file, "utf-8");
+        const added = extractFromCode(code);
+        if (added) {
+          const mod = server.moduleGraph.getModuleById(RESOLVED_ID);
+          if (mod) {
+            server.moduleGraph.invalidateModule(mod);
+            return [mod];
+          }
+        }
+      } catch {
+      }
+    }
+  };
+}
+export {
+  VIRTUAL_ID,
+  kbach
+};

package/package.json

@@ -1,61 +1,77 @@
-{
-  "name": "@kbach/react",
-  "version": "0.5.14",
-  "description": "React / React Native components and hooks for the Kbach framework",
-  "source": "./src/index.ts",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "source": "./src/index.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./jsx-runtime": {
-      "types": "./dist/jsx-runtime.d.ts",
-      "source": "./src/jsx-runtime.tsx",
-      "import": "./dist/jsx-runtime.mjs",
-      "require": "./dist/jsx-runtime.js"
-    },
-    "./jsx-dev-runtime": {
-      "types": "./dist/jsx-dev-runtime.d.ts",
-      "source": "./src/jsx-dev-runtime.tsx",
-      "import": "./dist/jsx-dev-runtime.mjs",
-      "require": "./dist/jsx-dev-runtime.js"
-    },
-    "./types": {
-      "types": "./types.d.ts"
-    }
-  },
-  "scripts": {
-    "build": "tsup src/index.ts src/jsx-runtime.tsx src/jsx-dev-runtime.tsx --format esm,cjs --dts --clean",
-    "dev": "tsup src/index.ts src/jsx-runtime.tsx src/jsx-dev-runtime.tsx --format esm,cjs --dts --watch",
-    "test": "vitest run --passWithNoTests",
-    "lint": "tsc --noEmit",
-    "postinstall": "node scripts/postinstall.js"
-  },
-  "devDependencies": {
-    "@types/react": "^19.2.0",
-    "tsup": "^8.0.0",
-    "vitest": "^1.0.0"
-  },
-  "peerDependencies": {
-    "react": ">=17.0.0",
-    "react-native": ">=0.70.0"
-  },
-  "peerDependenciesMeta": {
-    "react-native": {
-      "optional": true
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "dist",
-    "scripts",
-    "KBACH.md"
-  ]
-}
+{
+  "name": "@kbach/react",
+  "version": "0.5.16",
+  "description": "React / React Native components and hooks for the Kbach framework",
+  "source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "source": "./src/jsx-runtime.tsx",
+      "import": "./dist/jsx-runtime.mjs",
+      "require": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "source": "./src/jsx-dev-runtime.tsx",
+      "import": "./dist/jsx-dev-runtime.mjs",
+      "require": "./dist/jsx-dev-runtime.js"
+    },
+    "./types": {
+      "types": "./types.d.ts"
+    },
+    "./vite": {
+      "types": "./dist/vite-plugin.d.ts",
+      "source": "./src/vite-plugin.ts",
+      "import": "./dist/vite-plugin.mjs",
+      "require": "./dist/vite-plugin.js"
+    },
+    "./vite/client": {
+      "types": "./dist/vite-plugin-client.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/jsx-runtime.tsx src/jsx-dev-runtime.tsx src/vite-plugin.ts --format esm,cjs --dts --clean --external vite",
+    "postbuild": "node -e \"const f=require('fs');f.copyFileSync('src/vite-plugin-client.d.ts','dist/vite-plugin-client.d.ts');f.copyFileSync('src/vite-plugin-client.d.ts','dist/vite-plugin-client.d.mts')\"",
+    "dev": "tsup src/index.ts src/jsx-runtime.tsx src/jsx-dev-runtime.tsx src/vite-plugin.ts --format esm,cjs --dts --watch --external vite",
+    "test": "vitest run --passWithNoTests",
+    "lint": "tsc --noEmit",
+    "postinstall": "node scripts/postinstall.js"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.42",
+    "@types/react": "^19.2.0",
+    "tsup": "^8.0.0",
+    "vite": "^5.4.21",
+    "vitest": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-native": ">=0.70.0",
+    "vite": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    },
+    "vite": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "scripts",
+    "KBACH.md"
+  ]
+}