vxrn 0.1.30 → 0.1.32

package/dist/esm/exports/dev.mjs

@@ -1,5 +1,5 @@
 import wsAdapter from "crossws/adapters/node";
-import { createApp, createRouter, defineEventHandler, defineWebSocketHandler, eventHandler, getQuery, toNodeListener } from "h3";
+import { createApp, createRouter, defineEventHandler, eventHandler, getQuery, toNodeListener } from "h3";
 import { createProxyEventHandler } from "h3-proxy";
 import { readFile } from "node:fs/promises";
 import { createServer as nodeCreateServer } from "node:http";
@@ -14,15 +14,15 @@ import FSExtra from "fs-extra";
 import { build, createServer, mergeConfig, resolveConfig, transformWithEsbuild } from "vite";
 import createViteFlow from "@vxrn/vite-flow";
 import { resolve as importMetaResolve } from "import-meta-resolve";
-import { clientBundleTreeShakePlugin } from "../plugins/clientBundleTreeShakePlugin.mjs";
+import { depsToOptimize, nativeExtensions, ssrOptimizeDeps, webExtensions } from "../constants.mjs";
 import { clientInjectionsPlugin } from "../plugins/clientInjectPlugin.mjs";
 import { reactNativeCommonJsPlugin } from "../plugins/reactNativeCommonJsPlugin.mjs";
 import { getBaseViteConfig } from "../utils/getBaseViteConfig.mjs";
 import { getOptionsFilled } from "../utils/getOptionsFilled.mjs";
 import { getVitePath } from "../utils/getVitePath.mjs";
 import { checkPatches } from "../utils/patches.mjs";
-import { createExpoServer } from "../vendor/createExpoServer.mjs";
-const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
+let isBuildingNativeBundle = null;
+const hotUpdateCache = /* @__PURE__ */new Map(),
   resolveFile = path => {
     try {
       return importMetaResolve(path, import.meta.url).replace("file://", "");
@@ -30,8 +30,6 @@ const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
       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,
@@ -49,78 +47,7 @@ const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
       console.error(`
  \u{1F97A} couldn't patch`, err);
     }), await ensureDir(cacheDir);
-    const prebuilds = {
-      reactJSX: join(cacheDir, "react-jsx-runtime.js"),
-      react: join(cacheDir, "react.js"),
-      reactNative: 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([buildReactNative({
-      entryPoints: [resolveFile("react-native")],
-      outfile: prebuilds.reactNative
-    }), buildReact({
-      entryPoints: [resolveFile("react")],
-      outfile: prebuilds.react
-    }), buildReactJSX({
-      entryPoints: [resolveFile("react/jsx-dev-runtime")],
-      outfile: prebuilds.reactJSX
-    })]));
-    const viteFlow = options.flow ? createViteFlow(options.flow) : null,
-      templateFile = resolveFile("vxrn/react-native-template.js"),
-      jsxRuntime = {
-        // alias: 'virtual:react-jsx',
-        alias: prebuilds.reactJSX,
-        contents: await readFile(prebuilds.reactJSX, "utf-8")
-      },
-      virtualModules = {
-        "react-native": {
-          // alias: 'virtual:react-native',
-          alias: prebuilds.reactNative,
-          contents: await readFile(prebuilds.reactNative, "utf-8")
-        },
-        react: {
-          // alias: 'virtual:react',
-          alias: prebuilds.react,
-          contents: await 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 = resolve(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),
+    const serverConfig = await getViteServerConfig(options),
       viteServer = await createServer(serverConfig),
       resolvedConfig = await resolveConfig(serverConfig, "serve"),
       viteRNClientPlugin = clientInjectionsPlugin(resolvedConfig);
@@ -131,21 +58,18 @@ const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
       } 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 = createRouter(),
+    }), await viteServer.listen();
+    const vitePort = viteServer.config.server.port,
+      router = createRouter(),
       app = createApp({
         onError: error => {
           console.error(error);
         },
         onRequest: event => {
-          console.info(" \u2192", event.path);
+          process.env.DEBUG && console.info(" \u2192", event.path);
         }
       });
