msw 2.0.14 → 2.1.0

package/lib/browser/index.mjs

@@ -1,49 +1,9 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
 // src/browser/setupWorker/setupWorker.ts
 import { invariant } from "outvariant";
 import { isNodeProcess } from "is-node-process";
 
 // src/browser/setupWorker/start/createStartHandler.ts
-import { until as until3 } from "@open-draft/until";
+import { until as until2 } from "@open-draft/until";
 import { devUtils as devUtils6 } from '../core/utils/internal/devUtils.mjs';
 
 // src/browser/setupWorker/start/utils/getWorkerInstance.ts
@@ -72,9 +32,9 @@ function getWorkerByRegistration(registration, absoluteWorkerUrl, findWorker) {
 }
 
 // src/browser/setupWorker/start/utils/getWorkerInstance.ts
-var getWorkerInstance = (_0, ..._1) => __async(void 0, [_0, ..._1], function* (url, options = {}, findWorker) {
+var getWorkerInstance = async (url, options = {}, findWorker) => {
   const absoluteWorkerUrl = getAbsoluteWorkerUrl(url);
-  const mockRegistrations = yield navigator.serviceWorker.getRegistrations().then(
+  const mockRegistrations = await navigator.serviceWorker.getRegistrations().then(
     (registrations) => registrations.filter(
       (registration) => getWorkerByRegistration(registration, absoluteWorkerUrl, findWorker)
     )
@@ -95,21 +55,21 @@ var getWorkerInstance = (_0, ..._1) => __async(void 0, [_0, ..._1], function* (u
       ];
     });
   }
-  const registrationResult = yield until(
-    () => __async(void 0, null, function* () {
-      const registration = yield navigator.serviceWorker.register(url, options);
+  const registrationResult = await until(
+    async () => {
+      const registration = await navigator.serviceWorker.register(url, options);
       return [
         // Compare existing worker registration by its worker URL,
         // to prevent irrelevant workers to resolve here (such as Codesandbox worker).
         getWorkerByRegistration(registration, absoluteWorkerUrl, findWorker),
         registration
       ];
-    })
+    }
   );
   if (registrationResult.error) {
     const isWorkerMissing = registrationResult.error.message.includes("(404)");
     if (isWorkerMissing) {
-      const scopeUrl = new URL((options == null ? void 0 : options.scope) || "/", location.href);
+      const scopeUrl = new URL(options?.scope || "/", location.href);
       throw new Error(
         devUtils.formatMessage(`Failed to register a Service Worker for scope ('${scopeUrl.href}') with script ('${absoluteWorkerUrl}'): Service Worker script does not exist at the given path.
 
@@ -126,7 +86,7 @@ Learn more about creating the Service Worker script: https://mswjs.io/docs/cli/i
     );
   }
   return registrationResult.data;
-});
+};
 
 // src/browser/setupWorker/start/utils/enableMocking.ts
 import { devUtils as devUtils3 } from '../core/utils/internal/devUtils.mjs';
@@ -158,23 +118,20 @@ function printStartMessage(args = {}) {
 }
 
 // src/browser/setupWorker/start/utils/enableMocking.ts
-function enableMocking(context, options) {
-  return __async(this, null, function* () {
-    var _a, _b;
-    context.workerChannel.send("MOCK_ACTIVATE");
-    yield context.events.once("MOCKING_ENABLED");
-    if (context.isMockingEnabled) {
-      devUtils3.warn(
-        `Found a redundant "worker.start()" call. Note that starting the worker while mocking is already enabled will have no effect. Consider removing this "worker.start()" call.`
-      );
-      return;
-    }
-    context.isMockingEnabled = true;
-    printStartMessage({
-      quiet: options.quiet,
-      workerScope: (_a = context.registration) == null ? void 0 : _a.scope,
-      workerUrl: (_b = context.worker) == null ? void 0 : _b.scriptURL
-    });
+async function enableMocking(context, options) {
+  context.workerChannel.send("MOCK_ACTIVATE");
+  await context.events.once("MOCKING_ENABLED");
+  if (context.isMockingEnabled) {
+    devUtils3.warn(
+      `Found a redundant "worker.start()" call. Note that starting the worker while mocking is already enabled will have no effect. Consider removing this "worker.start()" call.`
+    );
+    return;
+  }
+  context.isMockingEnabled = true;
+  printStartMessage({
+    quiet: options.quiet,
+    workerScope: context.registration?.scope,
+    workerUrl: context.worker?.scriptURL
   });
 }
 
@@ -199,9 +156,10 @@ function pruneGetRequestBody(request) {
 
 // src/browser/utils/parseWorkerRequest.ts
 function parseWorkerRequest(incomingRequest) {
-  return new Request(incomingRequest.url, __spreadProps(__spreadValues({}, incomingRequest), {
+  return new Request(incomingRequest.url, {
+    ...incomingRequest,
     body: pruneGetRequestBody(incomingRequest)
-  }));
+  });
 }
 
 // src/browser/setupWorker/start/createRequestListener.ts
@@ -209,15 +167,13 @@ import { handleRequest } from '../core/utils/handleRequest.mjs';
 import { devUtils as devUtils4 } from '../core/utils/internal/devUtils.mjs';
 import { toResponseInit } from '../core/utils/toResponseInit.mjs';
 var createRequestListener = (context, options) => {
-  return (event, message) => __async(void 0, null, function* () {
-    var _b;
+  return async (event, message) => {
     const messageChannel = new WorkerChannel(event.ports[0]);
     const requestId = message.payload.id;
     const request = parseWorkerRequest(message.payload);
     const requestCloneForLogs = request.clone();
     try {
-      let _a;
-      yield handleRequest(
+      await handleRequest(
         request,
         requestId,
         context.requestHandlers,
@@ -227,36 +183,36 @@ var createRequestListener = (context, options) => {
           onPassthroughResponse() {
             messageChannel.postMessage("NOT_FOUND");
           },
-          onMockedResponse(_0, _1) {
-            return __async(this, arguments, function* (response, { handler, parsedResult }) {
-              const responseClone = response.clone();
-              const responseCloneForLogs = response.clone();
-              const responseInit = toResponseInit(response);
-              if (context.supports.readableStreamTransfer) {
-                const responseStreamOrNull = response.body;
-                messageChannel.postMessage(
-                  "MOCK_RESPONSE",
-                  __spreadProps(__spreadValues({}, responseInit), {
-                    body: responseStreamOrNull
-                  }),
-                  responseStreamOrNull ? [responseStreamOrNull] : void 0
-                );
-              } else {
-                const responseBufferOrNull = response.body === null ? null : yield responseClone.arrayBuffer();
-                messageChannel.postMessage("MOCK_RESPONSE", __spreadProps(__spreadValues({}, responseInit), {
-                  body: responseBufferOrNull
-                }));
-              }
-              if (!options.quiet) {
-                context.emitter.once("response:mocked", () => {
-                  handler.log({
-                    request: requestCloneForLogs,
-                    response: responseCloneForLogs,
-                    parsedResult
-                  });
+          async onMockedResponse(response, { handler, parsedResult }) {
+            const responseClone = response.clone();
+            const responseCloneForLogs = response.clone();
+            const responseInit = toResponseInit(response);
+            if (context.supports.readableStreamTransfer) {
+              const responseStreamOrNull = response.body;
+              messageChannel.postMessage(
+                "MOCK_RESPONSE",
+                {
+                  ...responseInit,
+                  body: responseStreamOrNull
+                },
+                responseStreamOrNull ? [responseStreamOrNull] : void 0
+              );
+            } else {
+              const responseBufferOrNull = response.body === null ? null : await responseClone.arrayBuffer();
+              messageChannel.postMessage("MOCK_RESPONSE", {
+                ...responseInit,
+                body: responseBufferOrNull
+              });
+            }
+            if (!options.quiet) {
+              context.emitter.once("response:mocked", () => {
+                handler.log({
+                  request: requestCloneForLogs,
+                  response: responseCloneForLogs,
+                  parsedResult
                 });
-              }
-            });
+              });
+            }
           }
         }
       );
@@ -270,7 +226,7 @@ var createRequestListener = (context, options) => {
 This exception has been gracefully handled as a 500 response, however, it's strongly recommended to resolve this error, as it indicates a mistake in your code. If you wish to mock an error response, please see this guide: https://mswjs.io/docs/recipes/mocking-error-responses`,
           request.method,
           request.url,
-          (_b = error.stack) != null ? _b : error
+          error.stack ?? error
         );
         messageChannel.postMessage("MOCK_RESPONSE", {
           status: 500,
@@ -286,50 +242,29 @@ This exception has been gracefully handled as a 500 response, however, it's stro
         });
       }
     }
-  });
+  };
 };
 
 // src/browser/utils/requestIntegrityCheck.ts
-function requestIntegrityCheck(context, serviceWorker) {
-  return __async(this, null, function* () {
-    context.workerChannel.send("INTEGRITY_CHECK_REQUEST");
-    const { payload: actualChecksum } = yield context.events.once(
-      "INTEGRITY_CHECK_RESPONSE"
+async function requestIntegrityCheck(context, serviceWorker) {
+  context.workerChannel.send("INTEGRITY_CHECK_REQUEST");
+  const { payload: actualChecksum } = await context.events.once(
+    "INTEGRITY_CHECK_RESPONSE"
+  );
+  if (actualChecksum !== "223d191a56023cd36aa88c802961b911") {
+    throw new Error(
+      `Currently active Service Worker (${actualChecksum}) is behind the latest published one (${"223d191a56023cd36aa88c802961b911"}).`
     );
-    if (actualChecksum !== "c5f7f8e188b673ea4e677df7ea3c5a39") {
-      throw new Error(
-        `Currently active Service Worker (${actualChecksum}) is behind the latest published one (${"c5f7f8e188b673ea4e677df7ea3c5a39"}).`
-      );
-    }
-    return serviceWorker;
-  });
-}
-
-// src/browser/utils/deferNetworkRequestsUntil.ts
-import { until as until2 } from "@open-draft/until";
-function deferNetworkRequestsUntil(predicatePromise) {
-  const originalXhrSend = window.XMLHttpRequest.prototype.send;
-  window.XMLHttpRequest.prototype.send = function(...args) {
-    until2(() => predicatePromise).then(() => {
-      window.XMLHttpRequest.prototype.send = originalXhrSend;
-      this.send(...args);
-    });
-  };
-  const originalFetch = window.fetch;
-  window.fetch = (...args) => __async(this, null, function* () {
-    yield until2(() => predicatePromise);
-    window.fetch = originalFetch;
-    return window.fetch(...args);
-  });
+  }
+  return serviceWorker;
 }
 
 // src/browser/setupWorker/start/createResponseListener.ts
 import { isResponseWithoutBody } from "@mswjs/interceptors";
 function createResponseListener(context) {
   return (_, message) => {
-    var _a;
     const { payload: responseJson } = message;
-    if ((_a = responseJson.type) == null ? void 0 : _a.includes("opaque")) {
+    if (responseJson.type?.includes("opaque")) {
       return;
     }
     const response = responseJson.status === 0 ? Response.error() : new Response(
@@ -360,7 +295,7 @@ function createResponseListener(context) {
 // src/browser/setupWorker/start/utils/validateWorkerScope.ts
 import { devUtils as devUtils5 } from '../core/utils/internal/devUtils.mjs';
 function validateWorkerScope(registration, options) {
-  if (!(options == null ? void 0 : options.quiet) && !location.href.startsWith(registration.scope)) {
+  if (!options?.quiet && !location.href.startsWith(registration.scope)) {
     devUtils5.warn(
       `Cannot intercept requests on this page because it's outside of the worker's scope ("${registration.scope}"). If you wish to mock API requests on this page, you must resolve this scope issue.
 
@@ -373,21 +308,21 @@ function validateWorkerScope(registration, options) {
 // src/browser/setupWorker/start/createStartHandler.ts
 var createStartHandler = (context) => {
   return function start(options, customOptions) {
-    const startWorkerInstance = () => __async(this, null, function* () {
+    const startWorkerInstance = async () => {
       context.events.removeAllListeners();
       context.workerChannel.on(
         "REQUEST",
         createRequestListener(context, options)
       );
       context.workerChannel.on("RESPONSE", createResponseListener(context));
-      const instance = yield getWorkerInstance(
+      const instance = await getWorkerInstance(
         options.serviceWorker.url,
         options.serviceWorker.options,
         options.findWorker
       );
       const [worker, registration] = instance;
       if (!worker) {
-        const missingWorkerMessage = (customOptions == null ? void 0 : customOptions.findWorker) ? devUtils6.formatMessage(
+        const missingWorkerMessage = customOptions?.findWorker ? devUtils6.formatMessage(
           `Failed to locate the Service Worker registration using a custom "findWorker" predicate.
 
 Please ensure that the custom predicate properly locates the Service Worker registration at "%s".
@@ -413,7 +348,7 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
         }
         window.clearInterval(context.keepAliveInterval);
       });
-      const integrityCheckResult = yield until3(
+      const integrityCheckResult = await until2(
         () => requestIntegrityCheck(context, worker)
       );
       if (integrityCheckResult.error) {
@@ -432,12 +367,12 @@ If this message still persists after updating, please report an issue: https://g
       );
       validateWorkerScope(registration, context.startOptions);
       return registration;
-    });
+    };
     const workerRegistration = startWorkerInstance().then(
-      (registration) => __async(this, null, function* () {
+      async (registration) => {
         const pendingInstance = registration.installing || registration.waiting;
         if (pendingInstance) {
-          yield new Promise((resolve) => {
+          await new Promise((resolve) => {
             pendingInstance.addEventListener("statechange", () => {
               if (pendingInstance.state === "activated") {
                 return resolve();
@@ -445,15 +380,12 @@ If this message still persists after updating, please report an issue: https://g
             });
           });
         }
-        yield enableMocking(context, options).catch((error) => {
-          throw new Error(`Failed to enable mocking: ${error == null ? void 0 : error.message}`);
+        await enableMocking(context, options).catch((error) => {
+          throw new Error(`Failed to enable mocking: ${error?.message}`);
         });
         return registration;
-      })
+      }
     );
-    if (options.waitUntilReady) {
-      deferNetworkRequestsUntil(workerRegistration);
-    }
     return workerRegistration;
   };
 };
@@ -476,7 +408,6 @@ function printStopMessage(args = {}) {
 // src/browser/setupWorker/stop/createStop.ts
 var createStop = (context) => {
   return function stop() {
-    var _a;
     if (!context.isMockingEnabled) {
       devUtils8.warn(
         'Found a redundant "worker.stop()" call. Note that stopping the worker while mocking already stopped has no effect. Consider removing this "worker.stop()" call.'
@@ -486,7 +417,7 @@ var createStop = (context) => {
     context.workerChannel.send("MOCK_DEACTIVATE");
     context.isMockingEnabled = false;
     window.clearInterval(context.keepAliveInterval);
-    printStopMessage({ quiet: (_a = context.startOptions) == null ? void 0 : _a.quiet });
+    printStopMessage({ quiet: context.startOptions?.quiet });
   };
 };
 
@@ -517,9 +448,9 @@ function createFallbackRequestListener(context, options) {
     name: "fallback",
     interceptors: [new FetchInterceptor(), new XMLHttpRequestInterceptor()]
   });
-  interceptor.on("request", (_0) => __async(this, [_0], function* ({ request, requestId }) {
+  interceptor.on("request", async ({ request, requestId }) => {
     const requestCloneForLogs = request.clone();
-    const response = yield handleRequest2(
+    const response = await handleRequest2(
       request,
       requestId,
       context.requestHandlers,
@@ -542,7 +473,7 @@ function createFallbackRequestListener(context, options) {
     if (response) {
       request.respondWith(response);
     }
-  }));
+  });
   interceptor.on(
     "response",
     ({ response, isMockedResponse, request, requestId }) => {
@@ -562,27 +493,24 @@ function createFallbackRequestListener(context, options) {
 
 // src/browser/setupWorker/start/createFallbackStart.ts
 function createFallbackStart(context) {
-  return function start(options) {
-    return __async(this, null, function* () {
-      context.fallbackInterceptor = createFallbackRequestListener(
-        context,
-        options
-      );
-      printStartMessage({
-        message: "Mocking enabled (fallback mode).",
-        quiet: options.quiet
-      });
-      return void 0;
+  return async function start(options) {
+    context.fallbackInterceptor = createFallbackRequestListener(
+      context,
+      options
+    );
+    printStartMessage({
+      message: "Mocking enabled (fallback mode).",
+      quiet: options.quiet
     });
+    return void 0;
   };
 }
 
 // src/browser/setupWorker/stop/createFallbackStop.ts
 function createFallbackStop(context) {
   return function stop() {
-    var _a, _b;
-    (_a = context.fallbackInterceptor) == null ? void 0 : _a.dispose();
-    printStopMessage({ quiet: (_b = context.startOptions) == null ? void 0 : _b.quiet });
+    context.fallbackInterceptor?.dispose();
+    printStopMessage({ quiet: context.startOptions?.quiet });
   };
 }
 
@@ -607,10 +535,12 @@ function supportsReadableStreamTransfer() {
 
 // src/browser/setupWorker/setupWorker.ts
 var SetupWorkerApi = class extends SetupApi {
+  context;
+  startHandler = null;
+  stopHandler = null;
+  listeners;
   constructor(...handlers) {
     super(...handlers);
-    this.startHandler = null;
-    this.stopHandler = null;
     invariant(
       !isNodeProcess(),
       devUtils9.formatMessage(
@@ -646,8 +576,7 @@ var SetupWorkerApi = class extends SetupApi {
           });
         },
         send: (type) => {
-          var _a;
-          (_a = this.context.worker) == null ? void 0 : _a.postMessage(type);
+          this.context.worker?.postMessage(type);
         }
       },
       events: {
@@ -712,14 +641,17 @@ var SetupWorkerApi = class extends SetupApi {
     this.stopHandler = context.supports.serviceWorkerApi ? createFallbackStop(context) : createStop(context);
     return context;
   }
-  start() {
-    return __async(this, arguments, function* (options = {}) {
-      this.context.startOptions = mergeRight2(
-        DEFAULT_START_OPTIONS,
-        options
+  async start(options = {}) {
+    if (options.waitUntilReady === true) {
+      devUtils9.warn(
+        'The "waitUntilReady" option has been deprecated. Please remove it from this "worker.start()" call. Follow the recommended Browser integration (https://mswjs.io/docs/integrations/browser) to eliminate any race conditions between the Service Worker registration and any requests made by your application on initial render.'
       );
-      return yield this.startHandler(this.context.startOptions, options);
-    });
+    }
+    this.context.startOptions = mergeRight2(
+      DEFAULT_START_OPTIONS,
+      options
+    );
+    return await this.startHandler(this.context.startOptions, options);
   }
   stop() {
     super.dispose();