@vxrn/vite-native-hmr 1.1.320 → 1.1.321

package/dist/cjs/devServerClient.js

@@ -0,0 +1,128 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var devServerClient_exports = {};
+__export(devServerClient_exports, {
+  client: () => client,
+  disable: () => disable,
+  enable: () => enable,
+  log: () => log,
+  registerBundle: () => registerBundle,
+  setup: () => setup
+});
+module.exports = __toCommonJS(devServerClient_exports);
+var import_pretty_format = __toESM(require("pretty-format")), import_getDevServerLocation = require("./getDevServerLocation"), import_hmr_client = require("./hmr-client");
+(0, import_hmr_client.loadHMRClient)();
+class DevServerClient {
+  socket;
+  buffer = [];
+  constructor() {
+    const initSocket = () => {
+      const address = `ws://${(0, import_getDevServerLocation.getDevServerLocation)().host}/__client`;
+      this.socket = new WebSocket(address);
+      const onClose = (event) => {
+        console.warn(
+          "Disconnected from the Dev Server:",
+          event.message
+        ), this.socket = void 0;
+      };
+      this.socket.onclose = onClose, this.socket.onerror = onClose, this.socket.onopen = () => {
+        this.flushBuffer();
+      };
+    };
+    process.env.NODE_ENV === "development" && initSocket();
+  }
+  send(level, data) {
+    try {
+      this.socket?.send(
+        JSON.stringify({
+          type: "client-log",
+          level,
+          data: data.map(
+            (item) => typeof item == "string" ? item : (0, import_pretty_format.default)(item, {
+              escapeString: !0,
+              highlight: !0,
+              maxDepth: 3,
+              min: !0,
+              plugins: [
+                // @ts-expect-error
+                import_pretty_format.default.plugins.ReactElement
+              ]
+            })
+          )
+        })
+      );
+    } catch {
+      try {
+        this.socket?.send(
+          JSON.stringify({
+            type: "client-log",
+            level,
+            data: data.map((item, index) => {
+              try {
+                return typeof item == "string" ? item : JSON.stringify(item);
+              } catch (err) {
+                return `Error stringifying item at index ${index} - ${item} - ${err}`;
+              }
+            })
+          })
+        );
+      } catch (err) {
+        try {
+          this.socket?.send(
+            JSON.stringify({
+              type: "client-log",
+              level: "error",
+              data: ["error sending client log: " + err]
+            })
+          );
+        } catch {
+        }
+      }
+    }
+  }
+  flushBuffer() {
+    globalThis.__vxrnTmpLogs && (globalThis.__vxrnTmpLogs.forEach(({ level, data }) => {
+      this.buffer.push({ level, data });
+    }), delete globalThis.__vxrnTmpLogs);
+    for (const { level, data } of this.buffer)
+      this.send(level, data);
+    this.buffer = [];
+  }
+  log(level, data) {
+    if (level !== "groupEnd")
+      if (this.socket && this.socket.readyState === WebSocket.OPEN)
+        this.flushBuffer(), this.send(level, data);
+      else {
+        if (globalThis.__vxrnTmpLogs) return;
+        this.buffer.push({ level, data });
+      }
+  }
+}
+const client = new DevServerClient(), setup = () => {
+}, enable = () => {
+}, disable = () => {
+}, registerBundle = () => {
+}, log = (level, data) => {
+  client.log(level, data);
+};
+//# sourceMappingURL=devServerClient.js.map

