@vxrn/vite-plugin-metro 1.27.1 → 2.0.0-beta.45.1

package/dist/cjs/plugins/metroPlugin.cjs

@@ -5,36 +5,27 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var metroPlugin_exports = {};
-__export(metroPlugin_exports, {
-  metroPlugin: () => metroPlugin
-});
+__export(metroPlugin_exports, { metroPlugin: () => metroPlugin });
 module.exports = __toCommonJS(metroPlugin_exports);
 var import_node_fs = require("node:fs");
 var import_promises = require("node:fs/promises");
@@ -46,227 +37,198 @@ var import_metroCacheManager = require("../utils/metroCacheManager.cjs");
 var import_projectImport = require("../utils/projectImport.cjs");
 var import_getMetroConfigFromViteConfig = require("../metro-config/getMetroConfigFromViteConfig.cjs");
 var import_patchMetroServerWithViteConfigAndMetroPluginOptions = require("../metro-config/patchMetroServerWithViteConfigAndMetroPluginOptions.cjs");
-const {
-  debug
-} = (0, import_debug.createDebugger)("vite-plugin-metro");
+const { debug } = (0, import_debug.createDebugger)("vite-plugin-metro");
 function metroPlugin(options = {}) {
-  globalThis["__viteMetroPluginOptions__"] = options;
-  return {
-    name: "metro",
-    // configResolved(config) {
-    //   projectRoot = config.root
-    // },
-    configureServer(server) {
-      const projectRoot = (0, import_node_path.resolve)(server.config.root);
-      const shouldLetViteServe = url => {
-        if (!url) return false;
-        let pathname = "";
-        try {
-          pathname = new URL(url, "http://localhost").pathname;
-        } catch {
-          pathname = url.split("?")[0] ?? "";
-        }
-        if (!pathname.startsWith("/assets/")) return false;
-        if (pathname.endsWith("_vxrn_loader.js")) return true;
-        let decodedPathname = pathname;
-        try {
-          decodedPathname = decodeURIComponent(pathname);
-        } catch {}
-        const filePath = (0, import_node_path.resolve)(projectRoot, decodedPathname.slice(1));
-        const relativePath = (0, import_node_path.relative)(projectRoot, filePath);
-        const isInsideRoot = relativePath !== "" && !relativePath.startsWith("..") && !(0, import_node_path.isAbsolute)(relativePath);
-        return isInsideRoot && (0, import_node_fs.existsSync)(filePath);
-      };
-      let metroReady = false;
-      let middleware;
-      let metroServer;
-      let hmrServer;
-      let websocketEndpoints;
-      let rnDevtoolsMiddleware;
-      let metroPromise;
-      let metroPromiseResolvers;
-      metroPromise = new Promise((resolve2, reject) => {
-        metroPromiseResolvers = {
-          resolve: resolve2,
-          reject
-        };
-      });
-      const startMetro = async () => {
-        const metroStartTime = Date.now();
-        try {
-          (0, import_metroCacheManager.checkAndClearMetroCacheFromVite)(server, server.config.logger);
-          const {
-            default: Metro
-          } = await (0, import_projectImport.projectImport)(projectRoot, "metro");
-          const {
-            default: MetroHmrServer
-          } = await (0, import_projectImport.projectImport)(projectRoot, "metro/private/HmrServer");
-          const {
-            default: createWebsocketServer
-          } = await (0, import_projectImport.projectImport)(projectRoot, "metro/private/lib/createWebsocketServer");
-          const {
-            createDevMiddleware
-          } = await (0, import_projectImport.projectImport)(projectRoot, "@react-native/dev-middleware");
-          const config = await (0, import_getMetroConfigFromViteConfig.getMetroConfigFromViteConfig)(server.config, options);
-          const metroResult = await Metro.createConnectMiddleware(config, {
-            // Force enable file watching, even on CI.
-            // This is needed for HMR tests to work on CI.
-            watch: true
-          });
-          middleware = metroResult.middleware;
-          metroServer = metroResult.metroServer;
-          (0, import_patchMetroServerWithViteConfigAndMetroPluginOptions.patchMetroServerWithViteConfigAndMetroPluginOptions)(metroServer, server.config, options);
-          hmrServer = new MetroHmrServer(metroServer.getBundler(), metroServer.getCreateModuleId(), config);
-          const reactNativeDevToolsUrl = `http://${typeof server.config.server.host === "boolean" ? "localhost" : server.config.server.host}:${server.config.server.port}`;
-          const devMiddleware = createDevMiddleware({
-            serverBaseUrl: reactNativeDevToolsUrl,
-            logger: console,
-            unstable_experiments: {
-              // rn 0.86 turns this on by default and prepares the standalone debugger
-              // shell eagerly while building the middleware. its tool launcher throws
-              // outright under NODE_ENV=test rather than spawn a gui, which would take
-              // the whole dev server down on boot for anyone running tests against it.
-              enableStandaloneFuseboxShell: process.env.NODE_ENV !== "test"
-            }
-          });
-          rnDevtoolsMiddleware = devMiddleware.middleware;
-          websocketEndpoints = {
-            "/hot": createWebsocketServer({
-              websocketServer: hmrServer
-            }),
-            // metro parity: the packager message socket (metro serves /message via
-            // @react-native-community/cli-server-api). leaving the upgrade unanswered
-            // dangles the socket and chromium queues every later websocket handshake
-            // to the same host:port behind it (blocking e.g. zero /sync in sootsim).
-            "/message": (0, import_utils.createMessageSocket)(),
-            ...devMiddleware.websocketEndpoints
-          };
-          server.httpServer?.on("upgrade", (request, socket, head) => {
-            const pathname = new URL(request.url, `http://${request.headers.host}`).pathname;
-            const endpoint = websocketEndpoints[pathname];
-            if (endpoint) {
-              endpoint.handleUpgrade(request, socket, head, ws => {
-                endpoint.emit("connection", ws, request);
-              });
-            }
-          });
-          server.middlewares.use(rnDevtoolsMiddleware);
-          metroReady = true;
-          const metroElapsed = Date.now() - metroStartTime;
-          debug?.(`Metro bundler ready (${metroElapsed}ms)`);
-          metroPromiseResolvers.resolve();
-        } catch (err) {
-          debug?.(`Error during Metro initialization: ${err}`);
-          metroPromiseResolvers.reject(err);
-          throw err;
-        }
-      };
-      const isLazyStartup = options.startup === "lazy";
-      let metroStarting = false;
-      const ensureMetroStarted = () => {
-        if (metroStarting || metroReady) return;
-        metroStarting = true;
-        debug?.("Starting Metro on-demand (lazy startup)");
-        startMetro().catch(err => {
-          debug?.(`Failed to start Metro: ${err}`);
-        });
-      };
-      if (!isLazyStartup) {
-        if (server.httpServer) {
-          if (server.httpServer.listening) {
-            startMetro().catch(err => {
-              debug?.(`Failed to start Metro: ${err}`);
-            });
-          } else {
-            server.httpServer.on("listening", () => {
-              startMetro().catch(err => {
-                debug?.(`Failed to start Metro: ${err}`);
-              });
-            });
-          }
-        } else {
-          const waitForServer = () => {
-            if (server.httpServer) {
-              if (server.httpServer.listening) {
-                startMetro().catch(err => {
-                  debug?.(`Failed to start Metro: ${err}`);
-                });
-              } else {
-                server.httpServer.on("listening", () => {
-                  startMetro().catch(err => {
-                    debug?.(`Failed to start Metro: ${err}`);
-                  });
-                });
-              }
-            } else {
-              setTimeout(waitForServer, 10);
-            }
-          };
-          waitForServer();
-        }
-      } else {
-        debug?.("Metro lazy startup enabled - will start on first native request");
-      }
-      server.middlewares.use(async (req, res, next) => {
-        const isNativeRequest = req.headers["user-agent"]?.includes("CFNetwork/") || req.headers["user-agent"]?.includes("okhttp/");
-        if (isLazyStartup && !metroReady) {
-          if (req.url?.includes(".bundle") || req.url === "/status" && isNativeRequest) {
-            ensureMetroStarted();
-          }
-        }
-        if (req.url === "/status" && isNativeRequest) {
-          res.statusCode = 200;
-          res.end("packager-status:running");
-          return;
-        }
-        if (req.url?.includes(".bundle") && !metroReady) {
-          await metroPromise;
-        }
-        if (middleware) {
-          if (shouldLetViteServe(req.url)) {
-            return next();
-          }
-          try {
-            if (req.url?.includes(".bundle")) {
-              const VITE_METRO_DEBUG_BUNDLE = process.env.VITE_METRO_DEBUG_BUNDLE;
-              if (VITE_METRO_DEBUG_BUNDLE) {
-                if ((0, import_node_fs.existsSync)(VITE_METRO_DEBUG_BUNDLE)) {
-                  debug?.(`serving debug bundle from ${VITE_METRO_DEBUG_BUNDLE}`);
-                  const content = await (0, import_promises.readFile)(VITE_METRO_DEBUG_BUNDLE, "utf-8");
-                  res.setHeader("Content-Type", "application/javascript");
-                  res.end(content);
-                  return;
-                }
-              }
-            }
-            if (req.url === "/open-stack-frame" && req.method === "POST") {
-              let body = "";
-              req.on("data", chunk => {
-                body += chunk.toString();
-              });
-              req.on("end", () => {
-                try {
-                  const frame = JSON.parse(body);
-                  (0, import_launch_editor.default)(frame.file);
-                  res.statusCode = 200;
-                  res.end("Stack frame opened in editor");
-                } catch (e) {
-                  debug?.(`Failed to parse stack frame: ${e}`);
-                  res.statusCode = 400;
-                  return res.end("Invalid stack frame JSON");
-                }
-              });
-              return;
-            }
-            await middleware(req, res, next);
-          } catch (error) {
-            debug?.(`Metro middleware error: ${error}`);
-            next();
-          }
-        } else {
-          next();
-        }
-      });
-    }
-  };
-}
+	globalThis["__viteMetroPluginOptions__"] = options;
+	return {
+		name: "metro",
+		configureServer(server) {
+			const projectRoot = (0, import_node_path.resolve)(server.config.root);
+			const shouldLetViteServe = (url) => {
+				if (!url) return false;
+				let pathname = "";
+				try {
+					pathname = new URL(url, "http://localhost").pathname;
+				} catch {
+					pathname = url.split("?")[0] ?? "";
+				}
+				if (!pathname.startsWith("/assets/")) return false;
+				if (pathname.endsWith("_vxrn_loader.js")) return true;
+				let decodedPathname = pathname;
+				try {
+					decodedPathname = decodeURIComponent(pathname);
+				} catch {}
+				const filePath = (0, import_node_path.resolve)(projectRoot, decodedPathname.slice(1));
+				const relativePath = (0, import_node_path.relative)(projectRoot, filePath);
+				const isInsideRoot = relativePath !== "" && !relativePath.startsWith("..") && !(0, import_node_path.isAbsolute)(relativePath);
+				return isInsideRoot && (0, import_node_fs.existsSync)(filePath);
+			};
+			let metroReady = false;
+			let middleware;
+			let metroServer;
+			let hmrServer;
+			let websocketEndpoints;
+			let rnDevtoolsMiddleware;
+			let metroPromise;
+			let metroPromiseResolvers;
+			metroPromise = new Promise((resolve2, reject) => {
+				metroPromiseResolvers = {
+					resolve: resolve2,
+					reject
+				};
+			});
+			const startMetro = async () => {
+				const metroStartTime = Date.now();
+				try {
+					(0, import_metroCacheManager.checkAndClearMetroCacheFromVite)(server, server.config.logger);
+					const { default: Metro } = await (0, import_projectImport.projectImport)(projectRoot, "metro");
+					const { default: MetroHmrServer } = await (0, import_projectImport.projectImport)(projectRoot, "metro/private/HmrServer");
+					const { default: createWebsocketServer } = await (0, import_projectImport.projectImport)(projectRoot, "metro/private/lib/createWebsocketServer");
+					const { createDevMiddleware } = await (0, import_projectImport.projectImport)(projectRoot, "@react-native/dev-middleware");
+					const config = await (0, import_getMetroConfigFromViteConfig.getMetroConfigFromViteConfig)(server.config, options);
+					const metroResult = await Metro.createConnectMiddleware(config, { watch: true });
+					middleware = metroResult.middleware;
+					metroServer = metroResult.metroServer;
+					(0, import_patchMetroServerWithViteConfigAndMetroPluginOptions.patchMetroServerWithViteConfigAndMetroPluginOptions)(metroServer, server.config, options);
+					hmrServer = new MetroHmrServer(metroServer.getBundler(), metroServer.getCreateModuleId(), config);
+					const reactNativeDevToolsUrl = `http://${typeof server.config.server.host === "boolean" ? "localhost" : server.config.server.host}:${server.config.server.port}`;
+					const devMiddleware = createDevMiddleware({
+						serverBaseUrl: reactNativeDevToolsUrl,
+						logger: console,
+						unstable_experiments: { enableStandaloneFuseboxShell: process.env.NODE_ENV !== "test" }
+					});
+					rnDevtoolsMiddleware = devMiddleware.middleware;
+					websocketEndpoints = {
+						"/hot": createWebsocketServer({ websocketServer: hmrServer }),
+						"/message": (0, import_utils.createMessageSocket)(),
+						...devMiddleware.websocketEndpoints
+					};
+					server.httpServer?.on("upgrade", (request, socket, head) => {
+						const pathname = new URL(request.url, `http://${request.headers.host}`).pathname;
+						const endpoint = websocketEndpoints[pathname];
+						if (endpoint) {
+							endpoint.handleUpgrade(request, socket, head, (ws) => {
+								endpoint.emit("connection", ws, request);
+							});
+						}
+					});
+					server.middlewares.use(rnDevtoolsMiddleware);
+					metroReady = true;
+					const metroElapsed = Date.now() - metroStartTime;
+					debug?.(`Metro bundler ready (${metroElapsed}ms)`);
+					metroPromiseResolvers.resolve();
+				} catch (err) {
+					debug?.(`Error during Metro initialization: ${err}`);
+					metroPromiseResolvers.reject(err);
+					throw err;
+				}
+			};
+			const isLazyStartup = options.startup === "lazy";
+			let metroStarting = false;
+			const ensureMetroStarted = () => {
+				if (metroStarting || metroReady) return;
+				metroStarting = true;
+				debug?.("Starting Metro on-demand (lazy startup)");
+				startMetro().catch((err) => {
+					debug?.(`Failed to start Metro: ${err}`);
+				});
+			};
+			if (!isLazyStartup) {
+				if (server.httpServer) {
+					if (server.httpServer.listening) {
+						startMetro().catch((err) => {
+							debug?.(`Failed to start Metro: ${err}`);
+						});
+					} else {
+						server.httpServer.on("listening", () => {
+							startMetro().catch((err) => {
+								debug?.(`Failed to start Metro: ${err}`);
+							});
+						});
+					}
+				} else {
+					const waitForServer = () => {
+						if (server.httpServer) {
+							if (server.httpServer.listening) {
+								startMetro().catch((err) => {
+									debug?.(`Failed to start Metro: ${err}`);
+								});
+							} else {
+								server.httpServer.on("listening", () => {
+									startMetro().catch((err) => {
+										debug?.(`Failed to start Metro: ${err}`);
+									});
+								});
+							}
+						} else {
+							setTimeout(waitForServer, 10);
+						}
+					};
+					waitForServer();
+				}
+			} else {
+				debug?.("Metro lazy startup enabled - will start on first native request");
+			}
+			server.middlewares.use(async (req, res, next) => {
+				const isNativeRequest = req.headers["user-agent"]?.includes("CFNetwork/") || req.headers["user-agent"]?.includes("okhttp/");
+				if (isLazyStartup && !metroReady) {
+					if (req.url?.includes(".bundle") || req.url === "/status" && isNativeRequest) {
+						ensureMetroStarted();
+					}
+				}
+				if (req.url === "/status" && isNativeRequest) {
+					res.statusCode = 200;
+					res.end("packager-status:running");
+					return;
+				}
+				if (req.url?.includes(".bundle") && !metroReady) {
+					await metroPromise;
+				}
+				if (middleware) {
+					if (shouldLetViteServe(req.url)) {
+						return next();
+					}
+					try {
+						if (req.url?.includes(".bundle")) {
+							const VITE_METRO_DEBUG_BUNDLE = process.env.VITE_METRO_DEBUG_BUNDLE;
+							if (VITE_METRO_DEBUG_BUNDLE) {
+								if ((0, import_node_fs.existsSync)(VITE_METRO_DEBUG_BUNDLE)) {
+									debug?.(`serving debug bundle from ${VITE_METRO_DEBUG_BUNDLE}`);
+									const content = await (0, import_promises.readFile)(VITE_METRO_DEBUG_BUNDLE, "utf-8");
+									res.setHeader("Content-Type", "application/javascript");
+									res.end(content);
+									return;
+								}
+							}
+						}
+						if (req.url === "/open-stack-frame" && req.method === "POST") {
+							let body = "";
+							req.on("data", (chunk) => {
+								body += chunk.toString();
+							});
+							req.on("end", () => {
+								try {
+									const frame = JSON.parse(body);
+									(0, import_launch_editor.default)(frame.file);
+									res.statusCode = 200;
+									res.end("Stack frame opened in editor");
+								} catch (e) {
+									debug?.(`Failed to parse stack frame: ${e}`);
+									res.statusCode = 400;
+									return res.end("Invalid stack frame JSON");
+								}
+							});
+							return;
+						}
+						await middleware(req, res, next);
+					} catch (error) {
+						debug?.(`Metro middleware error: ${error}`);
+						next();
+					}
+				} else {
+					next();
+				}
+			});
+		}
+	};
+}