rnxsim 0.1.433 → 0.1.434

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

@@ -1,6 +1,9 @@
 import fs from 'node:fs/promises'
 import path from 'node:path'
-import { build } from 'esbuild'
+import {
+  compileReplacementModule,
+  REPLACEMENT_MODULE_EXTENSIONS,
+} from '../../../contrast-bundler/src/replacementModule.ts'
 import { isLoopbackHost } from '../backend-origin.ts'
 import type { IncomingMessage, ServerResponse } from 'node:http'
 
@@ -12,22 +15,6 @@ export interface ReplacementModuleHandlerOptions {
   requestToken?: string
 }
 
-function getReplacementLoader(filePath: string): 'js' | 'jsx' | 'ts' | 'tsx' | null {
-  const ext = path.extname(filePath).toLowerCase()
-  switch (ext) {
-    case '.js':
-      return 'js'
-    case '.jsx':
-      return 'jsx'
-    case '.ts':
-      return 'ts'
-    case '.tsx':
-      return 'tsx'
-    default:
-      return null
-  }
-}
-
 function sendJavaScript(req: IncomingMessage, res: ServerResponse, source: string): void {
   const origin = req.headers.origin
   let allowedOrigin: string | undefined
@@ -102,10 +89,10 @@ export async function handleReplacementModuleRequest(
     return true
   }
 
-  const loader = getReplacementLoader(targetPath)
-  if (!loader) {
+  const extension = path.extname(targetPath).toLowerCase()
+  if (!REPLACEMENT_MODULE_EXTENSIONS.some((allowed) => allowed === extension)) {
     res.writeHead(400, { 'Content-Type': 'text/plain; charset=utf-8' })
-    res.end('replacement files must be .js, .jsx, .ts, or .tsx')
+    res.end(`replacement files must be ${REPLACEMENT_MODULE_EXTENSIONS.join(', ')}`)
     return true
   }
 
@@ -149,86 +136,23 @@ export async function handleReplacementModuleRequest(
   }
 
   try {
-    const result = await build({
-      entryPoints: [resolvedTargetPath],
-      bundle: true,
-      write: false,
-      format: 'esm',
-      platform: 'browser',
-      target: 'es2022',
-      jsx: 'transform',
-      jsxFactory: 'React.createElement',
-      jsxFragment: 'React.Fragment',
-      tsconfigRaw: { compilerOptions: { jsx: 'react' } },
-      sourcemap: 'inline',
-      logLevel: 'silent',
-      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 compiled = compileReplacementModule({
+      filePath: resolvedTargetPath,
+      source: await fs.readFile(resolvedTargetPath, 'utf8'),
+      runtimePackages,
     })
-    sendJavaScript(req, res, result.outputFiles[0]?.text ?? '')
+    // inline the map: the file is the app author's own source, and the
+    // simulator page is the only thing that ever loads it.
+    const map = Buffer.from(JSON.stringify(compiled.sourceMap), 'utf8').toString('base64')
+    sendJavaScript(
+      req,
+      res,
+      `${compiled.code}\n//# sourceMappingURL=data:application/json;base64,${map}\n`,
+    )
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error)
     res.writeHead(500, { 'Content-Type': 'text/plain; charset=utf-8' })
-    res.end(`replacement bundle failed: ${message}`)
+    res.end(`replacement compile failed: ${message}`)
   }
   return true
 }

package/src/menu.ts

@@ -68,6 +68,8 @@ export interface SootSimMenuState {
   inspectMode: boolean
   devtoolsOpen: boolean
   alwaysShowLiveWebViews: boolean
+  // whether "send to box" hands the box the signed-in session it captured
+  sendToBoxCarryAuth: boolean
   stayOnTop: boolean
   scaleMode: SootSimScaleMode
 }
@@ -353,6 +355,12 @@ function debugMenu(state: SootSimMenuState): SootSimMenuDef {
         checked: state.alwaysShowLiveWebViews,
         action: 'toggle-live-webviews',
       },
+      {
+        label: 'Send to Box Carries Sign-In',
+        type: 'checkbox',
+        checked: state.sendToBoxCarryAuth,
+        action: 'toggle-send-to-box-auth',
+      },
       { type: 'separator' },
       {
         label: 'Clear Cache and Reload',