package/dist/cjs/getDevServerLocation.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var getDevServerLocation_exports = {};
+__export(getDevServerLocation_exports, {
+  getDevServerLocation: () => getDevServerLocation
+});
+module.exports = __toCommonJS(getDevServerLocation_exports);
+var import_getDevServer = __toESM(require("react-native/Libraries/Core/Devtools/getDevServer"));
+let location;
+function getDevServerLocation() {
+  if (!location) {
+    const { url } = (0, import_getDevServer.default)(), origin = url.replace(/\/$/, ""), host = origin.replace(/https?:\/\//, "");
+    location = {
+      host,
+      hostname: host.split(":")[0],
+      href: url,
+      origin,
+      pathname: url.split(host)[1],
+      port: host.split(":")[1],
+      protocol: (url.match(/^([a-z])+:\/\//) || [void 0, void 0])[1]
+    };
+  }
+  return location;
+}
+//# sourceMappingURL=getDevServerLocation.js.map

package/dist/cjs/hmr-client.js

@@ -0,0 +1,120 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var hmr_client_exports = {};
+__export(hmr_client_exports, {
+  loadHMRClient: () => loadHMRClient
+});
+module.exports = __toCommonJS(hmr_client_exports);
+var import_getDevServerLocation = require("./getDevServerLocation");
+class HMRClient {
+  constructor(app) {
+    this.app = app;
+    const port = process.env.REACT_NATIVE_SERVER_PUBLIC_PORT || 8081;
+    this.url = `ws://${(0, import_getDevServerLocation.getDevServerLocation)().hostname}:${port}/__hmr?platform=${process.env.REACT_NATIVE_PLATFORM || "ios"}`, this.socket = new WebSocket(this.url), console.info(" \u24F5 [hmr] connecting..."), this.socket.onopen = () => {
+      console.info(" \u24F5 [hmr] connected");
+    }, this.socket.onclose = () => {
+      console.info(` \u24F5 [hmr] disconnected ${this.url}`);
+    }, this.socket.onerror = (event) => {
+      console.error(" \u24F5 [hmr] error", event);
+    }, this.socket.onmessage = (event) => {
+      try {
+        const data = JSON.parse(event.data.toString());
+        this.processMessage(data);
+      } catch (error) {
+        console.warn(" \u24F5 [hmr] invalid message", error);
+      }
+    };
+  }
+  url;
+  socket;
+  lastHash = "";
+  upToDate(hash) {
+    return hash && (this.lastHash = hash), this.lastHash === __webpack_hash__;
+  }
+  processMessage(message) {
+    switch (message.action) {
+      case "building":
+        this.app.LoadingView.showMessage("Rebuilding...", "refresh"), console.info(" \u24F5 [hmr] bundle rebuilding", {
+          name: message.body?.name
+        });
+        break;
+      // biome-ignore lint/suspicious/noFallthroughSwitchClause: <explanation>
+      case "built":
+        console.info(" \u24F5 [hmr] bundle rebuilt", {
+          name: message.body?.name,
+          time: message.body?.time
+        });
+      // Fall through
+      case "sync":
+        if (!message.body) {
+          console.warn(" \u24F5 [hmr] message body is empty");
+          return;
+        }
+        if (message.body.errors?.length) {
+          message.body.errors.forEach((error) => {
+            console.error("Cannot apply update due to error:", error);
+          }), this.app.LoadingView.hide();
+          return;
+        }
+        message.body.warnings?.length && message.body.warnings.forEach((warning) => {
+          console.warn(" \u24F5 [hmr] bundle contains warnings:", warning);
+        }), this.applyUpdate(message.body);
+    }
+  }
+  applyUpdate(update) {
+    if (!module.hot)
+      throw new Error(" \u24F5 [hmr] hot Module Replacement is disabled.");
+    !this.upToDate(update.hash) && module.hot.status() === "idle" && (console.info(" \u24F5 [hmr] checking for updates on the server..."), this.checkUpdates(update));
+  }
+  checkUpdates(update) {
+    try {
+      this.app.LoadingView.showMessage("Refreshing...", "refresh"), module.hot?.check(!1).then((updatedModules) => {
+        if (!updatedModules) {
+          console.warn(" \u24F5 [hmr] cannot find update - full reload needed"), this.app.reload();
+          return;
+        }
+        module.hot?.apply({
+          ignoreDeclined: !0,
+          ignoreUnaccepted: !1,
+          ignoreErrored: !1,
+          onDeclined: (data) => {
+            console.warn(" \u24F5 [hmr] ignored an update due to declined module", {
+              chain: data.chain
+            });
+          }
+        }).then((renewedModules) => {
+          this.upToDate() || this.checkUpdates(update);
+          const unacceptedModules = updatedModules.filter((moduleId) => renewedModules && renewedModules.indexOf(moduleId) < 0);
+          unacceptedModules.length ? (console.warn(" \u24F5 [hmr] not every module was accepted - full reload needed", {
+            unacceptedModules
+          }), this.app.reload()) : (console.info(" \u24F5 [hmr] renewed modules - app is up to date", {
+            renewedModules
+          }), this.app.dismissErrors());
+        });
+      });
+    } catch (error) {
+      module.hot?.status() === "fail" || module.hot?.status() === "abort" ? (console.warn(" \u24F5 [hmr] cannot check for update - full reload needed"), console.warn("[hmr]", error), this.app.reload()) : console.warn(" \u24F5 [hmr] update check failed", { error });
+    } finally {
+      this.app.LoadingView.hide();
+    }
+  }
+}
+const loadHMRClient = () => {
+  const { DevSettings, Platform } = require("react-native-web"), LoadingView = require("react-native/Libraries/Utilities/LoadingView"), reload = () => DevSettings.reload(), dismissErrors = () => {
+    Platform.OS === "ios" ? require("react-native/Libraries/NativeModules/specs/NativeRedBox").default?.dismiss?.() : require("react-native/Libraries/Core/NativeExceptionsManager").default?.dismissRedbox(), require("react-native/Libraries/LogBox/Data/LogBoxData").clear();
+  };
+  new HMRClient({ reload, dismissErrors, LoadingView });
+};
+//# sourceMappingURL=hmr-client.js.map

package/dist/cjs/index.js

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./devServerClient"), module.exports);
+var import_devServerClient = require("./devServerClient"), src_default = import_devServerClient.client;
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/vite-native-hmr",
-  "version": "1.1.320",
+  "version": "1.1.321",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -37,7 +37,7 @@
     "pretty-format": "^28.1.0"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.115.0",
+    "@tamagui/build": "^1.116.4",
     "react-native": "0.74.5"
   },
   "peerDependencies": {