@kbach/native 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,63 @@
+export * from '@kbach/react';
+
+/**
+ * Metro and Babel setup helpers for React Native / Expo projects.
+ *
+ * All three functions are meant to be called from Node.js config files
+ * (metro.config.js, babel.config.js). They are safe to import in React
+ * Native bundles but will never execute there.
+ */
+interface KbachOptions {
+    /** Path to kbach.config.js, relative to project root. Default: 'kbach.config.js' */
+    configFile?: string;
+    /** JSX attribute names to transform at build time. Default: ['tw', 'className'] */
+    attributes?: string[];
+    /** Log transformed class strings to the Metro console. Default: false */
+    debug?: boolean;
+}
+/**
+ * Inject the Kbach Babel plugin into a Metro transformer config.
+ *
+ * metro.config.js (Expo):
+ * ```js
+ * const { getDefaultConfig } = require('expo/metro-config');
+ * const { withKbach } = require('@kbach/native');
+ * const config = getDefaultConfig(__dirname);
+ * module.exports = withKbach(config);
+ * ```
+ *
+ * metro.config.js (bare React Native):
+ * ```js
+ * const { getDefaultConfig } = require('@react-native/metro-config');
+ * const { withKbach } = require('@kbach/native');
+ * const config = getDefaultConfig(__dirname);
+ * module.exports = withKbach(config);
+ * ```
+ */
+declare function withKbach(metroConfig: Record<string, any>, options?: KbachOptions): Record<string, any>;
+/**
+ * Add the Kbach plugin to an existing Babel config.
+ * Use this when you have a custom babel.config.js and want to keep it.
+ *
+ * babel.config.js:
+ * ```js
+ * const { withKbachBabel } = require('@kbach/native');
+ * module.exports = withKbachBabel({
+ *   presets: ['babel-preset-expo'],
+ * });
+ * ```
+ */
+declare function withKbachBabel(babelConfig: Record<string, any>, options?: KbachOptions): Record<string, any>;
+/**
+ * Generate a complete Babel config for Expo projects.
+ * This is the recommended one-liner for new projects.
+ *
+ * babel.config.js:
+ * ```js
+ * const { createKbachConfig } = require('@kbach/native');
+ * module.exports = createKbachConfig();
+ * ```
+ */
+declare function createKbachConfig(options?: KbachOptions): Record<string, unknown>;
+
+export { type KbachOptions, createKbachConfig, withKbach, withKbachBabel };

package/dist/index.d.ts

@@ -0,0 +1,63 @@
+export * from '@kbach/react';
+
+/**
+ * Metro and Babel setup helpers for React Native / Expo projects.
+ *
+ * All three functions are meant to be called from Node.js config files
+ * (metro.config.js, babel.config.js). They are safe to import in React
+ * Native bundles but will never execute there.
+ */
+interface KbachOptions {
+    /** Path to kbach.config.js, relative to project root. Default: 'kbach.config.js' */
+    configFile?: string;
+    /** JSX attribute names to transform at build time. Default: ['tw', 'className'] */
+    attributes?: string[];
+    /** Log transformed class strings to the Metro console. Default: false */
+    debug?: boolean;
+}
+/**
+ * Inject the Kbach Babel plugin into a Metro transformer config.
+ *
+ * metro.config.js (Expo):
+ * ```js
+ * const { getDefaultConfig } = require('expo/metro-config');
+ * const { withKbach } = require('@kbach/native');
+ * const config = getDefaultConfig(__dirname);
+ * module.exports = withKbach(config);
+ * ```
+ *
+ * metro.config.js (bare React Native):
+ * ```js
+ * const { getDefaultConfig } = require('@react-native/metro-config');
+ * const { withKbach } = require('@kbach/native');
+ * const config = getDefaultConfig(__dirname);
+ * module.exports = withKbach(config);
+ * ```
+ */
+declare function withKbach(metroConfig: Record<string, any>, options?: KbachOptions): Record<string, any>;
+/**
+ * Add the Kbach plugin to an existing Babel config.
+ * Use this when you have a custom babel.config.js and want to keep it.
+ *
+ * babel.config.js:
+ * ```js
+ * const { withKbachBabel } = require('@kbach/native');
+ * module.exports = withKbachBabel({
+ *   presets: ['babel-preset-expo'],
+ * });
+ * ```
+ */
+declare function withKbachBabel(babelConfig: Record<string, any>, options?: KbachOptions): Record<string, any>;
+/**
+ * Generate a complete Babel config for Expo projects.
+ * This is the recommended one-liner for new projects.
+ *
+ * babel.config.js:
+ * ```js
+ * const { createKbachConfig } = require('@kbach/native');
+ * module.exports = createKbachConfig();
+ * ```
+ */
+declare function createKbachConfig(options?: KbachOptions): Record<string, unknown>;
+
+export { type KbachOptions, createKbachConfig, withKbach, withKbachBabel };