-    createExpoServer(root, app, viteServer), router.get("/file", defineEventHandler(e => {
+    router.get("/file", defineEventHandler(e => {
       const query = getQuery(e);
       if (typeof query.file == "string") {
         const source = hotUpdateCache.get(query.file);
@@ -155,7 +79,7 @@ const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
           }
         });
       }
-    })), router.get("/index.bundle", defineEventHandler(async e => new Response(await getBundleCode(), {
+    })), router.get("/index.bundle", defineEventHandler(async e => new Response(await getReactNativeBundle(options, viteRNClientPlugin), {
       headers: {
         "content-type": "text/javascript"
       }
@@ -177,59 +101,67 @@ const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
         socket = new 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", defineWebSocketHandler({
+      }), app.use("/__vxrnhmr", defineEventHandler({
+        handler() {},
+        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", defineEventHandler({
+      handler() {},
+      websocket: {
         open(peer) {
-          console.debug("[hmr:web] open", peer), clients.add(peer);
+          console.debug("[hmr] open", peer);
         },
         message(peer, message) {
-          socket.send(message.rawData);
+          console.info("[hmr] message", peer, message), message.text().includes("ping") && peer.send("pong");
         },
         close(peer, event) {
-          console.info("[hmr:web] close", peer, event), clients.delete(peer);
+          console.info("[hmr] close", peer, event);
         },
         error(peer, error) {
-          console.error("[hmr:web] error", peer, error);
+          console.error("[hmr] error", peer, error);
         }
-      }));
-    }
-    app.use("/__hmr", 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);
-      },
-      error(peer, error) {
-        console.error("[hmr] error", peer, error);
       }
-    })), app.use("/__client", defineWebSocketHandler({
-      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);
+    })), app.use("/symbolicate", defineEventHandler(() => "TODO")), app.use("/__client", defineEventHandler({
+      handler() {},
+      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);
+          }
+        },
+        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);
       }
     }));
     const proxyEventHandler = createProxyEventHandler({
@@ -250,97 +182,103 @@ const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
         await Promise.all([server.close(), viteServer.close()]);
       }
     };
-    async function getBundleCode() {
-      if (process.env.LOAD_TMP_BUNDLE) {
-        const tmpBundle = 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 readFile(tmpBundle, "utf-8");
-      }
-      if (isBuilding) return await isBuilding;
-      let done;
-      isBuilding = new Promise(res => {
-        done = res;
+  };
+async function getReactNativeBundle(options, viteRNClientPlugin) {
+  const {
+    root,
+    port,
+    cacheDir
+  } = options;
+  if (process.env.LOAD_TMP_BUNDLE) {
+    const tmpBundle = 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 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, {
+        plugins: ["react-native-reanimated/plugin"],
+        filename
+      }, (err, result) => {
+        (!result || err) && rej(err || "no res"), res(result.code);
       });
-      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 nativeBuildConfig = {
+    plugins: [options.flow ? createViteFlow(options.flow) : null, swapPrebuiltReactModules(cacheDir), {
+      name: "reanimated",
+      async transform(code, id) {
+        if (code.includes("worklet")) return await babelReanimated(code, id);
       }
-      let buildConfig = {
-        plugins: [viteFlow, swapRnPlugin, {
-          name: "reanimated",
-          async transform(code, id) {
-            if (code.includes("worklet")) return await babelReanimated(code, id);
-          }
-        }, clientBundleTreeShakePlugin({}), viteRNClientPlugin, reactNativeCommonJsPlugin({
-          root,
-          port,
-          mode: "build"
-        }), viteReactPlugin({
-          tsDecorators: !0,
-          mode: "build"
-        }), {
-          name: "treat-js-files-as-jsx",
-          async transform(code, id) {
-            return id.match(/expo-status-bar/) ? transformWithEsbuild(code, id, {
-              loader: "jsx",
-              jsx: "automatic"
-            }) : null;
-          }
-        }].filter(Boolean),
-        appType: "custom",
-        root,
-        clearScreen: !1,
-        optimizeDeps: {
-          include: depsToOptimize,
-          esbuildOptions: {
-            jsx: "automatic"
-          }
-        },
-        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, reactNativeCommonJsPlugin({
+      root,
+      port,
+      mode: "build"
+    }), viteReactPlugin({
+      tsDecorators: !0,
+      mode: "build"
+    }), {
+      name: "treat-js-files-as-jsx",
+      async transform(code, id) {
+        return id.match(/expo-status-bar/) ? transformWithEsbuild(code, id, {
+          loader: "jsx",
+          jsx: "automatic"
+        }) : null;
+      }
+    }].filter(Boolean),
+    appType: "custom",
+    root,
+    clearScreen: !1,
+    optimizeDeps: {
+      include: depsToOptimize,
+      esbuildOptions: {
+        jsx: "automatic"
+      }
+    },
+    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"
         }
+      }
+    }
+  };
+  options.nativeConfig && (nativeBuildConfig = mergeConfig(nativeBuildConfig, options.nativeConfig)), await resolveConfig(nativeBuildConfig, "build");
+  const buildOutput = await 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
       };
-      options.buildConfig && (buildConfig = mergeConfig(buildConfig, options.buildConfig)), await resolveConfig(buildConfig, "build");
-      const buildOutput = await 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 = relative(dirname(outputModule.fileName), imp);
-            importsMap[relativePath[0] === "." ? relativePath : "./" + relativePath] = imp;
-          }
-          return outputModule.isEntry && (entryRoot = dirname(outputModule.fileName)), `
+      for (const imp of outputModule.imports) {
+        const relativePath = relative(dirname(outputModule.fileName), imp);
+        importsMap[relativePath[0] === "." ? relativePath : "./" + relativePath] = imp;
+      }
+      return outputModule.isEntry && (entryRoot = 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 ? `
@@ -350,16 +288,89 @@ __require("react-native")
 __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 = join(root, "..", ".."),
