@wyw-in-js/webpack-loader 1.1.0 → 2.0.0-alpha.0

package/esm/WYWinJSDebugPlugin.js

@@ -1,18 +1,16 @@
-import { createFileReporter } from '@wyw-in-js/transform';
+import { createFileReporter } from "@wyw-in-js/transform";
 export const sharedState = {};
 export class WYWinJSDebugPlugin {
-  constructor(options) {
-    const {
-      emitter,
-      onDone
-    } = createFileReporter(options ?? false);
-    sharedState.emitter = emitter;
-    this.onDone = onDone;
-  }
-  apply(compiler) {
-    compiler.hooks.shutdown.tap('WYWinJSDebug', () => {
-      this.onDone(process.cwd());
-    });
-  }
+	onDone;
+	constructor(options) {
+		const { emitter, onDone } = createFileReporter(options ?? false);
+		sharedState.emitter = emitter;
+		this.onDone = onDone;
+	}
+	apply(compiler) {
+		compiler.hooks.shutdown.tap("WYWinJSDebug", () => {
+			this.onDone(process.cwd());
+		});
+	}
 }
-//# sourceMappingURL=WYWinJSDebugPlugin.js.map
+//# sourceMappingURL=WYWinJSDebugPlugin.js.map

package/esm/WYWinJSDebugPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"WYWinJSDebugPlugin.js","names":["createFileReporter","sharedState","WYWinJSDebugPlugin","constructor","options","emitter","onDone","apply","compiler","hooks","shutdown","tap","process","cwd"],"sources":["../src/WYWinJSDebugPlugin.ts"],"sourcesContent":["import type { Compiler } from 'webpack';\n\nimport type { EventEmitter, IFileReporterOptions } from '@wyw-in-js/transform';\nimport { createFileReporter } from '@wyw-in-js/transform';\n\nexport const sharedState: {\n  emitter?: EventEmitter;\n} = {};\n\nexport class WYWinJSDebugPlugin {\n  private readonly onDone: (root: string) => void;\n\n  constructor(options?: IFileReporterOptions) {\n    const { emitter, onDone } = createFileReporter(options ?? false);\n    sharedState.emitter = emitter;\n    this.onDone = onDone;\n  }\n\n  apply(compiler: Compiler) {\n    compiler.hooks.shutdown.tap('WYWinJSDebug', () => {\n      this.onDone(process.cwd());\n    });\n  }\n}\n"],"mappings":"AAGA,SAASA,kBAAkB,QAAQ,sBAAsB;AAEzD,OAAO,MAAMC,WAEZ,GAAG,CAAC,CAAC;AAEN,OAAO,MAAMC,kBAAkB,CAAC;EAG9BC,WAAWA,CAACC,OAA8B,EAAE;IAC1C,MAAM;MAAEC,OAAO;MAAEC;IAAO,CAAC,GAAGN,kBAAkB,CAACI,OAAO,IAAI,KAAK,CAAC;IAChEH,WAAW,CAACI,OAAO,GAAGA,OAAO;IAC7B,IAAI,CAACC,MAAM,GAAGA,MAAM;EACtB;EAEAC,KAAKA,CAACC,QAAkB,EAAE;IACxBA,QAAQ,CAACC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAC,cAAc,EAAE,MAAM;MAChD,IAAI,CAACL,MAAM,CAACM,OAAO,CAACC,GAAG,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;EACJ;AACF","ignoreList":[]}
+{"mappings":"AAGA,SAAS,0BAA0B;AAEnC,OAAO,MAAM,cAET,EAAE;AAEN,OAAO,MAAM,mBAAmB;CAC9B,AAAiB;CAEjB,YAAY,SAAgC;EAC1C,MAAM,EAAE,SAAS,WAAW,mBAAmB,WAAW,MAAM;AAChE,cAAY,UAAU;AACtB,OAAK,SAAS;;CAGhB,MAAM,UAAoB;AACxB,WAAS,MAAM,SAAS,IAAI,sBAAsB;AAChD,QAAK,OAAO,QAAQ,KAAK,CAAC;IAC1B","names":[],"sources":["../src/WYWinJSDebugPlugin.ts"],"version":3,"sourcesContent":["import type { Compiler } from 'webpack';\n\nimport type { EventEmitter, IFileReporterOptions } from '@wyw-in-js/transform';\nimport { createFileReporter } from '@wyw-in-js/transform';\n\nexport const sharedState: {\n  emitter?: EventEmitter;\n} = {};\n\nexport class WYWinJSDebugPlugin {\n  private readonly onDone: (root: string) => void;\n\n  constructor(options?: IFileReporterOptions) {\n    const { emitter, onDone } = createFileReporter(options ?? false);\n    sharedState.emitter = emitter;\n    this.onDone = onDone;\n  }\n\n  apply(compiler: Compiler) {\n    compiler.hooks.shutdown.tap('WYWinJSDebug', () => {\n      this.onDone(process.cwd());\n    });\n  }\n}\n"],"file":"WYWinJSDebugPlugin.js"}