package/dist/index.js

@@ -0,0 +1,103 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createKbachConfig: () => createKbachConfig,
+  withKbach: () => withKbach,
+  withKbachBabel: () => withKbachBabel
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("@kbach/react"), module.exports);
+
+// src/setup.ts
+function withKbach(metroConfig, options = {}) {
+  const {
+    configFile = "kbach.config.js",
+    attributes = ["tw", "className"],
+    debug = false
+  } = options;
+  const pluginEntry = ["babel-plugin-kbach", { configFile, attributes, debug }];
+  return {
+    ...metroConfig,
+    transformer: {
+      ...metroConfig.transformer ?? {},
+      getTransformOptions: wrapTransformOptions(
+        metroConfig.transformer?.getTransformOptions,
+        pluginEntry
+      )
+    }
+  };
+}
+function wrapTransformOptions(existing, pluginEntry) {
+  return async function getTransformOptions(...args) {
+    const base = existing ? await existing(...args) : {};
+    const existingPlugins = base.transform?.customTransformOptions?.babelPlugins ?? [];
+    base.transform = base.transform ?? {};
+    base.transform.customTransformOptions = {
+      ...base.transform.customTransformOptions ?? {},
+      babelPlugins: [pluginEntry, ...existingPlugins]
+    };
+    return base;
+  };
+}
+function withKbachBabel(babelConfig, options = {}) {
+  const {
+    configFile = "kbach.config.js",
+    attributes = ["tw", "className"],
+    debug = false
+  } = options;
+  const pluginEntry = ["babel-plugin-kbach", { configFile, attributes, debug }];
+  const presets = (babelConfig.presets ?? []).map((preset) => {
+    const [name, presetOpts = {}] = Array.isArray(preset) ? preset : [preset, {}];
+    if (name === "babel-preset-expo" || name === "@babel/preset-react" || typeof name === "string" && name.includes("react")) {
+      return [name, { ...presetOpts, jsxImportSource: "@kbach/native" }];
+    }
+    return preset;
+  });
+  return {
+    ...babelConfig,
+    presets,
+    plugins: [pluginEntry, ...babelConfig.plugins ?? []]
+  };
+}
+function createKbachConfig(options = {}) {
+  return {
+    presets: [
+      ["babel-preset-expo", { jsxImportSource: "@kbach/native" }]
+    ],
+    plugins: [
+      ["babel-plugin-kbach", {
+        configFile: options.configFile ?? "kbach.config.js",
+        attributes: options.attributes ?? ["tw", "className"],
+        debug: options.debug ?? false,
+        jsxRuntime: false
+      }]
+    ]
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createKbachConfig,
+  withKbach,
+  withKbachBabel,
+  ...require("@kbach/react")
+});

package/dist/index.mjs

@@ -0,0 +1,74 @@
+// src/index.ts
+export * from "@kbach/react";
+
+// src/setup.ts
+function withKbach(metroConfig, options = {}) {
+  const {
+    configFile = "kbach.config.js",
+    attributes = ["tw", "className"],
+    debug = false
+  } = options;
+  const pluginEntry = ["babel-plugin-kbach", { configFile, attributes, debug }];
+  return {
+    ...metroConfig,
+    transformer: {
+      ...metroConfig.transformer ?? {},
+      getTransformOptions: wrapTransformOptions(
+        metroConfig.transformer?.getTransformOptions,
+        pluginEntry
+      )
+    }
+  };
+}
+function wrapTransformOptions(existing, pluginEntry) {
+  return async function getTransformOptions(...args) {
+    const base = existing ? await existing(...args) : {};
+    const existingPlugins = base.transform?.customTransformOptions?.babelPlugins ?? [];
+    base.transform = base.transform ?? {};
+    base.transform.customTransformOptions = {
+      ...base.transform.customTransformOptions ?? {},
+      babelPlugins: [pluginEntry, ...existingPlugins]
+    };
+    return base;
+  };
+}
+function withKbachBabel(babelConfig, options = {}) {
+  const {
+    configFile = "kbach.config.js",
+    attributes = ["tw", "className"],
+    debug = false
+  } = options;
+  const pluginEntry = ["babel-plugin-kbach", { configFile, attributes, debug }];
+  const presets = (babelConfig.presets ?? []).map((preset) => {
+    const [name, presetOpts = {}] = Array.isArray(preset) ? preset : [preset, {}];
+    if (name === "babel-preset-expo" || name === "@babel/preset-react" || typeof name === "string" && name.includes("react")) {
+      return [name, { ...presetOpts, jsxImportSource: "@kbach/native" }];
+    }
+    return preset;
+  });
+  return {
+    ...babelConfig,
+    presets,
+    plugins: [pluginEntry, ...babelConfig.plugins ?? []]
+  };
+}
+function createKbachConfig(options = {}) {
+  return {
+    presets: [
+      ["babel-preset-expo", { jsxImportSource: "@kbach/native" }]
+    ],
+    plugins: [
+      ["babel-plugin-kbach", {
+        configFile: options.configFile ?? "kbach.config.js",
+        attributes: options.attributes ?? ["tw", "className"],
+        debug: options.debug ?? false,
+        jsxRuntime: false
+      }]
+    ]
+  };
+}
+export {
+  createKbachConfig,
+  withKbach,
+  withKbachBabel
+};

