msw 0.33.0 → 0.34.0

package/lib/iife/mockServiceWorker.js

@@ -2,13 +2,13 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (0.33.0).
+ * Mock Service Worker (0.34.0).
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.
  */
 
-const INTEGRITY_CHECKSUM = '82ef9b96d8393b6da34527d1d6e19187'
+const INTEGRITY_CHECKSUM = 'f0a916b13c8acc2b526a03a6d26df85f'
 const bypassHeaderName = 'x-msw-bypass'
 const activeClientIds = new Set()
 
@@ -221,13 +221,11 @@ async function getResponse(event, client, requestId) {
 
       console.error(
         `\
-[MSW] Request handler function for "%s %s" has thrown the following exception:
+[MSW] Uncaught exception in the request handler for "%s %s":
 
-${parsedBody.errorType}: ${parsedBody.message}
-(see more detailed error stack trace in the mocked response body)
+${parsedBody.location}
 
-This exception has been gracefully handled as a 500 response, however, it's strongly recommended to resolve this error.
-If you wish to mock an error response, please refer to this guide: https://mswjs.io/docs/recipes/mocking-error-responses\
+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,
@@ -242,6 +240,12 @@ If you wish to mock an error response, please refer to this guide: https://mswjs
 
 self.addEventListener('fetch', function (event) {
   const { request } = event
+  const accept = request.headers.get('accept') || ''
+
+  // Bypass server-sent events.
+  if (accept.includes('text/event-stream')) {
+    return
+  }
 
   // Bypass navigation requests.
   if (request.mode === 'navigate') {
@@ -265,11 +269,22 @@ self.addEventListener('fetch', function (event) {
 
   return event.respondWith(
     handleRequest(event, requestId).catch((error) => {
+      if (error.name === 'NetworkError') {
+        console.warn(
+          '[MSW] Successfully emulated a network error for the "%s %s" request.',
+          request.method,
+          request.url,
+        )
+        return
+      }
+
+      // At this point, any exception indicates an issue with the original request/response.
       console.error(
-        '[MSW] Failed to mock a "%s" request to "%s": %s',
+        `\
+[MSW] Caught an exception from the "%s %s" request (%s). This is probably not a problem with Mock Service Worker. There is likely an additional logging output above.`,
         request.method,
         request.url,
-        error,
+        `${error.name}: ${error.message}`,
       )
     }),
   )

package/lib/types/graphql.d.ts

@@ -1,6 +1,15 @@
+import { DocumentNode } from 'graphql';
 import { Path } from 'node-match-path';
 import { ResponseResolver } from './handlers/RequestHandler';
 import { GraphQLHandler, GraphQLContext, GraphQLRequest, GraphQLVariables, GraphQLHandlerNameSelector } from './handlers/GraphQLHandler';
+export interface TypedDocumentNode<Result = {
+    [key: string]: any;
+}, Variables = {
+    [key: string]: any;
+}> extends DocumentNode {
+    __resultType?: Result;
+    __variablesType?: Variables;
+}
 declare const standardGraphQLHandlers: {
     /**
      * Captures any GraphQL operation, regardless of its name, under the current scope.
@@ -19,7 +28,7 @@ declare const standardGraphQLHandlers: {
      * })
      * @see {@link https://mswjs.io/docs/api/graphql/query `graphql.query()`}
      */
-    query: <Query_1 extends Record<string, any>, Variables_1 extends GraphQLVariables = GraphQLVariables>(operationName: GraphQLHandlerNameSelector, resolver: ResponseResolver<GraphQLRequest<Variables_1>, GraphQLContext<Query_1>, any>) => GraphQLHandler<GraphQLRequest<any>>;
+    query: <Query_1 extends Record<string, any>, Variables_1 extends GraphQLVariables = GraphQLVariables>(operationName: GraphQLHandlerNameSelector | TypedDocumentNode<Query_1, Variables_1>, resolver: ResponseResolver<GraphQLRequest<Variables_1>, GraphQLContext<Query_1>, any>) => GraphQLHandler<GraphQLRequest<any>>;
     /**
      * Captures a GraphQL mutation by a given name.
      * @example
@@ -28,7 +37,7 @@ declare const standardGraphQLHandlers: {
      * })
      * @see {@link https://mswjs.io/docs/api/graphql/mutation `graphql.mutation()`}
      */
-    mutation: <Query_1 extends Record<string, any>, Variables_1 extends GraphQLVariables = GraphQLVariables>(operationName: GraphQLHandlerNameSelector, resolver: ResponseResolver<GraphQLRequest<Variables_1>, GraphQLContext<Query_1>, any>) => GraphQLHandler<GraphQLRequest<any>>;
+    mutation: <Query_1 extends Record<string, any>, Variables_1 extends GraphQLVariables = GraphQLVariables>(operationName: GraphQLHandlerNameSelector | TypedDocumentNode<Query_1, Variables_1>, resolver: ResponseResolver<GraphQLRequest<Variables_1>, GraphQLContext<Query_1>, any>) => GraphQLHandler<GraphQLRequest<any>>;
 };
 declare function createGraphQLLink(url: Path): typeof standardGraphQLHandlers;
 export declare const graphql: {
@@ -50,7 +59,7 @@ export declare const graphql: {
      * })
      * @see {@link https://mswjs.io/docs/api/graphql/query `graphql.query()`}
      */
-    query: <Query_1 extends Record<string, any>, Variables_1 extends GraphQLVariables = GraphQLVariables>(operationName: GraphQLHandlerNameSelector, resolver: ResponseResolver<GraphQLRequest<Variables_1>, GraphQLContext<Query_1>, any>) => GraphQLHandler<GraphQLRequest<any>>;
+    query: <Query_1 extends Record<string, any>, Variables_1 extends GraphQLVariables = GraphQLVariables>(operationName: GraphQLHandlerNameSelector | TypedDocumentNode<Query_1, Variables_1>, resolver: ResponseResolver<GraphQLRequest<Variables_1>, GraphQLContext<Query_1>, any>) => GraphQLHandler<GraphQLRequest<any>>;
     /**
      * Captures a GraphQL mutation by a given name.
      * @example
@@ -59,6 +68,6 @@ export declare const graphql: {
      * })
      * @see {@link https://mswjs.io/docs/api/graphql/mutation `graphql.mutation()`}
      */
-    mutation: <Query_1 extends Record<string, any>, Variables_1 extends GraphQLVariables = GraphQLVariables>(operationName: GraphQLHandlerNameSelector, resolver: ResponseResolver<GraphQLRequest<Variables_1>, GraphQLContext<Query_1>, any>) => GraphQLHandler<GraphQLRequest<any>>;
+    mutation: <Query_1 extends Record<string, any>, Variables_1 extends GraphQLVariables = GraphQLVariables>(operationName: GraphQLHandlerNameSelector | TypedDocumentNode<Query_1, Variables_1>, resolver: ResponseResolver<GraphQLRequest<Variables_1>, GraphQLContext<Query_1>, any>) => GraphQLHandler<GraphQLRequest<any>>;
 };
 export {};

package/lib/types/handlers/GraphQLHandler.d.ts

@@ -1,4 +1,4 @@
-import { OperationTypeNode } from 'graphql';
+import { DocumentNode, OperationTypeNode } from 'graphql';
 import { Path } from 'node-match-path';
 import { SerializedResponse } from '../setupWorker/glossary';
 import { set } from '../context/set';
@@ -11,7 +11,7 @@ import { cookie } from '../context/cookie';
 import { MockedRequest, RequestHandler, ResponseResolver } from './RequestHandler';
 import { ParsedGraphQLRequest, GraphQLMultipartRequestBody } from '../utils/internal/parseGraphQLRequest';
 export declare type ExpectedOperationTypeNode = OperationTypeNode | 'all';
-export declare type GraphQLHandlerNameSelector = RegExp | string;
+export declare type GraphQLHandlerNameSelector = DocumentNode | RegExp | string;
 export declare type GraphQLContext<QueryType> = {
     set: typeof set;
     status: typeof status;
@@ -35,11 +35,12 @@ export interface GraphQLJsonRequestBody<Variables extends GraphQLVariables> {
 export interface GraphQLRequest<Variables extends GraphQLVariables> extends MockedRequest<GraphQLRequestBody<Variables>> {
     variables: Variables;
 }
+export declare function isDocumentNode(value: DocumentNode | any): value is DocumentNode;
 export declare class GraphQLHandler<Request extends GraphQLRequest<any> = GraphQLRequest<any>> extends RequestHandler<GraphQLHandlerInfo, Request, ParsedGraphQLRequest | null, GraphQLRequest<any>> {
     private endpoint;
     constructor(operationType: ExpectedOperationTypeNode, operationName: GraphQLHandlerNameSelector, endpoint: Path, resolver: ResponseResolver<any, any>);
     parse(request: MockedRequest): ParsedGraphQLRequest<GraphQLVariables>;
     protected getPublicRequest(request: Request, parsedResult: ParsedGraphQLRequest): GraphQLRequest<any>;
     predicate(request: MockedRequest, parsedResult: ParsedGraphQLRequest): boolean;
-    log(request: Request, response: SerializedResponse<any>): void;
+    log(request: Request, response: SerializedResponse, handler: this, parsedRequest: ParsedGraphQLRequest): void;
 }

package/lib/types/handlers/RequestHandler.d.ts

@@ -2,6 +2,7 @@ import { Headers } from 'headers-utils';
 import { MockedResponse, ResponseComposition } from '../response';
 import { set } from '../context/set';
 import { ResponseResolutionContext } from '../utils/getResponse';
+import { SerializedResponse } from '../setupWorker/glossary';
 export declare const defaultContext: {
     status: (statusCode: number, statusText?: string | undefined) => import("../response").ResponseTransformer<any, any>;
     set: typeof set;
@@ -65,7 +66,7 @@ export declare abstract class RequestHandler<HandlerInfo extends Record<string,
     /**
      * Print out the successfully handled request.
      */
-    abstract log(request: Request, response: any, handler: this, parsedResult: ParsedResult): void;
+    abstract log(request: Request, response: SerializedResponse<any>, handler: this, parsedResult: ParsedResult): void;
     /**
      * Parse the captured request to extract additional information from it.
      * Parsed result is then exposed to other methods of this request handler.

package/lib/types/handlers/RestHandler.d.ts

@@ -48,6 +48,6 @@ export declare class RestHandler<RequestType extends MockedRequest<DefaultReques
     parse(request: RequestType, resolutionContext?: ResponseResolutionContext): Match;
     protected getPublicRequest(request: RequestType, parsedResult: ParsedRestRequest): RestRequest<any, RequestParams>;
     predicate(request: RequestType, parsedResult: ParsedRestRequest): boolean;
-    log(request: RequestType, response: SerializedResponse<any>): void;
+    log(request: RequestType, response: SerializedResponse): void;
 }
 export {};

package/lib/types/setupWorker/glossary.d.ts

@@ -2,7 +2,6 @@ import { Path } from 'node-match-path';
 import { PartialDeep } from 'type-fest';
 import { FlatHeadersObject } from 'headers-utils';
 import { StrictEventEmitter } from 'strict-event-emitter';
-import { MockedResponse } from '../response';
 import { SharedOptions } from '../sharedOptions';
 import { ServiceWorkerMessage } from '../utils/createBroadcastChannel';
 import { MockedRequest, RequestHandler } from '../handlers/RequestHandler';
@@ -115,9 +114,12 @@ export interface StartOptions extends SharedOptions {
      */
     findWorker: FindWorker;
 }
-export declare type SerializedResponse<BodyType = any> = Omit<MockedResponse<BodyType>, 'headers'> & {
+export interface SerializedResponse<BodyType = any> {
+    status: number;
+    statusText: string;
     headers: FlatHeadersObject;
-};
+    body: BodyType;
+}
 export declare type StartReturnType = Promise<ServiceWorkerRegistration | undefined>;
 export declare type StartHandler = (options: StartOptions, initialOptions: PartialDeep<StartOptions>) => StartReturnType;
 export declare type StopHandler = () => void;

package/lib/types/utils/internal/parseGraphQLRequest.d.ts

@@ -1,4 +1,4 @@
-import { OperationTypeNode } from 'graphql';
+import { DocumentNode, OperationTypeNode } from 'graphql';
 import { GraphQLVariables } from '../../handlers/GraphQLHandler';
 import { MockedRequest } from '../../handlers/RequestHandler';
 export interface ParsedGraphQLQuery {
@@ -8,6 +8,7 @@ export interface ParsedGraphQLQuery {
 export declare type ParsedGraphQLRequest<VariablesType extends GraphQLVariables = GraphQLVariables> = (ParsedGraphQLQuery & {
     variables?: VariablesType;
 }) | undefined;
+export declare function parseDocumentNode(node: DocumentNode): ParsedGraphQLQuery;
 export declare type GraphQLParsedOperationsMap = Record<string, string[]>;
 export declare type GraphQLMultipartRequestBody = {
     operations: string;

package/lib/types/utils/logging/getStatusCodeColor.d.ts

@@ -1,4 +1,9 @@
+export declare enum StatusCodeColor {
+    Success = "#69AB32",
+    Warning = "#F0BB4B",
+    Danger = "#E95F5D"
+}
 /**
  * Returns a HEX color for a given response status code number.
  */
-export declare function getStatusCodeColor(status: number): "#69AB32" | "#F0BB4B" | "#E95F5D";
+export declare function getStatusCodeColor(status: number): StatusCodeColor;

package/lib/types/utils/logging/getTimestamp.d.ts

@@ -1 +1,4 @@
+/**
+ * Returns a timestamp string in a "HH:MM:SS" format.
+ */
 export declare function getTimestamp(): string;

package/lib/types/utils/logging/prepareResponse.d.ts

@@ -1,12 +1,10 @@
 import { SerializedResponse } from '../../setupWorker/glossary';
 /**
- * Formats a mocked response for introspection in browser's console.
+ * Formats a mocked response for introspection in the browser's console.
  */
 export declare function prepareResponse(res: SerializedResponse<any>): {
     body: string | Record<string, any> | undefined;
     status: number;
     statusText: string;
-    once: boolean;
-    delay?: number | undefined;
     headers: import("headers-utils").FlatHeadersObject;
 };

package/lib/umd/index.js

@@ -1754,6 +1754,65 @@
 
   var invariant$3 = {};
 
+  var format$1 = {};
+
+  Object.defineProperty(format$1, "__esModule", { value: true });
+  format$1.format = void 0;
+  var POSITIONALS_EXP = /(%?)(%([sdjo]))/g;
+  function serializePositional(positional, flag) {
+      switch (flag) {
+          // Strings.
+          case 's':
+              return positional;
+          // Digits.
+          case 'd':
+          case 'i':
+              return Number(positional);
+          // JSON.
+          case 'j':
+              return JSON.stringify(positional);
+          // Objects.
+          case 'o': {
+              // Preserve stings to prevent extra quotes around them.
+              if (typeof positional === 'string') {
+                  return positional;
+              }
+              var json = JSON.stringify(positional);
+              // If the positional isn't serializable, return it as-is.
+              if (json === '{}' || json === '[]' || /^\[object .+?\]$/.test(json)) {
+                  return positional;
+              }
+              return json;
+          }
+      }
+  }
+  function format(message) {
+      var positionals = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+          positionals[_i - 1] = arguments[_i];
+      }
+      if (positionals.length === 0) {
+          return message;
+      }
+      var positionalIndex = 0;
+      var formattedMessage = message.replace(POSITIONALS_EXP, function (match, isEscaped, _, flag) {
+          var positional = positionals[positionalIndex];
+          var value = serializePositional(positional, flag);
+          if (!isEscaped) {
+              positionalIndex++;
+              return value;
+          }
+          return match;
+      });
+      // Append unresolved positionals to string as-is.
+      if (positionalIndex < positionals.length) {
+          formattedMessage += " " + positionals.slice(positionalIndex).join(' ');
+      }
+      formattedMessage = formattedMessage.replace(/%{2,2}/g, '%');
+      return formattedMessage;
+  }
+  format$1.format = format;
+
   var __extends$1 = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
       var extendStatics = function (d, b) {
           extendStatics = Object.setPrototypeOf ||
@@ -1775,21 +1834,9 @@
       return to;
   };
   Object.defineProperty(invariant$3, "__esModule", { value: true });
-  invariant$3.invariant = invariant$3.InvariantError = invariant$3.interpolate = void 0;
+  invariant$3.invariant = invariant$3.InvariantError = void 0;
+  var format_1 = format$1;
   var STACK_FRAMES_TO_IGNORE = 2;
-  function interpolate(message) {
-      var positionals = [];
-      for (var _i = 1; _i < arguments.length; _i++) {
-          positionals[_i - 1] = arguments[_i];
-      }
-      var index = 0;
-      return message.replace(/%[s|d|o]/g, function (match) {
-          var _a;
-          var value = (_a = positionals[index++]) !== null && _a !== void 0 ? _a : match;
-          return typeof value === 'object' ? JSON.stringify(value) : value;
-      });
-  }
-  invariant$3.interpolate = interpolate;
   var InvariantError = /** @class */ (function (_super) {
       __extends$1(InvariantError, _super);
       function InvariantError(message) {
@@ -1799,7 +1846,7 @@
           }
           var _this = _super.call(this, message) || this;
           _this.name = 'Invariant Violation';
-          _this.message = interpolate.apply(void 0, __spreadArray([message], positionals));
+          _this.message = format_1.format.apply(void 0, __spreadArray([message], positionals));
           if (_this.stack) {
               var prevStack = _this.stack;
               _this.stack = prevStack
@@ -1836,6 +1883,7 @@
   };
   Object.defineProperty(exports, "__esModule", { value: true });
   __exportStar(invariant$3, exports);
+  __exportStar(format$1, exports);
   }(lib$2));
 
   const LIBRARY_PREFIX = '[MSW]';
@@ -1843,7 +1891,7 @@
    * Formats a given message by appending the library's prefix string.
    */
   function formatMessage(message, ...positionals) {
-      const interpolatedMessage = lib$2.interpolate(message, ...positionals);
+      const interpolatedMessage = lib$2.format(message, ...positionals);
       return `${LIBRARY_PREFIX} ${interpolatedMessage}`;
   }
   /**
@@ -22235,17 +22283,20 @@ Invalid value has been removed from localStorage to prevent subsequent failed pa
           : new URL(request.url.pathname, `${request.url.protocol}//${request.url.host}`).href;
   };
 
-  function parseQuery(query) {
+  function parseDocumentNode(node) {
       var _a;
+      const operationDef = node.definitions.find((def) => {
+          return def.kind === 'OperationDefinition';
+      });
+      return {
+          operationType: operationDef === null || operationDef === void 0 ? void 0 : operationDef.operation,
+          operationName: (_a = operationDef === null || operationDef === void 0 ? void 0 : operationDef.name) === null || _a === void 0 ? void 0 : _a.value,
+      };
+  }
+  function parseQuery(query) {
       try {
           const ast = graphql$3.parse(query);
-          const operationDef = ast.definitions.find((def) => {
-              return def.kind === 'OperationDefinition';
-          });
-          return {
-              operationType: operationDef === null || operationDef === void 0 ? void 0 : operationDef.operation,
-              operationName: (_a = operationDef === null || operationDef === void 0 ? void 0 : operationDef.name) === null || _a === void 0 ? void 0 : _a.value,
-          };
+          return parseDocumentNode(ast);
       }
       catch (error) {
           return error;
@@ -22325,7 +22376,7 @@ Invalid value has been removed from localStorage to prevent subsequent failed pa
       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%o', 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,
@@ -22334,19 +22385,28 @@ Invalid value has been removed from localStorage to prevent subsequent failed pa
       };
   }
 
+  var StatusCodeColor;
+  (function (StatusCodeColor) {
+      StatusCodeColor["Success"] = "#69AB32";
+      StatusCodeColor["Warning"] = "#F0BB4B";
+      StatusCodeColor["Danger"] = "#E95F5D";
+  })(StatusCodeColor || (StatusCodeColor = {}));
   /**
    * Returns a HEX color for a given response status code number.
    */
   function getStatusCodeColor(status) {
       if (status < 300) {
-          return '#69AB32';
+          return StatusCodeColor.Success;
       }
       if (status < 400) {
-          return '#F0BB4B';
+          return StatusCodeColor.Warning;
       }
-      return '#E95F5D';
+      return StatusCodeColor.Danger;
   }
 
+  /**
+   * Returns a timestamp string in a "HH:MM:SS" format.
+   */
   function getTimestamp() {
       const now = new Date();
       return [now.getHours(), now.getMinutes(), now.getSeconds()]
@@ -22364,7 +22424,7 @@ Invalid value has been removed from localStorage to prevent subsequent failed pa
   }
 
   /**
-   * Formats a mocked response for introspection in browser's console.
+   * Formats a mocked response for introspection in the browser's console.
    */
   function prepareResponse(res) {
       const responseHeaders = lib$6.objectToHeaders(res.headers);
@@ -22727,7 +22787,8 @@ ${queryParams
           const publicUrl = getPublicUrlFromRequest(request);
           const loggedRequest = prepareRequest(request);
           const loggedResponse = prepareResponse(response);
-          console.groupCollapsed(devUtils.formatMessage('%s %s %s (%c%s%c)'), getTimestamp(), request.method, publicUrl, `color:${getStatusCodeColor(response.status)}`, response.status, 'color:inherit');
+          const statusColor = getStatusCodeColor(response.status);
+          console.groupCollapsed(devUtils.formatMessage('%s %s %s (%c%s%c)'), getTimestamp(), request.method, publicUrl, `color:${statusColor}`, `${response.status} ${response.statusText}`, 'color:inherit');
           console.log('Request', loggedRequest);
           console.log('Handler:', {
               mask: this.info.path,
@@ -22757,16 +22818,33 @@ ${queryParams
       errors,
       cookie,
   };
+  function isDocumentNode(value) {
+      if (value == null) {
+          return false;
+      }
+      return typeof value === 'object' && 'kind' in value && 'definitions' in value;
+  }
   class GraphQLHandler extends RequestHandler {
       constructor(operationType, operationName, endpoint, resolver) {
+          let resolvedOperationName = operationName;
+          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}").`);
+              }
+              if (!parsedNode.operationName) {
+                  throw new Error(`Failed to create a GraphQL handler: provided a DocumentNode with no operation name.`);
+              }
+              resolvedOperationName = parsedNode.operationName;
+          }
           const header = operationType === 'all'
               ? `${operationType} (origin: ${endpoint.toString()})`
-              : `${operationType} ${operationName} (origin: ${endpoint.toString()})`;
+              : `${operationType} ${resolvedOperationName} (origin: ${endpoint.toString()})`;
           super({
               info: {
                   header,
                   operationType,
-                  operationName,
+                  operationName: resolvedOperationName,
               },
               ctx: graphqlContext,
               resolver,
@@ -22802,10 +22880,11 @@ Consider naming this operation or using "graphql.operation" request handler to i
               hasMatchingOperationType &&
               hasMatchingOperationName);
       }
-      log(request, response) {
+      log(request, response, handler, parsedRequest) {
           const loggedRequest = prepareRequest(request);
           const loggedResponse = prepareResponse(response);
-          console.groupCollapsed(devUtils.formatMessage('%s %s (%c%s%c)'), getTimestamp(), this.info.operationName, `color:${getStatusCodeColor(response.status)}`, response.status, 'color:inherit');
+          const statusColor = getStatusCodeColor(response.status);
+          console.groupCollapsed(devUtils.formatMessage('%s %s (%c%s%c)'), getTimestamp(), `${parsedRequest === null || parsedRequest === void 0 ? void 0 : parsedRequest.operationType} ${parsedRequest === null || parsedRequest === void 0 ? void 0 : parsedRequest.operationName}`, `color:${statusColor}`, `${response.status} ${response.statusText}`, 'color:inherit');
           console.log('Request:', loggedRequest);
           console.log('Handler:', this);
           console.log('Response:', loggedResponse);
@@ -23050,8 +23129,8 @@ Read more: https://mswjs.io/docs/getting-started/mocks\
           const { payload: actualChecksum } = yield context.events.once('INTEGRITY_CHECK_RESPONSE');
           // Compare the response from the Service Worker and the
           // global variable set by Rollup during the build.
-          if (actualChecksum !== "82ef9b96d8393b6da34527d1d6e19187") {
-              throw new Error(`Currently active Service Worker (${actualChecksum}) is behind the latest published one (${"82ef9b96d8393b6da34527d1d6e19187"}).`);
+          if (actualChecksum !== "f0a916b13c8acc2b526a03a6d26df85f") {
+              throw new Error(`Currently active Service Worker (${actualChecksum}) is behind the latest published one (${"f0a916b13c8acc2b526a03a6d26df85f"}).`);
           }
           return serviceWorker;
       });
@@ -23742,6 +23821,8 @@ If this message still persists after updating, please report an issue: https://g
   	function createDebug(namespace) {
   		let prevTime;
   		let enableOverride = null;
+  		let namespacesCache;
+  		let enabledCache;
 
   		function debug(...args) {
   			// Disabled?
@@ -23802,7 +23883,17 @@ If this message still persists after updating, please report an issue: https://g
   		Object.defineProperty(debug, 'enabled', {
   			enumerable: true,
   			configurable: false,
-  			get: () => enableOverride === null ? createDebug.enabled(namespace) : enableOverride,
+  			get: () => {
+  				if (enableOverride !== null) {
+  					return enableOverride;
+  				}
+  				if (namespacesCache !== createDebug.namespaces) {
+  					namespacesCache = createDebug.namespaces;
+  					enabledCache = createDebug.enabled(namespace);
+  				}
+
+  				return enabledCache;
+  			},
   			set: v => {
   				enableOverride = v;
   			}
@@ -23831,6 +23922,7 @@ If this message still persists after updating, please report an issue: https://g
   	*/
   	function enable(namespaces) {
   		createDebug.save(namespaces);
+  		createDebug.namespaces = namespaces;
 
   		createDebug.names = [];
   		createDebug.skips = [];
@@ -27229,7 +27321,7 @@ If this message still persists after updating, please report an issue: https://g
                               debug('received original response', _this.status, _this.statusText);
                               debug('original response body:', _this.response);
                               var responseHeaders = originalRequest_1.getAllResponseHeaders();
-                              debug('original response headers', responseHeaders);
+                              debug('original response headers:\n', responseHeaders);
                               _this._responseHeaders = headers_utils_1.stringToHeaders(responseHeaders);
                               debug('original response headers (normalized)', _this._responseHeaders);
                               debug('original response finished');

package/lib/umd/mockServiceWorker.js

@@ -2,13 +2,13 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (0.33.0).
+ * Mock Service Worker (0.34.0).
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.
  */
 
-const INTEGRITY_CHECKSUM = '82ef9b96d8393b6da34527d1d6e19187'
+const INTEGRITY_CHECKSUM = 'f0a916b13c8acc2b526a03a6d26df85f'
 const bypassHeaderName = 'x-msw-bypass'
 const activeClientIds = new Set()
 
@@ -221,13 +221,11 @@ async function getResponse(event, client, requestId) {
 
       console.error(
         `\
-[MSW] Request handler function for "%s %s" has thrown the following exception:
+[MSW] Uncaught exception in the request handler for "%s %s":
 
-${parsedBody.errorType}: ${parsedBody.message}
-(see more detailed error stack trace in the mocked response body)
+${parsedBody.location}
 
-This exception has been gracefully handled as a 500 response, however, it's strongly recommended to resolve this error.
-If you wish to mock an error response, please refer to this guide: https://mswjs.io/docs/recipes/mocking-error-responses\
+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,
@@ -242,6 +240,12 @@ If you wish to mock an error response, please refer to this guide: https://mswjs
 
 self.addEventListener('fetch', function (event) {
   const { request } = event
+  const accept = request.headers.get('accept') || ''
+
+  // Bypass server-sent events.
+  if (accept.includes('text/event-stream')) {
+    return
+  }
 
   // Bypass navigation requests.
   if (request.mode === 'navigate') {
@@ -265,11 +269,22 @@ self.addEventListener('fetch', function (event) {
 
   return event.respondWith(
     handleRequest(event, requestId).catch((error) => {
+      if (error.name === 'NetworkError') {
+        console.warn(
+          '[MSW] Successfully emulated a network error for the "%s %s" request.',
+          request.method,
+          request.url,
+        )
+        return
+      }
+
+      // At this point, any exception indicates an issue with the original request/response.
       console.error(
-        '[MSW] Failed to mock a "%s" request to "%s": %s',
+        `\
+[MSW] Caught an exception from the "%s %s" request (%s). This is probably not a problem with Mock Service Worker. There is likely an additional logging output above.`,
         request.method,
         request.url,
-        error,
+        `${error.name}: ${error.message}`,
       )
     }),
   )