msw 0.36.0 → 0.36.4

package/README.md

@@ -56,7 +56,7 @@ Browser usage is what sets Mock Service Worker apart from other tools. Utilizing
 
 **Watch a 30 seconds explanation on how Mock Service Worker works in a browser:**
 
-[![What is Mock Service Worker?](https://raw.githubusercontent.com/mswjs/msw/master/media/msw-video-thumbnail.jpg)](https://youtu.be/HcQCqboatZk)
+[![What is Mock Service Worker?](https://raw.githubusercontent.com/mswjs/msw/main/media/msw-video-thumbnail.jpg)](https://youtu.be/HcQCqboatZk)
 
 ### How is it different?
 
@@ -91,7 +91,7 @@ worker.start()
 
 Performing a `GET https://github.com/octocat` request in your application will result into a mocked response that you can inspect in your browser's "Network" tab:
 
-![Chrome DevTools Network screenshot with the request mocked](https://github.com/open-draft/msw/blob/master/media/msw-quick-look-network.png?raw=true)
+![Chrome DevTools Network screenshot with the request mocked](https://github.com/mswjs/msw/blob/main/media/msw-quick-look-network.png?raw=true)
 
 > **Tip:** Did you know that although Service Worker runs in a separate thread, your mock definition executes on the client-side? That way you can use the same languages (i.e. TypeScript), third-party libraries, and internal logic in mocks.
 
@@ -188,8 +188,45 @@ test('handles login exception', () => {
 
 > **Tip:** Did you know that although the API is called `setupServer`, there are no actual servers involved? The name is chosen for familiarity, and the API is designed to resemble operating with an actual server.
 
-## Awards & Mentions
+## Sponsors
 
-<br />
+### Golden Sponsors
+
+> Become our first golden sponsor and get featured right here, enjoying other perks like issue prioritization and a personal consulting session with us.
+>
+> **Learn more on our [GitHub Sponsors profile](https://github.com/sponsors/mswjs)**.
+
+### Silver Sponsors
+
+> Become our first _silver sponsor_ and get your profile image and link featured right here.
+>
+> **Learn more on our [GitHub Sponsors profile](https://github.com/sponsors/mswjs)**.
+
+### Bronze Sponsors
+
+> Become our first _bronze sponsor_ and get your profile image and link featured in this section.
+>
+> **Learn more on our [GitHub Sponsors profile](https://github.com/sponsors/mswjs)**.
+
+## Awards & Mentions
 
-<img src="https://raw.githubusercontent.com/open-draft/msw/master/media/os-awards-2020.png" width="160" alt="Open Source Awards 2020" />
+<table>
+  <tr valign="middle">
+    <td width="124">
+      <img src="https://raw.githubusercontent.com/mswjs/msw/main/media/tech-radar.png" width="124" alt="Technology Radar">
+    </td>
+    <td>
+      <h4>Solution Worth Pursuing</h4>
+      <p><em><a href="https://www.thoughtworks.com/radar/languages-and-frameworks/mock-service-worker">Technology Radar</a> (2020–2021)</em></p>
+    </td>
+  </tr>
+  <tr>
+    <td width="124">
+      <img src="https://raw.githubusercontent.com/mswjs/msw/main/media/os-awards.png" width="124" alt="Open Source Awards 2020">
+    </td>
+    <td>
+      <h4>The Most Exciting Use of Technology</h4>
+      <p><em><a href="https://osawards.com/javascript/2020">Open Source Awards</a> (2020)</em></p>
+    </td>
+  </tr>
+</table>

package/lib/esm/RequestHandler-deps.js

@@ -707,12 +707,23 @@ function cleanUrl(path) {
     return path.replace(REDUNDANT_CHARACTERS_EXP, '');
 }
 
+/**
+ * Determines if the given URL string is an absolute URL.
+ */
+function isAbsoluteUrl(url) {
+    return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
+}
+
 /**
  * Returns an absolute URL based on the given path.
  */
 function getAbsoluteUrl(path, baseUrl) {
-    // Ignore absolute URLs.
-    if (!path.startsWith('/')) {
+    // already absolute URL
+    if (isAbsoluteUrl(path)) {
+        return path;
+    }
+    // Ignore path with pattern start with *
+    if (path.startsWith('*')) {
         return path;
     }
     // Resolve a relative request URL against a given custom "baseUrl"
@@ -746,18 +757,31 @@ function normalizePath(path, baseUrl) {
  */
 function coercePath(path) {
     return (path
-        /**
-         * Escape the protocol so that "path-to-regexp" could match
-         * absolute URL.
-         * @see https://github.com/pillarjs/path-to-regexp/issues/259
-         */
-        .replace(/^([^\/]+)(:)(?=\/\/)/g, '$1\\$2')
         /**
          * Replace wildcards ("*") with unnamed capturing groups
          * because "path-to-regexp" doesn't support wildcards.
          * Ignore path parameter' modifiers (i.e. ":name*").
          */
-        .replace(/(?<!(^|\/|\*+):[\w]+)(\*{1,2})/g, '(.*)'));
+        .replace(/([:a-zA-Z_-]*)(\*{1,2})+/g, (_, parameterName, wildcard) => {
+        const expression = '(.*)';
+        if (!parameterName) {
+            return expression;
+        }
+        return parameterName.startsWith(':')
+            ? `${parameterName}${wildcard}`
+            : `${parameterName}${expression}`;
+    })
+        /**
+         * Escape the port so that "path-to-regexp" can match
+         * absolute URLs including port numbers.
+         */
+        .replace(/([^\/])(:)(?=\d+)/, '$1\\$2')
+        /**
+         * Escape the protocol so that "path-to-regexp" could match
+         * absolute URL.
+         * @see https://github.com/pillarjs/path-to-regexp/issues/259
+         */
+        .replace(/^([^\/]+)(:)(?=\/\/)/, '$1\\$2'));
 }
 /**
  * Returns the result of matching given request URL against a mask.

package/lib/esm/index.js

@@ -970,10 +970,10 @@ function groupHandlersByType(handlers) {
         graphql: [],
     });
 }
-function getScoreForRestHandler() {
+function getRestHandlerScore() {
     return (request, handler) => {
         const { path, method } = handler.info;
-        if (path instanceof RegExp) {
+        if (path instanceof RegExp || method instanceof RegExp) {
             return Infinity;
         }
         const hasSameMethod = isStringEqual(request.method, method);
@@ -984,12 +984,15 @@ function getScoreForRestHandler() {
         return score - methodScoreDelta;
     };
 }
-function getScoreForGraphQLHandler(parsedQuery) {
+function getGraphQLHandlerScore(parsedQuery) {
     return (_, handler) => {
         if (typeof parsedQuery.operationName === 'undefined') {
             return Infinity;
         }
         const { operationType, operationName } = handler.info;
+        if (typeof operationName !== 'string') {
+            return Infinity;
+        }
         const hasSameOperationType = parsedQuery.operationType === operationType;
         // Always treat a handler with the same operation type as a more similar one.
         const operationTypeScoreDelta = hasSameOperationType ? TYPE_MATCH_DELTA : 0;
@@ -999,16 +1002,12 @@ function getScoreForGraphQLHandler(parsedQuery) {
 }
 function getSuggestedHandler(request, handlers, getScore) {
     const suggestedHandlers = handlers
-        .reduce((acc, handler) => {
+        .reduce((suggestions, handler) => {
         const score = getScore(request, handler);
-        return acc.concat([[score, handler]]);
+        return suggestions.concat([[score, handler]]);
     }, [])
-        .sort(([leftScore], [rightScore]) => {
-        return leftScore - rightScore;
-    })
-        .filter(([score]) => {
-        return score <= MAX_MATCH_SCORE;
-    })
+        .sort(([leftScore], [rightScore]) => leftScore - rightScore)
+        .filter(([score]) => score <= MAX_MATCH_SCORE)
         .slice(0, MAX_SUGGESTION_COUNT)
         .map(([, handler]) => handler);
     return suggestedHandlers;
@@ -1038,8 +1037,8 @@ function onUnhandledRequest(request, handlers, strategy = 'warn') {
         ? handlerGroups.graphql
         : handlerGroups.rest;
     const suggestedHandlers = getSuggestedHandler(request, relevantHandlers, parsedGraphQLQuery
-        ? getScoreForGraphQLHandler(parsedGraphQLQuery)
-        : getScoreForRestHandler());
+        ? getGraphQLHandlerScore(parsedGraphQLQuery)
+        : getRestHandlerScore());
     const handlerSuggestion = suggestedHandlers.length > 0
         ? getSuggestedHandlersMessage(suggestedHandlers)
         : '';
@@ -1062,7 +1061,7 @@ Read more: https://mswjs.io/docs/getting-started/mocks\
             // Print a developer-friendly error.
             devUtils.error('Error: %s', message);
             // Throw an exception to halt request processing and not perform the original request.
-            throw new Error('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);
@@ -1398,22 +1397,12 @@ function prepareStartHandler(handler, context) {
     };
 }
 
-function uuidv4() {
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        const r = (Math.random() * 16) | 0;
-        const v = c == 'x' ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-    });
-}
-
 /**
  * Converts a given isomorphic request to a `MockedRequest` instance.
  */
 function parseIsomorphicRequest(request) {
-    const requestId = uuidv4();
-    request.headers.set('x-msw-request-id', requestId);
     const mockedRequest = {
-        id: requestId,
+        id: request.id,
         url: request.url,
         method: request.method,
         body: parseBody(request.body, request.headers),

package/lib/esm/mockServiceWorker.js

@@ -2,7 +2,7 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (0.36.0).
+ * Mock Service Worker (0.36.4).
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.

package/lib/esm/rest-deps.js

@@ -72,7 +72,6 @@ class RestHandler extends RequestHandler {
         const matchesMethod = this.info.method instanceof RegExp
             ? this.info.method.test(request.method)
             : isStringEqual(this.info.method, request.method);
-        // console.log({ request, matchesMethod, parsedResult })
         return matchesMethod && parsedResult.matches;
     }
     log(request, response) {