msw 2.3.0-ws.rc-2 → 2.3.0-ws.rc-4

package/lib/iife/index.js

@@ -1070,7 +1070,7 @@ var MockServiceWorker = (() => {
     if (options === void 0) {
       options = {};
     }
-    var _a2 = options.strict, strict = _a2 === void 0 ? false : _a2, _b2 = options.start, start = _b2 === void 0 ? true : _b2, _c = options.end, end = _c === void 0 ? true : _c, _d = options.encode, encode = _d === void 0 ? function(x) {
+    var _a2 = options.strict, strict = _a2 === void 0 ? false : _a2, _b2 = options.start, start = _b2 === void 0 ? true : _b2, _c2 = options.end, end = _c2 === void 0 ? true : _c2, _d = options.encode, encode = _d === void 0 ? function(x) {
       return x;
     } : _d, _e = options.delimiter, delimiter = _e === void 0 ? "/#?" : _e, _f = options.endsWith, endsWith = _f === void 0 ? "" : _f;
     var endsWithRe = "[".concat(escapeString(endsWith), "]|$");
@@ -1129,7 +1129,7 @@ var MockServiceWorker = (() => {
     return stringToRegexp(path, keys, options);
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-UJZOJSMP.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.27.0/node_modules/@mswjs/interceptors/lib/browser/chunk-UJZOJSMP.mjs
   var encoder = new TextEncoder();
   function encodeBuffer(text) {
     return encoder.encode(text);
@@ -1155,7 +1155,7 @@ var MockServiceWorker = (() => {
     return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-HAGW22AN.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.27.0/node_modules/@mswjs/interceptors/lib/browser/chunk-HAGW22AN.mjs
   var IS_PATCHED_MODULE = Symbol("isPatchedModule");
 
   // node_modules/.pnpm/is-node-process@1.2.0/node_modules/is-node-process/lib/index.mjs
@@ -1445,7 +1445,7 @@ var MockServiceWorker = (() => {
     return message3.toString();
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-QED3Q6Z2.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.27.0/node_modules/@mswjs/interceptors/lib/browser/chunk-QED3Q6Z2.mjs
   var INTERNAL_REQUEST_ID_HEADER_NAME = "x-interceptors-internal-request-id";
   function getGlobalSymbol(symbol) {
     return (
@@ -1593,7 +1593,7 @@ var MockServiceWorker = (() => {
     return Math.random().toString(16).slice(2);
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/index.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.27.0/node_modules/@mswjs/interceptors/lib/browser/index.mjs
   var BatchInterceptor = class extends Interceptor {
     constructor(options) {
       BatchInterceptor.symbol = Symbol(options.name);
@@ -4833,7 +4833,7 @@ spurious results.`);
     }
   }
 
-  // node_modules/.pnpm/headers-polyfill@4.0.2/node_modules/headers-polyfill/lib/index.mjs
+  // node_modules/.pnpm/headers-polyfill@4.0.3/node_modules/headers-polyfill/lib/index.mjs
   var __create4 = Object.create;
   var __defProp6 = Object.defineProperty;
   var __getOwnPropDesc5 = Object.getOwnPropertyDescriptor;
@@ -5109,10 +5109,12 @@ spurious results.`);
   var HEADER_VALUE_DELIMITER = ", ";
   var _a;
   var _b;
+  var _c;
   var Headers2 = class _Headers {
     constructor(init) {
       this[_a] = {};
       this[_b] = /* @__PURE__ */ new Map();
+      this[_c] = "Headers";
       if (["Headers", "HeadersPolyfill"].includes(init?.constructor.name) || init instanceof _Headers || typeof globalThis.Headers !== "undefined" && init instanceof globalThis.Headers) {
         const initialHeaders = init;
         initialHeaders.forEach((value, name) => {
@@ -5135,7 +5137,7 @@ spurious results.`);
         });
       }
     }
-    [(_a = NORMALIZED_HEADERS, _b = RAW_HEADER_NAMES, Symbol.iterator)]() {
+    [(_a = NORMALIZED_HEADERS, _b = RAW_HEADER_NAMES, _c = Symbol.toStringTag, Symbol.iterator)]() {
       return this.entries();
     }
     *keys() {
@@ -5757,13 +5759,13 @@ Consider naming this operation or using "graphql.operation()" request handler to
     }
   };
 
-  // src/core/ws/ws.ts
+  // src/core/ws.ts
   var wsBroadcastChannel = new BroadcastChannel("msw:ws-client-manager");
   function createWebSocketLinkHandler(url) {
     invariant(url, "Expected a WebSocket server URL but got undefined");
     invariant(
       isPath(url),
-      "Expected a WebSocket server URL but got %s",
+      "Expected a WebSocket server URL to be a valid path but got %s",
       typeof url
     );
     const clientManager = new WebSocketClientManager(wsBroadcastChannel);
@@ -5777,28 +5779,9 @@ Consider naming this operation or using "graphql.operation()" request handler to
         handler[kEmitter].on(event, listener);
         return handler;
       },
-      /**
-       * Broadcasts the given data to all WebSocket clients.
-       *
-       * @example
-       * const service = ws.link('wss://example.com')
-       * service.on('connection', () => {
-       *   service.broadcast('hello, everyone!')
-       * })
-       */
       broadcast(data) {
         this.broadcastExcept([], data);
       },
-      /**
-       * Broadcasts the given data to all WebSocket clients
-       * except the ones provided in the `clients` argument.
-       *
-       * @example
-       * const service = ws.link('wss://example.com')
-       * service.on('connection', ({ client }) => {
-       *   service.broadcastExcept(client, 'hi, the rest of you!')
-       * })
-       */
       broadcastExcept(clients, data) {
         const ignoreClients = Array.prototype.concat(clients).map((client) => client.id);
         clientManager.clients.forEach((otherClient) => {
@@ -6691,7 +6674,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
     }
   };
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-OUWBQF3Z.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.27.0/node_modules/@mswjs/interceptors/lib/browser/chunk-OUWBQF3Z.mjs
   var RequestController = class {
     constructor(request) {
       this.request = request;
@@ -6729,7 +6712,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
     }
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-3FNUI33J.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.27.0/node_modules/@mswjs/interceptors/lib/browser/chunk-3FNUI33J.mjs
   function isPropertyAccessible2(obj, key) {
     try {
       obj[key];
@@ -6876,7 +6859,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
     });
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-VYFS2IF2.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.27.0/node_modules/@mswjs/interceptors/lib/browser/chunk-VYFS2IF2.mjs
   function concatArrayBuffer(left, right) {
     const result = new Uint8Array(left.byteLength + right.byteLength);
     result.set(left, 0);
@@ -7701,7 +7684,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
     }
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/interceptors/WebSocket/index.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.27.0/node_modules/@mswjs/interceptors/lib/browser/interceptors/WebSocket/index.mjs
   function bindEvent(target, event) {
     Object.defineProperties(event, {
       target: {
@@ -7753,16 +7736,25 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       this.id = createRequestId();
       this.url = new URL(socket.url);
       this[kEmitter2] = new EventTarget();
-      this.transport.onOutgoing = (data) => {
-        this[kEmitter2].dispatchEvent(
-          bindEvent(this.socket, new MessageEvent("message", { data }))
+      this.transport.addEventListener("outgoing", (event) => {
+        const message3 = bindEvent(
+          this.socket,
+          new CancelableMessageEvent("message", {
+            data: event.data,
+            origin: event.origin,
+            cancelable: true
+          })
         );
-      };
-      this.transport.onClose = (event) => {
+        this[kEmitter2].dispatchEvent(message3);
+        if (message3.defaultPrevented) {
+          event.preventDefault();
+        }
+      });
+      this.transport.addEventListener("close", (event) => {
         this[kEmitter2].dispatchEvent(
           bindEvent(this.socket, new CloseEvent("close", event))
         );
-      };
+      });
     }
     /**
      * Listen for the outgoing events from the connected WebSocket client.
@@ -7949,35 +7941,20 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       this.createConnection = createConnection;
       this[kEmitter22] = new EventTarget();
       this.mockCloseController = new AbortController();
-      this.transport.onIncoming = (event) => {
-        const messageEvent = bindEvent(
-          this.realWebSocket,
-          new CancelableMessageEvent("message", {
-            data: event.data,
-            origin: event.origin,
-            cancelable: true
-          })
-        );
-        this[kEmitter22].dispatchEvent(messageEvent);
-        if (!messageEvent.defaultPrevented) {
-          this.socket.dispatchEvent(
-            bindEvent(
-              /**
-               * @note Bind the forwarded original server events
-               * to the mock WebSocket instance so it would
-               * dispatch them straight away.
-               */
-              this.socket,
-              // Clone the message event again to prevent
-              // the "already being dispatched" exception.
-              new MessageEvent("message", {
-                data: event.data,
-                origin: event.origin
-              })
-            )
-          );
+      this.transport.addEventListener("outgoing", (event) => {
+        if (this.readyState === -1) {
+          return;
         }
-      };
+        queueMicrotask(() => {
+          if (!event.defaultPrevented) {
+            this.send(event.data);
+          }
+        });
+      });
+      this.transport.addEventListener(
+        "incoming",
+        this.handleIncomingMessage.bind(this)
+      );
     }
     /**
      * Server ready state.
@@ -8011,7 +7988,15 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
         { once: true }
       );
       realWebSocket.addEventListener("message", (event) => {
-        this.transport.onIncoming(event);
+        this.transport.dispatchEvent(
+          bindEvent(
+            this.realWebSocket,
+            new MessageEvent("incoming", {
+              data: event.data,
+              origin: event.origin
+            })
+          )
+        );
       });
       this.socket.addEventListener("close", this.handleMockClose.bind(this), {
         signal: this.mockCloseController.signal
@@ -8092,6 +8077,35 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
         );
       });
     }
+    handleIncomingMessage(event) {
+      const messageEvent = bindEvent(
+        event.target,
+        new CancelableMessageEvent("message", {
+          data: event.data,
+          origin: event.origin,
+          cancelable: true
+        })
+      );
+      this[kEmitter22].dispatchEvent(messageEvent);
+      if (!messageEvent.defaultPrevented) {
+        this.socket.dispatchEvent(
+          bindEvent(
+            /**
+             * @note Bind the forwarded original server events
+             * to the mock WebSocket instance so it would
+             * dispatch them straight away.
+             */
+            this.socket,
+            // Clone the message event again to prevent
+            // the "already being dispatched" exception.
+            new MessageEvent("message", {
+              data: event.data,
+              origin: event.origin
+            })
+          )
+        );
+      }
+    }
     handleMockClose(_event) {
       if (this.realWebSocket) {
         this.realWebSocket.close();
@@ -8109,41 +8123,53 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       }
     }
   };
-  var WebSocketTransport = class {
-  };
-  var WebSocketClassTransport = class extends WebSocketTransport {
+  var WebSocketClassTransport = class extends EventTarget {
     constructor(socket) {
       super();
       this.socket = socket;
-      this.onOutgoing = () => {
-      };
-      this.onIncoming = () => {
-      };
-      this.onClose = () => {
-      };
-      this.socket.addEventListener("close", (event) => this.onClose(event), {
-        once: true
+      this.socket.addEventListener("close", (event) => {
+        this.dispatchEvent(bindEvent(this.socket, new CloseEvent("close", event)));
       });
-      this.socket[kOnSend] = (...args) => this.onOutgoing(...args);
+      this.socket[kOnSend] = (data) => {
+        this.dispatchEvent(
+          bindEvent(
+            this.socket,
+            // Dispatch this as cancelable because "client" connection
+            // re-creates this message event (cannot dispatch the same event).
+            new CancelableMessageEvent("outgoing", {
+              data,
+              origin: this.socket.url,
+              cancelable: true
+            })
+          )
+        );
+      };
+    }
+    addEventListener(type, callback, options) {
+      return super.addEventListener(type, callback, options);
+    }
+    dispatchEvent(event) {
+      return super.dispatchEvent(event);
     }
     send(data) {
       queueMicrotask(() => {
-        const message3 = bindEvent(
-          /**
-           * @note Setting this event's "target" to the
-           * WebSocket override instance is important.
-           * This way it can tell apart original incoming events
-           * (must be forwarded to the transport) from the
-           * mocked message events like the one below
-           * (must be dispatched on the client instance).
-           */
-          this.socket,
-          new MessageEvent("message", {
-            data,
-            origin: this.socket.url
-          })
+        this.socket.dispatchEvent(
+          bindEvent(
+            /**
+             * @note Setting this event's "target" to the
+             * WebSocket override instance is important.
+             * This way it can tell apart original incoming events
+             * (must be forwarded to the transport) from the
+             * mocked message events like the one below
+             * (must be dispatched on the client instance).
+             */
+            this.socket,
+            new MessageEvent("message", {
+              data,
+              origin: this.socket.url
+            })
+          )
         );
-        this.socket.dispatchEvent(message3);
       });
     }
     close(code, reason) {
@@ -8192,7 +8218,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
   // src/core/ws/webSocketInterceptor.ts
   var webSocketInterceptor = new WebSocketInterceptor();
 
-  // src/core/utils/handleWebSocketEvent.ts
+  // src/core/ws/handleWebSocketEvent.ts
   function handleWebSocketEvent(options) {
     webSocketInterceptor.on("connection", (connection) => {
       const handlers = options.getHandlers();
@@ -8220,9 +8246,6 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       } else {
         options?.onPassthroughConnection(connection);
         connection.server.connect();
-        connection.client.addEventListener("message", (event) => {
-          connection.server.send(event.data);
-        });
       }
     });
   }
@@ -8261,6 +8284,12 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
   }
 
   // src/core/ws/utils/attachWebSocketLogger.ts
+  var colors = {
+    blue: "#3b82f6",
+    green: "#22c55e",
+    red: "#ef4444",
+    orange: "#ff6a33"
+  };
   function attachWebSocketLogger(connection) {
     const { client, server } = connection;
     logConnectionOpen(client);
@@ -8329,8 +8358,8 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
   function logConnectionOpen(client) {
     const publicUrl = toPublicUrl(client.url);
     console.groupCollapsed(
-      devUtils.formatMessage(`${getTimestamp()} %c\u25B8%c ${publicUrl}`),
-      "color:blue",
+      devUtils.formatMessage(`${getTimestamp()} %c\u25B6%c ${publicUrl}`),
+      `color:${colors.blue}`,
       "color:inherit"
     );
     console.log("Client:", client.socket);
@@ -8343,7 +8372,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       devUtils.formatMessage(
         `${getTimestamp({ milliseconds: true })} %c\u2191%c ${publicData} %c${byteLength}%c`
       ),
-      "color:green",
+      `color:${colors.green}`,
       "color:inherit",
       "color:gray;font-weight:normal",
       "color:inherit;font-weight:inherit"
@@ -8358,7 +8387,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       devUtils.formatMessage(
         `${getTimestamp({ milliseconds: true })} %c\u21E1%c ${publicData} %c${byteLength}%c`
       ),
-      "color:orangered",
+      `color:${colors.orange}`,
       "color:inherit",
       "color:gray;font-weight:normal",
       "color:inherit;font-weight:inherit"
@@ -8373,7 +8402,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       devUtils.formatMessage(
         `${getTimestamp({ milliseconds: true })} %c\u2193%c ${publicData} %c${byteLength}%c`
       ),
-      "color:red",
+      `color:${colors.red}`,
       "color:inherit",
       "color:gray;font-weight:normal",
       "color:inherit;font-weight:inherit"
@@ -8388,7 +8417,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       devUtils.formatMessage(
         `${getTimestamp({ milliseconds: true })} %c\u21E3%c ${publicData} %c${byteLength}%c`
       ),
-      "color:orangered",
+      `color:${colors.orange}`,
       "color:inherit",
       "color:gray;font-weight:normal",
       "color:inherit;font-weight:inherit"
@@ -8403,7 +8432,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       devUtils.formatMessage(
         `${getTimestamp({ milliseconds: true })} %c\u25A0%c ${publicUrl}`
       ),
-      "color:blue",
+      `color:${colors.blue}`,
       "color:inherit"
     );
     console.log(event);
@@ -8416,7 +8445,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       devUtils.formatMessage(
         `${getTimestamp({ milliseconds: true })} %c\u21E3%c ${publicData} %c${byteLength}%c`
       ),
-      "color:orangered",
+      `color:${colors.green}`,
       "color:inherit",
       "color:gray;font-weight:normal",
       "color:inherit;font-weight:inherit"
@@ -8431,7 +8460,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
       devUtils.formatMessage(
         `${getTimestamp({ milliseconds: true })} %c\xD7%c ${publicUrl}`
       ),
-      "color:red",
+      `color:${colors.blue}`,
       "color:inherit"
     );
     console.log(event);