use yarn 4

.yarnrc.yml

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-classic.cjs
+yarnPath: .yarn/releases/yarn-4.2.1.cjs

package.json

@@ -13,5 +13,5 @@
   "devDependencies": {
     "npm-run-all": "^4.1.5"
   },
-  "packageManager": "yarn@4.1.1"
+  "packageManager": "yarn@4.2.1"
 }

packages/docs/.storybook/main.ts

@@ -25,6 +25,9 @@ const config: StorybookConfig = {
     return mergeConfig(config, {
       resolve: {
         preserveSymlinks: true,
+        alias: {
+          'msw-storybook-addon': join(__dirname, '../../msw-addon'),
+        },
       },
       plugins: [
         // Workaround necessary because of a bug in Vite

packages/docs/package.json

@@ -59,7 +59,6 @@
     "chromatic": "^11.0.3",
     "jsdom": "^23.0.0",
     "msw": "^2.0.9",
-    "msw-storybook-addon": "link:../msw-addon",
     "storybook": "^8.0.0",
     "typescript": "^5.3.2",
     "vite": "^4.1.0",

packages/docs/public/mockServiceWorker.js

@@ -2,13 +2,14 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (2.2.4).
+ * Mock Service Worker.
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.
  */
 
-const INTEGRITY_CHECKSUM = '223d191a56023cd36aa88c802961b911'
+const PACKAGE_VERSION = '2.2.14'
+const INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()
 
@@ -48,7 +49,10 @@ self.addEventListener('message', async function (event) {
     case 'INTEGRITY_CHECK_REQUEST': {
       sendToClient(client, {
         type: 'INTEGRITY_CHECK_RESPONSE',
-        payload: INTEGRITY_CHECKSUM,
+        payload: {
+          packageVersion: PACKAGE_VERSION,
+          checksum: INTEGRITY_CHECKSUM,
+        },
       })
       break
     }
@@ -202,13 +206,6 @@ async function getResponse(event, client, requestId) {
     return passthrough()
   }
 
-  // Bypass requests with the explicit bypass header.
-  // Such requests can be issued by "ctx.fetch()".
-  const mswIntention = request.headers.get('x-msw-intention')
-  if (['bypass', 'passthrough'].includes(mswIntention)) {
-    return passthrough()
-  }
-
   // Notify the client that a request has been intercepted.
   const requestBuffer = await request.arrayBuffer()
   const clientMessage = await sendToClient(
@@ -240,7 +237,7 @@ async function getResponse(event, client, requestId) {
       return respondWithMock(clientMessage.data)
     }
 
-    case 'MOCK_NOT_FOUND': {
+    case 'PASSTHROUGH': {
       return passthrough()
     }
   }