msw 2.3.0-ws.rc-1 → 2.3.0-ws.rc-2

package/lib/browser/index.mjs

@@ -95,6 +95,9 @@ function isNodeProcess() {
   return false;
 }
 
+// src/browser/setupWorker/start/createStartHandler.ts
+import { devUtils as devUtils7 } from '../core/utils/internal/devUtils.mjs';
+
 // node_modules/.pnpm/@open-draft+until@2.1.0/node_modules/@open-draft/until/lib/index.mjs
 var until = async (promise) => {
   try {
@@ -107,9 +110,6 @@ var until = async (promise) => {
   }
 };
 
-// src/browser/setupWorker/start/createStartHandler.ts
-import { devUtils as devUtils6 } from '../core/utils/internal/devUtils.mjs';
-
 // src/browser/setupWorker/start/utils/getWorkerInstance.ts
 import { devUtils } from '../core/utils/internal/devUtils.mjs';
 
@@ -288,7 +288,7 @@ var createRequestListener = (context, options) => {
         context.emitter,
         {
           onPassthroughResponse() {
-            messageChannel.postMessage("NOT_FOUND");
+            messageChannel.postMessage("PASSTHROUGH");
           },
           async onMockedResponse(response, { handler, parsedResult }) {
             const responseClone = response.clone();
@@ -352,21 +352,25 @@ This exception has been gracefully handled as a 500 response, however, it's stro
   };
 };
 
-// src/browser/utils/requestIntegrityCheck.ts
-async function requestIntegrityCheck(context, serviceWorker) {
+// src/browser/utils/checkWorkerIntegrity.ts
+import { devUtils as devUtils5 } from '../core/utils/internal/devUtils.mjs';
+async function checkWorkerIntegrity(context) {
   context.workerChannel.send("INTEGRITY_CHECK_REQUEST");
-  const { payload: actualChecksum } = await context.events.once(
-    "INTEGRITY_CHECK_RESPONSE"
-  );
-  if (actualChecksum !== "223d191a56023cd36aa88c802961b911") {
-    throw new Error(
-      `Currently active Service Worker (${actualChecksum}) is behind the latest published one (${"223d191a56023cd36aa88c802961b911"}).`
+  const { payload } = await context.events.once("INTEGRITY_CHECK_RESPONSE");
+  if (payload.checksum !== "26357c79639bfa20d64c0efca2a87423") {
+    devUtils5.warn(
+      `The currently registered Service Worker has been generated by a different version of MSW (${payload.packageVersion}) and may not be fully compatible with the installed version.
+
+It's recommended you update your worker script by running this command:
+
+  \u2022 npx msw init <PUBLIC_DIR>
+
+You can also automate this process and make the worker script update automatically upon the library installations. Read more: https://mswjs.io/docs/cli/init.`
     );
   }
-  return serviceWorker;
 }
 
-// node_modules/.pnpm/@mswjs+interceptors@0.26.8/node_modules/@mswjs/interceptors/lib/browser/chunk-UJZOJSMP.mjs
+// node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-UJZOJSMP.mjs
 var encoder = new TextEncoder();
 function encodeBuffer(text) {
   return encoder.encode(text);
@@ -392,7 +396,7 @@ function isResponseWithoutBody(status) {
   return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
 }
 
-// node_modules/.pnpm/@mswjs+interceptors@0.26.8/node_modules/@mswjs/interceptors/lib/browser/chunk-HAGW22AN.mjs
+// node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-HAGW22AN.mjs
 var IS_PATCHED_MODULE = Symbol("isPatchedModule");
 
 // node_modules/.pnpm/@open-draft+logger@0.3.0/node_modules/@open-draft/logger/lib/index.mjs
@@ -832,7 +836,8 @@ var _Emitter = class {
 var Emitter = _Emitter;
 Emitter.defaultMaxListeners = 10;
 
-// node_modules/.pnpm/@mswjs+interceptors@0.26.8/node_modules/@mswjs/interceptors/lib/browser/chunk-SGO3INLV.mjs
+// node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-QED3Q6Z2.mjs
+var INTERNAL_REQUEST_ID_HEADER_NAME = "x-interceptors-internal-request-id";
 function getGlobalSymbol(symbol) {
   return (
     // @ts-ignore https://github.com/Microsoft/TypeScript/issues/24587
@@ -975,8 +980,11 @@ var Interceptor = class {
     this.logger.info("cleared global instance!", this.symbol.description);
   }
 };
+function createRequestId() {
+  return Math.random().toString(16).slice(2);
+}
 
-// node_modules/.pnpm/@mswjs+interceptors@0.26.8/node_modules/@mswjs/interceptors/lib/browser/index.mjs
+// node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/index.mjs
 var BatchInterceptor = class extends Interceptor {
   constructor(options) {
     BatchInterceptor.symbol = Symbol(options.name);
@@ -1058,10 +1066,10 @@ function createResponseListener(context) {
 }
 
 // src/browser/setupWorker/start/utils/validateWorkerScope.ts
-import { devUtils as devUtils5 } from '../core/utils/internal/devUtils.mjs';
+import { devUtils as devUtils6 } from '../core/utils/internal/devUtils.mjs';
 function validateWorkerScope(registration, options) {
   if (!options?.quiet && !location.href.startsWith(registration.scope)) {
-    devUtils5.warn(
+    devUtils6.warn(
       `Cannot intercept requests on this page because it's outside of the worker's scope ("${registration.scope}"). If you wish to mock API requests on this page, you must resolve this scope issue.
 
 - (Recommended) Register the worker at the root level ("/") of your application.
@@ -1087,14 +1095,14 @@ var createStartHandler = (context) => {
       );
       const [worker, registration] = instance;
       if (!worker) {
-        const missingWorkerMessage = customOptions?.findWorker ? devUtils6.formatMessage(
+        const missingWorkerMessage = customOptions?.findWorker ? devUtils7.formatMessage(
           `Failed to locate the Service Worker registration using a custom "findWorker" predicate.
 
 Please ensure that the custom predicate properly locates the Service Worker registration at "%s".
 More details: https://mswjs.io/docs/api/setup-worker/start#findworker
 `,
           options.serviceWorker.url
-        ) : devUtils6.formatMessage(
+        ) : devUtils7.formatMessage(
           `Failed to locate the Service Worker registration.
 
 This most likely means that the worker script URL "%s" cannot resolve against the actual public hostname (%s). This may happen if your application runs behind a proxy, or has a dynamic hostname.
@@ -1113,19 +1121,12 @@ Please consider using a custom "serviceWorker.url" option to point to the actual
         }
         window.clearInterval(context.keepAliveInterval);
       });
-      const integrityCheckResult = await until(
-        () => requestIntegrityCheck(context, worker)
-      );
-      if (integrityCheckResult.error) {
-        devUtils6.error(`Detected outdated Service Worker: ${integrityCheckResult.error.message}
-
-The mocking is still enabled, but it's highly recommended that you update your Service Worker by running:
-
-$ npx msw init <PUBLIC_DIR>
-
-This is necessary to ensure that the Service Worker is in sync with the library to guarantee its stability.
-If this message still persists after updating, please report an issue: https://github.com/open-draft/msw/issues      `);
-      }
+      await checkWorkerIntegrity(context).catch((error2) => {
+        devUtils7.error(
+          "Error while checking the worker script integrity. Please report this on GitHub (https://github.com/mswjs/msw/issues), including the original error below."
+        );
+        console.error(error2);
+      });
       context.keepAliveInterval = window.setInterval(
         () => context.workerChannel.send("KEEPALIVE_REQUEST"),
         5e3
@@ -1156,16 +1157,16 @@ If this message still persists after updating, please report an issue: https://g
 };
 
 // src/browser/setupWorker/stop/createStop.ts
-import { devUtils as devUtils8 } from '../core/utils/internal/devUtils.mjs';
+import { devUtils as devUtils9 } from '../core/utils/internal/devUtils.mjs';
 
 // src/browser/setupWorker/stop/utils/printStopMessage.ts
-import { devUtils as devUtils7 } from '../core/utils/internal/devUtils.mjs';
+import { devUtils as devUtils8 } from '../core/utils/internal/devUtils.mjs';
 function printStopMessage(args = {}) {
   if (args.quiet) {
     return;
   }
   console.log(
-    `%c${devUtils7.formatMessage("Mocking disabled.")}`,
+    `%c${devUtils8.formatMessage("Mocking disabled.")}`,
     "color:orangered;font-weight:bold;"
   );
 }
@@ -1174,7 +1175,7 @@ function printStopMessage(args = {}) {
 var createStop = (context) => {
   return function stop() {
     if (!context.isMockingEnabled) {
-      devUtils8.warn(
+      devUtils9.warn(
         'Found a redundant "worker.stop()" call. Note that stopping the worker while mocking already stopped has no effect. Consider removing this "worker.stop()" call.'
       );
       return;
@@ -1267,7 +1268,7 @@ var DeferredPromise = class extends Promise {
   }
 };
 
-// node_modules/.pnpm/@mswjs+interceptors@0.26.8/node_modules/@mswjs/interceptors/lib/browser/chunk-OUWBQF3Z.mjs
+// node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-OUWBQF3Z.mjs
 var RequestController = class {
   constructor(request) {
     this.request = request;
@@ -1305,16 +1306,7 @@ async function emitAsync(emitter, eventName, ...data) {
   }
 }
 
-// node_modules/.pnpm/@mswjs+interceptors@0.26.8/node_modules/@mswjs/interceptors/lib/browser/chunk-CEKC26XE.mjs
-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 & 3 | 8;
-    return v.toString(16);
-  });
-}
-
-// node_modules/.pnpm/@mswjs+interceptors@0.26.8/node_modules/@mswjs/interceptors/lib/browser/chunk-65OQZE6W.mjs
+// node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-3FNUI33J.mjs
 function isPropertyAccessible(obj, key) {
   try {
     obj[key];
@@ -1338,7 +1330,7 @@ var _FetchInterceptor = class extends Interceptor {
   checkEnvironment() {
     return typeof globalThis !== "undefined" && typeof globalThis.fetch !== "undefined";
   }
-  setup() {
+  async setup() {
     const pureFetch = globalThis.fetch;
     invariant(
       !pureFetch[IS_PATCHED_MODULE],
@@ -1346,7 +1338,7 @@ var _FetchInterceptor = class extends Interceptor {
     );
     globalThis.fetch = async (input, init) => {
       var _a;
-      const requestId = uuidv4();
+      const requestId = createRequestId();
       const resolvedInput = typeof input === "string" && typeof location !== "undefined" && !canParseUrl(input) ? new URL(input, location.origin) : input;
       const request = new Request(resolvedInput, init);
       this.logger.info("[%s] %s", request.method, request.url);
@@ -1461,7 +1453,7 @@ function createNetworkError(cause) {
   });
 }
 
-// node_modules/.pnpm/@mswjs+interceptors@0.26.8/node_modules/@mswjs/interceptors/lib/browser/chunk-6ZIL5FW4.mjs
+// node_modules/.pnpm/@mswjs+interceptors@0.26.15/node_modules/@mswjs/interceptors/lib/browser/chunk-VYFS2IF2.mjs
 function concatArrayBuffer(left, right) {
   const result = new Uint8Array(left.byteLength + right.byteLength);
   result.set(left, 0);
@@ -1655,7 +1647,7 @@ var XMLHttpRequestController = class {
     this.method = "GET";
     this.url = null;
     this.events = /* @__PURE__ */ new Map();
-    this.requestId = uuidv4();
+    this.requestId = createRequestId();
     this.requestHeaders = new Headers();
     this.responseBuffer = new Uint8Array();
     this.request = createProxy(initialRequest, {
@@ -1737,7 +1729,10 @@ var XMLHttpRequestController = class {
                   this.request.readyState
                 );
                 if (IS_NODE2) {
-                  this.request.setRequestHeader("X-Request-Id", this.requestId);
+                  this.request.setRequestHeader(
+                    INTERNAL_REQUEST_ID_HEADER_NAME,
+                    this.requestId
+                  );
                 }
                 return invoke();
               }
@@ -2271,7 +2266,7 @@ function createFallbackStop(context) {
 }
 
 // src/browser/setupWorker/setupWorker.ts
-import { devUtils as devUtils9 } from '../core/utils/internal/devUtils.mjs';
+import { devUtils as devUtils10 } from '../core/utils/internal/devUtils.mjs';
 import { SetupApi } from '../core/SetupApi.mjs';
 import { mergeRight as mergeRight2 } from '../core/utils/internal/mergeRight.mjs';
 
@@ -2292,6 +2287,7 @@ function supportsReadableStreamTransfer() {
 // src/browser/setupWorker/setupWorker.ts
 import { webSocketInterceptor } from '../core/ws/webSocketInterceptor.mjs';
 import { handleWebSocketEvent } from '../core/utils/handleWebSocketEvent.mjs';
+import { attachWebSocketLogger } from '../core/ws/utils/attachWebSocketLogger.mjs';
 var SetupWorkerApi = class extends SetupApi {
   context;
   startHandler = null;
@@ -2301,7 +2297,7 @@ var SetupWorkerApi = class extends SetupApi {
     super(...handlers);
     invariant(
       !isNodeProcess(),
-      devUtils9.formatMessage(
+      devUtils10.formatMessage(
         "Failed to execute `setupWorker` in a non-browser environment. Consider using `setupServer` for Node.js environment instead."
       )
     );
@@ -2399,7 +2395,7 @@ var SetupWorkerApi = class extends SetupApi {
   }
   async start(options = {}) {
     if (options.waitUntilReady === true) {
-      devUtils9.warn(
+      devUtils10.warn(
         'The "waitUntilReady" option has been deprecated. Please remove it from this "worker.start()" call. Follow the recommended Browser integration (https://mswjs.io/docs/integrations/browser) to eliminate any race conditions between the Service Worker registration and any requests made by your application on initial render.'
       );
     }
@@ -2407,8 +2403,17 @@ var SetupWorkerApi = class extends SetupApi {
       DEFAULT_START_OPTIONS,
       options
     );
-    handleWebSocketEvent(() => {
-      return this.handlersController.currentHandlers();
+    handleWebSocketEvent({
+      getHandlers: () => {
+        return this.handlersController.currentHandlers();
+      },
+      onMockedConnection: (connection) => {
+        if (!this.context.startOptions.quiet) {
+          attachWebSocketLogger(connection);
+        }
+      },
+      onPassthroughConnection() {
+      }
     });
     webSocketInterceptor.apply();
     this.subscriptions.push(() => {