@kbach/react-native 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/jsx-runtime.web.mjs

@@ -0,0 +1,14 @@
+import {
+  jsx,
+  jsxs
+} from "./chunk-ZUE6SCTE.mjs";
+import "./chunk-KSDFO34H.mjs";
+import {
+  Fragment
+} from "./chunk-DLIXI5OW.mjs";
+import "./chunk-AEVOM2NB.mjs";
+export {
+  Fragment,
+  jsx,
+  jsxs
+};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@kbach/react-native",
-  "version": "1.0.0-beta.2",
-  "description": "Kbach's utility-class styling engine for React Native — the same class names as @kbach/react, resolved to a StyleSheet-ready style object via a Kotlin/JNI TurboModule. Beta, Android-only. Works with the React Native CLI or an Expo dev client (not Expo Go).",
-  "keywords": ["css", "react-native", "expo", "tailwind", "utility-first", "styling", "android"],
+  "version": "1.0.0-beta.4",
+  "description": "Kbach's utility-class styling engine for React Native — the same class names as @kbach/react, resolved to a StyleSheet-ready style object via a Kotlin/JNI TurboModule (native) or the same WASM engine @kbach/react uses (Expo Web / react-native-web). Ships its own native Android module — one npm install, no separate native package. Beta. Native is Android-only (no iOS bridge yet); works with the React Native CLI or an Expo dev client (not Expo Go, which cannot load any custom native module).",
+  "keywords": ["css", "react-native", "expo", "tailwind", "utility-first", "styling", "android", "web", "wasm"],
   "license": "MIT",
   "author": "semsakadanupol",
   "repository": {
@@ -17,7 +17,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "files": ["dist", "src/babel-plugin.js"],
+  "files": ["dist", "src/babel-plugin.js", "android/build.gradle", "android/src", "specs", "react-native.config.js"],
   "source": "./src/index.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -26,18 +26,30 @@
     ".": {
       "types": "./dist/index.d.ts",
       "source": "./src/index.ts",
+      "browser": {
+        "import": "./dist/index.web.mjs",
+        "require": "./dist/index.web.js"
+      },
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
     "./jsx-runtime": {
       "types": "./dist/jsx-runtime.d.ts",
       "source": "./src/jsx-runtime.tsx",
+      "browser": {
+        "import": "./dist/jsx-runtime.web.mjs",
+        "require": "./dist/jsx-runtime.web.js"
+      },
       "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",
+      "browser": {
+        "import": "./dist/jsx-dev-runtime.web.mjs",
+        "require": "./dist/jsx-dev-runtime.web.js"
+      },
       "import": "./dist/jsx-dev-runtime.mjs",
       "require": "./dist/jsx-dev-runtime.js"
     },
@@ -48,10 +60,11 @@
     "dev": "tsup --watch",
     "test": "vitest run --passWithNoTests",
     "lint": "tsc --noEmit",
-    "generate:colors": "node ../core-engine/scripts/generate-palette.mjs src/generatedPalette.ts"
+    "generate:colors": "node ../core-engine/scripts/generate-palette.mjs src/generatedPalette.ts",
+    "generate:wasm-base64": "node ../core-engine/scripts/generate-wasm-base64.mjs src/wasmBinary.generated.ts"
   },
   "dependencies": {
-    "@kbach/android": "1.0.0-beta.0"
+    "@kbach/core-engine": "1.0.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",
@@ -65,5 +78,13 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-native": ">=0.70.0"
+  },
+  "codegenConfig": {
+    "name": "KbachSpec",
+    "type": "modules",
+    "jsSrcsDir": "specs",
+    "android": {
+      "javaPackageName": "com.kbachnative"
+    }
   }
 }

package/react-native.config.js

@@ -0,0 +1,29 @@
+/**
+ * Explicit override for React Native autolinking's Android package
+ * detection, which otherwise guesses `<packageName>.<PackageClassName>`
+ * from either AndroidManifest.xml's `package` attribute or (when absent,
+ * our case) build.gradle's `namespace` — see cli-config-android's
+ * getPackageName. That guess is wrong here on purpose: KbachModule.kt/
+ * KbachPackage.kt declare `package com.kbachnative` (chosen to match the
+ * JNI extern symbol names in packages/core-engine/src/jni_bridge.rs), but
+ * this module's Gradle `namespace` has to be a DIFFERENT value
+ * (com.kbachnative.nativemodule, see android/build.gradle's own comment)
+ * since AGP requires unique namespaces per module and the consuming app
+ * itself already claims "com.kbachnative" as its own. Without this
+ * override, the generated PackageList.java imports the non-existent
+ * `com.kbachnative.nativemodule.KbachPackage` and the app fails to
+ * compile. (A `package="com.kbachnative"` attribute in AndroidManifest.xml
+ * was tried first instead — simpler on paper — but AGP 9+ hard-errors on a
+ * manifest package that doesn't match the namespace, so this explicit
+ * config override is the only working fix.)
+ */
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        packageImportPath: 'import com.kbachnative.KbachPackage;',
+        packageInstance: 'new KbachPackage()',
+      },
+    },
+  },
+};

package/specs/NativeKbachModule.ts

@@ -0,0 +1,31 @@
+/**
+ * TurboModule spec for KbachModule — RN's Codegen convention requires this
+ * exact `Native<Name>.ts` filename and a default-exported
+ * `TurboModuleRegistry.getEnforcing<Spec>(...)`. Read by Codegen (see this
+ * package's own `codegenConfig` in package.json) to generate the native
+ * glue that ../android/src/main/java/com/kbachnative/KbachModule.kt
+ * implements. Lives in this same package (not the consuming app) alongside
+ * the native Android code it describes — Android autolinking only
+ * discovers native modules from npm dependencies with their own `android/`
+ * folder, not from native code declared directly inside an app, which is
+ * why `@kbach/react-native` ships its own `android/` + `specs/` at all
+ * (see Phase 13) rather than relying on the consuming app to provide one.
+ *
+ * Method names have no `Sync` suffix (unlike the pre-Phase-13 bridge's
+ * `generateCssSync`/`resolveStyleSync`) — every TurboModule call is
+ * synchronous by nature via JSI, so the suffix's whole point (flagging
+ * "this one blocks, unlike normal bridge methods") no longer applies.
+ */
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  generateCss(classString: string, themeJson: string): string;
+  // `width`: a plain `number` (not the `Int32`/`Float` CodegenTypes
+  // aliases) is Codegen's own default float-numeric mapping — it already
+  // compiles to Kotlin's `Double` on the native side, matching
+  // KbachModule.kt's `width: Double` parameter with no extra type alias.
+  resolveStyle(classString: string, themeJson: string, colorScheme: string, pressed: boolean, width: number): string;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('KbachModule');