vxrn 1.27.1 → 2.0.0-beta.45.1

package/dist/plugins/reactNativeDevServer.mjs

@@ -7,339 +7,294 @@ import { createDevMiddleware } from "@react-native/dev-middleware";
 import { createNativeDevEngine } from "../utils/createNativeDevEngine.mjs";
 import { getBoundPort } from "../utils/getBoundPort.mjs";
 import { getNativeFramePlatform, isNativeBundleFrame, symbolicateNativeStack } from "../utils/symbolicateNativeStack.mjs";
+
 function getNativeAssetContentType(type) {
-  switch (type.toLowerCase()) {
-    case "bmp":
-      return "image/bmp";
-    case "gif":
-      return "image/gif";
-    case "jpeg":
-    case "jpg":
-      return "image/jpeg";
-    case "json":
-      return "application/json";
-    case "otf":
-      return "font/otf";
-    case "png":
-      return "image/png";
-    case "svg":
-      return "image/svg+xml";
-    case "ttf":
-      return "font/ttf";
-    case "webp":
-      return "image/webp";
-    case "woff":
-      return "font/woff";
-    case "woff2":
-      return "font/woff2";
-    default:
-      return "application/octet-stream";
-  }
+	switch (type.toLowerCase()) {
+		case "bmp": return "image/bmp";
+		case "gif": return "image/gif";
+		case "jpeg":
+		case "jpg": return "image/jpeg";
+		case "json": return "application/json";
+		case "otf": return "font/otf";
+		case "png": return "image/png";
+		case "svg": return "image/svg+xml";
+		case "ttf": return "font/ttf";
+		case "webp": return "image/webp";
+		case "woff": return "font/woff";
+		case "woff2": return "font/woff2";
+		default: return "application/octet-stream";
+	}
 }
 function createReactNativeDevServerPlugin(options) {
-  return {
-    name: "vite-plugin-react-native-server",
-    configureServer(server) {
-      const {
-        host
-      } = server.config.server;
-      const {
-        root
-      } = server.config;
-      const hmrWSS = new WebSocketServer({
-        noServer: true
-      });
-      const clientWSS = new WebSocketServer({
-        noServer: true
-      });
-      const messageWSS = createMessageSocket();
-      const validPlatforms = {
-        ios: "ios",
-        android: "android"
-      };
-      const devEngines = {};
-      const devEngineCreating = {};
-      const warnedProdBundleRequest = /* @__PURE__ */new Set();
-      const pendingReloadPlatforms = /* @__PURE__ */new Set();
-      const devToolsSocketEndpoints = ["/inspector/device", "/inspector/debug"];
-      const reactNativeDevToolsUrl = `http://${host}:${getBoundPort(server)}`;
-      const {
-        middleware,
-        websocketEndpoints
-      } = createDevMiddleware({
-        serverBaseUrl: reactNativeDevToolsUrl,
-        logger: console,
-        unstable_experiments: {
-          enableStandaloneFuseboxShell: false
-        }
-      });
-      server.middlewares.use(async (req, res, next) => {
-        if (req.method !== "GET" && req.method !== "HEAD") return next();
-        const rawUrl = req.url || "/";
-        const rawPathname = rawUrl.split("?", 1)[0];
-        if (!rawPathname.startsWith("/assets/")) return next();
-        const url = new URL(rawUrl, `http://${req.headers.host || "localhost"}`);
-        const platform = validPlatforms[url.searchParams.get("platform") || ""];
-        const engine = platform ? devEngines[platform] : void 0;
-        if (!engine) return next();
-        let pathname;
-        try {
-          pathname = decodeURIComponent(rawPathname);
-        } catch {
-          res.writeHead(400, {
-            "Content-Type": "text/plain"
-          });
-          res.end("Invalid native asset path");
-          return;
-        }
-        const asset = engine.getAsset(pathname, url.searchParams.get("hash") || void 0);
-        if (!asset) {
-          res.writeHead(404, {
-            "Content-Type": "text/plain"
-          });
-          res.end("Native asset not found");
-          return;
-        }
-        try {
-          const contents = await readFile(asset.filePath);
-          res.writeHead(200, {
-            "Cache-Control": "no-cache",
-            "Content-Length": String(contents.byteLength),
-            "Content-Type": getNativeAssetContentType(asset.type)
-          });
-          res.end(req.method === "HEAD" ? void 0 : contents);
-        } catch (error) {
-          console.error(`[vxrn] failed to serve native asset ${pathname}: ${error instanceof Error ? error.message : String(error)}`);
-          res.writeHead(500, {
-            "Content-Type": "text/plain"
-          });
-          res.end("Failed to read native asset");
-        }
-      });
-      server.middlewares.use(middleware);
-      server.httpServer?.on("upgrade", (req, socket, head) => {
-        const url = req.url || "";
-        for (const endpoint of devToolsSocketEndpoints) {
-          if (url.startsWith(endpoint)) {
-            const wss = websocketEndpoints[endpoint];
-            wss.handleUpgrade(req, socket, head, ws => {
-              wss.emit("connection", ws, req);
-            });
-            return;
-          }
-        }
-        if (url.startsWith("/hot")) {
-          const hmrUrl = new URL(url, `http://${req.headers.host || "localhost"}`);
-          const platform = validPlatforms[hmrUrl.searchParams.get("platform") || ""];
-          const clientId = hmrUrl.searchParams.get("clientId");
-          if (!platform || !clientId) {
-            socket.destroy();
-            return;
-          }
-          hmrWSS.handleUpgrade(req, socket, head, ws => {
-            Object.assign(ws, {
-              vxrnClientId: clientId,
-              vxrnPlatform: platform
-            });
-            hmrWSS.emit("connection", ws, req);
-          });
-          return;
-        }
-        if (url === "/message" || url.startsWith("/message?")) {
-          messageWSS.handleUpgrade(req, socket, head, ws => {
-            messageWSS.emit("connection", ws, req);
-          });
-          return;
-        }
-        if (url === "/__client") {
-          clientWSS.handleUpgrade(req, socket, head, ws => {
-            clientWSS.emit("connection", ws, req);
-          });
-        }
-      });
-      hmrWSS.on("connection", async socket => {
-        const currentEngine = devEngines[socket.vxrnPlatform];
-        if (!currentEngine) {
-          socket.close(1013, "native dev engine unavailable");
-          return;
-        }
-        try {
-          await currentEngine.engine.registerClient(socket.vxrnClientId);
-        } catch (error) {
-          console.error("[hmr] failed to register native client", error);
-          socket.close(1011, "native HMR registration failed");
-          return;
-        }
-        addConnectedNativeClient();
-        if (pendingReloadPlatforms.has(socket.vxrnPlatform)) {
-          socket.send(JSON.stringify({
-            type: "hmr:reload"
-          }));
-        }
-        socket.on("message", message => {
-          const value = message.toString();
-          if (value === "ping") {
-            socket.send("pong");
-            return;
-          }
-          let update;
-          try {
-            update = JSON.parse(value);
-          } catch {
-            return;
-          }
-          if (update.type === "hmr:invalidate") {
-            socket.send(JSON.stringify({
-              type: "hmr:reload"
-            }));
-          }
-        });
-        socket.on("close", () => {
-          removeConnectedNativeClient();
-          currentEngine.engine.removeClient(socket.vxrnClientId).catch(error => {
-            console.error("[hmr] failed to remove native client", error);
-          });
-        });
-        socket.on("error", error => {
-          console.error("[hmr] error", error);
-        });
-      });
-      clientWSS.on("connection", socket => {
-        socket.on("message", messageRaw => {
-          const message = JSON.parse(messageRaw.toString());
-          switch (message.type) {
-            case "client-log":
-              {
-                if (message.level === "warn" && message.data[0]?.startsWith("Sending `appearanceChanged` with no listeners registered.")) {
-                  return;
-                }
-                console.info(` \u2460  ${message.level === "info" ? "" : ` [${message.level}]`}`, ...message.data);
-                return;
-              }
-            default:
-              {
-                console.warn(` \u2460  Unknown message type`, message);
-              }
-          }
-        });
-      });
-      const getDevEngine = async platform => {
-        while (!devEngines[platform]) {
-          if (!devEngineCreating[platform]) {
-            const creating = (async () => {
-              try {
-                console.info(`[vxrn] creating rolldown DevEngine for ${platform}...`);
-                devEngines[platform] = await createNativeDevEngine({
-                  root,
-                  port: getBoundPort(server),
-                  host: typeof host === "string" ? host : "localhost",
-                  platform,
-                  serverUrl: `http://${typeof host === "string" && host !== "0.0.0.0" ? host : "localhost"}:${getBoundPort(server)}`,
-                  onHmrUpdate: update => {
-                    const msg = JSON.stringify(update);
-                    const target = "clientId" in update ? update.clientId : void 0;
-                    if (update.type === "hmr:reload" && !target) {
-                      pendingReloadPlatforms.add(platform);
-                    }
-                    hmrWSS.clients.forEach(client => {
-                      const nativeClient = client;
-                      if (nativeClient.readyState === 1 && nativeClient.vxrnPlatform === platform && (!target || nativeClient.vxrnClientId === target)) {
-                        client.send(msg);
-                      }
-                    });
-                  }
-                });
-                console.info(`[vxrn] rolldown DevEngine ready for ${platform}`);
-              } finally {
-                devEngineCreating[platform] = null;
-              }
-            })();
-            devEngineCreating[platform] = creating;
-          }
-          await devEngineCreating[platform];
-        }
-        return devEngines[platform];
-      };
-      const handleRNBundle = async (req, res) => {
-        const url = new URL(req.url, `http://${req.headers.host}`);
-        const platformString = url.searchParams.get("platform") || "";
-        const platform = validPlatforms[platformString];
-        if (!platform) {
-          return;
-        }
-        if (url.searchParams.get("dev") === "false" && !warnedProdBundleRequest.has(platform)) {
-          warnedProdBundleRequest.add(platform);
-          console.warn(`[vxrn] ${platform} bundle requested with dev=false, but the dev server only builds dev bundles. Serving a dev bundle. Use the build command for a production one.`);
-        }
-        try {
-          const bundle = await (await getDevEngine(platform)).getBundle();
-          res.once("finish", () => pendingReloadPlatforms.delete(platform));
-          res.writeHead(200, {
-            "Cache-Control": "no-store",
-            "Content-Type": "text/javascript"
-          });
-          res.end(bundle.code);
-        } catch (err) {
-          console.error(` Error building React Native bundle`);
-          console.error(err);
-          console.error(`
+	return {
+		name: "vite-plugin-react-native-server",
+		configureServer(server) {
+			const { host } = server.config.server;
+			const { root } = server.config;
+			const hmrWSS = new WebSocketServer({ noServer: true });
+			const clientWSS = new WebSocketServer({ noServer: true });
+			const messageWSS = createMessageSocket();
+			const validPlatforms = {
+				ios: "ios",
+				android: "android"
+			};
+			const devEngines = {};
+			const devEngineCreating = {};
+			const warnedProdBundleRequest = /* @__PURE__ */ new Set();
+			const pendingReloadPlatforms = /* @__PURE__ */ new Set();
+			const devToolsSocketEndpoints = ["/inspector/device", "/inspector/debug"];
+			const reactNativeDevToolsUrl = `http://${host}:${getBoundPort(server)}`;
+			const { middleware, websocketEndpoints } = createDevMiddleware({
+				serverBaseUrl: reactNativeDevToolsUrl,
+				logger: console,
+				unstable_experiments: { enableStandaloneFuseboxShell: false }
+			});
+			server.middlewares.use(async (req, res, next) => {
+				if (req.method !== "GET" && req.method !== "HEAD") return next();
+				const rawUrl = req.url || "/";
+				const rawPathname = rawUrl.split("?", 1)[0];
+				if (!rawPathname.startsWith("/assets/")) return next();
+				const url = new URL(rawUrl, `http://${req.headers.host || "localhost"}`);
+				const platform = validPlatforms[url.searchParams.get("platform") || ""];
+				const engine = platform ? devEngines[platform] : void 0;
+				if (!engine) return next();
+				let pathname;
+				try {
+					pathname = decodeURIComponent(rawPathname);
+				} catch {
+					res.writeHead(400, { "Content-Type": "text/plain" });
+					res.end("Invalid native asset path");
+					return;
+				}
+				const asset = engine.getAsset(pathname, url.searchParams.get("hash") || void 0);
+				if (!asset) {
+					res.writeHead(404, { "Content-Type": "text/plain" });
+					res.end("Native asset not found");
+					return;
+				}
+				try {
+					const contents = await readFile(asset.filePath);
+					res.writeHead(200, {
+						"Cache-Control": "no-cache",
+						"Content-Length": String(contents.byteLength),
+						"Content-Type": getNativeAssetContentType(asset.type)
+					});
+					res.end(req.method === "HEAD" ? void 0 : contents);
+				} catch (error) {
+					console.error(`[vxrn] failed to serve native asset ${pathname}: ${error instanceof Error ? error.message : String(error)}`);
+					res.writeHead(500, { "Content-Type": "text/plain" });
+					res.end("Failed to read native asset");
+				}
+			});
+			server.middlewares.use(middleware);
+			server.httpServer?.on("upgrade", (req, socket, head) => {
+				const url = req.url || "";
+				for (const endpoint of devToolsSocketEndpoints) {
+					if (url.startsWith(endpoint)) {
+						const wss = websocketEndpoints[endpoint];
+						wss.handleUpgrade(req, socket, head, (ws) => {
+							wss.emit("connection", ws, req);
+						});
+						return;
+					}
+				}
+				if (url.startsWith("/hot")) {
+					const hmrUrl = new URL(url, `http://${req.headers.host || "localhost"}`);
+					const platform = validPlatforms[hmrUrl.searchParams.get("platform") || ""];
+					const clientId = hmrUrl.searchParams.get("clientId");
+					if (!platform || !clientId) {
+						socket.destroy();
+						return;
+					}
+					hmrWSS.handleUpgrade(req, socket, head, (ws) => {
+						Object.assign(ws, {
+							vxrnClientId: clientId,
+							vxrnPlatform: platform
+						});
+						hmrWSS.emit("connection", ws, req);
+					});
+					return;
+				}
+				if (url === "/message" || url.startsWith("/message?")) {
+					messageWSS.handleUpgrade(req, socket, head, (ws) => {
+						messageWSS.emit("connection", ws, req);
+					});
+					return;
+				}
+				if (url === "/__client") {
+					clientWSS.handleUpgrade(req, socket, head, (ws) => {
+						clientWSS.emit("connection", ws, req);
+					});
+				}
+			});
+			hmrWSS.on("connection", async (socket) => {
+				const currentEngine = devEngines[socket.vxrnPlatform];
+				if (!currentEngine) {
+					socket.close(1013, "native dev engine unavailable");
+					return;
+				}
+				try {
+					await currentEngine.engine.registerClient(socket.vxrnClientId);
+				} catch (error) {
+					console.error("[hmr] failed to register native client", error);
+					socket.close(1011, "native HMR registration failed");
+					return;
+				}
+				addConnectedNativeClient();
+				if (pendingReloadPlatforms.has(socket.vxrnPlatform)) {
+					socket.send(JSON.stringify({ type: "hmr:reload" }));
+				}
+				socket.on("message", (message) => {
+					const value = message.toString();
+					if (value === "ping") {
+						socket.send("pong");
+						return;
+					}
+					let update;
+					try {
+						update = JSON.parse(value);
+					} catch {
+						return;
+					}
+					if (update.type === "hmr:invalidate") {
+						socket.send(JSON.stringify({ type: "hmr:reload" }));
+					}
+				});
+				socket.on("close", () => {
+					removeConnectedNativeClient();
+					currentEngine.engine.removeClient(socket.vxrnClientId).catch((error) => {
+						console.error("[hmr] failed to remove native client", error);
+					});
+				});
+				socket.on("error", (error) => {
+					console.error("[hmr] error", error);
+				});
+			});
+			clientWSS.on("connection", (socket) => {
+				socket.on("message", (messageRaw) => {
+					const message = JSON.parse(messageRaw.toString());
+					switch (message.type) {
+						case "client-log": {
+							if (message.level === "warn" && message.data[0]?.startsWith("Sending `appearanceChanged` with no listeners registered.")) {
+								return;
+							}
+							console.info(` \u2460  ${message.level === "info" ? "" : ` [${message.level}]`}`, ...message.data);
+							return;
+						}
+						default: {
+							console.warn(` \u2460  Unknown message type`, message);
+						}
+					}
+				});
+			});
+			const getDevEngine = async (platform) => {
+				while (!devEngines[platform]) {
+					if (!devEngineCreating[platform]) {
+						const creating = (async () => {
+							try {
+								console.info(`[vxrn] creating rolldown DevEngine for ${platform}...`);
+								devEngines[platform] = await createNativeDevEngine({
+									root,
+									port: getBoundPort(server),
+									host: typeof host === "string" ? host : "localhost",
+									platform,
+									serverUrl: `http://${typeof host === "string" && host !== "0.0.0.0" ? host : "localhost"}:${getBoundPort(server)}`,
+									onHmrUpdate: (update) => {
+										const msg = JSON.stringify(update);
+										const target = "clientId" in update ? update.clientId : void 0;
+										if (update.type === "hmr:reload" && !target) {
+											pendingReloadPlatforms.add(platform);
+										}
+										hmrWSS.clients.forEach((client) => {
+											const nativeClient = client;
+											if (nativeClient.readyState === 1 && nativeClient.vxrnPlatform === platform && (!target || nativeClient.vxrnClientId === target)) {
+												client.send(msg);
+											}
+										});
+									}
+								});
+								console.info(`[vxrn] rolldown DevEngine ready for ${platform}`);
+							} finally {
+								devEngineCreating[platform] = null;
+							}
+						})();
+						devEngineCreating[platform] = creating;
+					}
+					await devEngineCreating[platform];
+				}
+				return devEngines[platform];
+			};
+			const handleRNBundle = async (req, res) => {
+				const url = new URL(req.url, `http://${req.headers.host}`);
+				const platformString = url.searchParams.get("platform") || "";
+				const platform = validPlatforms[platformString];
+				if (!platform) {
+					return;
+				}
+				if (url.searchParams.get("dev") === "false" && !warnedProdBundleRequest.has(platform)) {
+					warnedProdBundleRequest.add(platform);
+					console.warn(`[vxrn] ${platform} bundle requested with dev=false, but the dev server only builds dev bundles. Serving a dev bundle. Use the build command for a production one.`);
+				}
+				try {
+					const bundle = await (await getDevEngine(platform)).getBundle();
+					res.once("finish", () => pendingReloadPlatforms.delete(platform));
+					res.writeHead(200, {
+						"Cache-Control": "no-store",
+						"Content-Type": "text/javascript"
+					});
+					res.end(bundle.code);
+				} catch (err) {
+					console.error(` Error building React Native bundle`);
+					console.error(err);
+					console.error(`
 
   Note, some errors may happen due to a stale Vite cache, you may want to try re-running with the "--clean" flag`);
-          res.writeHead(500, {
-            "Content-Type": "text/plain"
-          });
-          res.end(err instanceof Error ? err.stack || err.message : String(err));
-        }
-      };
-      server.middlewares.use((req, res, next) => {
-        if (req.url?.split("?")[0].endsWith(".bundle")) {
-          handleRNBundle(req, res, next);
-        } else {
-          next();
-        }
-      });
-      server.middlewares.use("/symbolicate", async (req, res) => {
-        try {
-          const chunks = [];
-          for await (const chunk of req) chunks.push(chunk);
-          const body = JSON.parse(Buffer.concat(chunks).toString("utf8"));
-          const stack = body.stack;
-          if (!Array.isArray(stack)) {
-            throw new Error("expected a `stack` array in the request body");
-          }
-          const bundleFrame = stack.find(frame => isNativeBundleFrame(frame.file));
-          if (!bundleFrame) {
-            res.writeHead(200, {
-              "Content-Type": "application/json"
-            });
-            res.end(JSON.stringify({
-              stack,
-              codeFrame: null
-            }));
-            return;
-          }
-          const framePlatform = getNativeFramePlatform(bundleFrame.file);
-          const platform = validPlatforms[framePlatform ?? ""];
-          if (!platform) {
-            throw new Error(`could not tell which platform "${bundleFrame.file}" was bundled for`);
-          }
-          const bundle = await (await getDevEngine(platform)).getBundle();
-          res.writeHead(200, {
-            "Content-Type": "application/json"
-          });
-          res.end(JSON.stringify(symbolicateNativeStack(stack, bundle.map)));
-        } catch (err) {
-          console.error(`[vxrn] symbolicate failed`, err);
-          res.writeHead(500, {
-            "Content-Type": "application/json"
-          });
-          res.end(JSON.stringify({
-            error: err instanceof Error ? err.message : String(err)
-          }));
-        }
-      });
-    }
-  };
+					res.writeHead(500, { "Content-Type": "text/plain" });
+					res.end(err instanceof Error ? err.stack || err.message : String(err));
+				}
+			};
+			server.middlewares.use((req, res, next) => {
+				if (req.url?.split("?")[0].endsWith(".bundle")) {
+					handleRNBundle(req, res, next);
+				} else {
+					next();
+				}
+			});
+			server.middlewares.use("/symbolicate", async (req, res) => {
+				try {
+					const chunks = [];
+					for await (const chunk of req) chunks.push(chunk);
+					const body = JSON.parse(Buffer.concat(chunks).toString("utf8"));
+					const stack = body.stack;
+					if (!Array.isArray(stack)) {
+						throw new Error("expected a `stack` array in the request body");
+					}
+					const bundleFrame = stack.find((frame) => isNativeBundleFrame(frame.file));
+					if (!bundleFrame) {
+						res.writeHead(200, { "Content-Type": "application/json" });
+						res.end(JSON.stringify({
+							stack,
+							codeFrame: null
+						}));
+						return;
+					}
+					const framePlatform = getNativeFramePlatform(bundleFrame.file);
+					const platform = validPlatforms[framePlatform ?? ""];
+					if (!platform) {
+						throw new Error(`could not tell which platform "${bundleFrame.file}" was bundled for`);
+					}
+					const bundle = await (await getDevEngine(platform)).getBundle();
+					res.writeHead(200, { "Content-Type": "application/json" });
+					res.end(JSON.stringify(symbolicateNativeStack(stack, bundle.map)));
+				} catch (err) {
+					console.error(`[vxrn] symbolicate failed`, err);
+					res.writeHead(500, { "Content-Type": "application/json" });
+					res.end(JSON.stringify({ error: err instanceof Error ? err.message : String(err) }));
+				}
+			});
+		}
+	};
 }
+
 export { createReactNativeDevServerPlugin, getNativeAssetContentType };
 //# sourceMappingURL=reactNativeDevServer.mjs.map