msw 2.3.0-ws.rc-11 → 2.3.0-ws.rc-12

package/lib/core/handlers/WebSocketHandler.d.mts

@@ -16,6 +16,7 @@ declare const kDispatchEvent: unique symbol;
 declare const kSender: unique symbol;
 declare class WebSocketHandler {
     private readonly url;
+    id: string;
     callFrame?: string;
     protected [kEmitter]: Emitter<WebSocketHandlerEventMap>;
     constructor(url: Path);

package/lib/core/handlers/WebSocketHandler.d.ts

@@ -16,6 +16,7 @@ declare const kDispatchEvent: unique symbol;
 declare const kSender: unique symbol;
 declare class WebSocketHandler {
     private readonly url;
+    id: string;
     callFrame?: string;
     protected [kEmitter]: Emitter<WebSocketHandlerEventMap>;
     constructor(url: Path);

package/lib/core/handlers/WebSocketHandler.js

@@ -25,17 +25,22 @@ __export(WebSocketHandler_exports, {
 });
 module.exports = __toCommonJS(WebSocketHandler_exports);
 var import_strict_event_emitter = require("strict-event-emitter");
+var import_interceptors = require("@mswjs/interceptors");
 var import_matchRequestUrl = require("../utils/matching/matchRequestUrl.js");
 var import_getCallFrame = require("../utils/internal/getCallFrame.js");
 const kEmitter = Symbol("kEmitter");
 const kDispatchEvent = Symbol("kDispatchEvent");
 const kSender = Symbol("kSender");
+const kStopPropagationPatched = Symbol("kStopPropagationPatched");
+const KOnStopPropagation = Symbol("KOnStopPropagation");
 class WebSocketHandler {
   constructor(url) {
     this.url = url;
+    this.id = (0, import_interceptors.createRequestId)();
     this[kEmitter] = new import_strict_event_emitter.Emitter();
     this.callFrame = (0, import_getCallFrame.getCallFrame)(new Error());
   }
+  id;
   callFrame;
   [kEmitter];
   parse(args) {
@@ -55,7 +60,61 @@ class WebSocketHandler {
       ...connection,
       params: parsedResult.match.params || {}
     };
+    connection.client.addEventListener(
+      "message",
+      createStopPropagationListener(this)
+    );
+    connection.client.addEventListener(
+      "close",
+      createStopPropagationListener(this)
+    );
+    connection.server.addEventListener(
+      "open",
+      createStopPropagationListener(this)
+    );
+    connection.server.addEventListener(
+      "message",
+      createStopPropagationListener(this)
+    );
+    connection.server.addEventListener(
+      "error",
+      createStopPropagationListener(this)
+    );
+    connection.server.addEventListener(
+      "close",
+      createStopPropagationListener(this)
+    );
     this[kEmitter].emit("connection", resolvedConnection);
   }
 }
+function createStopPropagationListener(handler) {
+  return function stopPropagationListener(event) {
+    const propagationStoppedAt = Reflect.get(event, "kPropagationStoppedAt");
+    if (propagationStoppedAt && handler.id !== propagationStoppedAt) {
+      event.stopImmediatePropagation();
+      return;
+    }
+    Object.defineProperty(event, KOnStopPropagation, {
+      value() {
+        Object.defineProperty(event, "kPropagationStoppedAt", {
+          value: handler.id
+        });
+      },
+      configurable: true
+    });
+    if (!Reflect.get(event, kStopPropagationPatched)) {
+      event.stopPropagation = new Proxy(event.stopPropagation, {
+        apply: (target, thisArg, args) => {
+          Reflect.get(event, KOnStopPropagation)?.call(handler);
+          return Reflect.apply(target, thisArg, args);
+        }
+      });
+      Object.defineProperty(event, kStopPropagationPatched, {
+        value: true,
+        // If something else attempts to redefine this, throw.
+        configurable: false
+      });
+    }
+  };
+}
 //# sourceMappingURL=WebSocketHandler.js.map

package/lib/core/handlers/WebSocketHandler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/handlers/WebSocketHandler.ts"],"sourcesContent":["import { Emitter } from 'strict-event-emitter'\nimport type { WebSocketConnectionData } from '@mswjs/interceptors/WebSocket'\nimport {\n  type Match,\n  type Path,\n  type PathParams,\n  matchRequestUrl,\n} from '../utils/matching/matchRequestUrl'\nimport { getCallFrame } from '../utils/internal/getCallFrame'\n\ntype WebSocketHandlerParsedResult = {\n  match: Match\n}\n\nexport type WebSocketHandlerEventMap = {\n  connection: [args: WebSocketHandlerConnection]\n}\n\ninterface WebSocketHandlerConnection extends WebSocketConnectionData {\n  params: PathParams\n}\n\nexport const kEmitter = Symbol('kEmitter')\nexport const kDispatchEvent = Symbol('kDispatchEvent')\nexport const kSender = Symbol('kSender')\n\nexport class WebSocketHandler {\n  public callFrame?: string\n\n  protected [kEmitter]: Emitter<WebSocketHandlerEventMap>\n\n  constructor(private readonly url: Path) {\n    this[kEmitter] = new Emitter()\n    this.callFrame = getCallFrame(new Error())\n  }\n\n  public parse(args: {\n    event: MessageEvent<WebSocketConnectionData>\n  }): WebSocketHandlerParsedResult {\n    const connection = args.event.data\n    const match = matchRequestUrl(connection.client.url, this.url)\n\n    return {\n      match,\n    }\n  }\n\n  public predicate(args: {\n    event: MessageEvent<WebSocketConnectionData>\n    parsedResult: WebSocketHandlerParsedResult\n  }): boolean {\n    return args.parsedResult.match.matches\n  }\n\n  async [kDispatchEvent](\n    event: MessageEvent<WebSocketConnectionData>,\n  ): Promise<void> {\n    const parsedResult = this.parse({ event })\n    const connection = event.data\n\n    const resolvedConnection: WebSocketHandlerConnection = {\n      ...connection,\n      params: parsedResult.match.params || {},\n    }\n\n    // Emit the connection event on the handler.\n    // This is what the developer adds listeners for.\n    this[kEmitter].emit('connection', resolvedConnection)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAwB;AAExB,6BAKO;AACP,0BAA6B;AActB,MAAM,WAAW,OAAO,UAAU;AAClC,MAAM,iBAAiB,OAAO,gBAAgB;AAC9C,MAAM,UAAU,OAAO,SAAS;AAEhC,MAAM,iBAAiB;AAAA,EAK5B,YAA6B,KAAW;AAAX;AAC3B,SAAK,QAAQ,IAAI,IAAI,oCAAQ;AAC7B,SAAK,gBAAY,kCAAa,IAAI,MAAM,CAAC;AAAA,EAC3C;AAAA,EAPO;AAAA,EAEP,CAAW,QAAQ;AAAA,EAOZ,MAAM,MAEoB;AAC/B,UAAM,aAAa,KAAK,MAAM;AAC9B,UAAM,YAAQ,wCAAgB,WAAW,OAAO,KAAK,KAAK,GAAG;AAE7D,WAAO;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEO,UAAU,MAGL;AACV,WAAO,KAAK,aAAa,MAAM;AAAA,EACjC;AAAA,EAEA,OAAO,cAAc,EACnB,OACe;AACf,UAAM,eAAe,KAAK,MAAM,EAAE,MAAM,CAAC;AACzC,UAAM,aAAa,MAAM;AAEzB,UAAM,qBAAiD;AAAA,MACrD,GAAG;AAAA,MACH,QAAQ,aAAa,MAAM,UAAU,CAAC;AAAA,IACxC;AAIA,SAAK,QAAQ,EAAE,KAAK,cAAc,kBAAkB;AAAA,EACtD;AACF;","names":[]}
+{"version":3,"sources":["../../../src/core/handlers/WebSocketHandler.ts"],"sourcesContent":["import { Emitter } from 'strict-event-emitter'\nimport { createRequestId } from '@mswjs/interceptors'\nimport type { WebSocketConnectionData } from '@mswjs/interceptors/WebSocket'\nimport {\n  type Match,\n  type Path,\n  type PathParams,\n  matchRequestUrl,\n} from '../utils/matching/matchRequestUrl'\nimport { getCallFrame } from '../utils/internal/getCallFrame'\n\ntype WebSocketHandlerParsedResult = {\n  match: Match\n}\n\nexport type WebSocketHandlerEventMap = {\n  connection: [args: WebSocketHandlerConnection]\n}\n\ninterface WebSocketHandlerConnection extends WebSocketConnectionData {\n  params: PathParams\n}\n\nexport const kEmitter = Symbol('kEmitter')\nexport const kDispatchEvent = Symbol('kDispatchEvent')\nexport const kSender = Symbol('kSender')\nconst kStopPropagationPatched = Symbol('kStopPropagationPatched')\nconst KOnStopPropagation = Symbol('KOnStopPropagation')\n\nexport class WebSocketHandler {\n  public id: string\n  public callFrame?: string\n\n  protected [kEmitter]: Emitter<WebSocketHandlerEventMap>\n\n  constructor(private readonly url: Path) {\n    this.id = createRequestId()\n\n    this[kEmitter] = new Emitter()\n    this.callFrame = getCallFrame(new Error())\n  }\n\n  public parse(args: {\n    event: MessageEvent<WebSocketConnectionData>\n  }): WebSocketHandlerParsedResult {\n    const connection = args.event.data\n    const match = matchRequestUrl(connection.client.url, this.url)\n\n    return {\n      match,\n    }\n  }\n\n  public predicate(args: {\n    event: MessageEvent<WebSocketConnectionData>\n    parsedResult: WebSocketHandlerParsedResult\n  }): boolean {\n    return args.parsedResult.match.matches\n  }\n\n  async [kDispatchEvent](\n    event: MessageEvent<WebSocketConnectionData>,\n  ): Promise<void> {\n    const parsedResult = this.parse({ event })\n    const connection = event.data\n\n    const resolvedConnection: WebSocketHandlerConnection = {\n      ...connection,\n      params: parsedResult.match.params || {},\n    }\n\n    // Support `event.stopPropagation()` for various client/server events.\n    connection.client.addEventListener(\n      'message',\n      createStopPropagationListener(this),\n    )\n    connection.client.addEventListener(\n      'close',\n      createStopPropagationListener(this),\n    )\n\n    connection.server.addEventListener(\n      'open',\n      createStopPropagationListener(this),\n    )\n    connection.server.addEventListener(\n      'message',\n      createStopPropagationListener(this),\n    )\n    connection.server.addEventListener(\n      'error',\n      createStopPropagationListener(this),\n    )\n    connection.server.addEventListener(\n      'close',\n      createStopPropagationListener(this),\n    )\n\n    // Emit the connection event on the handler.\n    // This is what the developer adds listeners for.\n    this[kEmitter].emit('connection', resolvedConnection)\n  }\n}\n\nfunction createStopPropagationListener(handler: WebSocketHandler) {\n  return function stopPropagationListener(event: Event) {\n    const propagationStoppedAt = Reflect.get(event, 'kPropagationStoppedAt') as\n      | string\n      | undefined\n\n    if (propagationStoppedAt && handler.id !== propagationStoppedAt) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    Object.defineProperty(event, KOnStopPropagation, {\n      value(this: WebSocketHandler) {\n        Object.defineProperty(event, 'kPropagationStoppedAt', {\n          value: handler.id,\n        })\n      },\n      configurable: true,\n    })\n\n    // Since the same event instance is shared between all client/server objects,\n    // make sure to patch its `stopPropagation` method only once.\n    if (!Reflect.get(event, kStopPropagationPatched)) {\n      event.stopPropagation = new Proxy(event.stopPropagation, {\n        apply: (target, thisArg, args) => {\n          Reflect.get(event, KOnStopPropagation)?.call(handler)\n          return Reflect.apply(target, thisArg, args)\n        },\n      })\n\n      Object.defineProperty(event, kStopPropagationPatched, {\n        value: true,\n        // If something else attempts to redefine this, throw.\n        configurable: false,\n      })\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAwB;AACxB,0BAAgC;AAEhC,6BAKO;AACP,0BAA6B;AActB,MAAM,WAAW,OAAO,UAAU;AAClC,MAAM,iBAAiB,OAAO,gBAAgB;AAC9C,MAAM,UAAU,OAAO,SAAS;AACvC,MAAM,0BAA0B,OAAO,yBAAyB;AAChE,MAAM,qBAAqB,OAAO,oBAAoB;AAE/C,MAAM,iBAAiB;AAAA,EAM5B,YAA6B,KAAW;AAAX;AAC3B,SAAK,SAAK,qCAAgB;AAE1B,SAAK,QAAQ,IAAI,IAAI,oCAAQ;AAC7B,SAAK,gBAAY,kCAAa,IAAI,MAAM,CAAC;AAAA,EAC3C;AAAA,EAVO;AAAA,EACA;AAAA,EAEP,CAAW,QAAQ;AAAA,EASZ,MAAM,MAEoB;AAC/B,UAAM,aAAa,KAAK,MAAM;AAC9B,UAAM,YAAQ,wCAAgB,WAAW,OAAO,KAAK,KAAK,GAAG;AAE7D,WAAO;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEO,UAAU,MAGL;AACV,WAAO,KAAK,aAAa,MAAM;AAAA,EACjC;AAAA,EAEA,OAAO,cAAc,EACnB,OACe;AACf,UAAM,eAAe,KAAK,MAAM,EAAE,MAAM,CAAC;AACzC,UAAM,aAAa,MAAM;AAEzB,UAAM,qBAAiD;AAAA,MACrD,GAAG;AAAA,MACH,QAAQ,aAAa,MAAM,UAAU,CAAC;AAAA,IACxC;AAGA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AACA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AAEA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AACA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AACA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AACA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AAIA,SAAK,QAAQ,EAAE,KAAK,cAAc,kBAAkB;AAAA,EACtD;AACF;AAEA,SAAS,8BAA8B,SAA2B;AAChE,SAAO,SAAS,wBAAwB,OAAc;AACpD,UAAM,uBAAuB,QAAQ,IAAI,OAAO,uBAAuB;AAIvE,QAAI,wBAAwB,QAAQ,OAAO,sBAAsB;AAC/D,YAAM,yBAAyB;AAC/B;AAAA,IACF;AAEA,WAAO,eAAe,OAAO,oBAAoB;AAAA,MAC/C,QAA8B;AAC5B,eAAO,eAAe,OAAO,yBAAyB;AAAA,UACpD,OAAO,QAAQ;AAAA,QACjB,CAAC;AAAA,MACH;AAAA,MACA,cAAc;AAAA,IAChB,CAAC;AAID,QAAI,CAAC,QAAQ,IAAI,OAAO,uBAAuB,GAAG;AAChD,YAAM,kBAAkB,IAAI,MAAM,MAAM,iBAAiB;AAAA,QACvD,OAAO,CAAC,QAAQ,SAAS,SAAS;AAChC,kBAAQ,IAAI,OAAO,kBAAkB,GAAG,KAAK,OAAO;AACpD,iBAAO,QAAQ,MAAM,QAAQ,SAAS,IAAI;AAAA,QAC5C;AAAA,MACF,CAAC;AAED,aAAO,eAAe,OAAO,yBAAyB;AAAA,QACpD,OAAO;AAAA;AAAA,QAEP,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF;AACF;","names":[]}

package/lib/core/handlers/WebSocketHandler.mjs

@@ -1,4 +1,5 @@
 import { Emitter } from "strict-event-emitter";
+import { createRequestId } from "@mswjs/interceptors";
 import {
   matchRequestUrl
 } from '../utils/matching/matchRequestUrl.mjs';
@@ -6,12 +7,16 @@ import { getCallFrame } from '../utils/internal/getCallFrame.mjs';
 const kEmitter = Symbol("kEmitter");
 const kDispatchEvent = Symbol("kDispatchEvent");
 const kSender = Symbol("kSender");
+const kStopPropagationPatched = Symbol("kStopPropagationPatched");
+const KOnStopPropagation = Symbol("KOnStopPropagation");
 class WebSocketHandler {
   constructor(url) {
     this.url = url;
+    this.id = createRequestId();
     this[kEmitter] = new Emitter();
     this.callFrame = getCallFrame(new Error());
   }
+  id;
   callFrame;
   [kEmitter];
   parse(args) {
@@ -31,9 +36,63 @@ class WebSocketHandler {
       ...connection,
       params: parsedResult.match.params || {}
     };
+    connection.client.addEventListener(
+      "message",
+      createStopPropagationListener(this)
+    );
+    connection.client.addEventListener(
+      "close",
+      createStopPropagationListener(this)
+    );
+    connection.server.addEventListener(
+      "open",
+      createStopPropagationListener(this)
+    );
+    connection.server.addEventListener(
+      "message",
+      createStopPropagationListener(this)
+    );
+    connection.server.addEventListener(
+      "error",
+      createStopPropagationListener(this)
+    );
+    connection.server.addEventListener(
+      "close",
+      createStopPropagationListener(this)
+    );
     this[kEmitter].emit("connection", resolvedConnection);
   }
 }
+function createStopPropagationListener(handler) {
+  return function stopPropagationListener(event) {
+    const propagationStoppedAt = Reflect.get(event, "kPropagationStoppedAt");
+    if (propagationStoppedAt && handler.id !== propagationStoppedAt) {
+      event.stopImmediatePropagation();
+      return;
+    }
+    Object.defineProperty(event, KOnStopPropagation, {
+      value() {
+        Object.defineProperty(event, "kPropagationStoppedAt", {
+          value: handler.id
+        });
+      },
+      configurable: true
+    });
+    if (!Reflect.get(event, kStopPropagationPatched)) {
+      event.stopPropagation = new Proxy(event.stopPropagation, {
+        apply: (target, thisArg, args) => {
+          Reflect.get(event, KOnStopPropagation)?.call(handler);
+          return Reflect.apply(target, thisArg, args);
+        }
+      });
+      Object.defineProperty(event, kStopPropagationPatched, {
+        value: true,
+        // If something else attempts to redefine this, throw.
+        configurable: false
+      });
+    }
+  };
+}
 export {
   WebSocketHandler,
   kDispatchEvent,

package/lib/core/handlers/WebSocketHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/handlers/WebSocketHandler.ts"],"sourcesContent":["import { Emitter } from 'strict-event-emitter'\nimport type { WebSocketConnectionData } from '@mswjs/interceptors/WebSocket'\nimport {\n  type Match,\n  type Path,\n  type PathParams,\n  matchRequestUrl,\n} from '../utils/matching/matchRequestUrl'\nimport { getCallFrame } from '../utils/internal/getCallFrame'\n\ntype WebSocketHandlerParsedResult = {\n  match: Match\n}\n\nexport type WebSocketHandlerEventMap = {\n  connection: [args: WebSocketHandlerConnection]\n}\n\ninterface WebSocketHandlerConnection extends WebSocketConnectionData {\n  params: PathParams\n}\n\nexport const kEmitter = Symbol('kEmitter')\nexport const kDispatchEvent = Symbol('kDispatchEvent')\nexport const kSender = Symbol('kSender')\n\nexport class WebSocketHandler {\n  public callFrame?: string\n\n  protected [kEmitter]: Emitter<WebSocketHandlerEventMap>\n\n  constructor(private readonly url: Path) {\n    this[kEmitter] = new Emitter()\n    this.callFrame = getCallFrame(new Error())\n  }\n\n  public parse(args: {\n    event: MessageEvent<WebSocketConnectionData>\n  }): WebSocketHandlerParsedResult {\n    const connection = args.event.data\n    const match = matchRequestUrl(connection.client.url, this.url)\n\n    return {\n      match,\n    }\n  }\n\n  public predicate(args: {\n    event: MessageEvent<WebSocketConnectionData>\n    parsedResult: WebSocketHandlerParsedResult\n  }): boolean {\n    return args.parsedResult.match.matches\n  }\n\n  async [kDispatchEvent](\n    event: MessageEvent<WebSocketConnectionData>,\n  ): Promise<void> {\n    const parsedResult = this.parse({ event })\n    const connection = event.data\n\n    const resolvedConnection: WebSocketHandlerConnection = {\n      ...connection,\n      params: parsedResult.match.params || {},\n    }\n\n    // Emit the connection event on the handler.\n    // This is what the developer adds listeners for.\n    this[kEmitter].emit('connection', resolvedConnection)\n  }\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAExB;AAAA,EAIE;AAAA,OACK;AACP,SAAS,oBAAoB;AActB,MAAM,WAAW,OAAO,UAAU;AAClC,MAAM,iBAAiB,OAAO,gBAAgB;AAC9C,MAAM,UAAU,OAAO,SAAS;AAEhC,MAAM,iBAAiB;AAAA,EAK5B,YAA6B,KAAW;AAAX;AAC3B,SAAK,QAAQ,IAAI,IAAI,QAAQ;AAC7B,SAAK,YAAY,aAAa,IAAI,MAAM,CAAC;AAAA,EAC3C;AAAA,EAPO;AAAA,EAEP,CAAW,QAAQ;AAAA,EAOZ,MAAM,MAEoB;AAC/B,UAAM,aAAa,KAAK,MAAM;AAC9B,UAAM,QAAQ,gBAAgB,WAAW,OAAO,KAAK,KAAK,GAAG;AAE7D,WAAO;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEO,UAAU,MAGL;AACV,WAAO,KAAK,aAAa,MAAM;AAAA,EACjC;AAAA,EAEA,OAAO,cAAc,EACnB,OACe;AACf,UAAM,eAAe,KAAK,MAAM,EAAE,MAAM,CAAC;AACzC,UAAM,aAAa,MAAM;AAEzB,UAAM,qBAAiD;AAAA,MACrD,GAAG;AAAA,MACH,QAAQ,aAAa,MAAM,UAAU,CAAC;AAAA,IACxC;AAIA,SAAK,QAAQ,EAAE,KAAK,cAAc,kBAAkB;AAAA,EACtD;AACF;","names":[]}
+{"version":3,"sources":["../../../src/core/handlers/WebSocketHandler.ts"],"sourcesContent":["import { Emitter } from 'strict-event-emitter'\nimport { createRequestId } from '@mswjs/interceptors'\nimport type { WebSocketConnectionData } from '@mswjs/interceptors/WebSocket'\nimport {\n  type Match,\n  type Path,\n  type PathParams,\n  matchRequestUrl,\n} from '../utils/matching/matchRequestUrl'\nimport { getCallFrame } from '../utils/internal/getCallFrame'\n\ntype WebSocketHandlerParsedResult = {\n  match: Match\n}\n\nexport type WebSocketHandlerEventMap = {\n  connection: [args: WebSocketHandlerConnection]\n}\n\ninterface WebSocketHandlerConnection extends WebSocketConnectionData {\n  params: PathParams\n}\n\nexport const kEmitter = Symbol('kEmitter')\nexport const kDispatchEvent = Symbol('kDispatchEvent')\nexport const kSender = Symbol('kSender')\nconst kStopPropagationPatched = Symbol('kStopPropagationPatched')\nconst KOnStopPropagation = Symbol('KOnStopPropagation')\n\nexport class WebSocketHandler {\n  public id: string\n  public callFrame?: string\n\n  protected [kEmitter]: Emitter<WebSocketHandlerEventMap>\n\n  constructor(private readonly url: Path) {\n    this.id = createRequestId()\n\n    this[kEmitter] = new Emitter()\n    this.callFrame = getCallFrame(new Error())\n  }\n\n  public parse(args: {\n    event: MessageEvent<WebSocketConnectionData>\n  }): WebSocketHandlerParsedResult {\n    const connection = args.event.data\n    const match = matchRequestUrl(connection.client.url, this.url)\n\n    return {\n      match,\n    }\n  }\n\n  public predicate(args: {\n    event: MessageEvent<WebSocketConnectionData>\n    parsedResult: WebSocketHandlerParsedResult\n  }): boolean {\n    return args.parsedResult.match.matches\n  }\n\n  async [kDispatchEvent](\n    event: MessageEvent<WebSocketConnectionData>,\n  ): Promise<void> {\n    const parsedResult = this.parse({ event })\n    const connection = event.data\n\n    const resolvedConnection: WebSocketHandlerConnection = {\n      ...connection,\n      params: parsedResult.match.params || {},\n    }\n\n    // Support `event.stopPropagation()` for various client/server events.\n    connection.client.addEventListener(\n      'message',\n      createStopPropagationListener(this),\n    )\n    connection.client.addEventListener(\n      'close',\n      createStopPropagationListener(this),\n    )\n\n    connection.server.addEventListener(\n      'open',\n      createStopPropagationListener(this),\n    )\n    connection.server.addEventListener(\n      'message',\n      createStopPropagationListener(this),\n    )\n    connection.server.addEventListener(\n      'error',\n      createStopPropagationListener(this),\n    )\n    connection.server.addEventListener(\n      'close',\n      createStopPropagationListener(this),\n    )\n\n    // Emit the connection event on the handler.\n    // This is what the developer adds listeners for.\n    this[kEmitter].emit('connection', resolvedConnection)\n  }\n}\n\nfunction createStopPropagationListener(handler: WebSocketHandler) {\n  return function stopPropagationListener(event: Event) {\n    const propagationStoppedAt = Reflect.get(event, 'kPropagationStoppedAt') as\n      | string\n      | undefined\n\n    if (propagationStoppedAt && handler.id !== propagationStoppedAt) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    Object.defineProperty(event, KOnStopPropagation, {\n      value(this: WebSocketHandler) {\n        Object.defineProperty(event, 'kPropagationStoppedAt', {\n          value: handler.id,\n        })\n      },\n      configurable: true,\n    })\n\n    // Since the same event instance is shared between all client/server objects,\n    // make sure to patch its `stopPropagation` method only once.\n    if (!Reflect.get(event, kStopPropagationPatched)) {\n      event.stopPropagation = new Proxy(event.stopPropagation, {\n        apply: (target, thisArg, args) => {\n          Reflect.get(event, KOnStopPropagation)?.call(handler)\n          return Reflect.apply(target, thisArg, args)\n        },\n      })\n\n      Object.defineProperty(event, kStopPropagationPatched, {\n        value: true,\n        // If something else attempts to redefine this, throw.\n        configurable: false,\n      })\n    }\n  }\n}\n"],"mappings":"AAAA,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAEhC;AAAA,EAIE;AAAA,OACK;AACP,SAAS,oBAAoB;AActB,MAAM,WAAW,OAAO,UAAU;AAClC,MAAM,iBAAiB,OAAO,gBAAgB;AAC9C,MAAM,UAAU,OAAO,SAAS;AACvC,MAAM,0BAA0B,OAAO,yBAAyB;AAChE,MAAM,qBAAqB,OAAO,oBAAoB;AAE/C,MAAM,iBAAiB;AAAA,EAM5B,YAA6B,KAAW;AAAX;AAC3B,SAAK,KAAK,gBAAgB;AAE1B,SAAK,QAAQ,IAAI,IAAI,QAAQ;AAC7B,SAAK,YAAY,aAAa,IAAI,MAAM,CAAC;AAAA,EAC3C;AAAA,EAVO;AAAA,EACA;AAAA,EAEP,CAAW,QAAQ;AAAA,EASZ,MAAM,MAEoB;AAC/B,UAAM,aAAa,KAAK,MAAM;AAC9B,UAAM,QAAQ,gBAAgB,WAAW,OAAO,KAAK,KAAK,GAAG;AAE7D,WAAO;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEO,UAAU,MAGL;AACV,WAAO,KAAK,aAAa,MAAM;AAAA,EACjC;AAAA,EAEA,OAAO,cAAc,EACnB,OACe;AACf,UAAM,eAAe,KAAK,MAAM,EAAE,MAAM,CAAC;AACzC,UAAM,aAAa,MAAM;AAEzB,UAAM,qBAAiD;AAAA,MACrD,GAAG;AAAA,MACH,QAAQ,aAAa,MAAM,UAAU,CAAC;AAAA,IACxC;AAGA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AACA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AAEA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AACA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AACA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AACA,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,8BAA8B,IAAI;AAAA,IACpC;AAIA,SAAK,QAAQ,EAAE,KAAK,cAAc,kBAAkB;AAAA,EACtD;AACF;AAEA,SAAS,8BAA8B,SAA2B;AAChE,SAAO,SAAS,wBAAwB,OAAc;AACpD,UAAM,uBAAuB,QAAQ,IAAI,OAAO,uBAAuB;AAIvE,QAAI,wBAAwB,QAAQ,OAAO,sBAAsB;AAC/D,YAAM,yBAAyB;AAC/B;AAAA,IACF;AAEA,WAAO,eAAe,OAAO,oBAAoB;AAAA,MAC/C,QAA8B;AAC5B,eAAO,eAAe,OAAO,yBAAyB;AAAA,UACpD,OAAO,QAAQ;AAAA,QACjB,CAAC;AAAA,MACH;AAAA,MACA,cAAc;AAAA,IAChB,CAAC;AAID,QAAI,CAAC,QAAQ,IAAI,OAAO,uBAAuB,GAAG;AAChD,YAAM,kBAAkB,IAAI,MAAM,MAAM,iBAAiB;AAAA,QACvD,OAAO,CAAC,QAAQ,SAAS,SAAS;AAChC,kBAAQ,IAAI,OAAO,kBAAkB,GAAG,KAAK,OAAO;AACpD,iBAAO,QAAQ,MAAM,QAAQ,SAAS,IAAI;AAAA,QAC5C;AAAA,MACF,CAAC;AAED,aAAO,eAAe,OAAO,yBAAyB;AAAA,QACpD,OAAO;AAAA;AAAA,QAEP,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF;AACF;","names":[]}

package/lib/iife/index.js

@@ -14412,7 +14412,7 @@ ${operationTypes.join("\n")}
     return stringToRegexp(path, keys, options);
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.36.1/node_modules/@mswjs/interceptors/lib/browser/chunk-6HYIRFX2.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.36.4/node_modules/@mswjs/interceptors/lib/browser/chunk-6HYIRFX2.mjs
   var encoder = new TextEncoder();
   function encodeBuffer(text) {
     return encoder.encode(text);
@@ -14428,7 +14428,7 @@ ${operationTypes.join("\n")}
     );
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.36.1/node_modules/@mswjs/interceptors/lib/browser/chunk-XVPRNJO7.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.36.4/node_modules/@mswjs/interceptors/lib/browser/chunk-XVPRNJO7.mjs
   var IS_PATCHED_MODULE = Symbol("isPatchedModule");
   function isPropertyAccessible(obj, key) {
     try {
@@ -14848,7 +14848,7 @@ ${operationTypes.join("\n")}
     return message3.toString();
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.36.1/node_modules/@mswjs/interceptors/lib/browser/chunk-QED3Q6Z2.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.36.4/node_modules/@mswjs/interceptors/lib/browser/chunk-QED3Q6Z2.mjs
   var INTERNAL_REQUEST_ID_HEADER_NAME = "x-interceptors-internal-request-id";
   function getGlobalSymbol(symbol) {
     return (
@@ -14996,7 +14996,7 @@ ${operationTypes.join("\n")}
     return Math.random().toString(16).slice(2);
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.36.1/node_modules/@mswjs/interceptors/lib/browser/index.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.36.4/node_modules/@mswjs/interceptors/lib/browser/index.mjs
   var BatchInterceptor = class extends Interceptor {
     constructor(options) {
       BatchInterceptor.symbol = Symbol(options.name);
@@ -28241,12 +28241,16 @@ Consider naming this operation or using "graphql.operation()" request handler to
   var kEmitter = Symbol("kEmitter");
   var kDispatchEvent = Symbol("kDispatchEvent");
   var kSender = Symbol("kSender");
+  var kStopPropagationPatched = Symbol("kStopPropagationPatched");
+  var KOnStopPropagation = Symbol("KOnStopPropagation");
   var WebSocketHandler = class {
     constructor(url) {
       this.url = url;
+      this.id = createRequestId();
       this[kEmitter] = new Emitter();
       this.callFrame = getCallFrame(new Error());
     }
+    id;
     callFrame;
     [kEmitter];
     parse(args) {
@@ -28266,9 +28270,63 @@ Consider naming this operation or using "graphql.operation()" request handler to
         ...connection,
         params: parsedResult.match.params || {}
       };
+      connection.client.addEventListener(
+        "message",
+        createStopPropagationListener(this)
+      );
+      connection.client.addEventListener(
+        "close",
+        createStopPropagationListener(this)
+      );
+      connection.server.addEventListener(
+        "open",
+        createStopPropagationListener(this)
+      );
+      connection.server.addEventListener(
+        "message",
+        createStopPropagationListener(this)
+      );
+      connection.server.addEventListener(
+        "error",
+        createStopPropagationListener(this)
+      );
+      connection.server.addEventListener(
+        "close",
+        createStopPropagationListener(this)
+      );
       this[kEmitter].emit("connection", resolvedConnection);
     }
   };
+  function createStopPropagationListener(handler) {
+    return function stopPropagationListener(event) {
+      const propagationStoppedAt = Reflect.get(event, "kPropagationStoppedAt");
+      if (propagationStoppedAt && handler.id !== propagationStoppedAt) {
+        event.stopImmediatePropagation();
+        return;
+      }
+      Object.defineProperty(event, KOnStopPropagation, {
+        value() {
+          Object.defineProperty(event, "kPropagationStoppedAt", {
+            value: handler.id
+          });
+        },
+        configurable: true
+      });
+      if (!Reflect.get(event, kStopPropagationPatched)) {
+        event.stopPropagation = new Proxy(event.stopPropagation, {
+          apply: (target, thisArg, args) => {
+            Reflect.get(event, KOnStopPropagation)?.call(handler);
+            return Reflect.apply(target, thisArg, args);
+          }
+        });
+        Object.defineProperty(event, kStopPropagationPatched, {
+          value: true,
+          // If something else attempts to redefine this, throw.
+          configurable: false
+        });
+      }
+    };
+  }
 
   // src/core/ws/WebSocketMemoryClientStore.ts
   var WebSocketMemoryClientStore = class {
@@ -29475,7 +29533,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
     }
   };
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.36.1/node_modules/@mswjs/interceptors/lib/browser/chunk-THPGBWJQ.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.36.4/node_modules/@mswjs/interceptors/lib/browser/chunk-THPGBWJQ.mjs
   var InterceptorError = class extends Error {
     constructor(message3) {
       super(message3);
@@ -29643,7 +29701,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
     return false;
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.36.1/node_modules/@mswjs/interceptors/lib/browser/chunk-G5SOR3ND.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.36.4/node_modules/@mswjs/interceptors/lib/browser/chunk-GHRPKS6J.mjs
   function canParseUrl(url) {
     try {
       new URL(url);
@@ -29805,12 +29863,12 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
         this.logger.info(
           "no mocked response received, performing request as-is..."
         );
-        return pureFetch(request).then((response) => {
+        return pureFetch(request).then(async (response) => {
           this.logger.info("original fetch performed", response);
           if (this.emitter.listenerCount("response") > 0) {
             this.logger.info('emitting the "response" event...');
             const responseClone = response.clone();
-            this.emitter.emit("response", {
+            await emitAsync(this.emitter, "response", {
               response: responseClone,
               isMockedResponse: false,
               request,
@@ -29840,7 +29898,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
   var FetchInterceptor = _FetchInterceptor;
   FetchInterceptor.symbol = Symbol("fetch");
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.36.1/node_modules/@mswjs/interceptors/lib/browser/chunk-SUQ32ZQK.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.36.4/node_modules/@mswjs/interceptors/lib/browser/chunk-SUQ32ZQK.mjs
   function concatArrayBuffer(left, right) {
     const result = new Uint8Array(left.byteLength + right.byteLength);
     result.set(left, 0);
@@ -30711,7 +30769,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
     }
   }
 
-  // node_modules/.pnpm/@mswjs+interceptors@0.36.1/node_modules/@mswjs/interceptors/lib/browser/interceptors/WebSocket/index.mjs
+  // node_modules/.pnpm/@mswjs+interceptors@0.36.4/node_modules/@mswjs/interceptors/lib/browser/interceptors/WebSocket/index.mjs
   function bindEvent(target, event) {
     Object.defineProperties(event, {
       target: {
@@ -30818,14 +30876,17 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
      * Listen for the outgoing events from the connected WebSocket client.
      */
     addEventListener(type, listener, options) {
-      const boundListener = listener.bind(this.socket);
-      Object.defineProperty(listener, kBoundListener, {
-        value: boundListener,
-        enumerable: false
-      });
+      if (!Reflect.has(listener, kBoundListener)) {
+        const boundListener = listener.bind(this.socket);
+        Object.defineProperty(listener, kBoundListener, {
+          value: boundListener,
+          enumerable: false,
+          configurable: false
+        });
+      }
       this[kEmitter2].addEventListener(
         type,
-        boundListener,
+        Reflect.get(listener, kBoundListener),
         options
       );
     }
@@ -30880,9 +30941,11 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
         if (await this[kPassthroughPromise]) {
           return;
         }
-        this.readyState = this.OPEN;
         this.protocol = typeof protocols === "string" ? protocols : Array.isArray(protocols) && protocols.length > 0 ? protocols[0] : "";
-        this.dispatchEvent(bindEvent(this, new Event("open")));
+        if (this.readyState === this.CONNECTING) {
+          this.readyState = this.OPEN;
+          this.dispatchEvent(bindEvent(this, new Event("open")));
+        }
       });
     }
     set onopen(listener) {
@@ -31068,15 +31131,33 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
           )
         );
       });
-      this.client.addEventListener("close", this.handleMockClose.bind(this), {
-        signal: this.mockCloseController.signal
-      });
-      realWebSocket.addEventListener("close", this.handleRealClose.bind(this), {
-        signal: this.realCloseController.signal
-      });
+      this.client.addEventListener(
+        "close",
+        (event) => {
+          this.handleMockClose(event);
+        },
+        {
+          signal: this.mockCloseController.signal
+        }
+      );
+      realWebSocket.addEventListener(
+        "close",
+        (event) => {
+          this.handleRealClose(event);
+        },
+        {
+          signal: this.realCloseController.signal
+        }
+      );
       realWebSocket.addEventListener("error", () => {
-        this[kEmitter22].dispatchEvent(bindEvent(realWebSocket, new Event("error")));
-        this.client.dispatchEvent(bindEvent(this.client, new Event("error")));
+        const errorEvent = bindEvent(
+          realWebSocket,
+          new Event("error", { cancelable: true })
+        );
+        this[kEmitter22].dispatchEvent(errorEvent);
+        if (!errorEvent.defaultPrevented) {
+          this.client.dispatchEvent(bindEvent(this.client, new Event("error")));
+        }
       });
       this.realWebSocket = realWebSocket;
     }
@@ -31084,14 +31165,16 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
      * Listen for the incoming events from the original WebSocket server.
      */
     addEventListener(event, listener, options) {
-      const boundListener = listener.bind(this.client);
-      Object.defineProperty(listener, kBoundListener2, {
-        value: boundListener,
-        enumerable: false
-      });
+      if (!Reflect.has(listener, kBoundListener2)) {
+        const boundListener = listener.bind(this.client);
+        Object.defineProperty(listener, kBoundListener2, {
+          value: boundListener,
+          enumerable: false
+        });
+      }
       this[kEmitter22].addEventListener(
         event,
-        boundListener,
+        Reflect.get(listener, kBoundListener2),
         options
       );
     }