vxrn 0.1.30 → 0.1.32

package/dist/cjs/exports/dev.js

@@ -24,119 +24,25 @@ var dev_exports = {};
 __export(dev_exports, {
   bindKeypressInput: () => bindKeypressInput,
   dev: () => dev,
-  getViteServerConfig: () => getViteServerConfig,
   resolveFile: () => resolveFile
 });
 module.exports = __toCommonJS(dev_exports);
-var import_node = __toESM(require("crossws/adapters/node"), 1), import_h3 = require("h3"), import_h3_proxy = require("h3-proxy"), import_promises = require("node:fs/promises"), import_node_http = require("node:http"), import_node_path = require("node:path"), import_node_readline = __toESM(require("node:readline"), 1), import_ws = require("ws"), babel = __toESM(require("@babel/core"), 1), import_react_native_prebuilt = require("@vxrn/react-native-prebuilt"), import_vite_native_swc = __toESM(require("@vxrn/vite-native-swc"), 1), import_es_module_lexer = require("es-module-lexer"), import_fs_extra = __toESM(require("fs-extra"), 1), import_vite = require("vite"), import_vite_flow = __toESM(require("@vxrn/vite-flow"), 1), import_import_meta_resolve = require("import-meta-resolve"), import_clientBundleTreeShakePlugin = require("../plugins/clientBundleTreeShakePlugin"), import_clientInjectPlugin = require("../plugins/clientInjectPlugin"), import_reactNativeCommonJsPlugin = require("../plugins/reactNativeCommonJsPlugin"), import_getBaseViteConfig = require("../utils/getBaseViteConfig"), import_getOptionsFilled = require("../utils/getOptionsFilled"), import_getVitePath = require("../utils/getVitePath"), import_patches = require("../utils/patches"), import_createExpoServer = require("../vendor/createExpoServer");
-const import_meta = {}, depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"], resolveFile = (path) => {
+var import_node = __toESM(require("crossws/adapters/node"), 1), import_h3 = require("h3"), import_h3_proxy = require("h3-proxy"), import_promises = require("node:fs/promises"), import_node_http = require("node:http"), import_node_path = require("node:path"), import_node_readline = __toESM(require("node:readline"), 1), import_ws = require("ws"), babel = __toESM(require("@babel/core"), 1), import_react_native_prebuilt = require("@vxrn/react-native-prebuilt"), import_vite_native_swc = __toESM(require("@vxrn/vite-native-swc"), 1), import_es_module_lexer = require("es-module-lexer"), import_fs_extra = __toESM(require("fs-extra"), 1), import_vite = require("vite"), import_vite_flow = __toESM(require("@vxrn/vite-flow"), 1), import_import_meta_resolve = require("import-meta-resolve"), import_constants = require("../constants"), import_clientInjectPlugin = require("../plugins/clientInjectPlugin"), import_reactNativeCommonJsPlugin = require("../plugins/reactNativeCommonJsPlugin"), import_getBaseViteConfig = require("../utils/getBaseViteConfig"), import_getOptionsFilled = require("../utils/getOptionsFilled"), import_getVitePath = require("../utils/getVitePath"), import_patches = require("../utils/patches");
+const import_meta = {};
+let isBuildingNativeBundle = null;
+const hotUpdateCache = /* @__PURE__ */ new Map(), resolveFile = (path) => {
   try {
     return (0, import_import_meta_resolve.resolve)(path, import_meta.url).replace("file://", "");
   } catch {
     return require.resolve(path);
   }
-}, nativeExtensions = [
-  ".native.tsx",
-  ".native.jsx",
-  ".native.js",
-  ".tsx",
-  ".ts",
-  ".js",
-  ".css",
-  ".json"
-], extensions = [
-  ".web.tsx",
-  ".tsx",
-  ".web.ts",
-  ".ts",
-  ".web.jsx",
-  ".jsx",
-  ".web.js",
-  ".js",
-  ".css",
-  ".json"
-], { ensureDir, pathExists, pathExistsSync } = import_fs_extra.default, dev = async (optionsIn) => {
+}, { ensureDir, pathExists, pathExistsSync } = import_fs_extra.default, dev = async (optionsIn) => {
   const options = await (0, import_getOptionsFilled.getOptionsFilled)(optionsIn), { host, port, root, cacheDir } = options;
   bindKeypressInput(), (0, import_patches.checkPatches)(options).catch((err) => {
     console.error(`
  \u{1F97A} couldn't patch`, err);
   }), await ensureDir(cacheDir);
-  const prebuilds = {
-    reactJSX: (0, import_node_path.join)(cacheDir, "react-jsx-runtime.js"),
-    react: (0, import_node_path.join)(cacheDir, "react.js"),
-    reactNative: (0, import_node_path.join)(cacheDir, "react-native.js")
-  };
-  await pathExists(prebuilds.reactNative) || (console.info("Pre-building react, react-native react/jsx-runtime (one time cost)..."), await Promise.all([
-    (0, import_react_native_prebuilt.buildReactNative)({
-      entryPoints: [resolveFile("react-native")],
-      outfile: prebuilds.reactNative
-    }),
-    (0, import_react_native_prebuilt.buildReact)({
-      entryPoints: [resolveFile("react")],
-      outfile: prebuilds.react
-    }),
-    (0, import_react_native_prebuilt.buildReactJSX)({
-      entryPoints: [resolveFile("react/jsx-dev-runtime")],
-      outfile: prebuilds.reactJSX
-    })
-  ]));
-  const viteFlow = options.flow ? (0, import_vite_flow.default)(options.flow) : null, templateFile = resolveFile("vxrn/react-native-template.js"), jsxRuntime = {
-    // alias: 'virtual:react-jsx',
-    alias: prebuilds.reactJSX,
-    contents: await (0, import_promises.readFile)(prebuilds.reactJSX, "utf-8")
-  }, virtualModules = {
-    "react-native": {
-      // alias: 'virtual:react-native',
-      alias: prebuilds.reactNative,
-      contents: await (0, import_promises.readFile)(prebuilds.reactNative, "utf-8")
-    },
-    react: {
-      // alias: 'virtual:react',
-      alias: prebuilds.react,
-      contents: await (0, import_promises.readFile)(prebuilds.react, "utf-8")
-    },
-    "react/jsx-runtime": jsxRuntime,
-    "react/jsx-dev-runtime": jsxRuntime
-  }, swapRnPlugin = {
-    name: "swap-react-native",
-    enforce: "pre",
-    resolveId(id, importer = "") {
-      if (id.startsWith("react-native/Libraries"))
-        return `virtual:rn-internals:${id}`;
-      if (id === "react-native-web")
-        return prebuilds.reactNative;
-      for (const targetId in virtualModules)
-        if (id === targetId || id.includes(`node_modules/${targetId}/`))
-          return virtualModules[targetId].alias;
-      if (id[0] === ".") {
-        const absolutePath = (0, import_node_path.resolve)((0, import_node_path.dirname)(importer), id), nativePath = absolutePath.replace(/(.m?js)/, ".native.js");
-        if (nativePath === id)
-          return;
-        try {
-          const directoryPath = absolutePath + "/index.native.js", directoryNonNativePath = absolutePath + "/index.js";
-          if (pathExistsSync(directoryPath))
-            return directoryPath;
-          if (pathExistsSync(directoryNonNativePath))
-            return directoryNonNativePath;
-          if (pathExistsSync(nativePath))
-            return nativePath;
-        } catch (err) {
-          console.warn("error probably fine", err);
-        }
-      }
-    },
-    load(id) {
-      if (id.startsWith("virtual:rn-internals"))
-        return `const ___val = __cachedModules["${id.replace("virtual:rn-internals:", "")}"]
-        const ___defaultVal = ___val ? ___val.default || ___val : ___val
-        export default ___defaultVal`;
-      for (const targetId in virtualModules) {
-        const info = virtualModules[targetId];
-        if (id === info.alias)
-          return info.contents;
-      }
-    }
-  }, { serverConfig, hotUpdateCache } = await getViteServerConfig(options), viteServer = await (0, import_vite.createServer)(serverConfig), resolvedConfig = await (0, import_vite.resolveConfig)(serverConfig, "serve"), viteRNClientPlugin = (0, import_clientInjectPlugin.clientInjectionsPlugin)(resolvedConfig);
+  const serverConfig = await getViteServerConfig(options), viteServer = await (0, import_vite.createServer)(serverConfig), resolvedConfig = await (0, import_vite.resolveConfig)(serverConfig, "serve"), viteRNClientPlugin = (0, import_clientInjectPlugin.clientInjectionsPlugin)(resolvedConfig);
   viteServer.watcher.addListener("change", async (path) => {
     const id = path.replace(process.cwd(), "");
     if (!(!id.endsWith("tsx") && !id.endsWith("jsx")))
@@ -145,20 +51,16 @@ const import_meta = {}, depsToOptimize = ["react", "react-dom", "@react-native/n
       } catch (err) {
         console.info("err", err);
       }
-  });
-  let isBuilding = null;
-  await viteServer.listen();
-  const vitePort = viteServer.config.server.port;
-  console.info("vite running on", vitePort);
-  const router = (0, import_h3.createRouter)(), app = (0, import_h3.createApp)({
+  }), await viteServer.listen();
+  const vitePort = viteServer.config.server.port, router = (0, import_h3.createRouter)(), app = (0, import_h3.createApp)({
     onError: (error) => {
       console.error(error);
     },
     onRequest: (event) => {
-      console.info(" \u2192", event.path);
+      process.env.DEBUG && console.info(" \u2192", event.path);
     }
   });
-  (0, import_createExpoServer.createExpoServer)(root, app, viteServer), router.get(
+  router.get(
     "/file",
     (0, import_h3.defineEventHandler)((e) => {
       const query = (0, import_h3.getQuery)(e);
@@ -173,7 +75,7 @@ const import_meta = {}, depsToOptimize = ["react", "react-dom", "@react-native/n
     })
   ), router.get(
     "/index.bundle",
-    (0, import_h3.defineEventHandler)(async (e) => new Response(await getBundleCode(), {
+    (0, import_h3.defineEventHandler)(async (e) => new Response(await getReactNativeBundle(options, viteRNClientPlugin), {
       headers: {
         "content-type": "text/javascript"
       }
@@ -192,67 +94,81 @@ const import_meta = {}, depsToOptimize = ["react", "react-dom", "@react-native/n
     const clients = /* @__PURE__ */ new Set(), socket = new import_ws.WebSocket(`ws://localhost:${vitePort}/__vxrnhmr`, "vite-hmr");
     socket.on("message", (msg) => {
       const message = msg.toString();
-      console.info(clients.size, "message", message);
       for (const listener of [...clients])
         listener.send(message);
     }), socket.on("error", (err) => {
       console.info("error bridging socket to vite", err);
     }), app.use(
       "/__vxrnhmr",
-      (0, import_h3.defineWebSocketHandler)({
-        open(peer) {
-          console.debug("[hmr:web] open", peer), clients.add(peer);
-        },
-        message(peer, message) {
-          socket.send(message.rawData);
+      (0, import_h3.defineEventHandler)({
+        handler() {
         },
-        close(peer, event) {
-          console.info("[hmr:web] close", peer, event), clients.delete(peer);
-        },
-        error(peer, error) {
-          console.error("[hmr:web] error", peer, error);
+        websocket: {
+          open(peer) {
+            process.env.DEBUG && console.debug("[hmr:web] open", peer), clients.add(peer);
+          },
+          message(peer, message) {
+            socket.send(message.rawData);
+          },
+          close(peer, event) {
+            process.env.DEBUG && console.info("[hmr:web] close", peer, event), clients.delete(peer);
+          },
+          error(peer, error) {
+            console.error("[hmr:web] error", peer, error);
+          }
         }
       })
     );
   }
   app.use(
     "/__hmr",
-    (0, import_h3.defineWebSocketHandler)({
-      open(peer) {
-        console.debug("[hmr] open", peer);
-      },
-      message(peer, message) {
-        console.info("[hmr] message", peer, message), message.text().includes("ping") && peer.send("pong");
-      },
-      close(peer, event) {
-        console.info("[hmr] close", peer, event);
+    (0, import_h3.defineEventHandler)({
+      handler() {
       },
-      error(peer, error) {
-        console.error("[hmr] error", peer, error);
+      websocket: {
+        open(peer) {
+          console.debug("[hmr] open", peer);
+        },
+        message(peer, message) {
+          console.info("[hmr] message", peer, message), message.text().includes("ping") && peer.send("pong");
+        },
+        close(peer, event) {
+          console.info("[hmr] close", peer, event);
+        },
+        error(peer, error) {
+          console.error("[hmr] error", peer, error);
+        }
       }
     })
+  ), app.use(
+    "/symbolicate",
+    (0, import_h3.defineEventHandler)(() => "TODO")
   ), app.use(
     "/__client",
-    (0, import_h3.defineWebSocketHandler)({
-      open(peer) {
-        console.info("[client] open", peer);
+    (0, import_h3.defineEventHandler)({
+      handler() {
       },
-      message(peer, messageRaw) {
-        const message = JSON.parse(messageRaw.text());
-        switch (message.type) {
-          case "client-log": {
-            console.info(`\u{1FAB5} [${message.level}]`, ...message.data);
-            return;
+      websocket: {
+        open(peer) {
+          console.info("[client] open", peer);
+        },
+        message(peer, messageRaw) {
+          const message = JSON.parse(messageRaw.text());
+          switch (message.type) {
+            case "client-log": {
+              console.info(`\u{1FAB5} [${message.level}]`, ...message.data);
+              return;
+            }
+            default:
+              console.warn("[client] Unknown message type", message);
           }
-          default:
-            console.warn("[client] Unknown message type", message);
+        },
+        close(peer, event) {
+          console.info("[client] close", peer, event);
+        },
+        error(peer, error) {
+          console.error("[client] error", peer, error);
         }
-      },
-      close(peer, event) {
-        console.info("[client] close", peer, event);
-      },
-      error(peer, error) {
-        console.error("[client] error", peer, error);
       }
     })
   );
@@ -274,114 +190,115 @@ const import_meta = {}, depsToOptimize = ["react", "react-dom", "@react-native/n
       await Promise.all([server.close(), viteServer.close()]);
     }
   };
-  async function getBundleCode() {
-    if (process.env.LOAD_TMP_BUNDLE) {
-      const tmpBundle = (0, import_node_path.join)(process.cwd(), "bundle.tmp.js");
-      if (await pathExists(tmpBundle))
-        return console.info("\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F returning temp bundle \u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F", tmpBundle), await (0, import_promises.readFile)(tmpBundle, "utf-8");
-    }
-    if (isBuilding)
-      return await isBuilding;
-    let done;
-    isBuilding = new Promise((res) => {
-      done = res;
-    });
-    async function babelReanimated(input, filename) {
-      return await new Promise((res, rej) => {
-        babel.transform(
-          input,
-          {
-            plugins: ["react-native-reanimated/plugin"],
-            filename
-          },
-          (err, result) => {
-            (!result || err) && rej(err || "no res"), res(result.code);
-          }
-        );
-      });
-    }
-    let buildConfig = {
-      plugins: [
-        viteFlow,
-        swapRnPlugin,
+};
+async function getReactNativeBundle(options, viteRNClientPlugin) {
+  const { root, port, cacheDir } = options;
+  if (process.env.LOAD_TMP_BUNDLE) {
+    const tmpBundle = (0, import_node_path.join)(process.cwd(), "bundle.tmp.js");
+    if (await pathExists(tmpBundle))
+      return console.info("\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F returning temp bundle \u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F", tmpBundle), await (0, import_promises.readFile)(tmpBundle, "utf-8");
+  }
+  if (isBuildingNativeBundle)
+    return await isBuildingNativeBundle;
+  let done;
+  isBuildingNativeBundle = new Promise((res) => {
+    done = res;
+  });
+  async function babelReanimated(input, filename) {
+    return await new Promise((res, rej) => {
+      babel.transform(
+        input,
         {
-          name: "reanimated",
-          async transform(code, id) {
-            if (code.includes("worklet"))
-              return await babelReanimated(code, id);
-          }
+          plugins: ["react-native-reanimated/plugin"],
+          filename
         },
-        (0, import_clientBundleTreeShakePlugin.clientBundleTreeShakePlugin)({}),
-        viteRNClientPlugin,
-        (0, import_reactNativeCommonJsPlugin.reactNativeCommonJsPlugin)({
-          root,
-          port,
-          mode: "build"
-        }),
-        (0, import_vite_native_swc.default)({
-          tsDecorators: !0,
-          mode: "build"
-        }),
-        {
-          name: "treat-js-files-as-jsx",
-          async transform(code, id) {
-            return id.match(/expo-status-bar/) ? (0, import_vite.transformWithEsbuild)(code, id, {
-              loader: "jsx",
-              jsx: "automatic"
-            }) : null;
-          }
+        (err, result) => {
+          (!result || err) && rej(err || "no res"), res(result.code);
         }
-      ].filter(Boolean),
-      appType: "custom",
-      root,
-      clearScreen: !1,
-      optimizeDeps: {
-        include: depsToOptimize,
-        esbuildOptions: {
-          jsx: "automatic"
+      );
+    });
+  }
+  let nativeBuildConfig = {
+    plugins: [
+      options.flow ? (0, import_vite_flow.default)(options.flow) : null,
+      swapPrebuiltReactModules(cacheDir),
+      {
+        name: "reanimated",
+        async transform(code, id) {
+          if (code.includes("worklet"))
+            return await babelReanimated(code, id);
         }
       },
-      resolve: {
-        extensions: nativeExtensions
-      },
-      mode: "development",
-      define: {
-        "process.env.NODE_ENV": '"development"'
-      },
-      build: {
-        ssr: !1,
-        minify: !1,
-        commonjsOptions: {
-          transformMixedEsModules: !0
-        },
-        rollupOptions: {
-          treeshake: !1,
-          preserveEntrySignatures: "strict",
-          output: {
-            preserveModules: !0,
-            format: "cjs"
-          }
+      viteRNClientPlugin,
+      (0, import_reactNativeCommonJsPlugin.reactNativeCommonJsPlugin)({
+        root,
+        port,
+        mode: "build"
+      }),
+      (0, import_vite_native_swc.default)({
+        tsDecorators: !0,
+        mode: "build"
+      }),
+      {
+        name: "treat-js-files-as-jsx",
+        async transform(code, id) {
+          return id.match(/expo-status-bar/) ? (0, import_vite.transformWithEsbuild)(code, id, {
+            loader: "jsx",
+            jsx: "automatic"
+          }) : null;
         }
       }
-    };
-    options.buildConfig && (buildConfig = (0, import_vite.mergeConfig)(buildConfig, options.buildConfig)), await (0, import_vite.resolveConfig)(buildConfig, "build");
-    const buildOutput = await (0, import_vite.build)(buildConfig);
-    if (!("output" in buildOutput))
-      throw "\u274C";
-    let appCode = buildOutput.output.sort((a, b) => a.isEntry ? 1 : -1).map((outputModule) => {
-      if (outputModule.type == "chunk") {
-        const importsMap = {
-          currentPath: outputModule.fileName
-        };
-        for (const imp of outputModule.imports) {
-          const relativePath = (0, import_node_path.relative)((0, import_node_path.dirname)(outputModule.fileName), imp);
-          importsMap[relativePath[0] === "." ? relativePath : "./" + relativePath] = imp;
+    ].filter(Boolean),
+    appType: "custom",
+    root,
+    clearScreen: !1,
+    optimizeDeps: {
+      include: import_constants.depsToOptimize,
+      esbuildOptions: {
+        jsx: "automatic"
+      }
+    },
+    resolve: {
+      extensions: import_constants.nativeExtensions
+    },
+    mode: "development",
+    define: {
+      "process.env.NODE_ENV": '"development"'
+    },
+    build: {
+      ssr: !1,
+      minify: !1,
+      commonjsOptions: {
+        transformMixedEsModules: !0
+      },
+      rollupOptions: {
+        treeshake: !1,
+        preserveEntrySignatures: "strict",
+        output: {
+          preserveModules: !0,
+          format: "cjs"
         }
-        return outputModule.isEntry && (entryRoot = (0, import_node_path.dirname)(outputModule.fileName)), `
+      }
+    }
+  };
+  options.nativeConfig && (nativeBuildConfig = (0, import_vite.mergeConfig)(nativeBuildConfig, options.nativeConfig)), await (0, import_vite.resolveConfig)(nativeBuildConfig, "build");
+  const buildOutput = await (0, import_vite.build)(nativeBuildConfig);
+  if (!("output" in buildOutput))
+    throw "\u274C";
+  let appCode = buildOutput.output.sort((a, b) => a.isEntry ? 1 : -1).map((outputModule) => {
+    if (outputModule.type == "chunk") {
+      const importsMap = {
+        currentPath: outputModule.fileName
+      };
+      for (const imp of outputModule.imports) {
+        const relativePath = (0, import_node_path.relative)((0, import_node_path.dirname)(outputModule.fileName), imp);
+        importsMap[relativePath[0] === "." ? relativePath : "./" + relativePath] = imp;
+      }
+      return outputModule.isEntry && (entryRoot = (0, import_node_path.dirname)(outputModule.fileName)), `
 ___modules___["${outputModule.fileName}"] = ((exports, module) => {
-  const require = createRequire(${JSON.stringify(importsMap, null, 2)})
+const require = createRequire(${JSON.stringify(importsMap, null, 2)})
 
-  ${outputModule.code}
+${outputModule.code}
 })
 
 ${outputModule.isEntry ? `
@@ -391,16 +308,98 @@ __require("react-native-web")
 __require("${outputModule.fileName}")
 ` : ""}
 `;
-      }
-    }).join(`
+    }
+  }).join(`
 `);
-    if (!appCode)
-      throw "\u274C";
-    appCode = appCode.replaceAll("undefined.accept(() => {})", "").replaceAll("undefined.accept(function() {});", "").replaceAll("(void 0).accept(() => {})", "").replaceAll("(void 0).accept(function() {});", "").replaceAll('dist/esm/index.mjs"', 'dist/esm/index.js"');
-    const appRootParent = (0, import_node_path.join)(root, "..", ".."), out = (await (0, import_promises.readFile)(templateFile, "utf-8")).replace("_virtual/virtual_react-native.js", (0, import_node_path.relative)(appRootParent, prebuilds.reactNative)).replace("_virtual/virtual_react.js", (0, import_node_path.relative)(appRootParent, prebuilds.react)).replaceAll("_virtual/virtual_react-jsx.js", (0, import_node_path.relative)(appRootParent, prebuilds.reactJSX)) + appCode;
-    return done(out), isBuilding = null, out;
-  }
-};
+  if (!appCode)
+    throw "\u274C";
+  appCode = appCode.replaceAll("undefined.accept(() => {})", "").replaceAll("undefined.accept(function() {});", "").replaceAll("(void 0).accept(() => {})", "").replaceAll("(void 0).accept(function() {});", "").replaceAll('dist/esm/index.mjs"', 'dist/esm/index.js"');
+  const appRootParent = (0, import_node_path.join)(root, "..", ".."), prebuilds = {
+    reactJSX: (0, import_node_path.join)(cacheDir, "react-jsx-runtime.js"),
+    react: (0, import_node_path.join)(cacheDir, "react.js"),
+    reactNative: (0, import_node_path.join)(cacheDir, "react-native.js")
+  }, templateFile = resolveFile("vxrn/react-native-template.js"), out = (await (0, import_promises.readFile)(templateFile, "utf-8")).replace("_virtual/virtual_react-native.js", (0, import_node_path.relative)(appRootParent, prebuilds.reactNative)).replace("_virtual/virtual_react.js", (0, import_node_path.relative)(appRootParent, prebuilds.react)).replaceAll("_virtual/virtual_react-jsx.js", (0, import_node_path.relative)(appRootParent, prebuilds.reactJSX)) + appCode;
+  return done(out), isBuildingNativeBundle = null, out;
+}
+async function swapPrebuiltReactModules(cacheDir) {
+  const prebuilds = {
+    reactJSX: (0, import_node_path.join)(cacheDir, "react-jsx-runtime.js"),
+    react: (0, import_node_path.join)(cacheDir, "react.js"),
+    reactNative: (0, import_node_path.join)(cacheDir, "react-native.js")
+  };
+  await pathExists(prebuilds.reactNative) || (console.info("Pre-building react, react-native react/jsx-runtime (one time cost)..."), await Promise.all([
+    (0, import_react_native_prebuilt.buildReactNative)({
+      entryPoints: [resolveFile("react-native")],
+      outfile: prebuilds.reactNative
+    }),
+    (0, import_react_native_prebuilt.buildReact)({
+      entryPoints: [resolveFile("react")],
+      outfile: prebuilds.react
+    }),
+    (0, import_react_native_prebuilt.buildReactJSX)({
+      entryPoints: [resolveFile("react/jsx-dev-runtime")],
+      outfile: prebuilds.reactJSX
+    })
+  ]));
+  const jsxRuntime = {
+    // alias: 'virtual:react-jsx',
+    alias: prebuilds.reactJSX,
+    contents: await (0, import_promises.readFile)(prebuilds.reactJSX, "utf-8")
+  }, virtualModules = {
+    "react-native": {
+      // alias: 'virtual:react-native',
+      alias: prebuilds.reactNative,
+      contents: await (0, import_promises.readFile)(prebuilds.reactNative, "utf-8")
+    },
+    react: {
+      // alias: 'virtual:react',
+      alias: prebuilds.react,
+      contents: await (0, import_promises.readFile)(prebuilds.react, "utf-8")
+    },
+    "react/jsx-runtime": jsxRuntime,
+    "react/jsx-dev-runtime": jsxRuntime
+  };
+  return {
+    name: "swap-react-native",
+    enforce: "pre",
+    resolveId(id, importer = "") {
+      if (id.startsWith("react-native/Libraries"))
+        return `virtual:rn-internals:${id}`;
+      if (id === "react-native-web")
+        return prebuilds.reactNative;
+      for (const targetId in virtualModules)
+        if (id === targetId || id.includes(`node_modules/${targetId}/`))
+          return virtualModules[targetId].alias;
+      if (isBuildingNativeBundle && id[0] === ".") {
+        const absolutePath = (0, import_node_path.resolve)((0, import_node_path.dirname)(importer), id), nativePath = absolutePath.replace(/(.m?js)/, ".native.js");
+        if (nativePath === id)
+          return;
+        try {
+          const directoryPath = absolutePath + "/index.native.js", directoryNonNativePath = absolutePath + "/index.js";
+          if (pathExistsSync(directoryPath))
+            return directoryPath;
+          if (pathExistsSync(directoryNonNativePath))
+            return directoryNonNativePath;
+          if (pathExistsSync(nativePath))
+            return nativePath;
+        } catch (err) {
+          console.warn("error probably fine", err);
+        }
+      }
+    },
+    load(id) {
+      if (id.startsWith("virtual:rn-internals"))
+        return `const ___val = __cachedModules["${id.replace("virtual:rn-internals:", "")}"]
+        const ___defaultVal = ___val ? ___val.default || ___val : ___val
+        export default ___defaultVal`;
+      for (const targetId in virtualModules) {
+        const info = virtualModules[targetId];
+        if (id === info.alias)
+          return info.contents;
+      }
+    }
+  };
+}
 function getIndexJsonResponse({ port, root }) {
   return {
     name: "myapp",
@@ -485,8 +484,43 @@ function isWithin(outer, inner) {
   return !rel.startsWith("../") && rel !== "..";
 }
 let entryRoot = "";
-async function getViteServerConfig({ root, host, webConfig, cacheDir }) {
-  const hotUpdateCache = /* @__PURE__ */ new Map(), reactNativeHMRPlugin = {
+async function getViteServerConfig(config) {
+  const { root, host, webConfig, cacheDir } = config;
+  let serverConfig = (0, import_vite.mergeConfig)(
+    (0, import_getBaseViteConfig.getBaseViteConfig)({
+      mode: "development"
+    }),
+    {
+      root,
+      clearScreen: !1,
+      plugins: [reactNativeHMRPlugin(config)],
+      optimizeDeps: {
+        include: import_constants.depsToOptimize,
+        exclude: [`${cacheDir}/*`],
+        esbuildOptions: {
+          resolveExtensions: import_constants.webExtensions
+        }
+      },
+      ssr: {
+        noExternal: !0,
+        optimizeDeps: import_constants.ssrOptimizeDeps
+      },
+      server: {
+        hmr: {
+          path: "/__vxrnhmr"
+        },
+        cors: !0,
+        host
+      }
+    }
+  );
+  return webConfig && (serverConfig = (0, import_vite.mergeConfig)(serverConfig, webConfig)), serverConfig = {
+    ...serverConfig,
+    plugins: [...serverConfig.plugins]
+  }, serverConfig;
+}
+function reactNativeHMRPlugin({ root }) {
+  return {
     name: "client-transform",
     async handleHotUpdate({ read, modules, file }) {
       try {
@@ -530,40 +564,5 @@ async function getViteServerConfig({ root, host, webConfig, cacheDir }) {
       }
     }
   };
-  let serverConfig = (0, import_vite.mergeConfig)(
-    (0, import_getBaseViteConfig.getBaseViteConfig)({
-      mode: "development"
-    }),
-    {
-      root,
-      clearScreen: !1,
-      plugins: [
-        reactNativeHMRPlugin,
-        (0, import_clientBundleTreeShakePlugin.clientBundleTreeShakePlugin)({})
-      ],
-      optimizeDeps: {
-        include: depsToOptimize,
-        exclude: [`${cacheDir}/*`],
-        force: !0,
-        esbuildOptions: {
-          resolveExtensions: extensions
-        }
-      },
-      server: {
-        hmr: {
-          path: "/__vxrnhmr"
-        },
-        cors: !0,
-        host
-      }
-    }
-  );
-  return webConfig && (serverConfig = (0, import_vite.mergeConfig)(serverConfig, webConfig)), serverConfig = {
-    ...serverConfig,
-    plugins: [...serverConfig.plugins]
-  }, {
-    serverConfig,
-    hotUpdateCache
-  };
 }
 //# sourceMappingURL=dev.js.map