msw 0.33.0 → 0.34.0

package/native/lib/index.js

@@ -1511,6 +1511,65 @@ var lib = {};
 
 var invariant$2 = {};
 
+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 = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1532,21 +1591,9 @@ var __spreadArray = (commonjsGlobal && commonjsGlobal.__spreadArray) || function
     return to;
 };
 Object.defineProperty(invariant$2, "__esModule", { value: true });
-invariant$2.invariant = invariant$2.InvariantError = invariant$2.interpolate = void 0;
+invariant$2.invariant = invariant$2.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$2.interpolate = interpolate;
 var InvariantError = /** @class */ (function (_super) {
     __extends(InvariantError, _super);
     function InvariantError(message) {
@@ -1556,7 +1603,7 @@ var InvariantError = /** @class */ (function (_super) {
         }
         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
@@ -1593,6 +1640,7 @@ var __exportStar = (commonjsGlobal && commonjsGlobal.__exportStar) || function(m
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(invariant$2, exports);
+__exportStar(format$1, exports);
 }(lib));
 
 const LIBRARY_PREFIX = '[MSW]';
@@ -1600,7 +1648,7 @@ const LIBRARY_PREFIX = '[MSW]';
  * Formats a given message by appending the library's prefix string.
  */
 function formatMessage(message, ...positionals) {
-    const interpolatedMessage = lib.interpolate(message, ...positionals);
+    const interpolatedMessage = lib.format(message, ...positionals);
     return `${LIBRARY_PREFIX} ${interpolatedMessage}`;
 }
 /**
@@ -2180,6 +2228,7 @@ function invariant(condition, message) {
 
 // istanbul ignore next (See: 'https://github.com/graphql/graphql-js/issues/2317')
 var nodejsCustomInspectSymbol = typeof Symbol === 'function' && typeof Symbol.for === 'function' ? Symbol.for('nodejs.util.inspect.custom') : undefined;
+var nodejsCustomInspectSymbol$1 = nodejsCustomInspectSymbol;
 
 /**
  * The `defineInspect()` function defines `inspect()` prototype method as alias of `toJSON`
@@ -2190,8 +2239,8 @@ function defineInspect(classObject) {
   typeof fn === 'function' || invariant(0);
   classObject.prototype.inspect = fn; // istanbul ignore else (See: 'https://github.com/graphql/graphql-js/issues/2317')
 
-  if (nodejsCustomInspectSymbol) {
-    classObject.prototype[nodejsCustomInspectSymbol] = fn;
+  if (nodejsCustomInspectSymbol$1) {
+    classObject.prototype[nodejsCustomInspectSymbol$1] = fn;
   }
 }
 
@@ -2434,7 +2483,7 @@ function formatArray(array, seenValues) {
 }
 
 function getCustomFn(object) {
-  var customInspectFn = object[String(nodejsCustomInspectSymbol)];
+  var customInspectFn = object[String(nodejsCustomInspectSymbol$1)];
 
   if (typeof customInspectFn === 'function') {
     return customInspectFn;
@@ -4861,17 +4910,20 @@ const getPublicUrlFromRequest = (request) => {
         : 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 = 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;
@@ -4951,7 +5003,7 @@ 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%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,
@@ -5295,19 +5347,28 @@ const xml = (body) => {
     };
 };
 
+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()]
@@ -5325,7 +5386,7 @@ function prepareRequest(request) {
 }
 
 /**
- * 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$2.objectToHeaders(res.headers);
@@ -5688,7 +5749,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,
@@ -5718,16 +5780,33 @@ const graphqlContext = {
     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,
@@ -5763,10 +5842,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);

package/node/lib/index.js

@@ -3397,6 +3397,65 @@ var lib = {};
 
 var invariant$2 = {};
 
+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 = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -3418,21 +3477,9 @@ var __spreadArray = (commonjsGlobal && commonjsGlobal.__spreadArray) || function
     return to;
 };
 Object.defineProperty(invariant$2, "__esModule", { value: true });
-invariant$2.invariant = invariant$2.InvariantError = invariant$2.interpolate = void 0;
+invariant$2.invariant = invariant$2.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$2.interpolate = interpolate;
 var InvariantError = /** @class */ (function (_super) {
     __extends(InvariantError, _super);
     function InvariantError(message) {
@@ -3442,7 +3489,7 @@ var InvariantError = /** @class */ (function (_super) {
         }
         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
@@ -3479,6 +3526,7 @@ var __exportStar = (commonjsGlobal && commonjsGlobal.__exportStar) || function(m
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(invariant$2, exports);
+__exportStar(format$1, exports);
 }(lib));
 
 const LIBRARY_PREFIX = '[MSW]';
@@ -3486,7 +3534,7 @@ const LIBRARY_PREFIX = '[MSW]';
  * Formats a given message by appending the library's prefix string.
  */
 function formatMessage(message, ...positionals) {
-    const interpolatedMessage = lib.interpolate(message, ...positionals);
+    const interpolatedMessage = lib.format(message, ...positionals);
     return `${LIBRARY_PREFIX} ${interpolatedMessage}`;
 }
 /**
@@ -4066,6 +4114,7 @@ function invariant(condition, message) {
 
 // istanbul ignore next (See: 'https://github.com/graphql/graphql-js/issues/2317')
 var nodejsCustomInspectSymbol = typeof Symbol === 'function' && typeof Symbol.for === 'function' ? Symbol.for('nodejs.util.inspect.custom') : undefined;
+var nodejsCustomInspectSymbol$1 = nodejsCustomInspectSymbol;
 
 /**
  * The `defineInspect()` function defines `inspect()` prototype method as alias of `toJSON`
@@ -4076,8 +4125,8 @@ function defineInspect(classObject) {
   typeof fn === 'function' || invariant(0);
   classObject.prototype.inspect = fn; // istanbul ignore else (See: 'https://github.com/graphql/graphql-js/issues/2317')
 
-  if (nodejsCustomInspectSymbol) {
-    classObject.prototype[nodejsCustomInspectSymbol] = fn;
+  if (nodejsCustomInspectSymbol$1) {
+    classObject.prototype[nodejsCustomInspectSymbol$1] = fn;
   }
 }
 
@@ -4320,7 +4369,7 @@ function formatArray(array, seenValues) {
 }
 
 function getCustomFn(object) {
-  var customInspectFn = object[String(nodejsCustomInspectSymbol)];
+  var customInspectFn = object[String(nodejsCustomInspectSymbol$1)];
 
   if (typeof customInspectFn === 'function') {
     return customInspectFn;
@@ -6747,17 +6796,20 @@ const getPublicUrlFromRequest = (request) => {
         : 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 = 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;
@@ -6837,7 +6889,7 @@ 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%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,
@@ -7181,19 +7233,28 @@ const xml = (body) => {
     };
 };
 
+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()]
@@ -7211,7 +7272,7 @@ function prepareRequest(request) {
 }
 
 /**
- * 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$2.objectToHeaders(res.headers);
@@ -7574,7 +7635,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,
@@ -7604,16 +7666,33 @@ const graphqlContext = {
     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,
@@ -7649,10 +7728,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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "msw",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "description": "Seamless REST/GraphQL API mocking library for browser and Node.js.",
   "main": "lib/umd/index.js",
   "module": "lib/esm/index.js",
@@ -38,6 +38,10 @@
     "url": "https://github.com/kettanaito"
   },
   "license": "MIT",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mswjs"
+  },
   "files": [
     "config/constants.js",
     "config/scripts/postinstall.js",
@@ -61,7 +65,7 @@
   "sideEffects": false,
   "dependencies": {
     "@mswjs/cookies": "^0.1.6",
-    "@mswjs/interceptors": "^0.12.3",
+    "@mswjs/interceptors": "^0.12.5",
     "@open-draft/until": "^1.0.3",
     "@types/cookie": "^0.4.1",
     "@types/inquirer": "^7.3.3",
@@ -111,7 +115,7 @@
     "jest": "26",
     "json-bigint": "^1.0.0",
     "lint-staged": "^11.0.1",
-    "page-with": "^0.4.0",
+    "page-with": "^0.4.1",
     "prettier": "^2.3.2",
     "regenerator-runtime": "^0.13.7",
     "rimraf": "^3.0.2",