package/esm/cache.js

@@ -1,62 +1,61 @@
+import { createRequire } from "module";
+const nodeRequire = createRequire(import.meta.url);
 let cacheProviderSeq = 0;
 const cacheProviderIds = new WeakMap();
 const cacheProvidersById = new Map();
-export const registerCacheProvider = cacheProvider => {
-  const knownId = cacheProviderIds.get(cacheProvider);
-  if (knownId) {
-    return knownId;
-  }
-  cacheProviderSeq += 1;
-  const id = `${cacheProviderSeq}`;
-  cacheProviderIds.set(cacheProvider, id);
-  cacheProvidersById.set(id, cacheProvider);
-  return id;
+export const registerCacheProvider = (cacheProvider) => {
+	const knownId = cacheProviderIds.get(cacheProvider);
+	if (knownId) {
+		return knownId;
+	}
+	cacheProviderSeq += 1;
+	const id = `${cacheProviderSeq}`;
+	cacheProviderIds.set(cacheProvider, id);
+	cacheProvidersById.set(id, cacheProvider);
+	return id;
 };
-
 // memory cache, which is the default cache implementation in WYW-in-JS
-
 class MemoryCache {
-  cache = new Map();
-  dependenciesCache = new Map();
-  get(key) {
-    return Promise.resolve(this.cache.get(key) ?? '');
-  }
-  getDependencies(key) {
-    return Promise.resolve(this.dependenciesCache.get(key) ?? []);
-  }
-  set(key, value) {
-    this.cache.set(key, value);
-    return Promise.resolve();
-  }
-  setDependencies(key, value) {
-    this.dependenciesCache.set(key, value);
-    return Promise.resolve();
-  }
+	cache = new Map();
+	dependenciesCache = new Map();
+	get(key) {
+		return Promise.resolve(this.cache.get(key) ?? "");
+	}
+	getDependencies(key) {
+		return Promise.resolve(this.dependenciesCache.get(key) ?? []);
+	}
+	set(key, value) {
+		this.cache.set(key, value);
+		return Promise.resolve();
+	}
+	setDependencies(key, value) {
+		this.dependenciesCache.set(key, value);
+		return Promise.resolve();
+	}
 }
 export const memoryCache = new MemoryCache();
-
 /**
- * return cache instance from `options.cacheProvider`
- * @param cacheProvider string | ICache | undefined
- * @returns ICache instance
- */
+* return cache instance from `options.cacheProvider`
+* @param cacheProvider string | ICache | undefined
+* @returns ICache instance
+*/
 export const getCacheInstance = async (cacheProvider, cacheProviderId) => {
-  if (cacheProviderId) {
-    const cacheProviderInstance = cacheProvidersById.get(cacheProviderId);
-    if (!cacheProviderInstance) {
-      throw new Error(`Invalid cache provider id: ${cacheProviderId}`);
-    }
-    return cacheProviderInstance;
-  }
-  if (!cacheProvider) {
-    return memoryCache;
-  }
-  if (typeof cacheProvider === 'string') {
-    return require(cacheProvider);
-  }
-  if (typeof cacheProvider === 'object' && 'get' in cacheProvider && 'set' in cacheProvider) {
-    return cacheProvider;
-  }
-  throw new Error(`Invalid cache provider: ${cacheProvider}`);
+	if (cacheProviderId) {
+		const cacheProviderInstance = cacheProvidersById.get(cacheProviderId);
+		if (!cacheProviderInstance) {
+			throw new Error(`Invalid cache provider id: ${cacheProviderId}`);
+		}
+		return cacheProviderInstance;
+	}
+	if (!cacheProvider) {
+		return memoryCache;
+	}
+	if (typeof cacheProvider === "string") {
+		return nodeRequire(cacheProvider);
+	}
+	if (typeof cacheProvider === "object" && "get" in cacheProvider && "set" in cacheProvider) {
+		return cacheProvider;
+	}
+	throw new Error(`Invalid cache provider: ${cacheProvider}`);
 };
-//# sourceMappingURL=cache.js.map
+//# sourceMappingURL=cache.js.map

package/esm/cache.js.map

@@ -1 +1 @@
-{"version":3,"file":"cache.js","names":["cacheProviderSeq","cacheProviderIds","WeakMap","cacheProvidersById","Map","registerCacheProvider","cacheProvider","knownId","get","id","set","MemoryCache","cache","dependenciesCache","key","Promise","resolve","getDependencies","value","setDependencies","memoryCache","getCacheInstance","cacheProviderId","cacheProviderInstance","Error","require"],"sources":["../src/cache.ts"],"sourcesContent":["export interface ICache {\n  get: (key: string) => Promise<string>;\n  getDependencies?: (key: string) => Promise<string[]>;\n  set: (key: string, value: string) => Promise<void>;\n  setDependencies?: (key: string, value: string[]) => Promise<void>;\n}\n\nlet cacheProviderSeq = 0;\nconst cacheProviderIds = new WeakMap<ICache, string>();\nconst cacheProvidersById = new Map<string, ICache>();\n\nexport const registerCacheProvider = (cacheProvider: ICache): string => {\n  const knownId = cacheProviderIds.get(cacheProvider);\n  if (knownId) {\n    return knownId;\n  }\n\n  cacheProviderSeq += 1;\n  const id = `${cacheProviderSeq}`;\n  cacheProviderIds.set(cacheProvider, id);\n  cacheProvidersById.set(id, cacheProvider);\n  return id;\n};\n\n// memory cache, which is the default cache implementation in WYW-in-JS\n\nclass MemoryCache implements ICache {\n  private cache: Map<string, string> = new Map();\n\n  private dependenciesCache: Map<string, string[]> = new Map();\n\n  public get(key: string): Promise<string> {\n    return Promise.resolve(this.cache.get(key) ?? '');\n  }\n\n  public getDependencies(key: string): Promise<string[]> {\n    return Promise.resolve(this.dependenciesCache.get(key) ?? []);\n  }\n\n  public set(key: string, value: string): Promise<void> {\n    this.cache.set(key, value);\n    return Promise.resolve();\n  }\n\n  public setDependencies(key: string, value: string[]): Promise<void> {\n    this.dependenciesCache.set(key, value);\n    return Promise.resolve();\n  }\n}\n\nexport const memoryCache = new MemoryCache();\n\n/**\n * return cache instance from `options.cacheProvider`\n * @param cacheProvider string | ICache | undefined\n * @returns ICache instance\n */\nexport const getCacheInstance = async (\n  cacheProvider: string | ICache | undefined,\n  cacheProviderId?: string | undefined\n): Promise<ICache> => {\n  if (cacheProviderId) {\n    const cacheProviderInstance = cacheProvidersById.get(cacheProviderId);\n    if (!cacheProviderInstance) {\n      throw new Error(`Invalid cache provider id: ${cacheProviderId}`);\n    }\n\n    return cacheProviderInstance;\n  }\n\n  if (!cacheProvider) {\n    return memoryCache;\n  }\n  if (typeof cacheProvider === 'string') {\n    return require(cacheProvider);\n  }\n  if (\n    typeof cacheProvider === 'object' &&\n    'get' in cacheProvider &&\n    'set' in cacheProvider\n  ) {\n    return cacheProvider;\n  }\n  throw new Error(`Invalid cache provider: ${cacheProvider}`);\n};\n"],"mappings":"AAOA,IAAIA,gBAAgB,GAAG,CAAC;AACxB,MAAMC,gBAAgB,GAAG,IAAIC,OAAO,CAAiB,CAAC;AACtD,MAAMC,kBAAkB,GAAG,IAAIC,GAAG,CAAiB,CAAC;AAEpD,OAAO,MAAMC,qBAAqB,GAAIC,aAAqB,IAAa;EACtE,MAAMC,OAAO,GAAGN,gBAAgB,CAACO,GAAG,CAACF,aAAa,CAAC;EACnD,IAAIC,OAAO,EAAE;IACX,OAAOA,OAAO;EAChB;EAEAP,gBAAgB,IAAI,CAAC;EACrB,MAAMS,EAAE,GAAG,GAAGT,gBAAgB,EAAE;EAChCC,gBAAgB,CAACS,GAAG,CAACJ,aAAa,EAAEG,EAAE,CAAC;EACvCN,kBAAkB,CAACO,GAAG,CAACD,EAAE,EAAEH,aAAa,CAAC;EACzC,OAAOG,EAAE;AACX,CAAC;;AAED;;AAEA,MAAME,WAAW,CAAmB;EAC1BC,KAAK,GAAwB,IAAIR,GAAG,CAAC,CAAC;EAEtCS,iBAAiB,GAA0B,IAAIT,GAAG,CAAC,CAAC;EAErDI,GAAGA,CAACM,GAAW,EAAmB;IACvC,OAAOC,OAAO,CAACC,OAAO,CAAC,IAAI,CAACJ,KAAK,CAACJ,GAAG,CAACM,GAAG,CAAC,IAAI,EAAE,CAAC;EACnD;EAEOG,eAAeA,CAACH,GAAW,EAAqB;IACrD,OAAOC,OAAO,CAACC,OAAO,CAAC,IAAI,CAACH,iBAAiB,CAACL,GAAG,CAACM,GAAG,CAAC,IAAI,EAAE,CAAC;EAC/D;EAEOJ,GAAGA,CAACI,GAAW,EAAEI,KAAa,EAAiB;IACpD,IAAI,CAACN,KAAK,CAACF,GAAG,CAACI,GAAG,EAAEI,KAAK,CAAC;IAC1B,OAAOH,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;EAEOG,eAAeA,CAACL,GAAW,EAAEI,KAAe,EAAiB;IAClE,IAAI,CAACL,iBAAiB,CAACH,GAAG,CAACI,GAAG,EAAEI,KAAK,CAAC;IACtC,OAAOH,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;AACF;AAEA,OAAO,MAAMI,WAAW,GAAG,IAAIT,WAAW,CAAC,CAAC;;AAE5C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMU,gBAAgB,GAAG,MAAAA,CAC9Bf,aAA0C,EAC1CgB,eAAoC,KAChB;EACpB,IAAIA,eAAe,EAAE;IACnB,MAAMC,qBAAqB,GAAGpB,kBAAkB,CAACK,GAAG,CAACc,eAAe,CAAC;IACrE,IAAI,CAACC,qBAAqB,EAAE;MAC1B,MAAM,IAAIC,KAAK,CAAC,8BAA8BF,eAAe,EAAE,CAAC;IAClE;IAEA,OAAOC,qBAAqB;EAC9B;EAEA,IAAI,CAACjB,aAAa,EAAE;IAClB,OAAOc,WAAW;EACpB;EACA,IAAI,OAAOd,aAAa,KAAK,QAAQ,EAAE;IACrC,OAAOmB,OAAO,CAACnB,aAAa,CAAC;EAC/B;EACA,IACE,OAAOA,aAAa,KAAK,QAAQ,IACjC,KAAK,IAAIA,aAAa,IACtB,KAAK,IAAIA,aAAa,EACtB;IACA,OAAOA,aAAa;EACtB;EACA,MAAM,IAAIkB,KAAK,CAAC,2BAA2BlB,aAAa,EAAE,CAAC;AAC7D,CAAC","ignoreList":[]}
+{"mappings":"AAAA,SAAS,qBAAqB;AAE9B,MAAM,cAAc,cAAc,OAAO,KAAK,IAAI;AASlD,IAAI,mBAAmB;AACvB,MAAM,mBAAmB,IAAI,SAAyB;AACtD,MAAM,qBAAqB,IAAI,KAAqB;AAEpD,OAAO,MAAM,yBAAyB,kBAAkC;CACtE,MAAM,UAAU,iBAAiB,IAAI,cAAc;AACnD,KAAI,SAAS;AACX,SAAO;;AAGT,qBAAoB;CACpB,MAAM,KAAK,GAAG;AACd,kBAAiB,IAAI,eAAe,GAAG;AACvC,oBAAmB,IAAI,IAAI,cAAc;AACzC,QAAO;;;AAKT,MAAM,YAA8B;CAClC,AAAQ,QAA6B,IAAI,KAAK;CAE9C,AAAQ,oBAA2C,IAAI,KAAK;CAE5D,AAAO,IAAI,KAA8B;AACvC,SAAO,QAAQ,QAAQ,KAAK,MAAM,IAAI,IAAI,IAAI,GAAG;;CAGnD,AAAO,gBAAgB,KAAgC;AACrD,SAAO,QAAQ,QAAQ,KAAK,kBAAkB,IAAI,IAAI,IAAI,EAAE,CAAC;;CAG/D,AAAO,IAAI,KAAa,OAA8B;AACpD,OAAK,MAAM,IAAI,KAAK,MAAM;AAC1B,SAAO,QAAQ,SAAS;;CAG1B,AAAO,gBAAgB,KAAa,OAAgC;AAClE,OAAK,kBAAkB,IAAI,KAAK,MAAM;AACtC,SAAO,QAAQ,SAAS;;;AAI5B,OAAO,MAAM,cAAc,IAAI,aAAa;;;;;;AAO5C,OAAO,MAAM,mBAAmB,OAC9B,eACA,oBACoB;AACpB,KAAI,iBAAiB;EACnB,MAAM,wBAAwB,mBAAmB,IAAI,gBAAgB;AACrE,MAAI,CAAC,uBAAuB;AAC1B,SAAM,IAAI,MAAM,8BAA8B,kBAAkB;;AAGlE,SAAO;;AAGT,KAAI,CAAC,eAAe;AAClB,SAAO;;AAET,KAAI,OAAO,kBAAkB,UAAU;AACrC,SAAO,YAAY,cAAc;;AAEnC,KACE,OAAO,kBAAkB,YACzB,SAAS,iBACT,SAAS,eACT;AACA,SAAO;;AAET,OAAM,IAAI,MAAM,2BAA2B,gBAAgB","names":[],"sources":["../src/cache.ts"],"version":3,"sourcesContent":["import { createRequire } from 'module';\n\nconst nodeRequire = createRequire(import.meta.url);\n\nexport interface ICache {\n  get: (key: string) => Promise<string>;\n  getDependencies?: (key: string) => Promise<string[]>;\n  set: (key: string, value: string) => Promise<void>;\n  setDependencies?: (key: string, value: string[]) => Promise<void>;\n}\n\nlet cacheProviderSeq = 0;\nconst cacheProviderIds = new WeakMap<ICache, string>();\nconst cacheProvidersById = new Map<string, ICache>();\n\nexport const registerCacheProvider = (cacheProvider: ICache): string => {\n  const knownId = cacheProviderIds.get(cacheProvider);\n  if (knownId) {\n    return knownId;\n  }\n\n  cacheProviderSeq += 1;\n  const id = `${cacheProviderSeq}`;\n  cacheProviderIds.set(cacheProvider, id);\n  cacheProvidersById.set(id, cacheProvider);\n  return id;\n};\n\n// memory cache, which is the default cache implementation in WYW-in-JS\n\nclass MemoryCache implements ICache {\n  private cache: Map<string, string> = new Map();\n\n  private dependenciesCache: Map<string, string[]> = new Map();\n\n  public get(key: string): Promise<string> {\n    return Promise.resolve(this.cache.get(key) ?? '');\n  }\n\n  public getDependencies(key: string): Promise<string[]> {\n    return Promise.resolve(this.dependenciesCache.get(key) ?? []);\n  }\n\n  public set(key: string, value: string): Promise<void> {\n    this.cache.set(key, value);\n    return Promise.resolve();\n  }\n\n  public setDependencies(key: string, value: string[]): Promise<void> {\n    this.dependenciesCache.set(key, value);\n    return Promise.resolve();\n  }\n}\n\nexport const memoryCache = new MemoryCache();\n\n/**\n * return cache instance from `options.cacheProvider`\n * @param cacheProvider string | ICache | undefined\n * @returns ICache instance\n */\nexport const getCacheInstance = async (\n  cacheProvider: string | ICache | undefined,\n  cacheProviderId?: string | undefined\n): Promise<ICache> => {\n  if (cacheProviderId) {\n    const cacheProviderInstance = cacheProvidersById.get(cacheProviderId);\n    if (!cacheProviderInstance) {\n      throw new Error(`Invalid cache provider id: ${cacheProviderId}`);\n    }\n\n    return cacheProviderInstance;\n  }\n\n  if (!cacheProvider) {\n    return memoryCache;\n  }\n  if (typeof cacheProvider === 'string') {\n    return nodeRequire(cacheProvider);\n  }\n  if (\n    typeof cacheProvider === 'object' &&\n    'get' in cacheProvider &&\n    'set' in cacheProvider\n  ) {\n    return cacheProvider;\n  }\n  throw new Error(`Invalid cache provider: ${cacheProvider}`);\n};\n"],"file":"cache.js"}

package/esm/index.js

@@ -1,183 +1,231 @@
 /**
- * This file contains a Webpack loader for WYW-in-JS.
- * It uses the transform.ts function to generate class names from source code,
- * returns transformed code without template literals and attaches generated source maps
- */
-
-import path from 'path';
-import crypto from 'crypto';
-import { logger } from '@wyw-in-js/shared';
-import { transform, TransformCacheCollection } from '@wyw-in-js/transform';
-import { sharedState } from './WYWinJSDebugPlugin';
-import { getCacheInstance, registerCacheProvider } from './cache';
-export { WYWinJSDebugPlugin } from './WYWinJSDebugPlugin';
-const outputCssLoader = require.resolve('./outputCssLoader');
-const stripQueryAndHash = request => {
-  const queryIdx = request.indexOf('?');
-  const hashIdx = request.indexOf('#');
-  if (queryIdx === -1) {
-    return hashIdx === -1 ? request : request.slice(0, hashIdx);
-  }
-  if (hashIdx === -1) return request.slice(0, queryIdx);
-  return request.slice(0, Math.min(queryIdx, hashIdx));
+* This file contains a Webpack loader for WYW-in-JS.
+* It uses the transform.ts function to generate class names from source code,
+* returns transformed code without template literals and attaches generated source maps
+*/
+import path from "path";
+import crypto from "crypto";
+import { fileURLToPath } from "url";
+import { logger } from "@wyw-in-js/shared";
+import { disposeEvalBroker, transform, TransformCacheCollection } from "@wyw-in-js/transform";
+import { sharedState } from "./WYWinJSDebugPlugin.js";
+import { getCacheInstance, registerCacheProvider } from "./cache.js";
+export { WYWinJSDebugPlugin } from "./WYWinJSDebugPlugin.js";
+const outputCssLoader = fileURLToPath(new URL("./outputCssLoader.js", import.meta.url));
+const stripQueryAndHash = (request) => {
+	const queryIdx = request.indexOf("?");
+	const hashIdx = request.indexOf("#");
+	if (queryIdx === -1) {
+		return hashIdx === -1 ? request : request.slice(0, hashIdx);
+	}
+	if (hashIdx === -1) return request.slice(0, queryIdx);
+	return request.slice(0, Math.min(queryIdx, hashIdx));
 };
-const hashText = text => crypto.createHash('sha256').update(text).digest('hex').slice(0, 12);
-const cache = new TransformCacheCollection();
-const resolvers = {};
+const hashText = (text) => crypto.createHash("sha256").update(text).digest("hex").slice(0, 12);
+const COMPILER_SCOPE_NAME = "WYWinJSResolverScope";
+let compilerScopeId = 0;
+const compilerStates = new WeakMap();
 const getResolverKey = (importer, stack) => {
-  const root = stack.length ? stack[stack.length - 1] : importer;
-  return stripQueryAndHash(root);
+	const root = stack.length ? stack[stack.length - 1] : importer;
+	return stripQueryAndHash(root);
 };
-const getActiveResolvers = key => {
-  const entries = resolvers[key];
-  return entries?.length ? entries : [];
+const createResolverScope = () => {
+	const resolvers = new Map();
+	compilerScopeId += 1;
+	const key = `webpack:${compilerScopeId}`;
+	return {
+		asyncResolve: (what, importer, stack = [importer]) => {
+			const resolverKeys = [getResolverKey(importer, stack), stripQueryAndHash(importer)].filter((candidate, idx, all) => all.indexOf(candidate) === idx);
+			const selectedResolvers = resolverKeys.map((resolverKey) => resolvers.get(resolverKey)).filter((resolver) => Boolean(resolver));
+			if (selectedResolvers.length === 0) {
+				throw new Error("No resolver found");
+			}
+			// Root and importer resolver side effects both matter for dependency
+			// tracking, so keep them aligned and verify they agree on the answer.
+			return Promise.all(selectedResolvers.map((resolver) => resolver(what, importer, stack))).then((results) => {
+				const firstResult = results[0];
+				if (results.some((result) => result !== firstResult)) {
+					throw new Error("Resolvers returned different results");
+				}
+				return firstResult;
+			});
+		},
+		cache: new TransformCacheCollection(),
+		dispose: () => {
+			resolvers.clear();
+		},
+		key,
+		replaceResolver: (resourcePath, resolver) => {
+			resolvers.set(stripQueryAndHash(resourcePath), resolver);
+		}
+	};
 };
-const createAsyncResolve = resourcePath => {
-  const currentResolverKey = stripQueryAndHash(resourcePath);
-  return (what, importer, stack = [importer]) => {
-    const rootResolverKey = getResolverKey(importer, stack);
-    const rootResolvers = getActiveResolvers(rootResolverKey);
-    const resolver = rootResolvers.length > 0 ? rootResolvers : getActiveResolvers(currentResolverKey);
-    if (resolver.length === 0) {
-      throw new Error('No resolver found');
-    }
-
-    // Every resolver should return the same result, but we need to call all of them
-    // to ensure that all side effects are executed (e.g. adding dependencies)
-    return Promise.all(resolver.map(r => r(what, importer, stack))).then(results => {
-      const firstResult = results[0];
-      if (results.some(r => r !== firstResult)) {
-        throw new Error('Resolvers returned different results');
-      }
-      return firstResult;
-    });
-  };
+const disposeCompilerState = (state) => {
+	state.clearResolvers();
+	disposeEvalBroker(state.cache);
+};
+const getCompilerState = (compiler) => {
+	const cached = compilerStates.get(compiler);
+	if (cached) {
+		return cached;
+	}
+	// Resolver identity must stay stable across files within one compiler or we
+	// churn both the shared transform cache salt and the eval broker/runner.
+	const scope = createResolverScope();
+	const state = {
+		...scope,
+		clearResolvers: scope.dispose,
+		dispose: () => disposeCompilerState(state),
+		hooksInstalled: false
+	};
+	const installHooks = () => {
+		if (state.hooksInstalled) return;
+		state.hooksInstalled = true;
+		compiler.hooks.done?.tap(COMPILER_SCOPE_NAME, () => {
+			state.clearResolvers();
+		});
+		compiler.hooks.failed?.tap(COMPILER_SCOPE_NAME, () => {
+			state.clearResolvers();
+		});
+		compiler.hooks.watchClose?.tap(COMPILER_SCOPE_NAME, () => {
+			state.dispose();
+			compilerStates.delete(compiler);
+		});
+		compiler.hooks.shutdown?.tap(COMPILER_SCOPE_NAME, () => {
+			state.dispose();
+			compilerStates.delete(compiler);
+		});
+	};
+	installHooks();
+	compilerStates.set(compiler, state);
+	return state;
+};
+const createInvocationScope = () => {
+	const scope = createResolverScope();
+	return {
+		...scope,
+		dispose: () => {
+			scope.dispose();
+			disposeEvalBroker(scope.cache);
+		}
+	};
 };
-function addResolver(resourcePath, resolver) {
-  if (!resolvers[resourcePath]) {
-    resolvers[resourcePath] = [];
-  }
-  resolvers[resourcePath].push(resolver);
-  return () => {
-    resolvers[resourcePath] = resolvers[resourcePath].filter(r => r !== resolver);
-  };
-}
 const webpack5Loader = function webpack5LoaderPlugin(content, inputSourceMap) {
-  function convertSourceMap(value, filename) {
-    if (typeof value === 'string' || !value) {
-      return undefined;
-    }
-    return {
-      ...value,
-      file: value.file ?? filename,
-      mappings: value.mappings ?? '',
-      names: value.names ?? [],
-      sources: value.sources ?? [],
-      version: value.version ?? 3
-    };
-  }
-
-  // tell Webpack this loader is async
-  this.async();
-  const resolveOptions = {
-    dependencyType: 'esm'
-  };
-  const resolveModule = this.getResolve(resolveOptions);
-  const isPromiseLike = value => typeof value?.then === 'function';
-  const resolveModuleAsync = (context, request) => new Promise((resolve, reject) => {
-    let settled = false;
-    const finish = (err, result) => {
-      if (settled) return;
-      settled = true;
-      if (err) {
-        reject(err);
-        return;
-      }
-      if (typeof result === 'string') {
-        resolve(result);
-        return;
-      }
-      reject(new Error(`Cannot resolve ${request}`));
-    };
-    try {
-      const maybePromise = resolveModule(context, request, finish);
-      if (isPromiseLike(maybePromise)) {
-        maybePromise.then(result => finish(null, result), err => finish(err, null));
-      }
-    } catch (err) {
-      finish(err, null);
-    }
-  });
-  const removeResolver = addResolver(this.resourcePath, (what, importer) => {
-    const importerPath = stripQueryAndHash(importer);
-    const context = path.isAbsolute(importerPath) ? path.dirname(importerPath) : path.join(process.cwd(), path.dirname(importerPath));
-    return resolveModuleAsync(context, what).then(result => {
-      const filePath = stripQueryAndHash(result);
-      if (path.isAbsolute(filePath)) {
-        this.addDependency(filePath);
-      }
-      return result;
-    });
-  });
-  const asyncResolve = createAsyncResolve(this.resourcePath);
-  logger('loader %s', this.resourcePath);
-  const {
-    sourceMap = undefined,
-    preprocessor = undefined,
-    keepComments = undefined,
-    prefixer = undefined,
-    extension = '.wyw-in-js.css',
-    cssImport = 'require',
-    cacheProvider,
-    ...rest
-  } = this.getOptions() || {};
-  const outputFileName = this.resourcePath.replace(/\.[^.]+$/, extension);
-  const transformServices = {
-    options: {
-      filename: this.resourcePath,
-      inputSourceMap: convertSourceMap(inputSourceMap, this.resourcePath),
-      pluginOptions: rest,
-      prefixer,
-      keepComments,
-      preprocessor,
-      root: process.cwd()
-    },
-    cache,
-    emitWarning: message => this.emitWarning(new Error(message)),
-    eventEmitter: sharedState.emitter
-  };
-  transform(transformServices, content.toString(), asyncResolve).then(async result => {
-    try {
-      if (result.cssText) {
-        let {
-          cssText
-        } = result;
-        if (sourceMap) {
-          cssText += `/*# sourceMappingURL=data:application/json;base64,${Buffer.from(result.cssSourceMapText || '').toString('base64')}*/`;
-        }
-        await Promise.all(result.dependencies?.map(dep => asyncResolve(dep, this.resourcePath)) ?? []);
-        const cacheInstance = await getCacheInstance(cacheProvider);
-        const cacheProviderId = cacheProvider && typeof cacheProvider === 'object' ? registerCacheProvider(cacheInstance) : '';
-        await cacheInstance.set(this.resourcePath, cssText);
-        await cacheInstance.setDependencies?.(this.resourcePath, this.getDependencies());
-        const wywQuery = [`wyw=${encodeURIComponent(extension.replace(/^\./, ''))}`];
-        if (this.hot) {
-          wywQuery.push(`v=${encodeURIComponent(hashText(cssText))}`);
-        }
-        const resourcePathWithQuery = `${this.resourcePath}?${wywQuery.join('&')}`;
-        const request = `${outputFileName}!=!${outputCssLoader}?cacheProvider=${encodeURIComponent(typeof cacheProvider === 'string' ? cacheProvider : '')}&cacheProviderId=${encodeURIComponent(cacheProviderId)}!${resourcePathWithQuery}`;
-        const stringifiedRequest = JSON.stringify(this.utils.contextify(this.context || this.rootContext, request));
-        const importCss = cssImport === 'import' ? `import ${stringifiedRequest};` : `require(${stringifiedRequest});`;
-        this.callback(null, `${result.code}\n\n${importCss}`, result.sourceMap ?? undefined);
-        return;
-      }
-      this.callback(null, result.code, result.sourceMap ?? undefined);
-    } catch (err) {
-      this.callback(err);
-    }
-  }, err => {
-    this.callback(err);
-  }).catch(err => this.callback(err)).finally(removeResolver);
+	function convertSourceMap(value, filename) {
+		if (typeof value === "string" || !value) {
+			return undefined;
+		}
+		return {
+			...value,
+			file: value.file ?? filename,
+			mappings: value.mappings ?? "",
+			names: value.names ?? [],
+			sources: value.sources ?? [],
+			version: value.version ?? 3
+		};
+	}
+	// tell Webpack this loader is async
+	this.async();
+	const resolveOptions = { dependencyType: "esm" };
+	const resolveModule = this.getResolve(resolveOptions);
+	const isPromiseLike = (value) => typeof value?.then === "function";
+	const resolveModuleAsync = (context, request) => new Promise((resolve, reject) => {
+		let settled = false;
+		const finish = (err, result) => {
+			if (settled) return;
+			settled = true;
+			if (err) {
+				reject(err);
+				return;
+			}
+			if (typeof result === "string") {
+				resolve(result);
+				return;
+			}
+			reject(new Error(`Cannot resolve ${request}`));
+		};
+		try {
+			const maybePromise = resolveModule(context, request, finish);
+			if (isPromiseLike(maybePromise)) {
+				maybePromise.then((result) => finish(null, result), (err) => finish(err, null));
+			}
+		} catch (err) {
+			finish(err, null);
+		}
+	});
+	const { _compiler: compiler } = this;
+	const compilerState = compiler ? getCompilerState(compiler) : createInvocationScope();
+	compilerState.replaceResolver(this.resourcePath, (what, importer) => {
+		const importerPath = stripQueryAndHash(importer);
+		const context = path.isAbsolute(importerPath) ? path.dirname(importerPath) : path.join(process.cwd(), path.dirname(importerPath));
+		return resolveModuleAsync(context, what).then((result) => {
+			const filePath = stripQueryAndHash(result);
+			if (path.isAbsolute(filePath)) {
+				this.addDependency(filePath);
+			}
+			return result;
+		});
+	});
+	const { asyncResolve, cache: transformCache, key: asyncResolveKey } = compilerState;
+	logger("loader %s", this.resourcePath);
+	const { sourceMap = undefined, preprocessor = undefined, keepComments = undefined, prefixer = undefined, extension = ".wyw-in-js.css", cssImport = "require", cacheProvider, ...rest } = this.getOptions() || {};
+	const outputFileName = this.resourcePath.replace(/\.[^.]+$/, extension);
+	const transformServices = {
+		options: {
+			filename: this.resourcePath,
+			inputSourceMap: convertSourceMap(inputSourceMap, this.resourcePath),
+			pluginOptions: rest,
+			prefixer,
+			keepComments,
+			preprocessor,
+			root: process.cwd()
+		},
+		asyncResolveKey,
+		cache: transformCache,
+		emitWarning: (message) => {
+			const warning = new Error(message);
+			// Remove the stack so webpack's ModuleWarning doesn't copy it into
+			// `details`, which causes the message to render twice (once from
+			// .message, once from .details containing "Error: <same message>").
+			delete warning.stack;
+			this.emitWarning(warning);
+		},
+		eventEmitter: sharedState.emitter
+	};
+	transform(transformServices, content.toString(), asyncResolve).then(async (result) => {
+		try {
+			if (result.cssText) {
+				let { cssText } = result;
+				if (sourceMap) {
+					cssText += `/*# sourceMappingURL=data:application/json;base64,${Buffer.from(result.cssSourceMapText || "").toString("base64")}*/`;
+				}
+				await Promise.all(result.dependencies?.map((dep) => asyncResolve(dep, this.resourcePath)) ?? []);
+				const cacheInstance = await getCacheInstance(cacheProvider);
+				const cacheProviderId = cacheProvider && typeof cacheProvider === "object" ? registerCacheProvider(cacheInstance) : "";
+				await cacheInstance.set(this.resourcePath, cssText);
+				await cacheInstance.setDependencies?.(this.resourcePath, this.getDependencies());
+				const wywQuery = [`wyw=${encodeURIComponent(extension.replace(/^\./, ""))}`];
+				if (this.hot) {
+					wywQuery.push(`v=${encodeURIComponent(hashText(cssText))}`);
+				}
+				const resourcePathWithQuery = `${this.resourcePath}?${wywQuery.join("&")}`;
+				const request = `${outputFileName}!=!${outputCssLoader}?cacheProvider=${encodeURIComponent(typeof cacheProvider === "string" ? cacheProvider : "")}&cacheProviderId=${encodeURIComponent(cacheProviderId)}!${resourcePathWithQuery}`;
+				const stringifiedRequest = JSON.stringify(this.utils.contextify(this.context || this.rootContext, request));
+				const importCss = cssImport === "import" ? `import ${stringifiedRequest};` : `require(${stringifiedRequest});`;
+				this.callback(null, `${result.code}\n\n${importCss}`, result.sourceMap ?? undefined);
+				return;
+			}
+			this.callback(null, result.code, result.sourceMap ?? undefined);
+		} catch (err) {
+			this.callback(err);
+		}
+	}, (err) => {
+		this.callback(err);
+	}).catch((err) => this.callback(err)).finally(() => {
+		if (!compiler) {
+			compilerState.dispose();
+		}
+	});
 };
 export default webpack5Loader;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map