rnxsim 0.1.363 → 0.1.365

package/dist-lib/host/replacement-module-handler.cjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.365 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 let __sootsim_import_meta_url = ''; try { __sootsim_import_meta_url = require('url').pathToFileURL(__filename).href; } catch {}
 "use strict";
 var __create = Object.create;
@@ -33,7 +33,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var replacement_module_handler_exports = {};
 __export(replacement_module_handler_exports, {
   REPLACEMENT_MODULE_ROUTE: () => REPLACEMENT_MODULE_ROUTE,
-  REPLACEMENT_RUNTIME_PREFIX: () => REPLACEMENT_RUNTIME_PREFIX,
   handleReplacementModuleRequest: () => handleReplacementModuleRequest,
   isReplacementModuleRequestUrl: () => isReplacementModuleRequestUrl
 });
@@ -53,7 +52,6 @@ function isLoopbackHost(hostname) {
 
 // src/host/replacement-module-handler.ts
 var REPLACEMENT_MODULE_ROUTE = "/__sootsim-replacement-module";
-var REPLACEMENT_RUNTIME_PREFIX = "/__sootsim-replacement-runtime";
 function getReplacementLoader(filePath) {
   const ext = import_node_path.default.extname(filePath).toLowerCase();
   switch (ext) {
@@ -69,88 +67,6 @@ function getReplacementLoader(filePath) {
       return null;
   }
 }
-function reactRuntimeSource(reactBridgeUrl) {
-  if (reactBridgeUrl) {
-    return `export * from ${JSON.stringify(reactBridgeUrl)};
-import React from ${JSON.stringify(reactBridgeUrl)};
-export default React;
-`;
-  }
-  return `const bridge = globalThis.__sootsim_react_bridge
-if (!bridge) throw new Error('[rnx] replacement React bridge is not ready')
-export default bridge.default
-export const Activity = bridge.Activity
-export const Children = bridge.Children
-export const Component = bridge.Component
-export const Fragment = bridge.Fragment
-export const Profiler = bridge.Profiler
-export const PureComponent = bridge.PureComponent
-export const StrictMode = bridge.StrictMode
-export const Suspense = bridge.Suspense
-export const __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = bridge.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
-export const __COMPILER_RUNTIME = bridge.__COMPILER_RUNTIME
-export const __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = bridge.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
-export const act = bridge.act
-export const cache = bridge.cache
-export const cacheSignal = bridge.cacheSignal
-export const captureOwnerStack = bridge.captureOwnerStack
-export const cloneElement = bridge.cloneElement
-export const createContext = bridge.createContext
-export const createElement = bridge.createElement
-export const createRef = bridge.createRef
-export const forwardRef = bridge.forwardRef
-export const isValidElement = bridge.isValidElement
-export const lazy = bridge.lazy
-export const memo = bridge.memo
-export const startTransition = bridge.startTransition
-export const unstable_useCacheRefresh = bridge.unstable_useCacheRefresh
-export const use = bridge.use
-export const useActionState = bridge.useActionState
-export const useCallback = bridge.useCallback
-export const useContext = bridge.useContext
-export const useDebugValue = bridge.useDebugValue
-export const useDeferredValue = bridge.useDeferredValue
-export const useEffect = bridge.useEffect
-export const useEffectEvent = bridge.useEffectEvent
-export const useId = bridge.useId
-export const useImperativeHandle = bridge.useImperativeHandle
-export const useInsertionEffect = bridge.useInsertionEffect
-export const useLayoutEffect = bridge.useLayoutEffect
-export const useMemo = bridge.useMemo
-export const useOptimistic = bridge.useOptimistic
-export const useReducer = bridge.useReducer
-export const useRef = bridge.useRef
-export const useState = bridge.useState
-export const useSyncExternalStore = bridge.useSyncExternalStore
-export const useTransition = bridge.useTransition
-export const version = bridge.version
-`;
-}
-function reactNativeRuntimeSource() {
-  return `const rn = globalThis.__sootsim_components__ || {}
-export default rn
-export const View = rn.View
-export const Text = rn.Text
-export const Image = rn.Image
-export const ScrollView = rn.ScrollView
-export const FlatList = rn.FlatList
-export const Pressable = rn.Pressable
-export const TouchableOpacity = rn.TouchableOpacity
-export const TouchableWithoutFeedback = rn.TouchableWithoutFeedback
-export const TouchableHighlight = rn.TouchableHighlight
-export const TextInput = rn.TextInput
-export const ActivityIndicator = rn.ActivityIndicator
-export const KeyboardAvoidingView = rn.KeyboardAvoidingView
-export const Button = rn.Button
-export const Modal = rn.Modal
-export const Switch = rn.Switch
-export const StyleSheet = rn.StyleSheet
-export const Platform = rn.Platform
-export const Keyboard = rn.Keyboard
-export const Dimensions = rn.Dimensions
-export const Appearance = rn.Appearance
-`;
-}
 function sendJavaScript(req, res, source) {
   const origin = req.headers.origin;
   let allowedOrigin;
@@ -171,7 +87,7 @@ function isReplacementModuleRequestUrl(rawUrl) {
   if (!rawUrl) return false;
   try {
     const pathname = new URL(rawUrl, "http://rnx.local").pathname;
-    return pathname === REPLACEMENT_MODULE_ROUTE || pathname.startsWith(`${REPLACEMENT_RUNTIME_PREFIX}/`);
+    return pathname === REPLACEMENT_MODULE_ROUTE;
   } catch {
     return false;
   }
@@ -201,14 +117,6 @@ async function handleReplacementModuleRequest(req, res, options = {}) {
       return true;
     }
   }
-  if (url.pathname === `${REPLACEMENT_RUNTIME_PREFIX}/react`) {
-    sendJavaScript(req, res, reactRuntimeSource(options.reactBridgeUrl));
-    return true;
-  }
-  if (url.pathname === `${REPLACEMENT_RUNTIME_PREFIX}/react-native`) {
-    sendJavaScript(req, res, reactNativeRuntimeSource());
-    return true;
-  }
   if (url.pathname !== REPLACEMENT_MODULE_ROUTE) return false;
   if (options.requestToken && url.searchParams.get("token") !== options.requestToken) {
     res.writeHead(403, { "Content-Type": "text/plain; charset=utf-8" });
@@ -232,6 +140,7 @@ async function handleReplacementModuleRequest(req, res, options = {}) {
     res.end("replacement file path must be absolute");
     return true;
   }
+  const runtimePackages = new Set(url.searchParams.getAll("runtimePackage"));
   let resolvedProjectRoot;
   if (options.projectRoot) {
     const lexicalProjectRoot = import_node_path.default.resolve(options.projectRoot);
@@ -274,19 +183,64 @@ async function handleReplacementModuleRequest(req, res, options = {}) {
       tsconfigRaw: { compilerOptions: { jsx: "react" } },
       sourcemap: "inline",
       logLevel: "silent",
-      external: ["react", "react-native"]
+      plugins: [
+        {
+          name: "sootsim-replacement-runtime",
+          setup(runtimeBuild) {
+            runtimeBuild.onResolve(
+              {
+                filter: /^(react|react-native|react\/jsx-runtime|react\/jsx-dev-runtime)$/
+              },
+              (args) => ({ path: args.path, namespace: "sootsim-replacement-runtime" })
+            );
+            runtimeBuild.onResolve(
+              { filter: /.*/ },
+              (args) => runtimePackages.has(args.path) ? { path: args.path, namespace: "sootsim-replacement-runtime" } : void 0
+            );
+            runtimeBuild.onLoad(
+              { filter: /.*/, namespace: "sootsim-replacement-runtime" },
+              (args) => {
+                if (args.path === "react-native") {
+                  return {
+                    contents: `const bridge = globalThis.__sootsim_components__
+if (!bridge) throw new Error('[rnx] replacement React Native bridge is not ready')
+module.exports = bridge`,
+                    loader: "js"
+                  };
+                }
+                if (args.path === "react") {
+                  return {
+                    contents: `const bridge = globalThis.__sootsim_react_bridge
+if (!bridge) throw new Error('[rnx] replacement React bridge is not ready')
+module.exports = bridge`,
+                    loader: "js"
+                  };
+                }
+                if (args.path !== "react/jsx-runtime" && args.path !== "react/jsx-dev-runtime") {
+                  return {
+                    contents: `const packages = globalThis.__sootsim_config_package_modules
+const bridge = packages?.[${JSON.stringify(args.path)}]
+if (!bridge) throw new Error(${JSON.stringify(`[rnx] replacement package bridge ${args.path} is not ready`)})
+module.exports = bridge`,
+                    loader: "js"
+                  };
+                }
+                return {
+                  contents: `const React = globalThis.__sootsim_react_bridge
+if (!React) throw new Error('[rnx] replacement React bridge is not ready')
+exports.Fragment = React.Fragment
+exports.jsx = (type, props, key) => React.createElement(type, key === undefined ? props : { ...props, key })
+exports.jsxs = exports.jsx
+exports.jsxDEV = exports.jsx`,
+                  loader: "js"
+                };
+              }
+            );
+          }
+        }
+      ]
     });
-    const bundledCode = result.outputFiles[0]?.text ?? "";
-    const hasReactBinding = /\bimport\s+(?:\*\s+as\s+React|React(?:\s*,|\s+from)|\{[^}]*\bdefault\s+as\s+React\b)/.test(
-      bundledCode
-    );
-    const reactImport = /\bReact\.(?:createElement|Fragment)\b/.test(bundledCode) && !hasReactBinding ? `import * as React from '${REPLACEMENT_RUNTIME_PREFIX}/react';
-` : "";
-    const runtimeCode = (reactImport + bundledCode).replace(
-      /from\s*["']react-native["']/g,
-      `from '${REPLACEMENT_RUNTIME_PREFIX}/react-native'`
-    ).replace(/from\s*["']react["']/g, `from '${REPLACEMENT_RUNTIME_PREFIX}/react'`);
-    sendJavaScript(req, res, runtimeCode);
+    sendJavaScript(req, res, result.outputFiles[0]?.text ?? "");
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     res.writeHead(500, { "Content-Type": "text/plain; charset=utf-8" });
@@ -297,7 +251,6 @@ async function handleReplacementModuleRequest(req, res, options = {}) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   REPLACEMENT_MODULE_ROUTE,
-  REPLACEMENT_RUNTIME_PREFIX,
   handleReplacementModuleRequest,
   isReplacementModuleRequestUrl
 });

package/dist-lib/host/websocket-proxy.cjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.365 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 let __sootsim_import_meta_url = ''; try { __sootsim_import_meta_url = require('url').pathToFileURL(__filename).href; } catch {}
 "use strict";
 var __defProp = Object.defineProperty;

package/dist-lib/index.cjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.365 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 let __sootsim_import_meta_url = ''; try { __sootsim_import_meta_url = require('url').pathToFileURL(__filename).href; } catch {}
 "use strict";
 var __create = Object.create;
@@ -3060,7 +3060,6 @@ function isLoopbackHost(hostname) {
 
 // src/host/replacement-module-handler.ts
 var REPLACEMENT_MODULE_ROUTE = "/__sootsim-replacement-module";
-var REPLACEMENT_RUNTIME_PREFIX = "/__sootsim-replacement-runtime";
 function getReplacementLoader(filePath) {
   const ext = import_node_path4.default.extname(filePath).toLowerCase();
   switch (ext) {
@@ -3076,88 +3075,6 @@ function getReplacementLoader(filePath) {
       return null;
   }
 }
-function reactRuntimeSource(reactBridgeUrl) {
-  if (reactBridgeUrl) {
-    return `export * from ${JSON.stringify(reactBridgeUrl)};
-import React from ${JSON.stringify(reactBridgeUrl)};
-export default React;
-`;
-  }
-  return `const bridge = globalThis.__sootsim_react_bridge
-if (!bridge) throw new Error('[rnx] replacement React bridge is not ready')
-export default bridge.default
-export const Activity = bridge.Activity
-export const Children = bridge.Children
-export const Component = bridge.Component
-export const Fragment = bridge.Fragment
-export const Profiler = bridge.Profiler
-export const PureComponent = bridge.PureComponent
-export const StrictMode = bridge.StrictMode
-export const Suspense = bridge.Suspense
-export const __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = bridge.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
-export const __COMPILER_RUNTIME = bridge.__COMPILER_RUNTIME
-export const __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = bridge.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
-export const act = bridge.act
-export const cache = bridge.cache
-export const cacheSignal = bridge.cacheSignal
-export const captureOwnerStack = bridge.captureOwnerStack
-export const cloneElement = bridge.cloneElement
-export const createContext = bridge.createContext
-export const createElement = bridge.createElement
-export const createRef = bridge.createRef
-export const forwardRef = bridge.forwardRef
-export const isValidElement = bridge.isValidElement
-export const lazy = bridge.lazy
-export const memo = bridge.memo
-export const startTransition = bridge.startTransition
-export const unstable_useCacheRefresh = bridge.unstable_useCacheRefresh
-export const use = bridge.use
-export const useActionState = bridge.useActionState
-export const useCallback = bridge.useCallback
-export const useContext = bridge.useContext
-export const useDebugValue = bridge.useDebugValue
-export const useDeferredValue = bridge.useDeferredValue
-export const useEffect = bridge.useEffect
-export const useEffectEvent = bridge.useEffectEvent
-export const useId = bridge.useId
-export const useImperativeHandle = bridge.useImperativeHandle
-export const useInsertionEffect = bridge.useInsertionEffect
-export const useLayoutEffect = bridge.useLayoutEffect
-export const useMemo = bridge.useMemo
-export const useOptimistic = bridge.useOptimistic
-export const useReducer = bridge.useReducer
-export const useRef = bridge.useRef
-export const useState = bridge.useState
-export const useSyncExternalStore = bridge.useSyncExternalStore
-export const useTransition = bridge.useTransition
-export const version = bridge.version
-`;
-}
-function reactNativeRuntimeSource() {
-  return `const rn = globalThis.__sootsim_components__ || {}
-export default rn
-export const View = rn.View
-export const Text = rn.Text
-export const Image = rn.Image
-export const ScrollView = rn.ScrollView
-export const FlatList = rn.FlatList
-export const Pressable = rn.Pressable
-export const TouchableOpacity = rn.TouchableOpacity
-export const TouchableWithoutFeedback = rn.TouchableWithoutFeedback
-export const TouchableHighlight = rn.TouchableHighlight
-export const TextInput = rn.TextInput
-export const ActivityIndicator = rn.ActivityIndicator
-export const KeyboardAvoidingView = rn.KeyboardAvoidingView
-export const Button = rn.Button
-export const Modal = rn.Modal
-export const Switch = rn.Switch
-export const StyleSheet = rn.StyleSheet
-export const Platform = rn.Platform
-export const Keyboard = rn.Keyboard
-export const Dimensions = rn.Dimensions
-export const Appearance = rn.Appearance
-`;
-}
 function sendJavaScript(req, res, source) {
   const origin = req.headers.origin;
   let allowedOrigin;
@@ -3178,7 +3095,7 @@ function isReplacementModuleRequestUrl(rawUrl) {
   if (!rawUrl) return false;
   try {
     const pathname = new URL(rawUrl, "http://rnx.local").pathname;
-    return pathname === REPLACEMENT_MODULE_ROUTE || pathname.startsWith(`${REPLACEMENT_RUNTIME_PREFIX}/`);
+    return pathname === REPLACEMENT_MODULE_ROUTE;
   } catch {
     return false;
   }
@@ -3208,14 +3125,6 @@ async function handleReplacementModuleRequest(req, res, options = {}) {
       return true;
     }
   }
-  if (url.pathname === `${REPLACEMENT_RUNTIME_PREFIX}/react`) {
-    sendJavaScript(req, res, reactRuntimeSource(options.reactBridgeUrl));
-    return true;
-  }
-  if (url.pathname === `${REPLACEMENT_RUNTIME_PREFIX}/react-native`) {
-    sendJavaScript(req, res, reactNativeRuntimeSource());
-    return true;
-  }
   if (url.pathname !== REPLACEMENT_MODULE_ROUTE) return false;
   if (options.requestToken && url.searchParams.get("token") !== options.requestToken) {
     res.writeHead(403, { "Content-Type": "text/plain; charset=utf-8" });
@@ -3239,6 +3148,7 @@ async function handleReplacementModuleRequest(req, res, options = {}) {
     res.end("replacement file path must be absolute");
     return true;
   }
+  const runtimePackages = new Set(url.searchParams.getAll("runtimePackage"));
   let resolvedProjectRoot;
   if (options.projectRoot) {
     const lexicalProjectRoot = import_node_path4.default.resolve(options.projectRoot);
@@ -3281,19 +3191,64 @@ async function handleReplacementModuleRequest(req, res, options = {}) {
       tsconfigRaw: { compilerOptions: { jsx: "react" } },
       sourcemap: "inline",
       logLevel: "silent",
-      external: ["react", "react-native"]
+      plugins: [
+        {
+          name: "sootsim-replacement-runtime",
+          setup(runtimeBuild) {
+            runtimeBuild.onResolve(
+              {
+                filter: /^(react|react-native|react\/jsx-runtime|react\/jsx-dev-runtime)$/
+              },
+              (args) => ({ path: args.path, namespace: "sootsim-replacement-runtime" })
+            );
+            runtimeBuild.onResolve(
+              { filter: /.*/ },
+              (args) => runtimePackages.has(args.path) ? { path: args.path, namespace: "sootsim-replacement-runtime" } : void 0
+            );
+            runtimeBuild.onLoad(
+              { filter: /.*/, namespace: "sootsim-replacement-runtime" },
+              (args) => {
+                if (args.path === "react-native") {
+                  return {
+                    contents: `const bridge = globalThis.__sootsim_components__
+if (!bridge) throw new Error('[rnx] replacement React Native bridge is not ready')
+module.exports = bridge`,
+                    loader: "js"
+                  };
+                }
+                if (args.path === "react") {
+                  return {
+                    contents: `const bridge = globalThis.__sootsim_react_bridge
+if (!bridge) throw new Error('[rnx] replacement React bridge is not ready')
+module.exports = bridge`,
+                    loader: "js"
+                  };
+                }
+                if (args.path !== "react/jsx-runtime" && args.path !== "react/jsx-dev-runtime") {
+                  return {
+                    contents: `const packages = globalThis.__sootsim_config_package_modules
+const bridge = packages?.[${JSON.stringify(args.path)}]
+if (!bridge) throw new Error(${JSON.stringify(`[rnx] replacement package bridge ${args.path} is not ready`)})
+module.exports = bridge`,
+                    loader: "js"
+                  };
+                }
+                return {
+                  contents: `const React = globalThis.__sootsim_react_bridge
+if (!React) throw new Error('[rnx] replacement React bridge is not ready')
+exports.Fragment = React.Fragment
+exports.jsx = (type, props, key) => React.createElement(type, key === undefined ? props : { ...props, key })
+exports.jsxs = exports.jsx
+exports.jsxDEV = exports.jsx`,
+                  loader: "js"
+                };
+              }
+            );
+          }
+        }
+      ]
     });
-    const bundledCode = result.outputFiles[0]?.text ?? "";
-    const hasReactBinding = /\bimport\s+(?:\*\s+as\s+React|React(?:\s*,|\s+from)|\{[^}]*\bdefault\s+as\s+React\b)/.test(
-      bundledCode
-    );
-    const reactImport = /\bReact\.(?:createElement|Fragment)\b/.test(bundledCode) && !hasReactBinding ? `import * as React from '${REPLACEMENT_RUNTIME_PREFIX}/react';
-` : "";
-    const runtimeCode = (reactImport + bundledCode).replace(
-      /from\s*["']react-native["']/g,
-      `from '${REPLACEMENT_RUNTIME_PREFIX}/react-native'`
-    ).replace(/from\s*["']react["']/g, `from '${REPLACEMENT_RUNTIME_PREFIX}/react'`);
-    sendJavaScript(req, res, runtimeCode);
+    sendJavaScript(req, res, result.outputFiles[0]?.text ?? "");
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     res.writeHead(500, { "Content-Type": "text/plain; charset=utf-8" });

package/dist-lib/jump-to-source-babel.cjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.365 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 let __sootsim_import_meta_url = ''; try { __sootsim_import_meta_url = require('url').pathToFileURL(__filename).href; } catch {}
 "use strict";
 var __defProp = Object.defineProperty;

package/dist-lib/menu.cjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.365 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 let __sootsim_import_meta_url = ''; try { __sootsim_import_meta_url = require('url').pathToFileURL(__filename).href; } catch {}
 "use strict";
 var __defProp = Object.defineProperty;

package/dist-lib/menu.mjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.365 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 
 // src/public-brand.ts
 var name = "rnx";

package/dist-lib/metro-production-bundle.cjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.365 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 let __sootsim_import_meta_url = ''; try { __sootsim_import_meta_url = require('url').pathToFileURL(__filename).href; } catch {}
 "use strict";
 var __defProp = Object.defineProperty;

package/dist-lib/metro-production-bundle.mjs

@@ -1,4 +1,4 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+/*! rnx v0.1.365 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
 
 // src/metro-production-bundle.ts
 var RNXSIM_METRO_PRODUCTION_BUNDLE_OPTION = "rnxsim";