unplugin-https-reverse-proxy 4.0.0 → 4.0.1

package/dist/vite.cjs

@@ -14087,9 +14087,238 @@ ${line}
   }
 };
 
+// src/hmr-sse-bridge.ts
+var SSE_PATH = "/__hmr_sse";
+var SEND_PATH = "/__hmr_send";
+var MAX_POST_BODY = 64 * 1024;
+function setupHmrSseBridge(server) {
+  const sseClients = /* @__PURE__ */ new Set();
+  const originalSend = server.ws.send.bind(server.ws);
+  server.ws.send = (...args2) => {
+    ;
+    originalSend(...args2);
+    let payload;
+    if (typeof args2[0] === "string") {
+      payload = JSON.stringify({ type: "custom", event: args2[0], data: args2[1] });
+    } else {
+      payload = JSON.stringify(args2[0]);
+    }
+    for (const res of sseClients) {
+      try {
+        res.write(`data: ${payload}
+
+`);
+      } catch {
+        sseClients.delete(res);
+      }
+    }
+  };
+  server.middlewares.use((req, res, next2) => {
+    var _a4;
+    const url2 = (_a4 = req.url) == null ? void 0 : _a4.split("?")[0];
+    if (url2 === SSE_PATH && req.method === "GET") {
+      handleSseConnection(req, res, sseClients);
+      return;
+    }
+    if (url2 === SEND_PATH && req.method === "POST") {
+      handleClientMessage(req, res, server);
+      return;
+    }
+    next2();
+  });
+}
+function handleSseConnection(_req, res, sseClients) {
+  res.writeHead(200, {
+    "Content-Type": "text/event-stream",
+    "Cache-Control": "no-cache",
+    "Connection": "keep-alive"
+  });
+  res.write(`data: ${JSON.stringify({ type: "connected" })}
+
+`);
+  sseClients.add(res);
+  const keepAlive = setInterval(() => {
+    try {
+      res.write(": ping\n\n");
+    } catch {
+      cleanup();
+    }
+  }, 3e4);
+  function cleanup() {
+    clearInterval(keepAlive);
+    sseClients.delete(res);
+  }
+  res.on("close", cleanup);
+  res.on("error", cleanup);
+}
+function handleClientMessage(req, res, server) {
+  let body = "";
+  let overflow = false;
+  req.on("data", (chunk) => {
+    body += chunk.toString();
+    if (body.length > MAX_POST_BODY) {
+      overflow = true;
+      req.destroy();
+    }
+  });
+  req.on("end", () => {
+    var _a4, _b3, _c2, _d2, _e;
+    if (overflow) {
+      res.writeHead(413);
+      res.end('{"ok":false}');
+      return;
+    }
+    try {
+      const data = JSON.parse(body);
+      if (data.type === "custom" && data.event) {
+        const dummyClient = {
+          send: (...args2) => {
+            server.ws.send(...args2);
+          }
+        };
+        (_e = (_d2 = (_c2 = (_b3 = (_a4 = server.environments) == null ? void 0 : _a4.client) == null ? void 0 : _b3.hot) == null ? void 0 : _c2.api) == null ? void 0 : _d2.emit) == null ? void 0 : _e.call(_d2, data.event, data.data, dummyClient);
+      }
+      res.writeHead(200, {
+        "Content-Type": "application/json"
+      });
+      res.end('{"ok":true}');
+    } catch {
+      res.writeHead(400);
+      res.end('{"ok":false}');
+    }
+  });
+}
+var hmrSseBridgeClientScript = `
+(function() {
+  // Activate when served over HTTPS to bypass WSS self-signed cert issues
+  if (location.protocol !== 'https:') return;
+
+  var OriginalWebSocket = window.WebSocket;
+
+  function SseWebSocket(originalUrl) {
+    var self = this;
+    // WebSocket readyState constants on instance
+    self.CONNECTING = 0;
+    self.OPEN = 1;
+    self.CLOSING = 2;
+    self.CLOSED = 3;
+    self.readyState = 0;
+    self.onopen = null;
+    self.onmessage = null;
+    self.onclose = null;
+    self.onerror = null;
+    self.bufferedAmount = 0;
+    self.extensions = '';
+    self.binaryType = 'blob';
+    self.protocol = 'vite-hmr';
+    self.url = originalUrl;
+    self._listeners = {};
+    self._opened = false;
+
+    var sseUrl = location.origin + '${SSE_PATH}';
+    var sendUrl = location.origin + '${SEND_PATH}';
+    self._sendUrl = sendUrl;
+
+    var es = new EventSource(sseUrl);
+    self._es = es;
+
+    es.onopen = function() {
+      if (self._opened) return;
+      self._opened = true;
+      self.readyState = 1;
+      var evt = new Event('open');
+      if (self.onopen) self.onopen(evt);
+      self._emit('open', evt);
+    };
+
+    es.onmessage = function(e) {
+      var evt = new MessageEvent('message', { data: e.data });
+      if (self.onmessage) self.onmessage(evt);
+      self._emit('message', evt);
+    };
+
+    es.onerror = function() {
+      // EventSource auto-reconnects on error; don't treat as fatal close
+      // Only emit error event, never close event (SSE handles reconnect internally)
+      if (self.readyState >= 2) return;
+      // EventSource auto-reconnects; no action needed
+    };
+  }
+
+  SseWebSocket.prototype.send = function(data) {
+    if (this.readyState !== 1) return;
+    fetch(this._sendUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: data
+    }).catch(function() {});
+  };
+
+  SseWebSocket.prototype.close = function() {
+    if (this.readyState >= 2) return;
+    this.readyState = 3;
+    if (this._es) this._es.close();
+    var evt = new CloseEvent('close', { code: 1000, reason: '', wasClean: true });
+    if (this.onclose) this.onclose(evt);
+    this._emit('close', evt);
+  };
+
+  SseWebSocket.prototype.addEventListener = function(type, fn, options) {
+    if (!this._listeners[type]) this._listeners[type] = [];
+    var entry = { fn: fn, once: !!(options && options.once) };
+    this._listeners[type].push(entry);
+  };
+
+  SseWebSocket.prototype.removeEventListener = function(type, fn) {
+    var list = this._listeners[type];
+    if (!list) return;
+    this._listeners[type] = list.filter(function(e) { return e.fn !== fn; });
+  };
+
+  SseWebSocket.prototype.dispatchEvent = function(evt) {
+    this._emit(evt.type, evt);
+    return true;
+  };
+
+  SseWebSocket.prototype._emit = function(type, evt) {
+    var list = this._listeners[type];
+    if (!list) return;
+    var remaining = [];
+    list.forEach(function(entry) {
+      entry.fn(evt);
+      if (!entry.once) remaining.push(entry);
+    });
+    this._listeners[type] = remaining;
+  };
+
+  function PatchedWebSocket(url, protocols) {
+    // Only intercept Vite HMR connections (protocol 'vite-hmr')
+    var isViteHmr = protocols === 'vite-hmr'
+      || (Array.isArray(protocols) && protocols.indexOf('vite-hmr') !== -1);
+    if (!isViteHmr) {
+      if (protocols !== undefined) {
+        return new OriginalWebSocket(url, protocols);
+      }
+      return new OriginalWebSocket(url);
+    }
+    return new SseWebSocket(url);
+  }
+
+  PatchedWebSocket.CONNECTING = 0;
+  PatchedWebSocket.OPEN = 1;
+  PatchedWebSocket.CLOSING = 2;
+  PatchedWebSocket.CLOSED = 3;
+  PatchedWebSocket.prototype = Object.create(OriginalWebSocket.prototype);
+  PatchedWebSocket.prototype.constructor = PatchedWebSocket;
+
+  window.WebSocket = PatchedWebSocket;
+})();
+`;
+
 // src/index.ts
 var config;
 var caddy;
