rnxsim 0.1.363 → 0.1.365

package/dist-lib/metro.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;
@@ -212,7 +212,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_path2.default.extname(filePath).toLowerCase();
   switch (ext) {
@@ -228,88 +227,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;
@@ -330,7 +247,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;
   }
@@ -360,14 +277,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" });
@@ -391,6 +300,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_path2.default.resolve(options.projectRoot);
@@ -433,19 +343,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/profiles.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;

package/dist-lib/public-brand.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/react-native-host-modules.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/react-native-host-modules.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/react-native-host-modules.ts
 var REACT_NATIVE_PASSTHROUGH_SPECIFIERS = [

package/dist-lib/render-mode.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/scripts/dev-server-scanner.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;

package/dist-lib/sdk.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/sdk.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 */
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);