@depup/msw 3.0.0-depup.0 → 3.0.2-depup.0

package/lib/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '3.0.0'
+const PACKAGE_VERSION = '3.0.2'
 const INTEGRITY_CHECKSUM = '5cd5cf8b54c3a90f82960cedcd637772'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 

package/lib/node/index.js

@@ -1,4 +1,4 @@
-import { m as devUtils } from "../_chunks/cookie-store.js";
+import { h as devUtils } from "../_chunks/cookie-store.js";
 import { c as HandlersController, s as defineNetwork, t as InterceptorSource } from "../_chunks/interceptor-source.js";
 import { invariant } from "outvariant";
 import { WebSocketInterceptor } from "@mswjs/interceptors/WebSocket";

package/lib/vite/index.js

@@ -4,7 +4,6 @@ import { fileURLToPath } from "node:url";
 const WORKER_FILENAME = "mockServiceWorker.js";
 const WORKER_SCRIPT_PATH = new URL("../mockServiceWorker.js", import.meta.url);
 const VIRTUAL_MODULE_ID = "virtual:msw";
-const VIRTUAL_OPTIONS_ID = "virtual:msw/options";
 const RUNTIME_PATH = fileURLToPath(new URL("./runtime.js", import.meta.url));
 /**
 * A Vite plugin for Mock Service Worker.
@@ -41,18 +40,22 @@ function msw(options = {}) {
 	const environmentsUsingNetwork = /* @__PURE__ */ new Set();
 	return {
 		name: "msw",
-		async resolveId(id) {
+		resolveId(id) {
 			if (mode === "worker-only") return;
-			if (id === VIRTUAL_OPTIONS_ID) return `\0${VIRTUAL_OPTIONS_ID}`;
-			if (id === VIRTUAL_MODULE_ID) return this.resolve(RUNTIME_PATH);
+			if (id === VIRTUAL_MODULE_ID) return `\0${VIRTUAL_MODULE_ID}`;
 		},
 		load(id) {
-			if (mode === "worker-only" || id !== `\0${VIRTUAL_OPTIONS_ID}`) return;
-			if (this.environment.config.consumer === "server") return `export { defaultNetworkOptions } from 'msw/node'`;
+			if (mode === "worker-only" || id !== `\0${VIRTUAL_MODULE_ID}`) return;
+			if (this.environment.config.consumer === "server") return `
+import { defaultNetworkOptions } from 'msw/node'
+import { createNetwork } from ${JSON.stringify(RUNTIME_PATH)}
+export const network = await createNetwork(defaultNetworkOptions)
+`;
 			environmentsUsingNetwork.add(this.environment.name);
 			return `
 import { createDefaultNetworkOptions } from 'msw/browser'
-export const defaultNetworkOptions = createDefaultNetworkOptions(${JSON.stringify(workerUrl)})
+import { createNetwork } from ${JSON.stringify(RUNTIME_PATH)}
+export const network = await createNetwork(createDefaultNetworkOptions(${JSON.stringify(workerUrl)}))
 `;
 		},
 		configResolved(config) {

package/lib/vite/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/vite/plugin.ts"],"sourcesContent":["import * as fs from 'node:fs'\nimport { fileURLToPath } from 'node:url'\nimport type { Plugin } from 'vite'\n\nconst WORKER_FILENAME = 'mockServiceWorker.js'\nconst WORKER_SCRIPT_PATH = new URL('../mockServiceWorker.js', import.meta.url)\nconst VIRTUAL_MODULE_ID = 'virtual:msw'\nconst VIRTUAL_OPTIONS_ID = 'virtual:msw/options'\nconst RUNTIME_PATH = fileURLToPath(new URL('./runtime.js', import.meta.url))\n\nexport interface MswPluginOptions {\n  /**\n   * Use automatic integration or only provide the worker script for manual setup.\n   * In worker-only mode, virtual modules are disabled.\n   * @default \"auto\"\n   */\n  mode?: 'auto' | 'worker-only'\n}\n\n/**\n * A Vite plugin for Mock Service Worker.\n *\n * @example\n * // vite.config.ts\n * import { msw } from 'msw/vite'\n *\n * export default defineConfig({\n *   plugins: [msw()]\n * })\n *\n * @example\n * // src/{client,server}.ts\n * if (import.meta.env.DEV) {\n *   const { network } = await import('virtual:msw')\n *   const { handlers } = await import('./mocks/handlers')\n *\n *   network.configure({ handlers })\n *   await network.enable()\n * }\n *\n * @remarks\n * The worker script is served during development and emitted next to any\n * client bundle that imports `virtual:msw`. Guard mocking setup with\n * `import.meta.env.DEV` to exclude both from production builds.\n *\n * For application TypeScript projects that do not include the Vite config,\n * add `/// <reference types=\"msw/vite/client\" />` to an included declaration file.\n */\nexport function msw(options: MswPluginOptions = {}): Plugin {\n  const mode = options.mode ?? 'auto'\n  let workerUrl = `/${WORKER_FILENAME}`\n  const environmentsUsingNetwork = new Set<string>()\n\n  return {\n    name: 'msw',\n    async resolveId(id) {\n      if (mode === 'worker-only') {\n        return\n      }\n\n      if (id === VIRTUAL_OPTIONS_ID) {\n        return `\\0${VIRTUAL_OPTIONS_ID}`\n      }\n\n      if (id === VIRTUAL_MODULE_ID) {\n        return this.resolve(RUNTIME_PATH)\n      }\n    },\n    load(id) {\n      if (mode === 'worker-only' || id !== `\\0${VIRTUAL_OPTIONS_ID}`) {\n        return\n      }\n\n      if (this.environment.config.consumer === 'server') {\n        return `export { defaultNetworkOptions } from 'msw/node'`\n      }\n\n      environmentsUsingNetwork.add(this.environment.name)\n\n      return `\nimport { createDefaultNetworkOptions } from 'msw/browser'\nexport const defaultNetworkOptions = createDefaultNetworkOptions(${JSON.stringify(workerUrl)})\n`\n    },\n    configResolved(config) {\n      // Keep relative build bases relative and service workers on the app's origin.\n      const base =\n        config.base === './'\n          ? config.base\n          : new URL(config.base, 'http://localhost').pathname\n      workerUrl = `${base}${WORKER_FILENAME}`\n    },\n    generateBundle() {\n      if (this.environment.config.consumer !== 'client') {\n        return\n      }\n\n      // In \"auto\" mode, the worker is only useful to bundles that contain the\n      // network. A user guard (e.g. `import.meta.env.DEV`) that drops the\n      // `virtual:msw` import drops the worker too.\n      if (\n        mode === 'auto' &&\n        !environmentsUsingNetwork.has(this.environment.name)\n      ) {\n        return\n      }\n\n      this.emitFile({\n        type: 'asset',\n        fileName: WORKER_FILENAME,\n        source: fs.readFileSync(WORKER_SCRIPT_PATH, 'utf8'),\n      })\n    },\n    configureServer(server) {\n      const workerScript = fs.readFileSync(WORKER_SCRIPT_PATH, 'utf8')\n      server.middlewares.use((request, response, next) => {\n        const requestUrl = new URL(request.url ?? '/', 'http://localhost')\n\n        if (requestUrl.pathname !== workerUrl) {\n          next()\n          return\n        }\n\n        response.writeHead(200, {\n          'cache-control': 'no-cache',\n          'content-type': 'application/javascript; charset=utf-8',\n          'service-worker-allowed': '/',\n        })\n        response.end(workerScript)\n      })\n    },\n  }\n}\n"],"mappings":";;;AAIA,MAAM,kBAAkB;AACxB,MAAM,qBAAqB,IAAI,IAAI,2BAA2B,YAAY,GAAG;AAC7E,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,eAAe,cAAc,IAAI,IAAI,gBAAgB,YAAY,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwC3E,SAAgB,IAAI,UAA4B,CAAC,GAAW;CAC1D,MAAM,OAAO,QAAQ,QAAQ;CAC7B,IAAI,YAAY,IAAI;CACpB,MAAM,2CAA2B,IAAI,IAAY;CAEjD,OAAO;EACL,MAAM;EACN,MAAM,UAAU,IAAI;GAClB,IAAI,SAAS,eACX;GAGF,IAAI,OAAO,oBACT,OAAO,KAAK;GAGd,IAAI,OAAO,mBACT,OAAO,KAAK,QAAQ,YAAY;EAEpC;EACA,KAAK,IAAI;GACP,IAAI,SAAS,iBAAiB,OAAO,KAAK,sBACxC;GAGF,IAAI,KAAK,YAAY,OAAO,aAAa,UACvC,OAAO;GAGT,yBAAyB,IAAI,KAAK,YAAY,IAAI;GAElD,OAAO;;mEAEsD,KAAK,UAAU,SAAS,EAAE;;EAEzF;EACA,eAAe,QAAQ;GAMrB,YAAY,GAHV,OAAO,SAAS,OACZ,OAAO,OACP,IAAI,IAAI,OAAO,MAAM,kBAAkB,CAAC,CAAC,WACzB;EACxB;EACA,iBAAiB;GACf,IAAI,KAAK,YAAY,OAAO,aAAa,UACvC;GAMF,IACE,SAAS,UACT,CAAC,yBAAyB,IAAI,KAAK,YAAY,IAAI,GAEnD;GAGF,KAAK,SAAS;IACZ,MAAM;IACN,UAAU;IACV,QAAQ,GAAG,aAAa,oBAAoB,MAAM;GACpD,CAAC;EACH;EACA,gBAAgB,QAAQ;GACtB,MAAM,eAAe,GAAG,aAAa,oBAAoB,MAAM;GAC/D,OAAO,YAAY,KAAK,SAAS,UAAU,SAAS;IAGlD,IAAI,IAFmB,IAAI,QAAQ,OAAO,KAAK,kBAElC,CAAC,CAAC,aAAa,WAAW;KACrC,KAAK;KACL;IACF;IAEA,SAAS,UAAU,KAAK;KACtB,iBAAiB;KACjB,gBAAgB;KAChB,0BAA0B;IAC5B,CAAC;IACD,SAAS,IAAI,YAAY;GAC3B,CAAC;EACH;CACF;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/vite/plugin.ts"],"sourcesContent":["import * as fs from 'node:fs'\nimport { fileURLToPath } from 'node:url'\nimport type { Plugin } from 'vite'\n\nconst WORKER_FILENAME = 'mockServiceWorker.js'\nconst WORKER_SCRIPT_PATH = new URL('../mockServiceWorker.js', import.meta.url)\nconst VIRTUAL_MODULE_ID = 'virtual:msw'\nconst RUNTIME_PATH = fileURLToPath(new URL('./runtime.js', import.meta.url))\n\nexport interface MswPluginOptions {\n  /**\n   * Use automatic integration or only provide the worker script for manual setup.\n   * In worker-only mode, virtual modules are disabled.\n   * @default \"auto\"\n   */\n  mode?: 'auto' | 'worker-only'\n}\n\n/**\n * A Vite plugin for Mock Service Worker.\n *\n * @example\n * // vite.config.ts\n * import { msw } from 'msw/vite'\n *\n * export default defineConfig({\n *   plugins: [msw()]\n * })\n *\n * @example\n * // src/{client,server}.ts\n * if (import.meta.env.DEV) {\n *   const { network } = await import('virtual:msw')\n *   const { handlers } = await import('./mocks/handlers')\n *\n *   network.configure({ handlers })\n *   await network.enable()\n * }\n *\n * @remarks\n * The worker script is served during development and emitted next to any\n * client bundle that imports `virtual:msw`. Guard mocking setup with\n * `import.meta.env.DEV` to exclude both from production builds.\n *\n * For application TypeScript projects that do not include the Vite config,\n * add `/// <reference types=\"msw/vite/client\" />` to an included declaration file.\n */\nexport function msw(options: MswPluginOptions = {}): Plugin {\n  const mode = options.mode ?? 'auto'\n  let workerUrl = `/${WORKER_FILENAME}`\n  const environmentsUsingNetwork = new Set<string>()\n\n  return {\n    name: 'msw',\n    resolveId(id) {\n      if (mode === 'worker-only') {\n        return\n      }\n\n      if (id === VIRTUAL_MODULE_ID) {\n        return `\\0${VIRTUAL_MODULE_ID}`\n      }\n    },\n    load(id) {\n      if (mode === 'worker-only' || id !== `\\0${VIRTUAL_MODULE_ID}`) {\n        return\n      }\n\n      // Tools like Vitest import the runtime natively when it's installed\n      // in \"node_modules\". Provide it with the environment's options from here\n      // so it never has to import a virtual module that only Vite can resolve.\n      if (this.environment.config.consumer === 'server') {\n        return `\nimport { defaultNetworkOptions } from 'msw/node'\nimport { createNetwork } from ${JSON.stringify(RUNTIME_PATH)}\nexport const network = await createNetwork(defaultNetworkOptions)\n`\n      }\n\n      environmentsUsingNetwork.add(this.environment.name)\n\n      return `\nimport { createDefaultNetworkOptions } from 'msw/browser'\nimport { createNetwork } from ${JSON.stringify(RUNTIME_PATH)}\nexport const network = await createNetwork(createDefaultNetworkOptions(${JSON.stringify(workerUrl)}))\n`\n    },\n    configResolved(config) {\n      // Keep relative build bases relative and service workers on the app's origin.\n      const base =\n        config.base === './'\n          ? config.base\n          : new URL(config.base, 'http://localhost').pathname\n      workerUrl = `${base}${WORKER_FILENAME}`\n    },\n    generateBundle() {\n      if (this.environment.config.consumer !== 'client') {\n        return\n      }\n\n      // In \"auto\" mode, the worker is only useful to bundles that contain the\n      // network. A user guard (e.g. `import.meta.env.DEV`) that drops the\n      // `virtual:msw` import drops the worker too.\n      if (\n        mode === 'auto' &&\n        !environmentsUsingNetwork.has(this.environment.name)\n      ) {\n        return\n      }\n\n      this.emitFile({\n        type: 'asset',\n        fileName: WORKER_FILENAME,\n        source: fs.readFileSync(WORKER_SCRIPT_PATH, 'utf8'),\n      })\n    },\n    configureServer(server) {\n      const workerScript = fs.readFileSync(WORKER_SCRIPT_PATH, 'utf8')\n      server.middlewares.use((request, response, next) => {\n        const requestUrl = new URL(request.url ?? '/', 'http://localhost')\n\n        if (requestUrl.pathname !== workerUrl) {\n          next()\n          return\n        }\n\n        response.writeHead(200, {\n          'cache-control': 'no-cache',\n          'content-type': 'application/javascript; charset=utf-8',\n          'service-worker-allowed': '/',\n        })\n        response.end(workerScript)\n      })\n    },\n  }\n}\n"],"mappings":";;;AAIA,MAAM,kBAAkB;AACxB,MAAM,qBAAqB,IAAI,IAAI,2BAA2B,YAAY,GAAG;AAC7E,MAAM,oBAAoB;AAC1B,MAAM,eAAe,cAAc,IAAI,IAAI,gBAAgB,YAAY,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwC3E,SAAgB,IAAI,UAA4B,CAAC,GAAW;CAC1D,MAAM,OAAO,QAAQ,QAAQ;CAC7B,IAAI,YAAY,IAAI;CACpB,MAAM,2CAA2B,IAAI,IAAY;CAEjD,OAAO;EACL,MAAM;EACN,UAAU,IAAI;GACZ,IAAI,SAAS,eACX;GAGF,IAAI,OAAO,mBACT,OAAO,KAAK;EAEhB;EACA,KAAK,IAAI;GACP,IAAI,SAAS,iBAAiB,OAAO,KAAK,qBACxC;GAMF,IAAI,KAAK,YAAY,OAAO,aAAa,UACvC,OAAO;;gCAEiB,KAAK,UAAU,YAAY,EAAE;;;GAKvD,yBAAyB,IAAI,KAAK,YAAY,IAAI;GAElD,OAAO;;gCAEmB,KAAK,UAAU,YAAY,EAAE;yEACY,KAAK,UAAU,SAAS,EAAE;;EAE/F;EACA,eAAe,QAAQ;GAMrB,YAAY,GAHV,OAAO,SAAS,OACZ,OAAO,OACP,IAAI,IAAI,OAAO,MAAM,kBAAkB,CAAC,CAAC,WACzB;EACxB;EACA,iBAAiB;GACf,IAAI,KAAK,YAAY,OAAO,aAAa,UACvC;GAMF,IACE,SAAS,UACT,CAAC,yBAAyB,IAAI,KAAK,YAAY,IAAI,GAEnD;GAGF,KAAK,SAAS;IACZ,MAAM;IACN,UAAU;IACV,QAAQ,GAAG,aAAa,oBAAoB,MAAM;GACpD,CAAC;EACH;EACA,gBAAgB,QAAQ;GACtB,MAAM,eAAe,GAAG,aAAa,oBAAoB,MAAM;GAC/D,OAAO,YAAY,KAAK,SAAS,UAAU,SAAS;IAGlD,IAAI,IAFmB,IAAI,QAAQ,OAAO,KAAK,kBAElC,CAAC,CAAC,aAAa,WAAW;KACrC,KAAK;KACL;IACF;IAEA,SAAS,UAAU,KAAK;KACtB,iBAAiB;KACjB,gBAAgB;KAChB,0BAA0B;IAC5B,CAAC;IACD,SAAS,IAAI,YAAY;GAC3B,CAAC;EACH;CACF;AACF"}

package/lib/vite/runtime.d.ts

@@ -1,6 +1,5 @@
-import { NetworkApi } from "msw/experimental";
-import { defaultNetworkOptions } from "virtual:msw/options";
+import { defineNetwork } from "msw/experimental";
 //#region src/vite/runtime.d.ts
-export declare const network: NetworkApi<typeof defaultNetworkOptions.sources>;
+export declare function createNetwork(options: Parameters<typeof defineNetwork>[0]): Promise<ReturnType<typeof defineNetwork>>;
 //#endregion
 //# sourceMappingURL=runtime.d.ts.map

package/lib/vite/runtime.js

@@ -1,77 +1,79 @@
 import { NetworkReadyState, defineNetwork } from "msw/experimental";
-import { defaultNetworkOptions } from "virtual:msw/options";
 //#region src/vite/runtime.ts
 const hot = import.meta.hot;
 const hotData = hot?.data;
-while (hotData?.disposeNetwork) {
-	const disposePrevious = hotData.disposeNetwork;
-	await disposePrevious();
-	if (hotData.disposeNetwork === disposePrevious) break;
-}
-const network = defineNetwork(defaultNetworkOptions);
-if (hot && hotData) {
-	let resumeAfterUpdate = false;
-	let retired = false;
-	let pendingOperation;
-	const configure = network.configure;
-	const enable = network.enable;
-	const disable = network.disable;
-	const runOperation = (action) => {
-		const result = pendingOperation ? pendingOperation.then(action) : action();
-		if (result instanceof Promise) {
-			const operation = result.finally(() => {
-				if (pendingOperation === operation) pendingOperation = void 0;
+async function createNetwork(options) {
+	while (hotData?.disposeNetwork) {
+		const disposePrevious = hotData.disposeNetwork;
+		await disposePrevious();
+		if (hotData.disposeNetwork === disposePrevious) break;
+	}
+	const network = defineNetwork(options);
+	if (hot && hotData) {
+		let resumeAfterUpdate = false;
+		let retired = false;
+		let pendingOperation;
+		const configure = network.configure;
+		const enable = network.enable;
+		const disable = network.disable;
+		const runOperation = (action) => {
+			const result = pendingOperation ? pendingOperation.then(action) : action();
+			if (result instanceof Promise) {
+				const operation = result.finally(() => {
+					if (pendingOperation === operation) pendingOperation = void 0;
+				});
+				pendingOperation = operation;
+				return operation;
+			}
+		};
+		const stop = () => {
+			if (network.readyState === NetworkReadyState.ENABLED) return disable();
+		};
+		network.configure = (options) => {
+			runOperation(() => {
+				if (retired) return;
+				const stopped = stop();
+				if (stopped instanceof Promise) return stopped.then(() => configure(options));
+				configure(options);
+			});
+		};
+		network.enable = async () => {
+			await runOperation(() => {
+				if (!retired && network.readyState === NetworkReadyState.DISABLED) return enable();
 			});
-			pendingOperation = operation;
-			return operation;
-		}
-	};
-	const stop = () => {
-		if (network.readyState === NetworkReadyState.ENABLED) return disable();
-	};
-	network.configure = (options) => {
-		runOperation(() => {
-			if (retired) return;
-			const stopped = stop();
-			if (stopped instanceof Promise) return stopped.then(() => configure(options));
-			configure(options);
-		});
-	};
-	network.enable = async () => {
-		await runOperation(() => {
-			if (!retired && network.readyState === NetworkReadyState.DISABLED) return enable();
-		});
-	};
-	network.disable = async () => {
-		await runOperation(stop);
-	};
-	const disableNetwork = async () => {
-		await network.disable();
-	};
-	const beforeUpdate = async () => {
-		resumeAfterUpdate = network.readyState === NetworkReadyState.ENABLED;
-		await disableNetwork();
-	};
-	const afterUpdate = async () => {
-		const shouldResume = resumeAfterUpdate;
-		resumeAfterUpdate = false;
-		if (shouldResume && network.readyState === NetworkReadyState.DISABLED) await network.enable();
-	};
-	hot.on("vite:beforeUpdate", beforeUpdate);
-	hot.on("vite:afterUpdate", afterUpdate);
-	hot.on("vite:beforeFullReload", disableNetwork);
-	const disposeNetwork = async () => {
-		retired = true;
-		resumeAfterUpdate = false;
-		hot.off("vite:beforeUpdate", beforeUpdate);
-		hot.off("vite:afterUpdate", afterUpdate);
-		hot.off("vite:beforeFullReload", disableNetwork);
-		await disableNetwork();
-	};
-	hotData.disposeNetwork = disposeNetwork;
-	hot.dispose(disposeNetwork);
+		};
+		network.disable = async () => {
+			await runOperation(stop);
+		};
+		const disableNetwork = async () => {
+			await network.disable();
+		};
+		const beforeUpdate = async () => {
+			resumeAfterUpdate = network.readyState === NetworkReadyState.ENABLED;
+			await disableNetwork();
+		};
+		const afterUpdate = async () => {
+			const shouldResume = resumeAfterUpdate;
+			resumeAfterUpdate = false;
+			if (shouldResume && network.readyState === NetworkReadyState.DISABLED) await network.enable();
+		};
+		hot.on("vite:beforeUpdate", beforeUpdate);
+		hot.on("vite:afterUpdate", afterUpdate);
+		hot.on("vite:beforeFullReload", disableNetwork);
+		const disposeNetwork = async () => {
+			retired = true;
+			resumeAfterUpdate = false;
+			hot.off("vite:beforeUpdate", beforeUpdate);
+			hot.off("vite:afterUpdate", afterUpdate);
+			hot.off("vite:beforeFullReload", disableNetwork);
+			await disableNetwork();
+		};
+		hotData.disposeNetwork = disposeNetwork;
+		hot.dispose(disposeNetwork);
+	}
+	return network;
 }
 //#endregion
-export { network };
+export { createNetwork };
 
 //# sourceMappingURL=runtime.js.map

package/lib/vite/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","names":[],"sources":["../../src/vite/runtime.ts"],"sourcesContent":["/// <reference types=\"vite/client\" />\n\nimport {\n  defineNetwork,\n  NetworkReadyState,\n  type NetworkApi,\n} from 'msw/experimental'\nimport { defaultNetworkOptions } from 'virtual:msw/options'\n\nconst hot = import.meta.hot\nconst hotData: { disposeNetwork?: () => Promise<void> } | undefined = hot?.data\n\n// SSR imports can re-evaluate this module before the old HMR listener runs.\nwhile (hotData?.disposeNetwork) {\n  const disposePrevious = hotData.disposeNetwork\n  await disposePrevious()\n\n  if (hotData.disposeNetwork === disposePrevious) {\n    break\n  }\n}\n\nexport const network: NetworkApi<typeof defaultNetworkOptions.sources> =\n  defineNetwork<typeof defaultNetworkOptions.sources>(defaultNetworkOptions)\n\nif (hot && hotData) {\n  let resumeAfterUpdate = false\n  let retired = false\n  let pendingOperation: Promise<void> | undefined\n  const configure = network.configure\n  const enable = network.enable\n  const disable = network.disable\n\n  const runOperation = (action: () => void | Promise<void>) => {\n    const result = pendingOperation ? pendingOperation.then(action) : action()\n\n    if (result instanceof Promise) {\n      const operation = result.finally(() => {\n        if (pendingOperation === operation) {\n          pendingOperation = undefined\n        }\n      })\n      pendingOperation = operation\n\n      return operation\n    }\n  }\n\n  const stop = () => {\n    if (network.readyState === NetworkReadyState.ENABLED) {\n      return disable()\n    }\n  }\n\n  // An SSR entry may be re-evaluated while this module remains cached.\n  network.configure = (options) => {\n    void runOperation(() => {\n      if (retired) {\n        return\n      }\n\n      const stopped = stop()\n\n      if (stopped instanceof Promise) {\n        return stopped.then(() => configure(options))\n      }\n\n      configure(options)\n    })\n  }\n  network.enable = async () => {\n    await runOperation(() => {\n      if (!retired && network.readyState === NetworkReadyState.DISABLED) {\n        return enable()\n      }\n    })\n  }\n  network.disable = async () => {\n    await runOperation(stop)\n  }\n\n  const disableNetwork = async () => {\n    await network.disable()\n  }\n\n  const beforeUpdate = async () => {\n    resumeAfterUpdate = network.readyState === NetworkReadyState.ENABLED\n    await disableNetwork()\n  }\n\n  const afterUpdate = async () => {\n    const shouldResume = resumeAfterUpdate\n    resumeAfterUpdate = false\n\n    if (shouldResume && network.readyState === NetworkReadyState.DISABLED) {\n      await network.enable()\n    }\n  }\n\n  hot.on('vite:beforeUpdate', beforeUpdate)\n  hot.on('vite:afterUpdate', afterUpdate)\n  hot.on('vite:beforeFullReload', disableNetwork)\n\n  const disposeNetwork = async () => {\n    retired = true\n    resumeAfterUpdate = false\n\n    hot.off('vite:beforeUpdate', beforeUpdate)\n    hot.off('vite:afterUpdate', afterUpdate)\n    hot.off('vite:beforeFullReload', disableNetwork)\n\n    await disableNetwork()\n  }\n\n  hotData.disposeNetwork = disposeNetwork\n  hot.dispose(disposeNetwork)\n}\n"],"mappings":";;;AASA,MAAM,MAAM,YAAY;AACxB,MAAM,UAAgE,KAAK;AAG3E,OAAO,SAAS,gBAAgB;CAC9B,MAAM,kBAAkB,QAAQ;CAChC,MAAM,gBAAgB;CAEtB,IAAI,QAAQ,mBAAmB,iBAC7B;AAEJ;AAEA,MAAa,UACX,cAAoD,qBAAqB;AAE3E,IAAI,OAAO,SAAS;CAClB,IAAI,oBAAoB;CACxB,IAAI,UAAU;CACd,IAAI;CACJ,MAAM,YAAY,QAAQ;CAC1B,MAAM,SAAS,QAAQ;CACvB,MAAM,UAAU,QAAQ;CAExB,MAAM,gBAAgB,WAAuC;EAC3D,MAAM,SAAS,mBAAmB,iBAAiB,KAAK,MAAM,IAAI,OAAO;EAEzE,IAAI,kBAAkB,SAAS;GAC7B,MAAM,YAAY,OAAO,cAAc;IACrC,IAAI,qBAAqB,WACvB,mBAAmB,KAAA;GAEvB,CAAC;GACD,mBAAmB;GAEnB,OAAO;EACT;CACF;CAEA,MAAM,aAAa;EACjB,IAAI,QAAQ,eAAe,kBAAkB,SAC3C,OAAO,QAAQ;CAEnB;CAGA,QAAQ,aAAa,YAAY;EAC/B,mBAAwB;GACtB,IAAI,SACF;GAGF,MAAM,UAAU,KAAK;GAErB,IAAI,mBAAmB,SACrB,OAAO,QAAQ,WAAW,UAAU,OAAO,CAAC;GAG9C,UAAU,OAAO;EACnB,CAAC;CACH;CACA,QAAQ,SAAS,YAAY;EAC3B,MAAM,mBAAmB;GACvB,IAAI,CAAC,WAAW,QAAQ,eAAe,kBAAkB,UACvD,OAAO,OAAO;EAElB,CAAC;CACH;CACA,QAAQ,UAAU,YAAY;EAC5B,MAAM,aAAa,IAAI;CACzB;CAEA,MAAM,iBAAiB,YAAY;EACjC,MAAM,QAAQ,QAAQ;CACxB;CAEA,MAAM,eAAe,YAAY;EAC/B,oBAAoB,QAAQ,eAAe,kBAAkB;EAC7D,MAAM,eAAe;CACvB;CAEA,MAAM,cAAc,YAAY;EAC9B,MAAM,eAAe;EACrB,oBAAoB;EAEpB,IAAI,gBAAgB,QAAQ,eAAe,kBAAkB,UAC3D,MAAM,QAAQ,OAAO;CAEzB;CAEA,IAAI,GAAG,qBAAqB,YAAY;CACxC,IAAI,GAAG,oBAAoB,WAAW;CACtC,IAAI,GAAG,yBAAyB,cAAc;CAE9C,MAAM,iBAAiB,YAAY;EACjC,UAAU;EACV,oBAAoB;EAEpB,IAAI,IAAI,qBAAqB,YAAY;EACzC,IAAI,IAAI,oBAAoB,WAAW;EACvC,IAAI,IAAI,yBAAyB,cAAc;EAE/C,MAAM,eAAe;CACvB;CAEA,QAAQ,iBAAiB;CACzB,IAAI,QAAQ,cAAc;AAC5B"}
+{"version":3,"file":"runtime.js","names":[],"sources":["../../src/vite/runtime.ts"],"sourcesContent":["/// <reference types=\"vite/client\" />\n\nimport { defineNetwork, NetworkReadyState } from 'msw/experimental'\n\nconst hot = import.meta.hot\nconst hotData: { disposeNetwork?: () => Promise<void> } | undefined = hot?.data\n\nexport async function createNetwork(\n  options: Parameters<typeof defineNetwork>[0],\n): Promise<ReturnType<typeof defineNetwork>> {\n  // SSR imports can re-evaluate the network before the old HMR listener runs.\n  while (hotData?.disposeNetwork) {\n    const disposePrevious = hotData.disposeNetwork\n    await disposePrevious()\n\n    if (hotData.disposeNetwork === disposePrevious) {\n      break\n    }\n  }\n\n  const network = defineNetwork(options)\n\n  if (hot && hotData) {\n    let resumeAfterUpdate = false\n    let retired = false\n    let pendingOperation: Promise<void> | undefined\n    const configure = network.configure\n    const enable = network.enable\n    const disable = network.disable\n\n    const runOperation = (action: () => void | Promise<void>) => {\n      const result = pendingOperation ? pendingOperation.then(action) : action()\n\n      if (result instanceof Promise) {\n        const operation = result.finally(() => {\n          if (pendingOperation === operation) {\n            pendingOperation = undefined\n          }\n        })\n        pendingOperation = operation\n\n        return operation\n      }\n    }\n\n    const stop = () => {\n      if (network.readyState === NetworkReadyState.ENABLED) {\n        return disable()\n      }\n    }\n\n    // An SSR entry may be re-evaluated while this module remains cached.\n    network.configure = (options) => {\n      void runOperation(() => {\n        if (retired) {\n          return\n        }\n\n        const stopped = stop()\n\n        if (stopped instanceof Promise) {\n          return stopped.then(() => configure(options))\n        }\n\n        configure(options)\n      })\n    }\n    network.enable = async () => {\n      await runOperation(() => {\n        if (!retired && network.readyState === NetworkReadyState.DISABLED) {\n          return enable()\n        }\n      })\n    }\n    network.disable = async () => {\n      await runOperation(stop)\n    }\n\n    const disableNetwork = async () => {\n      await network.disable()\n    }\n\n    const beforeUpdate = async () => {\n      resumeAfterUpdate = network.readyState === NetworkReadyState.ENABLED\n      await disableNetwork()\n    }\n\n    const afterUpdate = async () => {\n      const shouldResume = resumeAfterUpdate\n      resumeAfterUpdate = false\n\n      if (shouldResume && network.readyState === NetworkReadyState.DISABLED) {\n        await network.enable()\n      }\n    }\n\n    hot.on('vite:beforeUpdate', beforeUpdate)\n    hot.on('vite:afterUpdate', afterUpdate)\n    hot.on('vite:beforeFullReload', disableNetwork)\n\n    const disposeNetwork = async () => {\n      retired = true\n      resumeAfterUpdate = false\n\n      hot.off('vite:beforeUpdate', beforeUpdate)\n      hot.off('vite:afterUpdate', afterUpdate)\n      hot.off('vite:beforeFullReload', disableNetwork)\n\n      await disableNetwork()\n    }\n\n    hotData.disposeNetwork = disposeNetwork\n    hot.dispose(disposeNetwork)\n  }\n\n  return network\n}\n"],"mappings":";;AAIA,MAAM,MAAM,YAAY;AACxB,MAAM,UAAgE,KAAK;AAE3E,eAAsB,cACpB,SAC2C;CAE3C,OAAO,SAAS,gBAAgB;EAC9B,MAAM,kBAAkB,QAAQ;EAChC,MAAM,gBAAgB;EAEtB,IAAI,QAAQ,mBAAmB,iBAC7B;CAEJ;CAEA,MAAM,UAAU,cAAc,OAAO;CAErC,IAAI,OAAO,SAAS;EAClB,IAAI,oBAAoB;EACxB,IAAI,UAAU;EACd,IAAI;EACJ,MAAM,YAAY,QAAQ;EAC1B,MAAM,SAAS,QAAQ;EACvB,MAAM,UAAU,QAAQ;EAExB,MAAM,gBAAgB,WAAuC;GAC3D,MAAM,SAAS,mBAAmB,iBAAiB,KAAK,MAAM,IAAI,OAAO;GAEzE,IAAI,kBAAkB,SAAS;IAC7B,MAAM,YAAY,OAAO,cAAc;KACrC,IAAI,qBAAqB,WACvB,mBAAmB,KAAA;IAEvB,CAAC;IACD,mBAAmB;IAEnB,OAAO;GACT;EACF;EAEA,MAAM,aAAa;GACjB,IAAI,QAAQ,eAAe,kBAAkB,SAC3C,OAAO,QAAQ;EAEnB;EAGA,QAAQ,aAAa,YAAY;GAC/B,mBAAwB;IACtB,IAAI,SACF;IAGF,MAAM,UAAU,KAAK;IAErB,IAAI,mBAAmB,SACrB,OAAO,QAAQ,WAAW,UAAU,OAAO,CAAC;IAG9C,UAAU,OAAO;GACnB,CAAC;EACH;EACA,QAAQ,SAAS,YAAY;GAC3B,MAAM,mBAAmB;IACvB,IAAI,CAAC,WAAW,QAAQ,eAAe,kBAAkB,UACvD,OAAO,OAAO;GAElB,CAAC;EACH;EACA,QAAQ,UAAU,YAAY;GAC5B,MAAM,aAAa,IAAI;EACzB;EAEA,MAAM,iBAAiB,YAAY;GACjC,MAAM,QAAQ,QAAQ;EACxB;EAEA,MAAM,eAAe,YAAY;GAC/B,oBAAoB,QAAQ,eAAe,kBAAkB;GAC7D,MAAM,eAAe;EACvB;EAEA,MAAM,cAAc,YAAY;GAC9B,MAAM,eAAe;GACrB,oBAAoB;GAEpB,IAAI,gBAAgB,QAAQ,eAAe,kBAAkB,UAC3D,MAAM,QAAQ,OAAO;EAEzB;EAEA,IAAI,GAAG,qBAAqB,YAAY;EACxC,IAAI,GAAG,oBAAoB,WAAW;EACtC,IAAI,GAAG,yBAAyB,cAAc;EAE9C,MAAM,iBAAiB,YAAY;GACjC,UAAU;GACV,oBAAoB;GAEpB,IAAI,IAAI,qBAAqB,YAAY;GACzC,IAAI,IAAI,oBAAoB,WAAW;GACvC,IAAI,IAAI,yBAAyB,cAAc;GAE/C,MAAM,eAAe;EACvB;EAEA,QAAQ,iBAAiB;EACzB,IAAI,QAAQ,cAAc;CAC5B;CAEA,OAAO;AACT"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depup/msw",
-  "version": "3.0.0-depup.0",
-  "description": "Seamless REST/GraphQL API mocking library for browser and Node.js. (with updated dependencies)",
+  "version": "3.0.2-depup.0",
+  "description": "The industry standard for API mocking in JavaScript. (with updated dependencies)",
   "type": "module",
   "main": "./lib/core/index.js",
   "types": "./lib/core/index.d.ts",
@@ -125,7 +125,7 @@
   "dependencies": {
     "@inquirer/confirm": "^6.3.2",
     "@msw/url": "^0.1.2",
-    "@mswjs/interceptors": "^0.45.5",
+    "@mswjs/interceptors": "^0.45.6",
     "cookie": "^2.0.1",
     "headers-polyfill": "^5.0.1",
     "is-node-process": "^1.2.0",
@@ -167,7 +167,7 @@
     "json-bigint": "^1.0.0",
     "knip": "^6.34.0",
     "lint-staged": "^17.1.1",
-    "msw": "^3.0.0",
+    "msw": "^3.0.2",
     "oxlint": "^1.75.0",
     "page-with": "^0.6.1",
     "prettier": "^3.9.6",
@@ -238,8 +238,8 @@
     },
     "depsUpdated": 2,
     "originalPackage": "msw",
-    "originalVersion": "3.0.0",
-    "processedAt": "2026-09-28T16:11:25.377Z",
+    "originalVersion": "3.0.2",
+    "processedAt": "2026-10-03T08:12:25.616Z",
     "smokeTest": "passed"
   }
 }

package/src/core/experimental/frames/http-frame.test.ts

@@ -1,3 +1,4 @@
+import { FetchRequest } from '@mswjs/interceptors'
 import { http } from '#http/http'
 import { graphql } from '../../../graphql'
 import { ws } from '../../../ws'
@@ -169,6 +170,54 @@ test('resolves a non-matching request', async () => {
   ])
 })
 
+/**
+ * @todo Revisit the `http.all()` handler below once `http.connect()`
+ * is supported: a matching CONNECT handler must take precedence.
+ */
+test('passes through an unhandled CONNECT request without applying the unhandled frame strategy', async () => {
+  class HttpFrame extends HttpNetworkFrame {
+    respondWith = vi.fn()
+    passthrough = vi.fn()
+    errorWith = vi.fn()
+  }
+
+  const frame = new HttpFrame({
+    request: new FetchRequest('http://localhost/127.0.0.1:443', {
+      method: 'CONNECT',
+    }),
+  })
+  const { events } = spyOnNetworkFrame(frame)
+  const unhandledFrameCallback = vi.fn()
+
+  const matches = await frame.resolve(
+    [
+      http.all('*', () => {
+        return new Response(null, { status: 204 })
+      }),
+    ],
+    unhandledFrameCallback,
+    { quiet: true },
+  )
+
+  expect.soft(matches).toBe(null)
+  expect.soft(frame.passthrough).toHaveBeenCalledOnce()
+  expect.soft(frame.respondWith).not.toHaveBeenCalled()
+  expect.soft(frame.errorWith).not.toHaveBeenCalled()
+  expect.soft(unhandledFrameCallback).not.toHaveBeenCalled()
+  expect.soft(events).toEqual([
+    expect.objectContaining({
+      type: 'request:start',
+      requestId: frame.data.id,
+      request: frame.data.request,
+    }),
+    expect.objectContaining({
+      type: 'request:end',
+      requestId: frame.data.id,
+      request: frame.data.request,
+    }),
+  ])
+})
+
 test('resolves a matched passthrough', async () => {
   class HttpFrame extends HttpNetworkFrame {
     respondWith = vi.fn()

package/src/core/experimental/frames/http-frame.ts

@@ -6,6 +6,7 @@ import {
   type NetworkFrameResolutionContext,
 } from './network-frame'
 import { toPublicUrl } from '../../utils/request/to-public-url'
+import { isStringEqual } from '../../utils/internal/is-string-equal'
 import { executeHandlers } from '../../utils/execute-handlers'
 import { storeResponseCookies } from '../../utils/request/store-response-cookies'
 import { shouldBypassRequest } from '../request-utils'
@@ -191,6 +192,24 @@ export abstract class HttpNetworkFrame extends NetworkFrame<
 
     // No matching handlers.
     if (lookupResult == null) {
+      /**
+       * @note Unhandled CONNECT requests establish a tunnel through a proxy.
+       * They are transport, not the request the developer cares about, so
+       * they pass through silently regardless of the unhandled frame strategy.
+       * The request sent through the tunnel gets its own resolution.
+       */
+      if (isStringEqual(request.method, 'CONNECT')) {
+        this.events.emit(
+          new RequestEvent('request:end', {
+            requestId,
+            request,
+          }),
+        )
+
+        this.passthrough()
+        return null
+      }
+
       this.events.emit(
         new RequestEvent('request:unhandled', {
           requestId,

package/src/http/http-handler.test.ts

@@ -1,5 +1,5 @@
 // @vitest-environment jsdom
-import { createRequestId } from '@mswjs/interceptors'
+import { createRequestId, FetchRequest } from '@mswjs/interceptors'
 import type { HttpRequestResolverExtras } from './http-handler'
 import { HttpHandler } from './http-handler'
 import { HttpResponse } from './index'
@@ -70,6 +70,24 @@ describe('parse', () => {
 })
 
 describe('predicate', () => {
+  /**
+   * @todo Decide whether `http.all()` matches CONNECT requests
+   * once `http.connect()` is supported.
+   */
+  test('returns false given a CONNECT request', async () => {
+    const handler = new HttpHandler(/.+/, '*', resolver)
+    const request = new FetchRequest('http://localhost/127.0.0.1:443', {
+      method: 'CONNECT',
+    })
+
+    await expect(
+      handler.predicate({
+        request,
+        parsedResult: await handler.parse({ request }),
+      }),
+    ).resolves.toBe(false)
+  })
+
   test('returns true given a matching request', async () => {
     const handler = new HttpHandler('POST', '/login', resolver)
     const request = new Request(new URL('/login', location.href), {

package/src/http/http-handler.ts

@@ -122,6 +122,19 @@ export class HttpHandler extends RequestHandler<
     request: Request
     resolutionContext?: ResponseResolutionContext
   }) {
+    /**
+     * @note CONNECT requests target an authority ("host:port"), not a URL.
+     * HTTP handlers never match them.
+     * @todo Match the authority against the handler path once
+     * `http.connect()` is supported instead of bailing out.
+     */
+    if (isStringEqual(args.request.method, 'CONNECT')) {
+      return {
+        match: { matches: false, params: {} },
+        cookies: {},
+      }
+    }
+
     const url = new URL(args.request.url)
     const cookies = getAllRequestCookies(args.request)
 

package/src/vite/plugin.test.ts

@@ -454,6 +454,9 @@ document.querySelector('output').textContent = String(network.readyState)
 let completedUpdates = 0
 
 if (import.meta.hot) {
+  import.meta.hot.on('vite:beforeUpdate', () => {
+    document.body.dataset.disabledBeforeUpdate = String(network.readyState === 0)
+  })
   import.meta.hot.on('vite:afterUpdate', () => {
     document.body.dataset.completedUpdates = String(++completedUpdates)
   })
@@ -519,18 +522,33 @@ document.querySelector('button').onclick = async () => {
   await page.getByRole('button', { name: 'Enable' }).click()
 
   await expect.poll(() => page.locator('output').textContent()).toBe('mocked')
+  await page.evaluate(() => {
+    delete document.body.dataset.disabledBeforeUpdate
+  })
   server.environments.client.hot.send({ type: 'update', updates: [] })
 
   await expect
     .poll(() => page.locator('body').getAttribute('data-completed-updates'))
     .toBe('2')
   await expect(
-    page.evaluate(async () => {
-      const response = await fetch('/resource')
-
-      return response.text()
-    }),
-  ).resolves.toBe('mocked')
+    page.locator('body').getAttribute('data-disabled-before-update'),
+  ).resolves.toBe('true')
+  /**
+   * @note The runtime re-enables the network after the update asynchronously:
+   * the worker has to be re-activated before it can respond with mocks.
+   * Until then, requests reach the dev server. Poll for the mocked response.
+   */
+  await expect
+    .poll(
+      () =>
+        page.evaluate(async () => {
+          const response = await fetch('/resource')
+
+          return response.text()
+        }),
+      { timeout: 10_000 },
+    )
+    .toBe('mocked')
   await expect(
     page.evaluate(async () => {
       const registrations = await navigator.serviceWorker.getRegistrations()
@@ -766,7 +784,7 @@ test('serves only the worker in worker-only mode with an absolute base URL', asy
     server.environments.client.pluginContainer.resolveId('virtual:msw'),
   ).resolves.toBeNull()
   await expect(
-    server.environments.ssr.pluginContainer.resolveId('virtual:msw/options'),
+    server.environments.ssr.pluginContainer.resolveId('virtual:msw'),
   ).resolves.toBeNull()
 })
 

package/src/vite/plugin.ts

@@ -5,7 +5,6 @@ import type { Plugin } from 'vite'
 const WORKER_FILENAME = 'mockServiceWorker.js'
 const WORKER_SCRIPT_PATH = new URL('../mockServiceWorker.js', import.meta.url)
 const VIRTUAL_MODULE_ID = 'virtual:msw'
-const VIRTUAL_OPTIONS_ID = 'virtual:msw/options'
 const RUNTIME_PATH = fileURLToPath(new URL('./runtime.js', import.meta.url))
 
 export interface MswPluginOptions {
@@ -53,33 +52,37 @@ export function msw(options: MswPluginOptions = {}): Plugin {
 
   return {
     name: 'msw',
-    async resolveId(id) {
+    resolveId(id) {
       if (mode === 'worker-only') {
         return
       }
 
-      if (id === VIRTUAL_OPTIONS_ID) {
-        return `\0${VIRTUAL_OPTIONS_ID}`
-      }
-
       if (id === VIRTUAL_MODULE_ID) {
-        return this.resolve(RUNTIME_PATH)
+        return `\0${VIRTUAL_MODULE_ID}`
       }
     },
     load(id) {
-      if (mode === 'worker-only' || id !== `\0${VIRTUAL_OPTIONS_ID}`) {
+      if (mode === 'worker-only' || id !== `\0${VIRTUAL_MODULE_ID}`) {
         return
       }
 
+      // Tools like Vitest import the runtime natively when it's installed
+      // in "node_modules". Provide it with the environment's options from here
+      // so it never has to import a virtual module that only Vite can resolve.
       if (this.environment.config.consumer === 'server') {
-        return `export { defaultNetworkOptions } from 'msw/node'`
+        return `
+import { defaultNetworkOptions } from 'msw/node'
+import { createNetwork } from ${JSON.stringify(RUNTIME_PATH)}
+export const network = await createNetwork(defaultNetworkOptions)
+`
       }
 
       environmentsUsingNetwork.add(this.environment.name)
 
       return `
 import { createDefaultNetworkOptions } from 'msw/browser'
-export const defaultNetworkOptions = createDefaultNetworkOptions(${JSON.stringify(workerUrl)})
+import { createNetwork } from ${JSON.stringify(RUNTIME_PATH)}
+export const network = await createNetwork(createDefaultNetworkOptions(${JSON.stringify(workerUrl)}))
 `
     },
     configResolved(config) {