+var hmrSseBridgeActive = false;
 var cwd = import_node_process5.default.cwd();
 function colorUrl(url2) {
   return import_picocolors2.default.green(url2.replace(/:(\d+)\//, (_, port) => `:${import_picocolors2.default.bold(port)}/`));
@@ -14176,6 +14405,20 @@ var unpluginFactory = (options) => ({
       }
       const base = server.config.base || "/";
       server.printUrls = () => vitePrintUrls(options, source, target, base, _printUrls);
+      if (options.https) {
+        setupHmrSseBridge(server);
+        hmrSseBridgeActive = true;
+        consola.info("HMR SSE bridge enabled for iOS Safari WSS workaround");
+      }
+    },
+    transformIndexHtml() {
+      if (!hmrSseBridgeActive)
+        return [];
+      return [{
+        tag: "script",
+        children: hmrSseBridgeClientScript,
+        injectTo: "head-prepend"
+      }];
     }
   },
   webpack(compiler) {

package/dist/vite.js

@@ -1,6 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-K7HSLE6X.js";
+} from "./chunk-QURDG7SD.js";
+import "./chunk-RSBXFJ3Z.js";
 import "./chunk-2P7SUCQ3.js";
 
 // src/vite.ts

package/dist/webpack.cjs

@@ -14087,9 +14087,238 @@ ${line}
   }
 };
 
