vxrn 0.1.30 → 0.1.32

package/dist/esm/exports/dev.js

@@ -3,7 +3,6 @@ import {
   createApp,
   createRouter,
   defineEventHandler,
-  defineWebSocketHandler,
   eventHandler,
   getQuery,
   toNodeListener
@@ -28,122 +27,27 @@ import {
 } from "vite";
 import createViteFlow from "@vxrn/vite-flow";
 import { resolve as importMetaResolve } from "import-meta-resolve";
-import { clientBundleTreeShakePlugin } from "../plugins/clientBundleTreeShakePlugin";
+import { depsToOptimize, nativeExtensions, ssrOptimizeDeps, webExtensions } from "../constants";
 import { clientInjectionsPlugin } from "../plugins/clientInjectPlugin";
 import { reactNativeCommonJsPlugin } from "../plugins/reactNativeCommonJsPlugin";
 import { getBaseViteConfig } from "../utils/getBaseViteConfig";
 import { getOptionsFilled } from "../utils/getOptionsFilled";
 import { getVitePath } from "../utils/getVitePath";
 import { checkPatches } from "../utils/patches";
-import { createExpoServer } from "../vendor/createExpoServer";
-const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"], resolveFile = (path) => {
+let isBuildingNativeBundle = null;
+const hotUpdateCache = /* @__PURE__ */ new Map(), resolveFile = (path) => {
   try {
     return importMetaResolve(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 } = FSExtra, dev = async (optionsIn) => {
+}, { ensureDir, pathExists, pathExistsSync } = FSExtra, dev = async (optionsIn) => {
   const options = await getOptionsFilled(optionsIn), { host, port, root, cacheDir } = options;
   bindKeypressInput(), checkPatches(options).catch((err) => {
     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), viteServer = await createServer(serverConfig), resolvedConfig = await resolveConfig(serverConfig, "serve"), viteRNClientPlugin = clientInjectionsPlugin(resolvedConfig);
+  const serverConfig = await getViteServerConfig(options), viteServer = await createServer(serverConfig), resolvedConfig = await resolveConfig(serverConfig, "serve"), viteRNClientPlugin = clientInjectionsPlugin(resolvedConfig);
   viteServer.watcher.addListener("change", async (path) => {
     const id = path.replace(process.cwd(), "");
     if (!(!id.endsWith("tsx") && !id.endsWith("jsx")))
@@ -152,20 +56,16 @@ 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(), app = createApp({
+  }), 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(
+  router.get(
     "/file",
     defineEventHandler((e) => {
       const query = getQuery(e);
@@ -180,7 +80,7 @@ const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
     })
   ), router.get(
     "/index.bundle",
-    defineEventHandler(async (e) => new Response(await getBundleCode(), {
+    defineEventHandler(async (e) => new Response(await getReactNativeBundle(options, viteRNClientPlugin), {
       headers: {
         "content-type": "text/javascript"
       }
@@ -199,67 +99,81 @@ const depsToOptimize = ["react", "react-dom", "@react-native/normalize-color"],
     const clients = /* @__PURE__ */ new Set(), 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({
-        open(peer) {
-          console.debug("[hmr:web] open", peer), clients.add(peer);
-        },
-        message(peer, message) {
-          socket.send(message.rawData);
-        },
-        close(peer, event) {
-          console.info("[hmr:web] close", peer, event), clients.delete(peer);
+      defineEventHandler({
+        handler() {
         },
-        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",
-    defineWebSocketHandler({
-      open(peer) {
-        console.debug("[hmr] open", peer);
-      },
-      message(peer, message) {
-        console.info("[hmr] message", peer, message), message.text().includes("ping") && peer.send("pong");
+    defineEventHandler({
+      handler() {
       },
-      close(peer, event) {
-        console.info("[hmr] close", peer, event);
-      },
-      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",
+    defineEventHandler(() => "TODO")
   ), app.use(
     "/__client",
-    defineWebSocketHandler({
-      open(peer) {
-        console.info("[client] open", peer);
+    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);
       }
     })
   );
@@ -281,114 +195,115 @@ 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 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 = 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,
         {
-          name: "reanimated",
-          async transform(code, id) {
-            if (code.includes("worklet"))
-              return await babelReanimated(code, id);
-          }
+          plugins: ["react-native-reanimated/plugin"],
+          filename
         },
-        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;
-          }
+        (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 ? createViteFlow(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,
+      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;
         }
       }
-    };
-    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;
+    ].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"
         }
-        return outputModule.isEntry && (entryRoot = dirname(outputModule.fileName)), `
+      }
+    }
+  };
+  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
+      };
+      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 ? `
@@ -398,16 +313,98 @@ __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 }) {
   return {
     name: "myapp",
@@ -492,8 +489,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 = mergeConfig(
+    getBaseViteConfig({
+      mode: "development"
+    }),
+    {
+      root,
+      clearScreen: !1,
+      plugins: [reactNativeHMRPlugin(config)],
+      optimizeDeps: {
+        include: depsToOptimize,
+        exclude: [`${cacheDir}/*`],
+        esbuildOptions: {
+          resolveExtensions: webExtensions
+        }
+      },
+      ssr: {
+        noExternal: !0,
+        optimizeDeps: ssrOptimizeDeps
+      },
+      server: {
+        hmr: {
+          path: "/__vxrnhmr"
+        },
+        cors: !0,
+        host
+      }
+    }
+  );
+  return webConfig && (serverConfig = mergeConfig(serverConfig, webConfig)), serverConfig = {
+    ...serverConfig,
+    plugins: [...serverConfig.plugins]
+  }, serverConfig;
+}
+function reactNativeHMRPlugin({ root }) {
+  return {
     name: "client-transform",
     async handleHotUpdate({ read, modules, file }) {
       try {
@@ -537,46 +569,10 @@ async function getViteServerConfig({ root, host, webConfig, cacheDir }) {
       }
     }
   };
-  let serverConfig = mergeConfig(
-    getBaseViteConfig({
-      mode: "development"
-    }),
-    {
-      root,
-      clearScreen: !1,
-      plugins: [
-        reactNativeHMRPlugin,
-        clientBundleTreeShakePlugin({})
-      ],
-      optimizeDeps: {
-        include: depsToOptimize,
-        exclude: [`${cacheDir}/*`],
-        force: !0,
-        esbuildOptions: {
-          resolveExtensions: extensions
-        }
-      },
-      server: {
-        hmr: {
-          path: "/__vxrnhmr"
-        },
-        cors: !0,
-        host
-      }
-    }
-  );
-  return webConfig && (serverConfig = mergeConfig(serverConfig, webConfig)), serverConfig = {
-    ...serverConfig,
-    plugins: [...serverConfig.plugins]
-  }, {
-    serverConfig,
-    hotUpdateCache
-  };
 }
 export {
   bindKeypressInput,
   dev,
-  getViteServerConfig,
   resolveFile
 };
 //# sourceMappingURL=dev.js.map