rnxsim 0.1.363 → 0.1.365

package/dist-lib/vite.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;
@@ -202,7 +202,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_path3.default.extname(filePath).toLowerCase();
   switch (ext) {
@@ -218,88 +217,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;
@@ -341,14 +258,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" });
@@ -372,6 +281,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_path3.default.resolve(options.projectRoot);
@@ -414,19 +324,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rnxsim",
-  "version": "0.1.363",
+  "version": "0.1.365",
   "description": "rnx CLI, Vite and Metro plugins, and agent skills for driving React Native apps in the browser.",
   "author": "Tamagui LLC",
   "license": "SEE LICENSE IN LICENSE",

package/src/host/bridge-host.ts

@@ -7,7 +7,6 @@ import {
   scanDevServers,
   type DiscoveredServer,
 } from '../../scripts/dev-server-scanner.ts'
-import { isLoopbackHost } from '../backend-origin.ts'
 import {
   DEFAULT_SOOTSIM_BRIDGE_PORT,
   SOOTSIM_BRIDGE_SIM_CLOSE_CODE,
@@ -44,6 +43,7 @@ import { sootsimRuntime } from '../runtime-delivery.ts'
 import { AgentHost, type AgentHostOptions } from './agent-host.ts'
 import {
   handleAppApiRequest,
+  handleBundleProxyRequest,
   handleFetchProxyRequest,
   isAppApiRequestUrl,
   isFetchProxyRequestUrl,
@@ -1669,55 +1669,7 @@ export class SootSimBridgeHost {
     // cross-origin URL without CORS headers, and metro doesn't set them.
     // we proxy the request and stream the response back.
     if (url.pathname === '/__bundle-proxy') {
-      const target = url.searchParams.get('url')
-      if (!target) {
-        res.writeHead(400, { 'Content-Type': 'text/plain' })
-        res.end('bundle-proxy: missing url query param')
-        return
-      }
-      let parsedTarget: URL
-      try {
-        parsedTarget = new URL(target)
-      } catch {
-        res.writeHead(400, { 'Content-Type': 'text/plain' })
-        res.end('bundle-proxy: invalid url')
-        return
-      }
-      // limit to local loopback targets — preventing the daemon from being
-      // turned into an open proxy for arbitrary internet fetches.
-      if (!isLoopbackHost(parsedTarget.hostname)) {
-        res.writeHead(403, { 'Content-Type': 'text/plain' })
-        res.end('bundle-proxy: only loopback targets allowed')
-        return
-      }
-      void (async () => {
-        try {
-          const upstream = await fetch(parsedTarget.toString(), {
-            redirect: 'follow',
-          })
-          const headers: Record<string, string> = {}
-          const ct = upstream.headers.get('content-type')
-          if (ct) headers['Content-Type'] = ct
-          headers['Cache-Control'] = 'no-store'
-          res.writeHead(upstream.status, headers)
-          if (!upstream.body) {
-            res.end()
-            return
-          }
-          const reader = upstream.body.getReader()
-          while (true) {
-            const { done, value } = await reader.read()
-            if (done) break
-            res.write(Buffer.from(value))
-          }
-          res.end()
-        } catch (err) {
-          res.writeHead(502, { 'Content-Type': 'text/plain' })
-          res.end(
-            `bundle-proxy: upstream fetch failed: ${err instanceof Error ? err.message : String(err)}`,
-          )
-        }
-      })()
+      void handleBundleProxyRequest(req, res)
       return
     }
 

package/src/host/fetch-proxy-handler.ts

@@ -26,7 +26,7 @@
 import http, { type IncomingMessage, type ServerResponse } from 'http'
 import https from 'https'
 import { finished, pipeline } from 'stream/promises'
-import { isLoopbackHost } from '../backend-origin.ts'
+import { isLoopbackHost, normalizeHostname } from '../backend-origin.ts'
 import {
   FETCH_PROXY_BROWSER_USER_AGENT,
   getFetchProxyTargetHeaders,
@@ -149,6 +149,10 @@ export function isFetchProxyRequestUrl(rawUrl: string | undefined): boolean {
   return rawUrl?.startsWith('/__fetch-proxy?') || rawUrl?.startsWith('/__proxy?') || false
 }
 
+export function isBundleProxyRequestUrl(rawUrl: string | undefined): boolean {
+  return rawUrl?.startsWith('/__bundle-proxy?') ?? false
+}
+
 export function isAppApiRequestUrl(rawUrl: string | undefined): boolean {
   if (!rawUrl) return false
   if (rawUrl.startsWith('/__app-api?')) return true
@@ -220,7 +224,7 @@ export async function handleFetchProxyRequest(
     const proxyRes = await new Promise<IncomingMessage>((resolve, reject) => {
       const proxyReq = transport.request(
         {
-          hostname: targetUrl.hostname,
+          hostname: normalizeHostname(targetUrl.hostname),
           port: targetUrl.port || (targetUrl.protocol === 'https:' ? 443 : 80),
           path: targetUrl.pathname + targetUrl.search,
           method,
@@ -310,6 +314,39 @@ export async function handleFetchProxyRequest(
   }
 }
 
+export async function handleBundleProxyRequest(
+  req: IncomingMessage,
+  res: ServerResponse,
+): Promise<void> {
+  const params = new URLSearchParams((req.url || '').split('?')[1] || '')
+  const target = params.get('url')
+  if (!target) {
+    applyFetchProxyCors(res)
+    res.writeHead(400, { 'Content-Type': 'text/plain' })
+    res.end('bundle-proxy: missing url query param')
+    return
+  }
+
+  let targetUrl: URL
+  try {
+    targetUrl = new URL(target)
+  } catch {
+    applyFetchProxyCors(res)
+    res.writeHead(400, { 'Content-Type': 'text/plain' })
+    res.end('bundle-proxy: invalid url')
+    return
+  }
+
+  if (!isLoopbackHost(targetUrl.hostname)) {
+    applyFetchProxyCors(res)
+    res.writeHead(403, { 'Content-Type': 'text/plain' })
+    res.end('bundle-proxy: only loopback targets allowed')
+    return
+  }
+
+  await handleFetchProxyRequest(req, res)
+}
+
 export function handleAppApiRequest(req: IncomingMessage, res: ServerResponse): boolean {
   // returns true if it handled the request, false if the caller should fall
   // through. /__app-api requires `origin` query param for stateless mode;
@@ -365,7 +402,7 @@ export function handleAppApiRequest(req: IncomingMessage, res: ServerResponse):
 
   const proxyReq = transport.request(
     {
-      hostname: targetUrl.hostname,
+      hostname: normalizeHostname(targetUrl.hostname),
       port: targetUrl.port || (targetUrl.protocol === 'https:' ? 443 : 80),
       path: targetUrl.pathname + targetUrl.search,
       method: req.method,

package/src/host/replacement-module-handler.ts

@@ -5,10 +5,8 @@ import { isLoopbackHost } from '../backend-origin.ts'
 import type { IncomingMessage, ServerResponse } from 'node:http'
 
 export const REPLACEMENT_MODULE_ROUTE = '/__sootsim-replacement-module'
-export const REPLACEMENT_RUNTIME_PREFIX = '/__sootsim-replacement-runtime'
 
 export interface ReplacementModuleHandlerOptions {
-  reactBridgeUrl?: string
   projectRoot?: string
   requireLoopbackOrigin?: boolean
   requestToken?: string
@@ -30,92 +28,6 @@ function getReplacementLoader(filePath: string): 'js' | 'jsx' | 'ts' | 'tsx' | n
   }
 }
 
-function reactRuntimeSource(reactBridgeUrl?: string): string {
-  if (reactBridgeUrl) {
-    return (
-      `export * from ${JSON.stringify(reactBridgeUrl)};\n` +
-      `import React from ${JSON.stringify(reactBridgeUrl)};\n` +
-      `export default React;\n`
-    )
-  }
-
-  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(): string {
-  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: IncomingMessage, res: ServerResponse, source: string): void {
   const origin = req.headers.origin
   let allowedOrigin: string | undefined
@@ -138,10 +50,7 @@ export function isReplacementModuleRequestUrl(rawUrl?: string): boolean {
   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
   }
@@ -178,14 +87,6 @@ export async function handleReplacementModuleRequest(
     }
   }
 
-  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) {
@@ -214,6 +115,8 @@ export async function handleReplacementModuleRequest(
     return true
   }
 
+  const runtimePackages = new Set(url.searchParams.getAll('runtimePackage'))
+
   let resolvedProjectRoot: string | undefined
   if (options.projectRoot) {
     const lexicalProjectRoot = path.resolve(options.projectRoot)
@@ -259,24 +162,69 @@ export async function handleReplacementModuleRequest(
       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' }
+                : undefined,
+            )
+            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';\n`
-        : ''
-    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-cli/chunks/app-fonts-7B5E7UDM.js

@@ -1,4 +0,0 @@
-/*! rnx v0.1.363 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
-import { createRequire as __sootsimCreateRequire } from 'node:module'
-var require = __sootsimCreateRequire(import.meta.url)
-import{o as p}from"./chunk-4ZGUXZ6U.js";import"./chunk-XYPCBRGY.js";import"./chunk-YFF6YFYJ.js";import"./chunk-NUU3SWLR.js";import{existsSync as h,mkdirSync as d,readFileSync as y,writeFileSync as g}from"node:fs";import{join as m}from"node:path";import{gzipSync as w}from"node:zlib";function f(t,e){let o=t.indexOf(`--${e}`);if(o!==-1&&o+1<t.length)return t[o+1];let r=t.find(i=>i.startsWith(`--${e}=`));return r?r.slice(e.length+3):void 0}async function x(t){let e=f(t,"wire")||"",o=f(t,"out-dir"),r=f(t,"manifest");if((!o||!r)&&(console.error("  usage: rnx app-fonts stage --wire <wire> --out-dir <dir> --manifest <path>"),process.exit(1)),!e.trim()){console.log("no app fonts declared \u2014 nothing to stage");return}d(o,{recursive:!0});let i=await p(e,{onStaged:({url:n,byteLength:s})=>console.log(`  staged app font: ${n} (${(s/1024).toFixed(1)} KiB)`),onError:(n,s)=>console.error(`  warning: failed to fetch app font ${n}: ${s instanceof Error?s.message:s}`)}),a=[];for(let n of i){let s=w(n.bytes);g(m(o,n.urlhash),s),a.push({url:n.url,urlhash:n.urlhash,contentType:n.contentType,encoding:"gzip",sizeBytes:s.length,rawBytes:n.bytes.byteLength})}let c=[];if(h(r))try{let n=JSON.parse(y(r,"utf8"));Array.isArray(n)&&(c=n)}catch{}let u=new Set(c.map(n=>n.urlhash)),l=[...c,...a.filter(n=>!u.has(n.urlhash))];g(r,JSON.stringify(l)),console.log(`staged ${a.length} app font(s); manifest now has ${l.length} file(s)`)}async function E(t){let e=t[0];if(e==="stage"){await x(t.slice(1));return}console.error(`  unknown app-fonts subcommand: ${e??"(none)"}`),console.error("  available: stage"),process.exit(1)}export{E as runAppFonts};