+// src/hmr-sse-bridge.ts
+var SSE_PATH = "/__hmr_sse";
+var SEND_PATH = "/__hmr_send";
+var MAX_POST_BODY = 64 * 1024;
+function setupHmrSseBridge(server) {
+  const sseClients = /* @__PURE__ */ new Set();
+  const originalSend = server.ws.send.bind(server.ws);
+  server.ws.send = (...args2) => {
+    ;
+    originalSend(...args2);
+    let payload;
+    if (typeof args2[0] === "string") {
+      payload = JSON.stringify({ type: "custom", event: args2[0], data: args2[1] });
+    } else {
+      payload = JSON.stringify(args2[0]);
+    }
+    for (const res of sseClients) {
+      try {
+        res.write(`data: ${payload}
+
+`);
+      } catch {
+        sseClients.delete(res);
+      }
+    }
+  };
+  server.middlewares.use((req, res, next2) => {
+    var _a4;
+    const url2 = (_a4 = req.url) == null ? void 0 : _a4.split("?")[0];
+    if (url2 === SSE_PATH && req.method === "GET") {
+      handleSseConnection(req, res, sseClients);
+      return;
+    }
+    if (url2 === SEND_PATH && req.method === "POST") {
+      handleClientMessage(req, res, server);
+      return;
+    }
+    next2();
+  });
+}
+function handleSseConnection(_req, res, sseClients) {
+  res.writeHead(200, {
+    "Content-Type": "text/event-stream",
+    "Cache-Control": "no-cache",
+    "Connection": "keep-alive"
+  });
+  res.write(`data: ${JSON.stringify({ type: "connected" })}
+
+`);
+  sseClients.add(res);
+  const keepAlive = setInterval(() => {
+    try {
+      res.write(": ping\n\n");
+    } catch {
+      cleanup();
+    }
+  }, 3e4);
+  function cleanup() {
+    clearInterval(keepAlive);
+    sseClients.delete(res);
+  }
+  res.on("close", cleanup);
+  res.on("error", cleanup);
+}
+function handleClientMessage(req, res, server) {
+  let body = "";
+  let overflow = false;
+  req.on("data", (chunk) => {
+    body += chunk.toString();
+    if (body.length > MAX_POST_BODY) {
+      overflow = true;
+      req.destroy();
+    }
+  });
+  req.on("end", () => {
+    var _a4, _b3, _c2, _d2, _e;
+    if (overflow) {
+      res.writeHead(413);
+      res.end('{"ok":false}');
+      return;
+    }
+    try {
+      const data = JSON.parse(body);
+      if (data.type === "custom" && data.event) {
+        const dummyClient = {
+          send: (...args2) => {
+            server.ws.send(...args2);
+          }
+        };
+        (_e = (_d2 = (_c2 = (_b3 = (_a4 = server.environments) == null ? void 0 : _a4.client) == null ? void 0 : _b3.hot) == null ? void 0 : _c2.api) == null ? void 0 : _d2.emit) == null ? void 0 : _e.call(_d2, data.event, data.data, dummyClient);
+      }
+      res.writeHead(200, {
+        "Content-Type": "application/json"
+      });
+      res.end('{"ok":true}');
+    } catch {
+      res.writeHead(400);
+      res.end('{"ok":false}');
+    }
+  });
+}
+var hmrSseBridgeClientScript = `
+(function() {
+  // Activate when served over HTTPS to bypass WSS self-signed cert issues
+  if (location.protocol !== 'https:') return;
+
+  var OriginalWebSocket = window.WebSocket;
+
+  function SseWebSocket(originalUrl) {
+    var self = this;
+    // WebSocket readyState constants on instance
+    self.CONNECTING = 0;
+    self.OPEN = 1;
+    self.CLOSING = 2;
+    self.CLOSED = 3;
+    self.readyState = 0;
+    self.onopen = null;
+    self.onmessage = null;
+    self.onclose = null;
+    self.onerror = null;
+    self.bufferedAmount = 0;
+    self.extensions = '';
+    self.binaryType = 'blob';
+    self.protocol = 'vite-hmr';
+    self.url = originalUrl;
+    self._listeners = {};
+    self._opened = false;
+
+    var sseUrl = location.origin + '${SSE_PATH}';
+    var sendUrl = location.origin + '${SEND_PATH}';
+    self._sendUrl = sendUrl;
+
+    var es = new EventSource(sseUrl);
+    self._es = es;
+
+    es.onopen = function() {
+      if (self._opened) return;
+      self._opened = true;
+      self.readyState = 1;
+      var evt = new Event('open');
+      if (self.onopen) self.onopen(evt);
+      self._emit('open', evt);
+    };
+
+    es.onmessage = function(e) {
+      var evt = new MessageEvent('message', { data: e.data });
+      if (self.onmessage) self.onmessage(evt);
+      self._emit('message', evt);
+    };
+
+    es.onerror = function() {
+      // EventSource auto-reconnects on error; don't treat as fatal close
+      // Only emit error event, never close event (SSE handles reconnect internally)
+      if (self.readyState >= 2) return;
+      // EventSource auto-reconnects; no action needed
+    };
+  }
+
+  SseWebSocket.prototype.send = function(data) {
+    if (this.readyState !== 1) return;
+    fetch(this._sendUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: data
+    }).catch(function() {});
+  };
+
+  SseWebSocket.prototype.close = function() {
+    if (this.readyState >= 2) return;
+    this.readyState = 3;
+    if (this._es) this._es.close();
+    var evt = new CloseEvent('close', { code: 1000, reason: '', wasClean: true });
+    if (this.onclose) this.onclose(evt);
+    this._emit('close', evt);
+  };
+
+  SseWebSocket.prototype.addEventListener = function(type, fn, options) {
+    if (!this._listeners[type]) this._listeners[type] = [];
+    var entry = { fn: fn, once: !!(options && options.once) };
+    this._listeners[type].push(entry);
+  };
+
+  SseWebSocket.prototype.removeEventListener = function(type, fn) {
+    var list = this._listeners[type];
+    if (!list) return;
+    this._listeners[type] = list.filter(function(e) { return e.fn !== fn; });
+  };
+
+  SseWebSocket.prototype.dispatchEvent = function(evt) {
+    this._emit(evt.type, evt);
+    return true;
+  };
+
+  SseWebSocket.prototype._emit = function(type, evt) {
+    var list = this._listeners[type];
+    if (!list) return;
+    var remaining = [];
+    list.forEach(function(entry) {
+      entry.fn(evt);
+      if (!entry.once) remaining.push(entry);
+    });
+    this._listeners[type] = remaining;
+  };
+
+  function PatchedWebSocket(url, protocols) {
+    // Only intercept Vite HMR connections (protocol 'vite-hmr')
+    var isViteHmr = protocols === 'vite-hmr'
+      || (Array.isArray(protocols) && protocols.indexOf('vite-hmr') !== -1);
+    if (!isViteHmr) {
+      if (protocols !== undefined) {
+        return new OriginalWebSocket(url, protocols);
+      }
+      return new OriginalWebSocket(url);
+    }
+    return new SseWebSocket(url);
+  }
+
+  PatchedWebSocket.CONNECTING = 0;
+  PatchedWebSocket.OPEN = 1;
+  PatchedWebSocket.CLOSING = 2;
+  PatchedWebSocket.CLOSED = 3;
+  PatchedWebSocket.prototype = Object.create(OriginalWebSocket.prototype);
+  PatchedWebSocket.prototype.constructor = PatchedWebSocket;
+
+  window.WebSocket = PatchedWebSocket;
+})();
+`;
+
 // src/index.ts
 var config;
 var caddy;
