@mswjs/interceptors 0.15.3 → 0.16.0

package/lib/interceptors/ClientRequest/index.js

@@ -1,4 +1,19 @@
 "use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 var __values = (this && this.__values) || function(o) {
     var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
     if (m) return m.call(o);
@@ -30,68 +45,66 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.interceptClientRequest = void 0;
-var debug_1 = require("debug");
+exports.ClientRequestInterceptor = void 0;
 var http_1 = __importDefault(require("http"));
 var https_1 = __importDefault(require("https"));
+var Interceptor_1 = require("../../Interceptor");
 var http_get_1 = require("./http.get");
 var http_request_1 = require("./http.request");
-var log = debug_1.debug('http override');
 /**
- * Intercepts requests issued by native "http" and "https" modules.
+ * Intercept requests made via the `ClientRequest` class.
+ * Such requests include `http.get`, `https.request`, etc.
  */
-var interceptClientRequest = function (observer, resolver) {
-    var e_1, _a;
-    var pureModules = new Map();
-    var modules = [
-        ['http', http_1.default],
-        ['https', https_1.default],
-    ];
-    try {
-        for (var modules_1 = __values(modules), modules_1_1 = modules_1.next(); !modules_1_1.done; modules_1_1 = modules_1.next()) {
-            var _b = __read(modules_1_1.value, 2), protocol = _b[0], requestModule = _b[1];
-            log('patching the "%s" module...', protocol);
-            pureModules.set(protocol, {
-                module: requestModule,
-                request: requestModule.request,
-                get: requestModule.get,
+var ClientRequestInterceptor = /** @class */ (function (_super) {
+    __extends(ClientRequestInterceptor, _super);
+    function ClientRequestInterceptor() {
+        var _this = _super.call(this, ClientRequestInterceptor.symbol) || this;
+        _this.modules = new Map();
+        _this.modules.set('http', http_1.default);
+        _this.modules.set('https', https_1.default);
+        return _this;
+    }
+    ClientRequestInterceptor.prototype.setup = function () {
+        var e_1, _a;
+        var log = this.log.extend('setup');
+        var _loop_1 = function (protocol, requestModule) {
+            var pureRequest = requestModule.request, pureGet = requestModule.get;
+            this_1.subscriptions.push(function () {
+                requestModule.request = pureRequest;
+                requestModule.get = pureGet;
+                log('native "%s" module restored!', protocol);
             });
-            // @ts-ignore Call signature overloads are incompatible.
+            var options = {
+                emitter: this_1.emitter,
+                log: this_1.log,
+            };
+            // @ts-ignore
             requestModule.request =
-                // Force a line-break to prevent ignoring the "request" call.
-                http_request_1.request(protocol, resolver, observer);
-            // @ts-ignore Call signature overloads are incompatible.
+                // Force a line break.
+                http_request_1.request(protocol, options);
+            // @ts-ignore
             requestModule.get =
-                // Force a line-break to prevent ignoring the "get" call.
-                http_get_1.get(protocol, resolver, observer);
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
+                // Force a line break.
+                http_get_1.get(protocol, options);
+            log('native "%s" module patched!', protocol);
+        };
+        var this_1 = this;
         try {
-            if (modules_1_1 && !modules_1_1.done && (_a = modules_1.return)) _a.call(modules_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return function () {
-        var e_2, _a;
-        log('done, restoring modules...');
-        try {
-            for (var _b = __values(pureModules.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var requestModule = _c.value;
-                requestModule.module.get = requestModule.get;
-                requestModule.module.request = requestModule.request;
+            for (var _b = __values(this.modules), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var _d = __read(_c.value, 2), protocol = _d[0], requestModule = _d[1];
+                _loop_1(protocol, requestModule);
             }
         }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_2) throw e_2.error; }
+            finally { if (e_1) throw e_1.error; }
         }
-        pureModules.clear();
     };
-};
-exports.interceptClientRequest = interceptClientRequest;
+    ClientRequestInterceptor.symbol = Symbol('http');
+    return ClientRequestInterceptor;
+}(Interceptor_1.Interceptor));
+exports.ClientRequestInterceptor = ClientRequestInterceptor;
 //# sourceMappingURL=index.js.map

package/lib/interceptors/ClientRequest/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/interceptors/ClientRequest/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAC7B,8CAAuB;AACvB,gDAAyB;AAEzB,uCAAgC;AAEhC,+CAAwC;AAExC,IAAM,GAAG,GAAG,aAAK,CAAC,eAAe,CAAC,CAAA;AAYlC;;GAEG;AACI,IAAM,sBAAsB,GAAgB,UAAC,QAAQ,EAAE,QAAQ;;IACpE,IAAM,WAAW,GAAgB,IAAI,GAAG,EAAE,CAAA;IAC1C,IAAM,OAAO,GAAgC;QAC3C,CAAC,MAAM,EAAE,cAAI,CAAC;QACd,CAAC,OAAO,EAAE,eAAK,CAAC;KACjB,CAAA;;QAED,KAAwC,IAAA,YAAA,SAAA,OAAO,CAAA,gCAAA,qDAAE;YAAtC,IAAA,KAAA,4BAAyB,EAAxB,QAAQ,QAAA,EAAE,aAAa,QAAA;YACjC,GAAG,CAAC,6BAA6B,EAAE,QAAQ,CAAC,CAAA;YAE5C,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE;gBACxB,MAAM,EAAE,aAAa;gBACrB,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,GAAG,EAAE,aAAa,CAAC,GAAG;aACvB,CAAC,CAAA;YAEF,wDAAwD;YACxD,aAAa,CAAC,OAAO;gBACnB,6DAA6D;gBAC7D,sBAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAEvC,wDAAwD;YACxD,aAAa,CAAC,GAAG;gBACf,yDAAyD;gBACzD,cAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;SACpC;;;;;;;;;IAED,OAAO;;QACL,GAAG,CAAC,4BAA4B,CAAC,CAAA;;YAEjC,KAA4B,IAAA,KAAA,SAAA,WAAW,CAAC,MAAM,EAAE,CAAA,gBAAA,4BAAE;gBAA7C,IAAM,aAAa,WAAA;gBACtB,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAA;gBAC5C,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,CAAA;aACrD;;;;;;;;;QAED,WAAW,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,sBAAsB,0BAqClC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/interceptors/ClientRequest/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAAuB;AACvB,gDAAyB;AAEzB,iDAA+C;AAE/C,uCAAgC;AAChC,+CAAwC;AAOxC;;;GAGG;AACH;IAA8C,4CAAgC;IAI5E;QAAA,YACE,kBAAM,wBAAwB,CAAC,MAAM,CAAC,SAKvC;QAHC,KAAI,CAAC,OAAO,GAAG,IAAI,GAAG,EAAE,CAAA;QACxB,KAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,cAAI,CAAC,CAAA;QAC9B,KAAI,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,eAAK,CAAC,CAAA;;IAClC,CAAC;IAES,wCAAK,GAAf;;QACE,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;gCAExB,QAAQ,EAAE,aAAa;YACzB,IAAS,WAAW,GAAmB,aAAa,QAAhC,EAAO,OAAO,GAAK,aAAa,IAAlB,CAAkB;YAE5D,OAAK,aAAa,CAAC,IAAI,CAAC;gBACtB,aAAa,CAAC,OAAO,GAAG,WAAW,CAAA;gBACnC,aAAa,CAAC,GAAG,GAAG,OAAO,CAAA;gBAE3B,GAAG,CAAC,8BAA8B,EAAE,QAAQ,CAAC,CAAA;YAC/C,CAAC,CAAC,CAAA;YAEF,IAAM,OAAO,GAAsB;gBACjC,OAAO,EAAE,OAAK,OAAO;gBACrB,GAAG,EAAE,OAAK,GAAG;aACd,CAAA;YAED,aAAa;YACb,aAAa,CAAC,OAAO;gBACnB,sBAAsB;gBACtB,sBAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YAE5B,aAAa;YACb,aAAa,CAAC,GAAG;gBACf,sBAAsB;gBACtB,cAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YAExB,GAAG,CAAC,6BAA6B,EAAE,QAAQ,CAAC,CAAA;;;;YAzB9C,KAAwC,IAAA,KAAA,SAAA,IAAI,CAAC,OAAO,CAAA,gBAAA;gBAAzC,IAAA,KAAA,mBAAyB,EAAxB,QAAQ,QAAA,EAAE,aAAa,QAAA;wBAAvB,QAAQ,EAAE,aAAa;aA0BlC;;;;;;;;;IACH,CAAC;IAzCM,+BAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IA0ChC,+BAAC;CAAA,AA3CD,CAA8C,yBAAW,GA2CxD;AA3CY,4DAAwB"}

package/lib/interceptors/ClientRequest/utils/getIncomingMessageBody.js

@@ -38,9 +38,14 @@ function getIncomingMessageBody(response) {
         var encoding = response.readableEncoding || 'utf8';
         stream.setEncoding(encoding);
         log('using encoding:', encoding);
-        stream.once('data', function (responseBody) {
+        var body = '';
+        stream.on('data', function (responseBody) {
             log('response body read:', responseBody);
-            resolve(responseBody);
+            body += responseBody;
+        });
+        stream.once('end', function () {
+            log('response body end');
+            resolve(body);
         });
         stream.once('error', function (error) {
             log('error while reading response body:', error);

package/lib/interceptors/ClientRequest/utils/getIncomingMessageBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"getIncomingMessageBody.js","sourceRoot":"","sources":["../../../../src/interceptors/ClientRequest/utils/getIncomingMessageBody.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAE7B,iCAAoC;AACpC,yCAA4B;AAE5B,IAAM,GAAG,GAAG,aAAK,CAAC,6BAA6B,CAAC,CAAA;AAEhD,SAAgB,sBAAsB,CACpC,QAAyB;IAEzB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;QACjC,GAAG,CAAC,kCAAkC,CAAC,CAAA;QAEvC,kDAAkD;QAClD,mDAAmD;QACnD,yDAAyD;QACzD,gDAAgD;QAChD,IAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,oBAAW,EAAE,CAAC,CAAA;QACtD,IAAM,MAAM,GACV,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,KAAK,MAAM;YAC7C,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,CAAC,CAAC,aAAa,CAAA;QAEnB,IAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,IAAI,MAAM,CAAA;QACpD,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;QAC5B,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAA;QAEhC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,UAAC,YAAY;YAC/B,GAAG,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAA;YACxC,OAAO,CAAC,YAAY,CAAC,CAAA;QACvB,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,UAAC,KAAK;YACzB,GAAG,CAAC,oCAAoC,EAAE,KAAK,CAAC,CAAA;YAChD,MAAM,CAAC,KAAK,CAAC,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC;AA9BD,wDA8BC"}
+{"version":3,"file":"getIncomingMessageBody.js","sourceRoot":"","sources":["../../../../src/interceptors/ClientRequest/utils/getIncomingMessageBody.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAE7B,iCAAoC;AACpC,yCAA4B;AAE5B,IAAM,GAAG,GAAG,aAAK,CAAC,6BAA6B,CAAC,CAAA;AAEhD,SAAgB,sBAAsB,CACpC,QAAyB;IAEzB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;QACjC,GAAG,CAAC,kCAAkC,CAAC,CAAA;QAEvC,kDAAkD;QAClD,mDAAmD;QACnD,yDAAyD;QACzD,gDAAgD;QAChD,IAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,oBAAW,EAAE,CAAC,CAAA;QACtD,IAAM,MAAM,GACV,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,KAAK,MAAM;YAC7C,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,CAAC,CAAC,aAAa,CAAA;QAEnB,IAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,IAAI,MAAM,CAAA;QACpD,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;QAC5B,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAA;QAEhC,IAAI,IAAI,GAAG,EAAE,CAAC;QAEd,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAC,YAAY;YAC7B,GAAG,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAA;YACxC,IAAI,IAAI,YAAY,CAAC;QACvB,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE;YACjB,GAAG,CAAC,mBAAmB,CAAC,CAAC;YACzB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,UAAC,KAAK;YACzB,GAAG,CAAC,oCAAoC,EAAE,KAAK,CAAC,CAAA;YAChD,MAAM,CAAC,KAAK,CAAC,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC;AArCD,wDAqCC"}

package/lib/interceptors/XMLHttpRequest/XMLHttpRequestOverride.d.ts

@@ -1,23 +1,30 @@
+/**
+ * XMLHttpRequest override class.
+ * Inspired by https://github.com/marvinhagemeister/xhr-mocklet.
+ */
+import type { Debugger } from 'debug';
 import { Headers } from 'headers-polyfill';
-import { Observer, Resolver } from '../../createInterceptor';
+import type { XMLHttpRequestEmitter } from '.';
 declare type XMLHttpRequestEventHandler = (this: XMLHttpRequest, event: Event | ProgressEvent<any>) => void;
 interface XMLHttpRequestEvent<EventMap extends any> {
     name: keyof EventMap;
     listener: XMLHttpRequestEventHandler;
 }
 interface CreateXMLHttpRequestOverrideOptions {
-    pureXMLHttpRequest: typeof window.XMLHttpRequest;
-    observer: Observer;
-    resolver: Resolver;
+    XMLHttpRequest: typeof window.XMLHttpRequest;
+    emitter: XMLHttpRequestEmitter;
+    log: Debugger;
 }
 interface InternalXMLHttpRequestEventTargetEventMap extends XMLHttpRequestEventTargetEventMap {
     readystatechange: Event;
 }
+export declare type ExtractCallbacks<Key extends string> = Key extends 'abort' | `on${infer _CallbackName}` ? Key : never;
 export declare const createXMLHttpRequestOverride: (options: CreateXMLHttpRequestOverrideOptions) => {
     new (): {
         _requestHeaders: Headers;
         _responseHeaders: Headers;
         _events: XMLHttpRequestEvent<InternalXMLHttpRequestEventTargetEventMap>[];
+        log: Debugger;
         readonly UNSENT: 0;
         readonly OPENED: 1;
         readonly HEADERS_RECEIVED: 2;

package/lib/interceptors/XMLHttpRequest/XMLHttpRequestOverride.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -64,10 +75,6 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createXMLHttpRequestOverride = void 0;
-/**
- * XMLHttpRequest override class.
- * Inspired by https://github.com/marvinhagemeister/xhr-mocklet.
- */
 var until_1 = require("@open-draft/until");
 var headers_polyfill_1 = require("headers-polyfill");
 var xmldom_1 = require("@xmldom/xmldom");
@@ -76,15 +83,15 @@ var toIsoResponse_1 = require("../../utils/toIsoResponse");
 var uuid_1 = require("../../utils/uuid");
 var bufferFrom_1 = require("./utils/bufferFrom");
 var createEvent_1 = require("./utils/createEvent");
-var createDebug = require('debug');
+var createLazyCallback_1 = require("../../utils/createLazyCallback");
 var createXMLHttpRequestOverride = function (options) {
     var _a;
-    var pureXMLHttpRequest = options.pureXMLHttpRequest, observer = options.observer, resolver = options.resolver;
-    var debug = createDebug('XHR');
+    var XMLHttpRequest = options.XMLHttpRequest, emitter = options.emitter, log = options.log;
     return _a = /** @class */ (function () {
             function XMLHttpRequestOverride() {
                 // Collection of events modified by `addEventListener`/`removeEventListener` calls.
                 this._events = [];
+                this.log = log;
                 this.UNSENT = 0;
                 this.OPENED = 1;
                 this.HEADERS_RECEIVED = 2;
@@ -120,10 +127,10 @@ var createXMLHttpRequestOverride = function (options) {
                 if (nextState === this.readyState) {
                     return;
                 }
-                debug('readyState change %d -> %d', this.readyState, nextState);
+                this.log('readyState change %d -> %d', this.readyState, nextState);
                 this.readyState = nextState;
                 if (nextState !== this.UNSENT) {
-                    debug('triggerring readystate change...');
+                    this.log('triggerring readystate change...');
                     this.trigger('readystatechange');
                 }
             };
@@ -133,8 +140,8 @@ var createXMLHttpRequestOverride = function (options) {
              */
             XMLHttpRequestOverride.prototype.trigger = function (eventName, options) {
                 var e_1, _a;
-                debug('trigger "%s" (%d)', eventName, this.readyState);
-                debug('resolve listener for event "%s"', eventName);
+                this.log('trigger "%s" (%d)', eventName, this.readyState);
+                this.log('resolve listener for event "%s"', eventName);
                 // @ts-expect-error XMLHttpRequest class has no index signature.
                 var callback = this["on" + eventName];
                 callback === null || callback === void 0 ? void 0 : callback.call(this, createEvent_1.createEvent(this, eventName, options));
@@ -142,7 +149,7 @@ var createXMLHttpRequestOverride = function (options) {
                     for (var _b = __values(this._events), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var event_1 = _c.value;
                         if (event_1.name === eventName) {
-                            debug('calling mock event listener "%s" (%d)', eventName, this.readyState);
+                            log('calling mock event listener "%s" (%d)', eventName, this.readyState);
                             event_1.listener.call(this, createEvent_1.createEvent(this, eventName, options));
                         }
                     }
@@ -157,7 +164,7 @@ var createXMLHttpRequestOverride = function (options) {
                 return this;
             };
             XMLHttpRequestOverride.prototype.reset = function () {
-                debug('reset');
+                this.log('reset');
                 this.setReadyState(this.UNSENT);
                 this.status = 200;
                 this.statusText = 'OK';
@@ -172,8 +179,8 @@ var createXMLHttpRequestOverride = function (options) {
                 if (async === void 0) { async = true; }
                 return __awaiter(this, void 0, void 0, function () {
                     return __generator(this, function (_a) {
-                        debug = createDebug("XHR " + method + " " + url);
-                        debug('open', { method: method, url: url, async: async, user: user, password: password });
+                        this.log = this.log.extend("request " + method + " " + url);
+                        this.log('open', { method: method, url: url, async: async, user: user, password: password });
                         this.reset();
                         this.setReadyState(this.OPENED);
                         if (typeof url === 'undefined') {
@@ -193,7 +200,7 @@ var createXMLHttpRequestOverride = function (options) {
             };
             XMLHttpRequestOverride.prototype.send = function (data) {
                 var _this = this;
-                debug('send %s %s', this.method, this.url);
+                this.log('send %s %s', this.method, this.url);
                 this.data = data || '';
                 var url;
                 try {
@@ -205,9 +212,9 @@ var createXMLHttpRequestOverride = function (options) {
                     // resolve the relative request URL against the current window location.
                     url = new URL(this.url, window.location.href);
                 }
-                debug('request headers', this._requestHeaders);
+                this.log('request headers', this._requestHeaders);
                 // Create an intercepted request instance exposed to the request intercepting middleware.
-                var isoRequest = {
+                var isomorphicRequest = {
                     id: uuid_1.uuidv4(),
                     url: url,
                     method: this.method,
@@ -215,17 +222,32 @@ var createXMLHttpRequestOverride = function (options) {
                     credentials: this.withCredentials ? 'include' : 'omit',
                     body: this.data,
                 };
-                observer.emit('request', isoRequest);
-                debug('awaiting mocked response...');
-                Promise.resolve(until_1.until(function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                    return [2 /*return*/, resolver(isoRequest, this)];
-                }); }); })).then(function (_a) {
+                var interactiveIsomorphicRequest = __assign(__assign({}, isomorphicRequest), { respondWith: createLazyCallback_1.createLazyCallback() });
+                this.log('emitting the "request" event for %d listener(s)...', emitter.listenerCount('request'));
+                emitter.emit('request', interactiveIsomorphicRequest);
+                this.log('awaiting mocked response...');
+                Promise.resolve(until_1.until(function () { return __awaiter(_this, void 0, void 0, function () {
+                    var _a, mockedResponse;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
+                            case 0: return [4 /*yield*/, emitter.untilIdle('request')];
+                            case 1:
+                                _b.sent();
+                                this.log('all request listeners have been resolved!');
+                                return [4 /*yield*/, interactiveIsomorphicRequest.respondWith.invoked()];
+                            case 2:
+                                _a = __read.apply(void 0, [_b.sent(), 1]), mockedResponse = _a[0];
+                                this.log('event.respondWith called with:', mockedResponse);
+                                return [2 /*return*/, mockedResponse];
+                        }
+                    });
+                }); })).then(function (_a) {
                     var _b;
                     var _c = __read(_a, 2), middlewareException = _c[0], mockedResponse = _c[1];
                     // When the request middleware throws an exception, error the request.
                     // This cancels the request and is similar to a network error.
                     if (middlewareException) {
-                        debug('middleware function threw an exception!', middlewareException);
+                        _this.log('middleware function threw an exception!', middlewareException);
                         // No way to propagate the actual error message.
                         _this.trigger('error');
                         _this.abort();
@@ -233,7 +255,7 @@ var createXMLHttpRequestOverride = function (options) {
                     }
                     // Return a mocked response, if provided in the middleware.
                     if (mockedResponse) {
-                        debug('received mocked response', mockedResponse);
+                        _this.log('received mocked response', mockedResponse);
                         // Trigger a loadstart event to indicate the initialization of the fetch.
                         _this.trigger('loadstart');
                         _this.status = mockedResponse.status || 200;
@@ -241,17 +263,17 @@ var createXMLHttpRequestOverride = function (options) {
                         _this._responseHeaders = mockedResponse.headers
                             ? headers_polyfill_1.objectToHeaders(mockedResponse.headers)
                             : new headers_polyfill_1.Headers();
-                        debug('set response status', _this.status, _this.statusText);
-                        debug('set response headers', _this._responseHeaders);
+                        _this.log('set response status', _this.status, _this.statusText);
+                        _this.log('set response headers', _this._responseHeaders);
                         // Mark that response headers has been received
                         // and trigger a ready state event to reflect received headers
                         // in a custom `onreadystatechange` callback.
                         _this.setReadyState(_this.HEADERS_RECEIVED);
-                        debug('response type', _this.responseType);
+                        _this.log('response type', _this.responseType);
                         _this.response = _this.getResponseBody(mockedResponse.body);
                         _this.responseText = mockedResponse.body || '';
                         _this.responseXML = _this.getResponseXML();
-                        debug('set response body', _this.response);
+                        _this.log('set response body', _this.response);
                         if (mockedResponse.body && _this.response) {
                             _this.setReadyState(_this.LOADING);
                             // Presense of the mocked response implies a response body (not null).
@@ -272,18 +294,18 @@ var createXMLHttpRequestOverride = function (options) {
                         _this.trigger('load');
                         // Trigger a loadend event to indicate the fetch has completed.
                         _this.trigger('loadend');
-                        observer.emit('response', isoRequest, toIsoResponse_1.toIsoResponse(mockedResponse));
+                        emitter.emit('response', isomorphicRequest, toIsoResponse_1.toIsoResponse(mockedResponse));
                     }
                     else {
-                        debug('no mocked response received!');
+                        _this.log('no mocked response received!');
                         // Perform an original request, when the request middleware returned no mocked response.
-                        var originalRequest_1 = new pureXMLHttpRequest();
-                        debug('opening an original request %s %s', _this.method, _this.url);
+                        var originalRequest_1 = new XMLHttpRequest();
+                        _this.log('opening an original request %s %s', _this.method, _this.url);
                         originalRequest_1.open(_this.method, _this.url, (_b = _this.async) !== null && _b !== void 0 ? _b : true, _this.user, _this.password);
                         // Reflect a successful state of the original request
                         // on the patched instance.
                         originalRequest_1.addEventListener('load', function () {
-                            debug('original "onload"');
+                            _this.log('original "onload"');
                             _this.status = originalRequest_1.status;
                             _this.statusText = originalRequest_1.statusText;
                             _this.responseURL = originalRequest_1.responseURL;
@@ -291,7 +313,7 @@ var createXMLHttpRequestOverride = function (options) {
                             _this.response = originalRequest_1.response;
                             _this.responseText = originalRequest_1.responseText;
                             _this.responseXML = originalRequest_1.responseXML;
-                            debug('set mock request readyState to DONE');
+                            _this.log('set mock request readyState to DONE');
                             // Explicitly mark the mocked request instance as done
                             // so the response never hangs.
                             /**
@@ -299,14 +321,14 @@ var createXMLHttpRequestOverride = function (options) {
                              * in the case of unhandled request.
                              */
                             _this.setReadyState(_this.DONE);
-                            debug('received original response', _this.status, _this.statusText);
-                            debug('original response body:', _this.response);
+                            _this.log('received original response', _this.status, _this.statusText);
+                            _this.log('original response body:', _this.response);
                             var responseHeaders = originalRequest_1.getAllResponseHeaders();
-                            debug('original response headers:\n', responseHeaders);
+                            _this.log('original response headers:\n', responseHeaders);
                             _this._responseHeaders = headers_polyfill_1.stringToHeaders(responseHeaders);
-                            debug('original response headers (normalized)', _this._responseHeaders);
-                            debug('original response finished');
-                            observer.emit('response', isoRequest, {
+                            _this.log('original response headers (normalized)', _this._responseHeaders);
+                            _this.log('original response finished');
+                            emitter.emit('response', isomorphicRequest, {
                                 status: originalRequest_1.status,
                                 statusText: originalRequest_1.statusText,
                                 headers: _this._responseHeaders,
@@ -321,13 +343,13 @@ var createXMLHttpRequestOverride = function (options) {
                         if (_this.async) {
                             originalRequest_1.timeout = _this.timeout;
                         }
-                        debug('send', _this.data);
+                        _this.log('send', _this.data);
                         originalRequest_1.send(_this.data);
                     }
                 });
             };
             XMLHttpRequestOverride.prototype.abort = function () {
-                debug('abort');
+                this.log('abort');
                 if (this.readyState > this.UNSENT && this.readyState < this.DONE) {
                     this.setReadyState(this.UNSENT);
                     this.trigger('abort');
@@ -337,36 +359,36 @@ var createXMLHttpRequestOverride = function (options) {
                 return false;
             };
             XMLHttpRequestOverride.prototype.setRequestHeader = function (name, value) {
-                debug('set request header "%s" to "%s"', name, value);
+                this.log('set request header "%s" to "%s"', name, value);
                 this._requestHeaders.append(name, value);
             };
             XMLHttpRequestOverride.prototype.getResponseHeader = function (name) {
-                debug('get response header "%s"', name);
+                this.log('get response header "%s"', name);
                 if (this.readyState < this.HEADERS_RECEIVED) {
-                    debug('cannot return a header: headers not received (state: %s)', this.readyState);
+                    this.log('cannot return a header: headers not received (state: %s)', this.readyState);
                     return null;
                 }
                 var headerValue = this._responseHeaders.get(name);
-                debug('resolved response header "%s" to "%s"', name, headerValue, this._responseHeaders);
+                this.log('resolved response header "%s" to "%s"', name, headerValue, this._responseHeaders);
                 return headerValue;
             };
             XMLHttpRequestOverride.prototype.getAllResponseHeaders = function () {
-                debug('get all response headers');
+                this.log('get all response headers');
                 if (this.readyState < this.HEADERS_RECEIVED) {
-                    debug('cannot return headers: headers not received (state: %s)', this.readyState);
+                    this.log('cannot return headers: headers not received (state: %s)', this.readyState);
                     return '';
                 }
                 return headers_polyfill_1.headersToString(this._responseHeaders);
             };
             XMLHttpRequestOverride.prototype.addEventListener = function (name, listener) {
-                debug('addEventListener', name, listener);
+                this.log('addEventListener', name, listener);
                 this._events.push({
                     name: name,
                     listener: listener,
                 });
             };
             XMLHttpRequestOverride.prototype.removeEventListener = function (name, listener) {
-                debug('removeEventListener', name, listener);
+                this.log('removeEventListener', name, listener);
                 this._events = this._events.filter(function (storedEvent) {
                     return storedEvent.name !== name && storedEvent.listener !== listener;
                 });
@@ -378,21 +400,21 @@ var createXMLHttpRequestOverride = function (options) {
             XMLHttpRequestOverride.prototype.getResponseBody = function (body) {
                 // Handle an improperly set "null" value of the mocked response body.
                 var textBody = body !== null && body !== void 0 ? body : '';
-                debug('coerced response body to', textBody);
+                this.log('coerced response body to', textBody);
                 switch (this.responseType) {
                     case 'json': {
-                        debug('resolving response body as JSON');
+                        this.log('resolving response body as JSON');
                         return parseJson_1.parseJson(textBody);
                     }
                     case 'blob': {
                         var blobType = this.getResponseHeader('content-type') || 'text/plain';
-                        debug('resolving response body as Blob', { type: blobType });
+                        this.log('resolving response body as Blob', { type: blobType });
                         return new Blob([textBody], {
                             type: blobType,
                         });
                     }
                     case 'arraybuffer': {
-                        debug('resolving response body as ArrayBuffer');
+                        this.log('resolving response body as ArrayBuffer');
                         var arrayBuffer = bufferFrom_1.bufferFrom(textBody);
                         return arrayBuffer;
                     }
@@ -412,6 +434,35 @@ var createXMLHttpRequestOverride = function (options) {
              * to the given XMLHttpRequest instance.
              */
             XMLHttpRequestOverride.prototype.propagateCallbacks = function (request) {
+                var e_2, _a;
+                this.log('propagating request callbacks to the original request');
+                var callbackNames = [
+                    'abort',
+                    'onerror',
+                    'ontimeout',
+                    'onload',
+                    'onloadstart',
+                    'onloadend',
+                    'onprogress',
+                    'onreadystatechange',
+                ];
+                try {
+                    for (var callbackNames_1 = __values(callbackNames), callbackNames_1_1 = callbackNames_1.next(); !callbackNames_1_1.done; callbackNames_1_1 = callbackNames_1.next()) {
+                        var callbackName = callbackNames_1_1.value;
+                        var callback = this[callbackName];
+                        if (callback) {
+                            request[callbackName] = this[callbackName];
+                            this.log('propagated the "%s" callback', callbackName, callback);
+                        }
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (callbackNames_1_1 && !callbackNames_1_1.done && (_a = callbackNames_1.return)) _a.call(callbackNames_1);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                }
                 request.onabort = this.abort;
                 request.onerror = this.onerror;
                 request.ontimeout = this.ontimeout;
@@ -426,18 +477,19 @@ var createXMLHttpRequestOverride = function (options) {
              * to the given XMLHttpRequest instance.
              */
             XMLHttpRequestOverride.prototype.propagateListeners = function (request) {
-                debug('propagating request listeners (%d) to the original request', this._events.length, this._events);
+                this.log('propagating request listeners (%d) to the original request', this._events.length, this._events);
                 this._events.forEach(function (_a) {
                     var name = _a.name, listener = _a.listener;
                     request.addEventListener(name, listener);
                 });
             };
             XMLHttpRequestOverride.prototype.propagateHeaders = function (request, headers) {
-                debug('propagating request headers to the original request', headers);
+                var _this = this;
+                this.log('propagating request headers to the original request', headers);
                 // Preserve the request headers casing.
                 Object.entries(headers.raw()).forEach(function (_a) {
                     var _b = __read(_a, 2), name = _b[0], value = _b[1];
-                    debug('setting "%s" (%s) header on the original request', name, value);
+                    _this.log('setting "%s" (%s) header on the original request', name, value);
                     request.setRequestHeader(name, value);
                 });
             };