msw 1.0.0 → 1.1.0

package/lib/node/index.mjs

@@ -1,26 +1,9 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
@@ -28,18 +11,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw new Error('Dynamic require of "' + x + '" is not supported');
 });
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -48,7 +19,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 
 // config/polyfills-node.ts
 import { setTimeout as nodeSetTimeout } from "timers";
@@ -118,7 +92,13 @@ var SetupApi = class {
   }
   validateHandlers(...handlers) {
     for (const handler of handlers) {
-      invariant(!Array.isArray(handler), devUtils.formatMessage('Failed to construct "%s" given an Array of request handlers. Make sure you spread the request handlers when calling the respective setup function.'), this.constructor.name);
+      invariant(
+        !Array.isArray(handler),
+        devUtils.formatMessage(
+          'Failed to construct "%s" given an Array of request handlers. Make sure you spread the request handlers when calling the respective setup function.'
+        ),
+        this.constructor.name
+      );
     }
   }
   dispose() {
@@ -338,15 +318,23 @@ var MockedRequest = class extends IsomorphicRequest {
     const requestCookiesString = this.headers.get("cookie");
     const ownCookies = requestCookiesString ? cookieUtils2.parse(requestCookiesString) : {};
     store.hydrate();
-    const cookiesFromStore = Array.from((_a = store.get(__spreadProps(__spreadValues({}, this), { url: this.url.href }))) == null ? void 0 : _a.entries()).reduce((cookies, [name, { value }]) => {
+    const cookiesFromStore = Array.from(
+      (_a = store.get({ ...this, url: this.url.href })) == null ? void 0 : _a.entries()
+    ).reduce((cookies, [name, { value }]) => {
       return Object.assign(cookies, { [name.trim()]: value });
     }, {});
     const cookiesFromDocument = getRequestCookies(this);
-    const forwardedCookies = __spreadValues(__spreadValues({}, cookiesFromDocument), cookiesFromStore);
+    const forwardedCookies = {
+      ...cookiesFromDocument,
+      ...cookiesFromStore
+    };
     for (const [name, value] of Object.entries(forwardedCookies)) {
       this.headers.append("cookie", `${name}=${value}`);
     }
-    return __spreadValues(__spreadValues({}, forwardedCookies), ownCookies);
+    return {
+      ...forwardedCookies,
+      ...ownCookies
+    };
   }
 };
 
@@ -408,7 +396,10 @@ import { parse as parse3 } from "graphql";
 
 // src/utils/request/getPublicUrlFromRequest.ts
 var getPublicUrlFromRequest = (request) => {
-  return request.referrer.startsWith(request.url.origin) ? request.url.pathname : new URL(request.url.pathname, `${request.url.protocol}//${request.url.host}`).href;
+  return request.referrer.startsWith(request.url.origin) ? request.url.pathname : new URL(
+    request.url.pathname,
+    `${request.url.protocol}//${request.url.host}`
+  ).href;
 };
 
 // src/utils/internal/parseGraphQLRequest.ts
@@ -471,13 +462,19 @@ function getGraphQLInput(request) {
         };
       }
       if ((_b = request.body) == null ? void 0 : _b.operations) {
-        const _c = request.body, { operations, map } = _c, files = __objRest(_c, ["operations", "map"]);
-        const parsedOperations = jsonParse(operations) || {};
+        const { operations, map, ...files } = request.body;
+        const parsedOperations = jsonParse(
+          operations
+        ) || {};
         if (!parsedOperations.query) {
           return null;
         }
         const parsedMap = jsonParse(map || "") || {};
-        const variables = parsedOperations.variables ? extractMultipartVariables(parsedOperations.variables, parsedMap, files) : {};
+        const variables = parsedOperations.variables ? extractMultipartVariables(
+          parsedOperations.variables,
+          parsedMap,
+          files
+        ) : {};
         return {
           query: parsedOperations.query,
           variables
@@ -497,7 +494,14 @@ function parseGraphQLRequest(request) {
   const parsedResult = parseQuery(query);
   if (parsedResult instanceof Error) {
     const requestPublicUrl = getPublicUrlFromRequest(request);
-    throw new Error(devUtils.formatMessage('Failed to intercept a GraphQL request to "%s %s": cannot parse query. See the error message from the parser below.\n\n%s', request.method, requestPublicUrl, parsedResult.message));
+    throw new Error(
+      devUtils.formatMessage(
+        'Failed to intercept a GraphQL request to "%s %s": cannot parse query. See the error message from the parser below.\n\n%s',
+        request.method,
+        requestPublicUrl,
+        parsedResult.message
+      )
+    );
   }
   return {
     operationType: parsedResult.operationType,
@@ -506,134 +510,71 @@ function parseGraphQLRequest(request) {
   };
 }
 
-// node_modules/statuses/codes.json
-var _00 = "Continue";
-var _01 = "Switching Protocols";
-var _02 = "Processing";
-var _03 = "Early Hints";
-var _002 = "OK";
-var _012 = "Created";
-var _022 = "Accepted";
-var _032 = "Non-Authoritative Information";
-var _04 = "No Content";
-var _05 = "Reset Content";
-var _06 = "Partial Content";
-var _07 = "Multi-Status";
-var _08 = "Already Reported";
-var _26 = "IM Used";
-var _003 = "Multiple Choices";
-var _013 = "Moved Permanently";
-var _023 = "Found";
-var _033 = "See Other";
-var _042 = "Not Modified";
-var _052 = "Use Proxy";
-var _072 = "Temporary Redirect";
-var _082 = "Permanent Redirect";
-var _004 = "Bad Request";
-var _014 = "Unauthorized";
-var _024 = "Payment Required";
-var _034 = "Forbidden";
-var _043 = "Not Found";
-var _053 = "Method Not Allowed";
-var _062 = "Not Acceptable";
-var _073 = "Proxy Authentication Required";
-var _083 = "Request Timeout";
-var _09 = "Conflict";
-var _10 = "Gone";
-var _11 = "Length Required";
-var _12 = "Precondition Failed";
-var _13 = "Payload Too Large";
-var _14 = "URI Too Long";
-var _15 = "Unsupported Media Type";
-var _16 = "Range Not Satisfiable";
-var _17 = "Expectation Failed";
-var _18 = "I'm a Teapot";
-var _21 = "Misdirected Request";
-var _22 = "Unprocessable Entity";
-var _23 = "Locked";
-var _24 = "Failed Dependency";
-var _25 = "Too Early";
-var _262 = "Upgrade Required";
-var _28 = "Precondition Required";
-var _29 = "Too Many Requests";
-var _31 = "Request Header Fields Too Large";
-var _51 = "Unavailable For Legal Reasons";
-var _005 = "Internal Server Error";
-var _015 = "Not Implemented";
-var _025 = "Bad Gateway";
-var _035 = "Service Unavailable";
-var _044 = "Gateway Timeout";
-var _054 = "HTTP Version Not Supported";
-var _063 = "Variant Also Negotiates";
-var _074 = "Insufficient Storage";
-var _084 = "Loop Detected";
-var _092 = "Bandwidth Limit Exceeded";
-var _102 = "Not Extended";
-var _112 = "Network Authentication Required";
+// node_modules/.pnpm/statuses@2.0.1/node_modules/statuses/codes.json
 var codes_default = {
-  "100": _00,
-  "101": _01,
-  "102": _02,
-  "103": _03,
-  "200": _002,
-  "201": _012,
-  "202": _022,
-  "203": _032,
-  "204": _04,
-  "205": _05,
-  "206": _06,
-  "207": _07,
-  "208": _08,
-  "226": _26,
-  "300": _003,
-  "301": _013,
-  "302": _023,
-  "303": _033,
-  "304": _042,
-  "305": _052,
-  "307": _072,
-  "308": _082,
-  "400": _004,
-  "401": _014,
-  "402": _024,
-  "403": _034,
-  "404": _043,
-  "405": _053,
-  "406": _062,
-  "407": _073,
-  "408": _083,
-  "409": _09,
-  "410": _10,
-  "411": _11,
-  "412": _12,
-  "413": _13,
-  "414": _14,
-  "415": _15,
-  "416": _16,
-  "417": _17,
-  "418": _18,
-  "421": _21,
-  "422": _22,
-  "423": _23,
-  "424": _24,
-  "425": _25,
-  "426": _262,
-  "428": _28,
-  "429": _29,
-  "431": _31,
-  "451": _51,
-  "500": _005,
-  "501": _015,
-  "502": _025,
-  "503": _035,
-  "504": _044,
-  "505": _054,
-  "506": _063,
-  "507": _074,
-  "508": _084,
-  "509": _092,
-  "510": _102,
-  "511": _112
+  "100": "Continue",
+  "101": "Switching Protocols",
+  "102": "Processing",
+  "103": "Early Hints",
+  "200": "OK",
+  "201": "Created",
+  "202": "Accepted",
+  "203": "Non-Authoritative Information",
+  "204": "No Content",
+  "205": "Reset Content",
+  "206": "Partial Content",
+  "207": "Multi-Status",
+  "208": "Already Reported",
+  "226": "IM Used",
+  "300": "Multiple Choices",
+  "301": "Moved Permanently",
+  "302": "Found",
+  "303": "See Other",
+  "304": "Not Modified",
+  "305": "Use Proxy",
+  "307": "Temporary Redirect",
+  "308": "Permanent Redirect",
+  "400": "Bad Request",
+  "401": "Unauthorized",
+  "402": "Payment Required",
+  "403": "Forbidden",
+  "404": "Not Found",
+  "405": "Method Not Allowed",
+  "406": "Not Acceptable",
+  "407": "Proxy Authentication Required",
+  "408": "Request Timeout",
+  "409": "Conflict",
+  "410": "Gone",
+  "411": "Length Required",
+  "412": "Precondition Failed",
+  "413": "Payload Too Large",
+  "414": "URI Too Long",
+  "415": "Unsupported Media Type",
+  "416": "Range Not Satisfiable",
+  "417": "Expectation Failed",
+  "418": "I'm a Teapot",
+  "421": "Misdirected Request",
+  "422": "Unprocessable Entity",
+  "423": "Locked",
+  "424": "Failed Dependency",
+  "425": "Too Early",
+  "426": "Upgrade Required",
+  "428": "Precondition Required",
+  "429": "Too Many Requests",
+  "431": "Request Header Fields Too Large",
+  "451": "Unavailable For Legal Reasons",
+  "500": "Internal Server Error",
+  "501": "Not Implemented",
+  "502": "Bad Gateway",
+  "503": "Service Unavailable",
+  "504": "Gateway Timeout",
+  "505": "HTTP Version Not Supported",
+  "506": "Variant Also Negotiates",
+  "507": "Insufficient Storage",
+  "508": "Loop Detected",
+  "509": "Bandwidth Limit Exceeded",
+  "510": "Not Extended",
+  "511": "Network Authentication Required"
 };
 
 // src/context/status.ts
@@ -720,7 +661,9 @@ var getRandomServerResponseTime = () => {
   if (isNodeProcess()) {
     return NODE_SERVER_RESPONSE_TIME;
   }
-  return Math.floor(Math.random() * (MAX_SERVER_RESPONSE_TIME - MIN_SERVER_RESPONSE_TIME) + MIN_SERVER_RESPONSE_TIME);
+  return Math.floor(
+    Math.random() * (MAX_SERVER_RESPONSE_TIME - MIN_SERVER_RESPONSE_TIME) + MIN_SERVER_RESPONSE_TIME
+  );
 };
 var delay = (durationOrMode) => {
   return (res) => {
@@ -736,14 +679,18 @@ var delay = (durationOrMode) => {
           break;
         }
         default: {
-          throw new Error(`Failed to delay a response: unknown delay mode "${durationOrMode}". Please make sure you provide one of the supported modes ("real", "infinite") or a number to "ctx.delay".`);
+          throw new Error(
+            `Failed to delay a response: unknown delay mode "${durationOrMode}". Please make sure you provide one of the supported modes ("real", "infinite") or a number to "ctx.delay".`
+          );
         }
       }
     } else if (typeof durationOrMode === "undefined") {
       delayTime = getRandomServerResponseTime();
     } else {
       if (durationOrMode > SET_TIMEOUT_MAX_ALLOWED_INT) {
-        throw new Error(`Failed to delay a response: provided delay duration (${durationOrMode}) exceeds the maximum allowed duration for "setTimeout" (${SET_TIMEOUT_MAX_ALLOWED_INT}). This will cause the response to be returned immediately. Please use a number within the allowed range to delay the response by exact duration, or consider the "infinite" delay mode to delay the response indefinitely.`);
+        throw new Error(
+          `Failed to delay a response: provided delay duration (${durationOrMode}) exceeds the maximum allowed duration for "setTimeout" (${SET_TIMEOUT_MAX_ALLOWED_INT}). This will cause the response to be returned immediately. Please use a number within the allowed range to delay the response by exact duration, or consider the "infinite" delay mode to delay the response indefinitely.`
+        );
       }
       delayTime = durationOrMode;
     }
@@ -767,19 +714,23 @@ var errors = (errorsList) => {
 // src/context/fetch.ts
 import { isNodeProcess as isNodeProcess2 } from "is-node-process";
 import { Headers as Headers2 } from "headers-polyfill";
-var useFetch = isNodeProcess2() ? (input, init) => Promise.resolve().then(() => __toESM(__require("node-fetch"))).then(({ default: nodeFetch }) => nodeFetch(input, init)) : globalThis.fetch;
+var useFetch = isNodeProcess2() ? (input, init) => Promise.resolve().then(() => __toESM(__require("node-fetch"))).then(
+  ({ default: nodeFetch }) => nodeFetch(input, init)
+) : globalThis.fetch;
 var augmentRequestInit = (requestInit) => {
   const headers = new Headers2(requestInit.headers);
   headers.set("x-msw-bypass", "true");
-  return __spreadProps(__spreadValues({}, requestInit), {
+  return {
+    ...requestInit,
     headers: headers.all()
-  });
+  };
 };
 var createFetchRequestParameters = (input) => {
   const { body: body2, method } = input;
-  const requestParameters = __spreadProps(__spreadValues({}, input), {
+  const requestParameters = {
+    ...input,
     body: void 0
-  });
+  };
   if (["GET", "HEAD"].includes(method)) {
     return requestParameters;
   }
@@ -836,19 +787,21 @@ function getTimestamp() {
 
 // src/utils/logging/prepareRequest.ts
 function prepareRequest(request) {
-  return __spreadProps(__spreadValues({}, request), {
+  return {
+    ...request,
     body: request.body,
     headers: request.headers.all()
-  });
+  };
 }
 
 // src/utils/logging/prepareResponse.ts
 import { objectToHeaders as objectToHeaders2 } from "headers-polyfill";
 function prepareResponse(res) {
   const responseHeaders = objectToHeaders2(res.headers);
-  return __spreadProps(__spreadValues({}, res), {
+  return {
+    ...res,
     body: parseBody(res.body, responseHeaders)
-  });
+  };
 }
 
 // src/utils/matching/matchRequestUrl.ts
@@ -892,13 +845,16 @@ function normalizePath(path, baseUrl) {
 
 // src/utils/matching/matchRequestUrl.ts
 function coercePath(path) {
-  return path.replace(/([:a-zA-Z_-]*)(\*{1,2})+/g, (_, parameterName, wildcard) => {
-    const expression = "(.*)";
-    if (!parameterName) {
-      return expression;
+  return path.replace(
+    /([:a-zA-Z_-]*)(\*{1,2})+/g,
+    (_, parameterName, wildcard) => {
+      const expression = "(.*)";
+      if (!parameterName) {
+        return expression;
+      }
+      return parameterName.startsWith(":") ? `${parameterName}${wildcard}` : `${parameterName}${expression}`;
     }
-    return parameterName.startsWith(":") ? `${parameterName}${wildcard}` : `${parameterName}${expression}`;
-  }).replace(/([^\/])(:)(?=\d+)/, "$1\\$2").replace(/^([^\/]+)(:)(?=\/\/)/, "$1\\$2");
+  ).replace(/([^\/])(:)(?=\d+)/, "$1\\$2").replace(/^([^\/]+)(:)(?=\/\/)/, "$1\\$2");
 }
 function matchRequestUrl(url, path, baseUrl) {
   const normalizedPath = normalizePath(path, baseUrl);
@@ -947,11 +903,16 @@ var defaultResponse = {
 var defaultResponseTransformers = [];
 function createResponseComposition(responseOverrides, defaultTransformers = defaultResponseTransformers) {
   return async (...transformers) => {
-    const initialResponse = Object.assign({}, defaultResponse, {
-      headers: new Headers3({
-        "x-powered-by": "msw"
-      })
-    }, responseOverrides);
+    const initialResponse = Object.assign(
+      {},
+      defaultResponse,
+      {
+        headers: new Headers3({
+          "x-powered-by": "msw"
+        })
+      },
+      responseOverrides
+    );
     const resolvedTransformers = [
       ...defaultTransformers,
       ...transformers
@@ -1007,15 +968,20 @@ var RequestHandler = class {
     this.ctx = options.ctx || defaultContext;
     this.resolver = options.resolver;
     const callFrame = getCallFrame(new Error());
-    this.info = __spreadProps(__spreadValues({}, options.info), {
+    this.info = {
+      ...options.info,
       callFrame
-    });
+    };
   }
   parse(_request, _resolutionContext) {
     return null;
   }
   test(request, resolutionContext) {
-    return this.predicate(request, this.parse(request, resolutionContext), resolutionContext);
+    return this.predicate(
+      request,
+      this.parse(request, resolutionContext),
+      resolutionContext
+    );
   }
   getPublicRequest(request, _parsedResult) {
     return request;
@@ -1028,14 +994,26 @@ var RequestHandler = class {
       return null;
     }
     const parsedResult = this.parse(request, resolutionContext);
-    const shouldIntercept = this.predicate(request, parsedResult, resolutionContext);
+    const shouldIntercept = this.predicate(
+      request,
+      parsedResult,
+      resolutionContext
+    );
     if (!shouldIntercept) {
       return null;
     }
     const publicRequest = this.getPublicRequest(request, parsedResult);
     const executeResolver = this.wrapResolver(this.resolver);
-    const mockedResponse = await executeResolver(publicRequest, response, this.ctx);
-    return this.createExecutionResult(parsedResult, publicRequest, mockedResponse);
+    const mockedResponse = await executeResolver(
+      publicRequest,
+      response,
+      this.ctx
+    );
+    return this.createExecutionResult(
+      parsedResult,
+      publicRequest,
+      mockedResponse
+    );
   }
   wrapResolver(resolver) {
     return async (req, res, ctx) => {
@@ -1066,18 +1044,20 @@ var RequestHandler = class {
 };
 
 // src/handlers/RestHandler.ts
-var restContext = __spreadProps(__spreadValues({}, defaultContext), {
+var restContext = {
+  ...defaultContext,
   cookie,
   body,
   text,
   json,
   xml
-});
+};
 var RestRequest = class extends MockedRequest {
   constructor(request, params) {
-    super(request.url, __spreadProps(__spreadValues({}, request), {
+    super(request.url, {
+      ...request,
       body: request["_body"]
-    }));
+    });
     this.params = params;
     this.id = request.id;
   }
@@ -1109,10 +1089,16 @@ var RestHandler = class extends RequestHandler {
     searchParams.forEach((_, paramName) => {
       queryParams.push(paramName);
     });
-    devUtils.warn(`Found a redundant usage of query parameters in the request handler URL for "${method} ${path}". Please match against a path instead and access query parameters in the response resolver function using "req.url.searchParams".`);
+    devUtils.warn(
+      `Found a redundant usage of query parameters in the request handler URL for "${method} ${path}". Please match against a path instead and access query parameters in the response resolver function using "req.url.searchParams".`
+    );
   }
   parse(request, resolutionContext) {
-    return matchRequestUrl(request.url, this.info.path, resolutionContext == null ? void 0 : resolutionContext.baseUrl);
+    return matchRequestUrl(
+      request.url,
+      this.info.path,
+      resolutionContext == null ? void 0 : resolutionContext.baseUrl
+    );
   }
   getPublicRequest(request, parsedResult) {
     return new RestRequest(request, parsedResult.params || {});
@@ -1126,7 +1112,15 @@ var RestHandler = class extends RequestHandler {
     const loggedRequest = prepareRequest(request);
     const loggedResponse = prepareResponse(response2);
     const statusColor = getStatusCodeColor(response2.status);
-    console.groupCollapsed(devUtils.formatMessage("%s %s %s (%c%s%c)"), getTimestamp(), request.method, publicUrl, `color:${statusColor}`, `${response2.status} ${response2.statusText}`, "color:inherit");
+    console.groupCollapsed(
+      devUtils.formatMessage("%s %s %s (%c%s%c)"),
+      getTimestamp(),
+      request.method,
+      publicUrl,
+      `color:${statusColor}`,
+      `${response2.status} ${response2.statusText}`,
+      "color:inherit"
+    );
     console.log("Request", loggedRequest);
     console.log("Handler:", this);
     console.log("Response", loggedResponse);
@@ -1145,10 +1139,33 @@ var field = (fieldName, fieldValue) => {
   };
 };
 function validateFieldName(fieldName) {
-  invariant2(fieldName.trim() !== "", devUtils.formatMessage("Failed to set a custom field on a GraphQL response: field name cannot be empty."));
-  invariant2(fieldName !== "data", devUtils.formatMessage('Failed to set a custom "%s" field on a mocked GraphQL response: forbidden field name. Did you mean to call "ctx.data()" instead?', fieldName));
-  invariant2(fieldName !== "errors", devUtils.formatMessage('Failed to set a custom "%s" field on a mocked GraphQL response: forbidden field name. Did you mean to call "ctx.errors()" instead?', fieldName));
-  invariant2(fieldName !== "extensions", devUtils.formatMessage('Failed to set a custom "%s" field on a mocked GraphQL response: forbidden field name. Did you mean to call "ctx.extensions()" instead?', fieldName));
+  invariant2(
+    fieldName.trim() !== "",
+    devUtils.formatMessage(
+      "Failed to set a custom field on a GraphQL response: field name cannot be empty."
+    )
+  );
+  invariant2(
+    fieldName !== "data",
+    devUtils.formatMessage(
+      'Failed to set a custom "%s" field on a mocked GraphQL response: forbidden field name. Did you mean to call "ctx.data()" instead?',
+      fieldName
+    )
+  );
+  invariant2(
+    fieldName !== "errors",
+    devUtils.formatMessage(
+      'Failed to set a custom "%s" field on a mocked GraphQL response: forbidden field name. Did you mean to call "ctx.errors()" instead?',
+      fieldName
+    )
+  );
+  invariant2(
+    fieldName !== "extensions",
+    devUtils.formatMessage(
+      'Failed to set a custom "%s" field on a mocked GraphQL response: forbidden field name. Did you mean to call "ctx.extensions()" instead?',
+      fieldName
+    )
+  );
 }
 
 // src/utils/internal/tryCatch.ts
@@ -1162,13 +1179,14 @@ function tryCatch(fn, onException) {
 }
 
 // src/handlers/GraphQLHandler.ts
-var graphqlContext = __spreadProps(__spreadValues({}, defaultContext), {
+var graphqlContext = {
+  ...defaultContext,
   data,
   extensions,
   errors,
   cookie,
   field
-});
+};
 function isDocumentNode(value) {
   if (value == null) {
     return false;
@@ -1177,9 +1195,10 @@ function isDocumentNode(value) {
 }
 var GraphQLRequest = class extends MockedRequest {
   constructor(request, variables) {
-    super(request.url, __spreadProps(__spreadValues({}, request), {
+    super(request.url, {
+      ...request,
       body: request["_body"]
-    }));
+    });
     this.variables = variables;
   }
 };
@@ -1189,10 +1208,14 @@ var GraphQLHandler = class extends RequestHandler {
     if (isDocumentNode(operationName)) {
       const parsedNode = parseDocumentNode(operationName);
       if (parsedNode.operationType !== operationType) {
-        throw new Error(`Failed to create a GraphQL handler: provided a DocumentNode with a mismatched operation type (expected "${operationType}", but got "${parsedNode.operationType}").`);
+        throw new Error(
+          `Failed to create a GraphQL handler: provided a DocumentNode with a mismatched operation type (expected "${operationType}", but got "${parsedNode.operationType}").`
+        );
       }
       if (!parsedNode.operationName) {
-        throw new Error(`Failed to create a GraphQL handler: provided a DocumentNode with no operation name.`);
+        throw new Error(
+          `Failed to create a GraphQL handler: provided a DocumentNode with no operation name.`
+        );
       }
       resolvedOperationName = parsedNode.operationName;
     }
@@ -1209,7 +1232,10 @@ var GraphQLHandler = class extends RequestHandler {
     this.endpoint = endpoint;
   }
   parse(request) {
-    return tryCatch(() => parseGraphQLRequest(request), (error2) => console.error(error2.message));
+    return tryCatch(
+      () => parseGraphQLRequest(request),
+      (error2) => console.error(error2.message)
+    );
   }
   getPublicRequest(request, parsedResult) {
     return new GraphQLRequest(request, (parsedResult == null ? void 0 : parsedResult.variables) || {});
@@ -1222,7 +1248,7 @@ var GraphQLHandler = class extends RequestHandler {
       const publicUrl = getPublicUrlFromRequest(request);
       devUtils.warn(`Failed to intercept a GraphQL request at "${request.method} ${publicUrl}": anonymous GraphQL operations are not supported.
 
-Consider naming this operation or using "graphql.operation" request handler to intercept GraphQL requests regardless of their operation name/type. Read more: https://mswjs.io/docs/api/graphql/operation      `);
+Consider naming this operation or using "graphql.operation()" request handler to intercept GraphQL requests regardless of their operation name/type. Read more: https://mswjs.io/docs/api/graphql/operation      `);
       return false;
     }
     const hasMatchingUrl = matchRequestUrl(request.url, this.endpoint);
@@ -1235,7 +1261,14 @@ Consider naming this operation or using "graphql.operation" request handler to i
     const loggedResponse = prepareResponse(response2);
     const statusColor = getStatusCodeColor(response2.status);
     const requestInfo = (parsedRequest == null ? void 0 : parsedRequest.operationName) ? `${parsedRequest == null ? void 0 : parsedRequest.operationType} ${parsedRequest == null ? void 0 : parsedRequest.operationName}` : `anonymous ${parsedRequest == null ? void 0 : parsedRequest.operationType}`;
-    console.groupCollapsed(devUtils.formatMessage("%s %s (%c%s%c)"), getTimestamp(), `${requestInfo}`, `color:${statusColor}`, `${response2.status} ${response2.statusText}`, "color:inherit");
+    console.groupCollapsed(
+      devUtils.formatMessage("%s %s (%c%s%c)"),
+      getTimestamp(),
+      `${requestInfo}`,
+      `color:${statusColor}`,
+      `${response2.status} ${response2.statusText}`,
+      "color:inherit"
+    );
     console.log("Request:", loggedRequest);
     console.log("Handler:", this);
     console.log("Response:", loggedResponse);
@@ -1248,18 +1281,21 @@ var MAX_MATCH_SCORE = 3;
 var MAX_SUGGESTION_COUNT = 4;
 var TYPE_MATCH_DELTA = 0.5;
 function groupHandlersByType(handlers) {
-  return handlers.reduce((groups, handler) => {
-    if (handler instanceof RestHandler) {
-      groups.rest.push(handler);
-    }
-    if (handler instanceof GraphQLHandler) {
-      groups.graphql.push(handler);
+  return handlers.reduce(
+    (groups, handler) => {
+      if (handler instanceof RestHandler) {
+        groups.rest.push(handler);
+      }
+      if (handler instanceof GraphQLHandler) {
+        groups.graphql.push(handler);
+      }
+      return groups;
+    },
+    {
+      rest: [],
+      graphql: []
     }
-    return groups;
-  }, {
-    rest: [],
-    graphql: []
-  });
+  );
 }
 function getRestHandlerScore() {
   return (request, handler) => {
@@ -1309,7 +1345,11 @@ function onUnhandledRequest(request, handlers, strategy = "warn") {
   function generateHandlerSuggestion() {
     const handlerGroups = groupHandlersByType(handlers);
     const relevantHandlers = parsedGraphQLQuery ? handlerGroups.graphql : handlerGroups.rest;
-    const suggestedHandlers = getSuggestedHandler(request, relevantHandlers, parsedGraphQLQuery ? getGraphQLHandlerScore(parsedGraphQLQuery) : getRestHandlerScore());
+    const suggestedHandlers = getSuggestedHandler(
+      request,
+      relevantHandlers,
+      parsedGraphQLQuery ? getGraphQLHandlerScore(parsedGraphQLQuery) : getRestHandlerScore()
+    );
     return suggestedHandlers.length > 0 ? getSuggestedHandlersMessage(suggestedHandlers) : "";
   }
   function generateUnhandledRequestMessage() {
@@ -1330,7 +1370,11 @@ Read more: https://mswjs.io/docs/getting-started/mocks`
     switch (strategy2) {
       case "error": {
         devUtils.error("Error: %s", message);
-        throw new Error(devUtils.formatMessage('Cannot bypass a request when using the "error" strategy for the "onUnhandledRequest" option.'));
+        throw new Error(
+          devUtils.formatMessage(
+            'Cannot bypass a request when using the "error" strategy for the "onUnhandledRequest" option.'
+          )
+        );
       }
       case "warn": {
         devUtils.warn("Warning: %s", message);
@@ -1339,7 +1383,12 @@ Read more: https://mswjs.io/docs/getting-started/mocks`
       case "bypass":
         break;
       default:
-        throw new Error(devUtils.formatMessage('Failed to react to an unhandled request: unknown strategy "%s". Please provide one of the supported strategies ("bypass", "warn", "error") or a custom callback function as the value of the "onUnhandledRequest" option.', strategy2));
+        throw new Error(
+          devUtils.formatMessage(
+            'Failed to react to an unhandled request: unknown strategy "%s". Please provide one of the supported strategies ("bypass", "warn", "error") or a custom callback function as the value of the "onUnhandledRequest" option.',
+            strategy2
+          )
+        );
     }
   }
   if (typeof strategy === "function") {
@@ -1355,7 +1404,7 @@ Read more: https://mswjs.io/docs/getting-started/mocks`
 // src/utils/request/readResponseCookies.ts
 import { store as store2 } from "@mswjs/cookies";
 function readResponseCookies(request, response2) {
-  store2.add(__spreadProps(__spreadValues({}, request), { url: request.url.toString() }), response2);
+  store2.add({ ...request, url: request.url.toString() }, response2);
   store2.persist();
 }
 
@@ -1369,7 +1418,11 @@ async function handleRequest(request, handlers, options, emitter, handleRequestO
     return;
   }
   const [lookupError, lookupResult] = await until(() => {
-    return getResponse(request, handlers, handleRequestOptions == null ? void 0 : handleRequestOptions.resolutionContext);
+    return getResponse(
+      request,
+      handlers,
+      handleRequestOptions == null ? void 0 : handleRequestOptions.resolutionContext
+    );
   });
   if (lookupError) {
     emitter.emit("unhandledException", lookupError, request);
@@ -1384,10 +1437,15 @@ async function handleRequest(request, handlers, options, emitter, handleRequestO
     return;
   }
   if (!response2) {
-    devUtils.warn(`Expected response resolver to return a mocked response Object, but got %s. The original response is going to be used instead.
+    devUtils.warn(
+      `Expected response resolver to return a mocked response Object, but got %s. The original response is going to be used instead.
 
   \u2022 %s
-    %s`, response2, handler.info.header, handler.info.callFrame);
+    %s`,
+      response2,
+      handler.info.header,
+      handler.info.callFrame
+    );
     emitter.emit("request:end", request);
     (_c = handleRequestOptions == null ? void 0 : handleRequestOptions.onPassthroughResponse) == null ? void 0 : _c.call(handleRequestOptions, request);
     return;
@@ -1401,7 +1459,11 @@ async function handleRequest(request, handlers, options, emitter, handleRequestO
   emitter.emit("request:match", request);
   const requiredLookupResult = lookupResult;
   const transformedResponse = ((_e = handleRequestOptions == null ? void 0 : handleRequestOptions.transformResponse) == null ? void 0 : _e.call(handleRequestOptions, response2)) || response2;
-  (_f = handleRequestOptions == null ? void 0 : handleRequestOptions.onMockedResponse) == null ? void 0 : _f.call(handleRequestOptions, transformedResponse, requiredLookupResult);
+  (_f = handleRequestOptions == null ? void 0 : handleRequestOptions.onMockedResponse) == null ? void 0 : _f.call(
+    handleRequestOptions,
+    transformedResponse,
+    requiredLookupResult
+  );
   emitter.emit("request:end", request);
   return transformedResponse;
 }
@@ -1423,20 +1485,27 @@ var SetupServerApi = class extends SetupApi {
   }
   init() {
     this.interceptor.on("request", async (request) => {
-      const mockedRequest = new MockedRequest(request.url, __spreadProps(__spreadValues({}, request), {
+      const mockedRequest = new MockedRequest(request.url, {
+        ...request,
         body: await request.arrayBuffer()
-      }));
-      const response2 = await handleRequest(mockedRequest, this.currentHandlers, this.resolvedOptions, this.emitter, {
-        transformResponse(response3) {
-          return {
-            status: response3.status,
-            statusText: response3.statusText,
-            headers: response3.headers.all(),
-            body: response3.body,
-            delay: response3.delay
-          };
-        }
       });
+      const response2 = await handleRequest(
+        mockedRequest,
+        this.currentHandlers,
+        this.resolvedOptions,
+        this.emitter,
+        {
+          transformResponse(response3) {
+            return {
+              status: response3.status,
+              statusText: response3.statusText,
+              headers: response3.headers.all(),
+              body: response3.body,
+              delay: response3.delay
+            };
+          }
+        }
+      );
       if (response2) {
         if (response2.delay) {
           await new Promise((resolve) => {
@@ -1459,9 +1528,20 @@ var SetupServerApi = class extends SetupApi {
     });
   }
   listen(options = {}) {
-    this.resolvedOptions = mergeRight(DEFAULT_LISTEN_OPTIONS, options);
+    this.resolvedOptions = mergeRight(
+      DEFAULT_LISTEN_OPTIONS,
+      options
+    );
     this.interceptor.apply();
-    invariant3([InterceptorReadyState.APPLYING, InterceptorReadyState.APPLIED].includes(this.interceptor.readyState), devUtils.formatMessage('Failed to start "setupServer": the interceptor failed to apply. This is likely an issue with the library and you should report it at "%s".'), "https://github.com/mswjs/msw/issues/new/choose");
+    invariant3(
+      [InterceptorReadyState.APPLYING, InterceptorReadyState.APPLIED].includes(
+        this.interceptor.readyState
+      ),
+      devUtils.formatMessage(
+        'Failed to start "setupServer": the interceptor failed to apply. This is likely an issue with the library and you should report it at "%s".'
+      ),
+      "https://github.com/mswjs/msw/issues/new/choose"
+    );
   }
   printHandlers() {
     const handlers = this.listHandlers();
@@ -1482,8 +1562,12 @@ var SetupServerApi = class extends SetupApi {
 // src/node/setupServer.ts
 import { ClientRequestInterceptor } from "@mswjs/interceptors/lib/interceptors/ClientRequest/index.js";
 import { XMLHttpRequestInterceptor } from "@mswjs/interceptors/lib/interceptors/XMLHttpRequest/index.js";
+import { FetchInterceptor } from "@mswjs/interceptors/lib/interceptors/fetch/index.js";
 var setupServer = (...handlers) => {
-  return new SetupServerApi([ClientRequestInterceptor, XMLHttpRequestInterceptor], ...handlers);
+  return new SetupServerApi(
+    [ClientRequestInterceptor, XMLHttpRequestInterceptor, FetchInterceptor],
+    ...handlers
+  );
 };
 export {
   SetupServerApi,