+var hmrSseBridgeActive = false;
 var cwd = import_node_process5.default.cwd();
 function colorUrl(url2) {
   return import_picocolors2.default.green(url2.replace(/:(\d+)\//, (_, port) => `:${import_picocolors2.default.bold(port)}/`));
@@ -14176,6 +14405,20 @@ var unpluginFactory = (options) => ({
       }
       const base = server.config.base || "/";
       server.printUrls = () => vitePrintUrls(options, source, target, base, _printUrls);
+      if (options.https) {
+        setupHmrSseBridge(server);
+        hmrSseBridgeActive = true;
+        consola.info("HMR SSE bridge enabled for iOS Safari WSS workaround");
+      }
+    },
+    transformIndexHtml() {
+      if (!hmrSseBridgeActive)
+        return [];
+      return [{
+        tag: "script",
+        children: hmrSseBridgeClientScript,
+        injectTo: "head-prepend"
+      }];
     }
   },
   webpack(compiler) {

package/dist/webpack.js

@@ -1,6 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-K7HSLE6X.js";
+} from "./chunk-QURDG7SD.js";
+import "./chunk-RSBXFJ3Z.js";
 import "./chunk-2P7SUCQ3.js";
 
 // src/webpack.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "unplugin-https-reverse-proxy",
   "type": "module",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "",
   "license": "MIT",
   "homepage": "https://github.com/zcf0508/unplugin-https-reverse-proxy#readme",