-        out = (await readFile(templateFile, "utf-8")).replace("_virtual/virtual_react-native.js", relative(appRootParent, prebuilds.reactNative)).replace("_virtual/virtual_react.js", relative(appRootParent, prebuilds.react)).replaceAll("_virtual/virtual_react-jsx.js", 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 = join(root, "..", ".."),
+    prebuilds = {
+      reactJSX: join(cacheDir, "react-jsx-runtime.js"),
+      react: join(cacheDir, "react.js"),
+      reactNative: join(cacheDir, "react-native.js")
+    },
+    templateFile = resolveFile("vxrn/react-native-template.js"),
+    out = (await readFile(templateFile, "utf-8")).replace("_virtual/virtual_react-native.js", relative(appRootParent, prebuilds.reactNative)).replace("_virtual/virtual_react.js", relative(appRootParent, prebuilds.react)).replaceAll("_virtual/virtual_react-jsx.js", relative(appRootParent, prebuilds.reactJSX)) + appCode;
+  return done(out), isBuildingNativeBundle = null, out;
+}
+async function swapPrebuiltReactModules(cacheDir) {
+  const prebuilds = {
+    reactJSX: join(cacheDir, "react-jsx-runtime.js"),
+    react: join(cacheDir, "react.js"),
+    reactNative: 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([buildReactNative({
+    entryPoints: [resolveFile("react-native")],
+    outfile: prebuilds.reactNative
+  }), buildReact({
+    entryPoints: [resolveFile("react")],
+    outfile: prebuilds.react
+  }), buildReactJSX({
+    entryPoints: [resolveFile("react/jsx-dev-runtime")],
+    outfile: prebuilds.reactJSX
+  })]));
+  const jsxRuntime = {
+      // alias: 'virtual:react-jsx',
+      alias: prebuilds.reactJSX,
+      contents: await readFile(prebuilds.reactJSX, "utf-8")
+    },
+    virtualModules = {
+      "react-native": {
+        // alias: 'virtual:react-native',
+        alias: prebuilds.reactNative,
+        contents: await readFile(prebuilds.reactNative, "utf-8")
+      },
+      react: {
+        // alias: 'virtual:react',
+        alias: prebuilds.react,
+        contents: await 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 = resolve(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
@@ -463,77 +474,30 @@ function isWithin(outer, inner) {
   return !rel.startsWith("../") && rel !== "..";
 }
 let entryRoot = "";
-async function getViteServerConfig({
-  root,
-  host,
-  webConfig,
-  cacheDir
-}) {
-  const hotUpdateCache = /* @__PURE__ */new Map(),
-    reactNativeHMRPlugin = {
-      name: "client-transform",
-      async handleHotUpdate({
-        read,
-        modules,
-        file
-      }) {
-        try {
-          if (!isWithin(root, file)) return;
-          const [module] = modules;
-          if (!module) return;
-          const id = module?.url || file.replace(root, ""),
-            code = await read();
-          if (code.startsWith("'use strict';") || !code) return;
-          let source = code;
-          source = (await transformForBuild(id, source))?.code || "";
-          const importsMap = {},
-            [imports] = parse(source);
-          let accumulatedSliceOffset = 0;
-          for (const specifier of imports) {
-            const {
-              n: importName,
-              s: start
-            } = specifier;
-            if (importName) {
-              const id2 = await getVitePath(entryRoot, file, importName);
-              if (!id2) {
-                console.warn("???");
-                continue;
-              }
-              importsMap[id2] = id2.replace(/^(\.\.\/)+/, "");
-              const len = importName.length,
-                extraLen = id2.length - len;
-              source = source.slice(0, start + accumulatedSliceOffset) + id2 + source.slice(start + accumulatedSliceOffset + len), accumulatedSliceOffset += extraLen;
-            }
-          }
-          if (source = (await swcTransform(id, source, {
-            mode: "serve-cjs"
-          }))?.code || "", !source) throw "\u274C no source";
-          importsMap.currentPath = id;
-          const hotUpdateSource = `exports = ((exports) => {
-          const require = createRequire(${JSON.stringify(importsMap, null, 2)})
-          ${source.replace("import.meta.hot.accept(() => {})", "").replaceAll(/import.meta.glob\(.*\)/gi, "globalThis['__importMetaGlobbed'] || {}")};
-          return exports })({})`;
-          process.env.DEBUG && console.info("Sending hot update", hotUpdateSource), hotUpdateCache.set(id, hotUpdateSource);
-        } catch (err) {
-          console.error("Error processing hmr update:", err);
-        }
-      }
-    };
+async function getViteServerConfig(config) {
+  const {
+    root,
+    host,
+    webConfig,
+    cacheDir
+  } = config;
   let serverConfig = mergeConfig(getBaseViteConfig({
     mode: "development"
   }), {
     root,
     clearScreen: !1,
-    plugins: [reactNativeHMRPlugin, clientBundleTreeShakePlugin({})],
+    plugins: [reactNativeHMRPlugin(config)],
     optimizeDeps: {
       include: depsToOptimize,
       exclude: [`${cacheDir}/*`],
-      force: !0,
       esbuildOptions: {
-        resolveExtensions: extensions
+        resolveExtensions: webExtensions
       }
     },
+    ssr: {
+      noExternal: !0,
+      optimizeDeps: ssrOptimizeDeps
+    },
     server: {
       hmr: {
         path: "/__vxrnhmr"
@@ -545,9 +509,60 @@ async function getViteServerConfig({
   return webConfig && (serverConfig = mergeConfig(serverConfig, webConfig)), serverConfig = {
     ...serverConfig,
     plugins: [...serverConfig.plugins]
-  }, {
-    serverConfig,
-    hotUpdateCache
+  }, serverConfig;
+}
+function reactNativeHMRPlugin({
+  root
+}) {
+  return {
+    name: "client-transform",
+    async handleHotUpdate({
+      read,
+      modules,
+      file
+    }) {
+      try {
+        if (!isWithin(root, file)) return;
+        const [module] = modules;
+        if (!module) return;
+        const id = module?.url || file.replace(root, ""),
+          code = await read();
+        if (code.startsWith("'use strict';") || !code) return;
+        let source = code;
+        source = (await transformForBuild(id, source))?.code || "";
+        const importsMap = {},
+          [imports] = parse(source);
+        let accumulatedSliceOffset = 0;
+        for (const specifier of imports) {
+          const {
+            n: importName,
+            s: start
+          } = specifier;
+          if (importName) {
+            const id2 = await getVitePath(entryRoot, file, importName);
+            if (!id2) {
+              console.warn("???");
+              continue;
+            }
+            importsMap[id2] = id2.replace(/^(\.\.\/)+/, "");
+            const len = importName.length,
+              extraLen = id2.length - len;
+            source = source.slice(0, start + accumulatedSliceOffset) + id2 + source.slice(start + accumulatedSliceOffset + len), accumulatedSliceOffset += extraLen;
+          }
+        }
+        if (source = (await swcTransform(id, source, {
+          mode: "serve-cjs"
+        }))?.code || "", !source) throw "\u274C no source";
+        importsMap.currentPath = id;
+        const hotUpdateSource = `exports = ((exports) => {
+          const require = createRequire(${JSON.stringify(importsMap, null, 2)})
+          ${source.replace("import.meta.hot.accept(() => {})", "").replaceAll(/import.meta.glob\(.*\)/gi, "globalThis['__importMetaGlobbed'] || {}")};
+          return exports })({})`;
+        process.env.DEBUG && console.info("Sending hot update", hotUpdateSource), hotUpdateCache.set(id, hotUpdateSource);
+      } catch (err) {
+        console.error("Error processing hmr update:", err);
+      }
+    }
   };
 }
-export { bindKeypressInput, dev, getViteServerConfig, resolveFile };
+export { bindKeypressInput, dev, resolveFile };