package/dist/jsx-dev-runtime.d.mts

@@ -0,0 +1,2 @@
+export { Fragment, jsxDEV } from '@kbach/react/jsx-dev-runtime';
+import '@kbach/react/jsx-runtime';

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1,2 @@
+export { Fragment, jsxDEV } from '@kbach/react/jsx-dev-runtime';
+import '@kbach/react/jsx-runtime';

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/jsx-dev-runtime.ts
+var jsx_dev_runtime_exports = {};
+__export(jsx_dev_runtime_exports, {
+  Fragment: () => import_jsx_dev_runtime.Fragment,
+  jsxDEV: () => import_jsx_dev_runtime.jsxDEV
+});
+module.exports = __toCommonJS(jsx_dev_runtime_exports);
+var import_jsx_dev_runtime = require("@kbach/react/jsx-dev-runtime");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fragment,
+  jsxDEV
+});

package/dist/jsx-dev-runtime.mjs

@@ -0,0 +1,6 @@
+// src/jsx-dev-runtime.ts
+import { jsxDEV, Fragment } from "@kbach/react/jsx-dev-runtime";
+export {
+  Fragment,
+  jsxDEV
+};

package/dist/jsx-runtime.d.mts

@@ -0,0 +1 @@
+export { Fragment, jsx, jsxs } from '@kbach/react/jsx-runtime';

package/dist/jsx-runtime.d.ts

@@ -0,0 +1 @@
+export { Fragment, jsx, jsxs } from '@kbach/react/jsx-runtime';

package/dist/jsx-runtime.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/jsx-runtime.ts
+var jsx_runtime_exports = {};
+__export(jsx_runtime_exports, {
+  Fragment: () => import_jsx_runtime.Fragment,
+  jsx: () => import_jsx_runtime.jsx,
+  jsxs: () => import_jsx_runtime.jsxs
+});
+module.exports = __toCommonJS(jsx_runtime_exports);
+var import_jsx_runtime = require("@kbach/react/jsx-runtime");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fragment,
+  jsx,
+  jsxs
+});

package/dist/jsx-runtime.mjs

@@ -0,0 +1,7 @@
+// src/jsx-runtime.ts
+import { jsx, jsxs, Fragment } from "@kbach/react/jsx-runtime";
+export {
+  Fragment,
+  jsx,
+  jsxs
+};

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@kbach/native",
+  "version": "0.1.0",
+  "description": "Single-package Kbach install for React Native and Expo — includes core, components, Babel plugin, and Metro config",
+  "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.ts",
+      "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.ts",
+      "import": "./dist/jsx-dev-runtime.mjs",
+      "require": "./dist/jsx-dev-runtime.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/jsx-runtime.ts src/jsx-dev-runtime.ts --format esm,cjs --dts --clean",
+    "dev": "tsup src/index.ts src/jsx-runtime.ts src/jsx-dev-runtime.ts --format esm,cjs --dts --watch",
+    "test": "jest --passWithNoTests",
+    "lint": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@kbach/core": "0.1.0",
+    "@kbach/react": "0.1.0",
+    "babel-plugin-kbach": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.0",
+    "tsup": "^8.0.0"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.0.0",
+    "react": ">=17.0.0",
+    "react-native": ">=0.70.0"
+  },
+  "peerDependenciesMeta": {
+    "@babel/core": { "optional": true },
+    "react-native": { "optional": true }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": ["dist"],
+  "keywords": ["react-native", "expo", "tailwind", "css-in-js", "styling", "khmer"]
+}