weapp-tailwindcss 5.0.11 → 5.0.13

package/dist/weapp-tw-runtime-classset-loader.js

@@ -1,5 +1,8 @@
 const require_watch_dependencies = require("./watch-dependencies-bpG6kmAf.js");
 let node_buffer = require("node:buffer");
+let node_fs = require("node:fs");
+let node_path = require("node:path");
+node_path = require_watch_dependencies.__toESM(node_path);
 let node_process = require("node:process");
 node_process = require_watch_dependencies.__toESM(node_process);
 let _weapp_tailwindcss_postcss = require("@weapp-tailwindcss/postcss");
@@ -30,10 +33,32 @@ function removeUnsupportedThemeKeyframes(root) {
 		});
 	});
 }
+function resolveOriginalCssSource(file, source) {
+	if (!isPlainCssResource(file)) return node_buffer.Buffer.isBuffer(source) ? source.toString("utf8") : source;
+	try {
+		return (0, node_fs.readFileSync)(file, "utf8");
+	} catch {
+		return node_buffer.Buffer.isBuffer(source) ? source.toString("utf8") : source;
+	}
+}
+function isPlainCssResource(file) {
+	return new Set([
+		".acss",
+		".css",
+		".jxss",
+		".qss",
+		".ttss",
+		".wxss"
+	]).has(node_path.default.extname(file.replace(/[?#].*$/, "")).toLowerCase());
+}
 const WeappTwRuntimeClassSetLoader = function(source) {
 	if (node_process.default.env["WEAPP_TW_LOADER_DEBUG"]) node_process.default.stdout.write(`[weapp-tw-runtime-classset-loader] executing for ${this.resourcePath}\n`);
 	const rawOptions = this.getOptions();
 	const opt = require_watch_dependencies.getWebpackLoaderRuntime(rawOptions?.weappTailwindcssRuntimeKey)?.classSet ?? rawOptions;
+	if (this.resourcePath) opt?.registerCssSourceFile?.({
+		file: this.resourcePath,
+		css: resolveOriginalCssSource(this.resourcePath, source)
+	});
 	const maybePromise = opt?.getClassSet?.();
 	const applyWatchDependencies = (dependencies) => {
 		for (const file of dependencies?.files ?? []) require_watch_dependencies.registerWebpackWatchFile(this, file);

package/dist/{webpack-DPdrcC2X.mjs → webpack-BcPpnT90.mjs}

@@ -1,10 +1,10 @@
-import { M as removeTailwindSourceDirectives, l as getRuntimeClassSetSignature, m as resolveViteSourceScanEntries, rt as createDebug, st as resolveTailwindcssOptions } from "./v3-engine-CFkP6dWF.mjs";
-import { i as normalizeWeappTailwindcssGeneratorOptions } from "./generator-h2XRiJ9-.mjs";
-import { b as refreshTailwindRuntimeState, d as _defineProperty, i as pluginName, n as getCompilerContext, t as shouldSkipJsTransform, v as createTailwindRuntimeReadyPromise, y as ensureRuntimeClassSet } from "./precheck-BpHxsWRd.mjs";
-import { r as getGroupedEntries } from "./utils-DsaS975I.mjs";
-import { c as hasConfiguredTailwindV4CssRoots, l as upsertTailwindV4CssSource } from "./tailwindcss-Bfy2egdX.mjs";
-import { _ as isCssSourceTraceEnabled, a as createTailwindV3DefaultExtractor, d as isPureLocalCssImportWrapper, f as finalizeMiniProgramCss, g as createCssTokenSourceMap, h as createCssSourceTraceCacheSignature, m as annotateCssSourceTrace, n as emitHmrTiming, o as createBundleRuntimeClassSetManager, p as pruneMiniProgramGeneratedCss, r as createSourceCandidateCollector, s as generateCssByGenerator, v as processCachedTask } from "./hmr-timing-Ct5w4hdM.mjs";
-import { C as toAbsoluteOutputPath, S as resolveOutputSpecifier, b as stripRequestQuery, d as stripBundlerGeneratedCssMarkers, f as resolvePackageDir, l as hasBundlerGeneratedCssMarker, n as createBundleBuildState, p as resolvePluginDisabledState, r as updateBundleBuildState, s as pushConcurrentTaskFactories, t as buildBundleSnapshot, y as isSourceStyleRequest } from "./bundle-state-CXzPknlT.mjs";
+import { P as removeTailwindSourceDirectives, Y as getTailwindV4IncrementalGenerateCacheStats, a as getTailwindV3IncrementalGenerateCacheStats, h as resolveViteSourceScanEntries, ot as createDebug, u as getRuntimeClassSetSignature, ut as resolveTailwindcssOptions } from "./v3-engine-C6eJ0YzK.mjs";
+import { i as normalizeWeappTailwindcssGeneratorOptions } from "./generator-ITLd7PTl.mjs";
+import { b as refreshTailwindRuntimeState, d as _defineProperty, i as pluginName, n as getCompilerContext, r as resolveStyleOptionsFromContext, t as shouldSkipJsTransform, v as createTailwindRuntimeReadyPromise, y as ensureRuntimeClassSet } from "./precheck-CRI90iL1.mjs";
+import { r as getGroupedEntries } from "./utils-DodxWHGz.mjs";
+import { c as hasConfiguredTailwindV4CssRoots, l as upsertTailwindV4CssSource } from "./tailwindcss-DTq3uYBK.mjs";
+import { _ as createCssSourceTraceCacheSignature, a as createTailwindV3DefaultExtractor, b as processCachedTask, g as annotateCssSourceTrace, h as pruneMiniProgramGeneratedCss, l as pushConcurrentTaskFactories, m as finalizeMiniProgramCss, n as emitHmrTiming, o as createBundleRuntimeClassSetManager, p as isPureLocalCssImportWrapper, r as createSourceCandidateCollector, s as generateCssByGenerator, v as createCssTokenSourceMap, y as isCssSourceTraceEnabled } from "./hmr-timing-DQIP_8qP.mjs";
+import { S as toAbsoluteOutputPath, c as hasBundlerGeneratedCssMarker, d as resolvePackageDir, f as resolvePluginDisabledState, n as createBundleBuildState, r as updateBundleBuildState, t as buildBundleSnapshot, u as stripBundlerGeneratedCssMarkers, v as isSourceStyleRequest, x as resolveOutputSpecifier, y as stripRequestQuery } from "./bundle-state-zQ2MrDdi.mjs";
 import Module, { createRequire } from "node:module";
 import fs from "node:fs";
 import path from "node:path";
@@ -293,8 +293,101 @@ function createWebpackAssetUpdater(options) {
 }
 //#endregion
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets.ts
+const WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX = 128;
+function toMb(bytes) {
+	return Math.round(bytes / 1024 / 1024);
+}
+function pruneMapToMaxSize(map, maxSize) {
+	while (map.size > maxSize) {
+		const oldestKey = map.keys().next().value;
+		if (oldestKey === void 0) break;
+		map.delete(oldestKey);
+	}
+}
+function pruneWebpackCssHandlerOptionCaches(cssHandlerOptionsCache, cssUserHandlerOptionsCache, activeCssFiles) {
+	const activeSuffixes = [...activeCssFiles].map((file) => `:${file}`);
+	for (const key of cssHandlerOptionsCache.keys()) if (!activeSuffixes.some((suffix) => key.endsWith(suffix))) cssHandlerOptionsCache.delete(key);
+	for (const key of cssUserHandlerOptionsCache.keys()) if (!activeSuffixes.some((suffix) => key.endsWith(suffix))) cssUserHandlerOptionsCache.delete(key);
+	pruneMapToMaxSize(cssHandlerOptionsCache, WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX);
+	pruneMapToMaxSize(cssUserHandlerOptionsCache, WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX);
+}
+function resolveWebpackGeneratorRawSource(rawSource, cssHandlerOptions) {
+	return cssHandlerOptions.sourceOptions?.sourceCss ?? rawSource;
+}
+function stripStyleExtension(file) {
+	const normalized = file.replace(/[?#].*$/, "");
+	const ext = path.extname(normalized);
+	return ext ? normalized.slice(0, -ext.length) : normalized;
+}
+function normalizeMatchPath(file) {
+	return file.split(path.sep).join("/");
+}
+function isPathWithinRoot(file, root) {
+	const relative = path.relative(root, file);
+	return Boolean(relative) && !relative.startsWith("..") && !path.isAbsolute(relative);
+}
+function collectWebpackCssMatchBases(file, roots) {
+	const normalizedFile = file.replace(/[?#].*$/, "");
+	const bases = /* @__PURE__ */ new Set();
+	const addBase = (candidate) => {
+		const stripped = normalizeMatchPath(stripStyleExtension(candidate));
+		if (stripped.length > 0) {
+			bases.add(stripped);
+			const withoutWorkspaceSegment = stripped.replace(/^(?:src|dist)\//, "");
+			if (withoutWorkspaceSegment !== stripped && withoutWorkspaceSegment.length > 0) bases.add(withoutWorkspaceSegment);
+		}
+	};
+	addBase(normalizedFile);
+	const resolvedRoots = roots.filter((root) => typeof root === "string" && root.length > 0).map((root) => path.resolve(root));
+	if (path.isAbsolute(normalizedFile)) {
+		for (const root of resolvedRoots) if (isPathWithinRoot(normalizedFile, root)) addBase(path.relative(root, normalizedFile));
+	} else for (const root of resolvedRoots) addBase(path.resolve(root, normalizedFile));
+	return bases;
+}
+function scoreWebpackCssSourceFileMatch(outputFile, sourceFile, options) {
+	const outputBases = collectWebpackCssMatchBases(outputFile, [options.outputRoot, options.projectRoot]);
+	const sourceBases = collectWebpackCssMatchBases(sourceFile, [options.projectRoot]);
+	let bestScore = 0;
+	for (const outputBase of outputBases) for (const sourceBase of sourceBases) if (outputBase === sourceBase) bestScore = Math.max(bestScore, 1e5 + outputBase.length);
+	else if (outputBase.endsWith(`/${sourceBase}`)) bestScore = Math.max(bestScore, 5e4 + sourceBase.length);
+	else if (sourceBase.endsWith(`/${outputBase}`)) bestScore = Math.max(bestScore, 1e3 + outputBase.length);
+	return bestScore;
+}
+function resolveWebpackMemoryDebugStats(context) {
+	if (process.env["WEAPP_TW_HMR_MEMORY_DEBUG"] !== "1") return;
+	const memory = process.memoryUsage();
+	return {
+		phase: context.phase,
+		process: {
+			rssMb: toMb(memory.rss),
+			heapTotalMb: toMb(memory.heapTotal),
+			heapUsedMb: toMb(memory.heapUsed),
+			externalMb: toMb(memory.external),
+			arrayBuffersMb: toMb(memory.arrayBuffers)
+		},
+		assets: {
+			active: context.activeAssetFiles,
+			activeCss: context.activeCssFiles
+		},
+		processCache: {
+			instance: context.cache.instance.size,
+			hashMap: context.cache.hashMap.size,
+			activeCacheKeys: context.activeProcessCacheKeys.size,
+			activeHashKeys: context.activeProcessHashKeys.size
+		},
+		webpackCss: {
+			handlerOptions: context.cssHandlerOptionsCache.size,
+			userHandlerOptions: context.cssUserHandlerOptionsCache.size,
+			maxHandlerOptions: WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX
+		},
+		tailwind: {
+			v3: getTailwindV3IncrementalGenerateCacheStats(),
+			v4: getTailwindV4IncrementalGenerateCacheStats()
+		}
+	};
+}
 function setupWebpackV5ProcessAssetsHook(options) {
-	const { compiler, options: compilerOptions, appType, runtimeState, getRuntimeRefreshRequirement, refreshRuntimeMetadata, isWebpackProcessedCssAsset, consumeRuntimeRefreshRequirement, isWatchMode, runtimeClassSetManager, debug } = options;
+	const { compiler, options: compilerOptions, appType, runtimeState, getRuntimeRefreshRequirement, refreshRuntimeMetadata, isWebpackProcessedCssAsset, consumeRuntimeRefreshRequirement, isWatchMode, runtimeClassSetManager, getWebpackCssSources, debug } = options;
 	const { Compilation, sources } = compiler.webpack;
 	const { ConcatSource } = sources;
 	const isWebGeneratorTarget = compilerOptions.generator?.target === "web";
@@ -357,22 +450,65 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				}
 			};
 			const groupedEntries = getGroupedEntries(entries, compilerOptions);
+			const activeProcessCacheKeys = /* @__PURE__ */ new Set();
+			const activeProcessHashKeys = /* @__PURE__ */ new Set();
+			const rememberProcessCacheKey = (cacheKey, hashKey = cacheKey) => {
+				activeProcessCacheKeys.add(cacheKey);
+				activeProcessHashKeys.add(hashKey);
+			};
+			for (const chunk of compilation.chunks) if (chunk.id) activeProcessHashKeys.add(chunk.id);
+			const cssSources = new Map([...getWebpackCssSources?.() ?? []].map(([file, css]) => [path.resolve(file), css]));
+			const cssSourceFiles = [...cssSources.keys()].sort();
+			const resolveWebpackCssSourceFile = (file) => {
+				if (cssSourceFiles.length === 0) return;
+				const matches = cssSourceFiles.map((sourceFile) => ({
+					sourceFile,
+					score: scoreWebpackCssSourceFileMatch(file, sourceFile, {
+						outputRoot: outputDir,
+						projectRoot: compilerOptions.tailwindcssBasedir
+					})
+				})).filter((match) => match.score > 0).sort((a, b) => b.score - a.score);
+				const bestScore = matches[0]?.score ?? 0;
+				const bestMatches = matches.filter((match) => match.score === bestScore);
+				return bestMatches.length === 1 ? bestMatches[0]?.sourceFile : void 0;
+			};
 			const getCssHandlerOptions = (file) => {
 				const majorVersion = runtimeState.twPatcher.majorVersion;
 				const isMainChunk = compilerOptions.mainCssChunkMatcher(file, appType);
-				const cacheKey = `${majorVersion ?? "unknown"}:${isMainChunk ? "1" : "0"}:${file}`;
+				const sourceFile = resolveWebpackCssSourceFile(file);
+				const sourceCss = sourceFile ? cssSources.get(sourceFile) : void 0;
+				const cacheKey = [
+					majorVersion ?? "unknown",
+					isMainChunk ? "1" : "0",
+					sourceFile ?? "asset",
+					sourceCss === void 0 ? "source:0" : compilerOptions.cache.computeHash(sourceCss),
+					file
+				].join(":");
 				const cached = cssHandlerOptionsCache.get(cacheKey);
 				if (cached) return cached;
 				const created = {
 					isMainChunk,
-					postcssOptions: { options: { from: file } },
+					postcssOptions: { options: { from: sourceFile ?? file } },
+					sourceOptions: {
+						outputRoot: outputDir,
+						...sourceCss === void 0 ? {} : { sourceCss },
+						...sourceFile === void 0 ? {} : { sourceFile }
+					},
 					...majorVersion === void 0 ? {} : { majorVersion }
 				};
 				cssHandlerOptionsCache.set(cacheKey, created);
 				return created;
 			};
 			const getCssUserHandlerOptions = (file) => {
-				const cacheKey = `${runtimeState.twPatcher.majorVersion ?? "unknown"}:${file}`;
+				const majorVersion = runtimeState.twPatcher.majorVersion;
+				const sourceFile = resolveWebpackCssSourceFile(file);
+				const sourceCss = sourceFile ? cssSources.get(sourceFile) : void 0;
+				const cacheKey = [
+					majorVersion ?? "unknown",
+					sourceFile ?? "asset",
+					sourceCss === void 0 ? "source:0" : compilerOptions.cache.computeHash(sourceCss),
+					file
+				].join(":");
 				const cached = cssUserHandlerOptionsCache.get(cacheKey);
 				if (cached) return cached;
 				const created = {
@@ -382,7 +518,52 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				cssUserHandlerOptionsCache.set(cacheKey, created);
 				return created;
 			};
+			const refreshWebpackSourceCandidates = async () => {
+				const majorVersion = runtimeState.twPatcher.majorVersion;
+				if (majorVersion !== 3 && majorVersion !== 4) return;
+				const root = compilerOptions.tailwindcssBasedir ?? process.cwd();
+				let sourceScan;
+				try {
+					sourceScan = await resolveViteSourceScanEntries(compilerOptions, runtimeState.twPatcher, {
+						root,
+						outDir: outputDir
+					});
+				} catch (error) {
+					debug("webpack source candidate scan skipped: %O", error);
+					return;
+				}
+				const collector = createSourceCandidateCollector({
+					bareArbitraryValues: compilerOptions.arbitraryValues?.bareArbitraryValues,
+					extractor: majorVersion === 3 ? createTailwindV3DefaultExtractor() : void 0
+				});
+				await collector.scanRoot({
+					entries: sourceScan?.entries,
+					explicit: sourceScan?.explicit,
+					root,
+					outDir: outputDir
+				});
+				collector.syncInline(sourceScan?.inlineCandidates);
+				const candidates = sourceScan?.entries ? collector.valuesForEntries(sourceScan.entries) : collector.values();
+				return {
+					candidates,
+					getSourceCandidatesForEntries: (entries, options) => collector.valuesForEntries(entries, options),
+					signature: compilerOptions.cache.computeHash(JSON.stringify({
+						root,
+						outDir: outputDir,
+						entries: sourceScan?.entries,
+						explicit: sourceScan?.explicit ?? false,
+						inlineCandidates: sourceScan?.inlineCandidates ? {
+							included: [...sourceScan.inlineCandidates.included].sort(),
+							excluded: [...sourceScan.inlineCandidates.excluded].sort()
+						} : void 0,
+						dependencies: [...sourceScan?.dependencies ?? []].sort(),
+						candidates: [...candidates].sort()
+					})),
+					tokenSources: collector.sourcesForEntries(sourceScan?.entries)
+				};
+			};
 			const finalizeCssAssetSource = (source, options = {}) => {
+				const styleOptions = resolveStyleOptionsFromContext(compilerOptions);
 				let finalized = removeTailwindSourceDirectives(stripBundlerGeneratedCssMarkers(source), { importFallback: true });
 				if (isWebGeneratorTarget || options.generatedCss !== true) return finalized;
 				try {
@@ -391,34 +572,24 @@ function setupWebpackV5ProcessAssetsHook(options) {
 					finalized = finalizeMiniProgramCss(finalized, {
 						cssPreflight: runtimeState.twPatcher.majorVersion === 4 ? compilerOptions.cssPreflight : void 0,
 						isTailwindcssV4: runtimeState.twPatcher.majorVersion === 4,
-						preservePseudoContentInit: runtimeState.twPatcher.majorVersion === 3
+						preservePseudoContentInit: runtimeState.twPatcher.majorVersion === 3,
+						tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
 					});
 				}
 				return finalized;
 			};
 			const finalizeMiniProgramUserCssAssetSource = (source) => {
+				const styleOptions = resolveStyleOptionsFromContext(compilerOptions);
 				if (isWebGeneratorTarget) return source;
 				return finalizeMiniProgramCss(source, {
 					cssPreflight: runtimeState.twPatcher.majorVersion === 4 ? compilerOptions.cssPreflight : void 0,
 					isTailwindcssV4: runtimeState.twPatcher.majorVersion === 4,
-					preservePseudoContentInit: runtimeState.twPatcher.majorVersion === 3
+					preservePseudoContentInit: runtimeState.twPatcher.majorVersion === 3,
+					tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
 				});
 			};
-			const cssSourceTraceTokenSources = isCssSourceTraceEnabled(compilerOptions) ? await (async () => {
-				const root = compilerOptions.tailwindcssBasedir ?? process.cwd();
-				const sourceScan = await resolveViteSourceScanEntries(compilerOptions, runtimeState.twPatcher, { root });
-				const collector = createSourceCandidateCollector({
-					bareArbitraryValues: compilerOptions.arbitraryValues?.bareArbitraryValues,
-					extractor: runtimeState.twPatcher.majorVersion === 3 ? createTailwindV3DefaultExtractor() : void 0
-				});
-				await collector.scanRoot({
-					entries: sourceScan?.entries,
-					explicit: sourceScan?.explicit,
-					root
-				});
-				collector.syncInline(sourceScan?.inlineCandidates);
-				return createCssTokenSourceMap(collector.sourcesForEntries(sourceScan?.entries), compilerOptions);
-			})() : void 0;
+			const webpackSourceCandidates = groupedEntries.css?.length || isCssSourceTraceEnabled(compilerOptions) ? await refreshWebpackSourceCandidates() : void 0;
+			const cssSourceTraceTokenSources = isCssSourceTraceEnabled(compilerOptions) && webpackSourceCandidates ? createCssTokenSourceMap(webpackSourceCandidates.tokenSources, compilerOptions) : void 0;
 			const cssSourceTraceSignature = createCssSourceTraceCacheSignature(cssSourceTraceTokenSources, compilerOptions);
 			const annotateCss = (css) => annotateCssSourceTrace(css, {
 				opts: compilerOptions,
@@ -474,11 +645,13 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				const [file, originalSource] = element;
 				const rawSource = originalSource.source().toString();
 				const cacheKey = file;
+				const hashKey = `${file}:asset`;
+				rememberProcessCacheKey(cacheKey, hashKey);
 				const chunkHash = assetHashByChunk.get(file);
 				tasks.push(processCachedTask({
 					cache: compilerOptions.cache,
 					cacheKey,
-					hashKey: `${file}:asset`,
+					hashKey,
 					rawSource,
 					hash: chunkHash,
 					applyResult(source, { cacheHit }) {
@@ -499,6 +672,8 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				const cacheKey = getCacheKey(file);
 				const asset = compilation.getAsset(file);
 				if (!asset) continue;
+				const hashKey = `${file}:asset`;
+				rememberProcessCacheKey(cacheKey, hashKey);
 				const absoluteFile = toAbsoluteOutputPath(file, outputDir);
 				const initialSource = asset.source.source();
 				const initialRawSource = typeof initialSource === "string" ? initialSource : initialSource.toString();
@@ -507,7 +682,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 					await processCachedTask({
 						cache: compilerOptions.cache,
 						cacheKey,
-						hashKey: `${file}:asset`,
+						hashKey,
 						rawSource: initialRawSource,
 						hash: chunkHash,
 						applyResult(source, { cacheHit }) {
@@ -543,10 +718,12 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				const rawSource = originalSource.source().toString();
 				if (isWebpackProcessedCssAsset?.(file, rawSource)) {
 					const nextCss = finalizeCssAssetSource(rawSource, { generatedCss: hasBundlerGeneratedCssMarker(rawSource) });
+					const hashKey = `${file}:asset`;
+					rememberProcessCacheKey(file, hashKey);
 					tasks.push(processCachedTask({
 						cache: compilerOptions.cache,
 						cacheKey: file,
-						hashKey: `${file}:asset`,
+						hashKey,
 						rawSource,
 						hash: createRuntimeAwareCssHash(assetHashByChunk.get(file), compilerOptions.cache.computeHash(rawSource), `${runtimeSetHash}:${cssSourceTraceSignature}`),
 						applyResult(source, { cacheHit }) {
@@ -562,12 +739,21 @@ function setupWebpackV5ProcessAssetsHook(options) {
 					}));
 					continue;
 				}
+				if (isWebGeneratorTarget) continue;
 				const cacheKey = file;
-				const runtimeAwareHash = createRuntimeAwareCssHash(assetHashByChunk.get(file), compilerOptions.cache.computeHash(rawSource), `${runtimeSetHash}:${cssSourceTraceSignature}`);
+				const hashKey = `${file}:asset`;
+				rememberProcessCacheKey(cacheKey, hashKey);
+				const chunkHash = assetHashByChunk.get(file);
+				const cssSourceHash = (() => {
+					const sourceFile = resolveWebpackCssSourceFile(file);
+					const sourceCss = sourceFile ? cssSources.get(sourceFile) : void 0;
+					return sourceCss === void 0 ? "webpack-css-source:0" : `webpack-css-source:1:${compilerOptions.cache.computeHash(sourceCss)}`;
+				})();
+				const runtimeAwareHash = createRuntimeAwareCssHash(chunkHash, compilerOptions.cache.computeHash(rawSource), `${runtimeSetHash}:${webpackSourceCandidates?.signature ?? "source-candidates:0"}:${cssSourceTraceSignature}:${cssSourceHash}`);
 				tasks.push(processCachedTask({
 					cache: compilerOptions.cache,
 					cacheKey,
-					hashKey: `${file}:asset`,
+					hashKey,
 					rawSource,
 					hash: runtimeAwareHash,
 					applyResult(source, { cacheHit }) {
@@ -579,19 +765,21 @@ function setupWebpackV5ProcessAssetsHook(options) {
 					transform: async () => {
 						await runtimeState.readyPromise;
 						const cssHandlerOptions = getCssHandlerOptions(file);
+						const generatorRawSource = resolveWebpackGeneratorRawSource(rawSource, cssHandlerOptions);
 						if (isPureLocalCssImportWrapper(rawSource)) return { result: new ConcatSource(removeTailwindSourceDirectives(stripBundlerGeneratedCssMarkers(rawSource), { importFallback: true })) };
 						const generated = await generateCssByGenerator({
 							opts: compilerOptions,
 							runtimeState,
 							runtime: runtimeSet,
-							rawSource,
+							rawSource: generatorRawSource,
 							file,
 							cssHandlerOptions,
 							cssUserHandlerOptions: getCssUserHandlerOptions(file),
+							getSourceCandidatesForEntries: webpackSourceCandidates?.getSourceCandidatesForEntries,
 							styleHandler: compilerOptions.styleHandler,
 							debug
 						});
-						const source = new ConcatSource(finalizeTracedCss(finalizeCssAssetSource(generated?.css ?? (await compilerOptions.styleHandler(rawSource, cssHandlerOptions)).css, { generatedCss: generated != null })));
+						const source = new ConcatSource(finalizeTracedCss(generated?.css ?? finalizeCssAssetSource((await compilerOptions.styleHandler(generatorRawSource, cssHandlerOptions)).css, { generatedCss: false })));
 						if (generated) debug("css handle via tailwind v%s engine(%s): %s", runtimeState.twPatcher.majorVersion, generated.target, file);
 						else debug("css handle: %s", file);
 						return { result: source };
@@ -600,8 +788,23 @@ function setupWebpackV5ProcessAssetsHook(options) {
 			}
 			pushConcurrentTaskFactories(tasks, jsTaskFactories);
 			await Promise.all(tasks);
+			compilerOptions.cache.prune?.({
+				cacheKeys: activeProcessCacheKeys,
+				hashKeys: activeProcessHashKeys
+			});
+			const activeCssFiles = new Set(groupedEntries.css?.map(([file]) => file) ?? []);
+			pruneWebpackCssHandlerOptionCaches(cssHandlerOptionsCache, cssUserHandlerOptionsCache, activeCssFiles);
 			debug("end");
-			emitHmrTiming("webpack", "processAssets", performance.now() - hmrTimingStartedAt);
+			emitHmrTiming("webpack", "processAssets", performance.now() - hmrTimingStartedAt, { memoryDebug: resolveWebpackMemoryDebugStats({
+				activeAssetFiles: entries.length,
+				activeCssFiles: activeCssFiles.size,
+				activeProcessCacheKeys,
+				activeProcessHashKeys,
+				cache: compilerOptions.cache,
+				cssHandlerOptionsCache,
+				cssUserHandlerOptionsCache,
+				phase: "processAssets"
+			}) });
 			compilerOptions.onEnd();
 		});
 	});
@@ -649,10 +852,11 @@ function createLoaderAnchorFinders(appType) {
 //#endregion
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-loaders.ts
 function setupWebpackV5Loaders(options) {
-	const { compiler, options: compilerOptions, appType, weappTailwindcssPackageDir, shouldRewriteCssImports, runtimeLoaderPath, registerAutoCssSource, runtimeState, getClassSetInLoader, getRuntimeSetInLoader, markWebpackProcessedCssSource, getRuntimeWatchDependencies, runtimeRegistryKey = `weapp-tailwindcss-${Date.now()}-${Math.random().toString(36).slice(2)}`, debug } = options;
+	const { compiler, options: compilerOptions, appType, weappTailwindcssPackageDir, shouldRewriteCssImports, runtimeLoaderPath, registerAutoCssSource, runtimeState, getClassSetInLoader, getRuntimeSetInLoader, markWebpackProcessedCssSource, registerWebpackCssSourceFile, getRuntimeWatchDependencies, runtimeRegistryKey = `weapp-tailwindcss-${Date.now()}-${Math.random().toString(36).slice(2)}`, debug } = options;
 	const isMpxApp = isMpx(appType);
 	if (shouldRewriteCssImports && isMpxApp) ensureMpxTailwindcssAliases(compiler, weappTailwindcssPackageDir);
 	const runtimeClassSetLoader = runtimeLoaderPath ?? path.resolve(__dirname, "./weapp-tw-runtime-classset-loader.js");
+	const shouldInjectRuntimeClassSetLoader = compilerOptions.generator?.target !== "web";
 	const runtimeCssImportRewriteLoader = shouldRewriteCssImports ? path.resolve(__dirname, "./weapp-tw-css-import-rewrite-loader.js") : void 0;
 	const runtimeClassSetLoaderExists = fs.existsSync(runtimeClassSetLoader);
 	const runtimeCssImportRewriteLoaderExists = runtimeCssImportRewriteLoader ? fs.existsSync(runtimeCssImportRewriteLoader) : false;
@@ -668,7 +872,8 @@ function setupWebpackV5Loaders(options) {
 	setWebpackLoaderRuntime(runtimeRegistryKey, {
 		classSet: {
 			getClassSet: getClassSetInLoader,
-			getWatchDependencies: getRuntimeWatchDependencies
+			getWatchDependencies: getRuntimeWatchDependencies,
+			...registerWebpackCssSourceFile === void 0 ? {} : { registerCssSourceFile: registerWebpackCssSourceFile }
 		},
 		...runtimeLoaderRewriteOptions === void 0 ? {} : { cssImportRewrite: runtimeLoaderRewriteOptions }
 	});
@@ -726,7 +931,7 @@ function setupWebpackV5Loaders(options) {
 					rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
 				}
 			}
-			if (runtimeClassSetLoaderExists && !hasLoaderEntry(loaderEntries, runtimeClassSetLoader)) {
+			if (shouldInjectRuntimeClassSetLoader && runtimeClassSetLoaderExists && !hasLoaderEntry(loaderEntries, runtimeClassSetLoader)) {
 				const classSetLoaderEntry = createRuntimeClassSetLoaderEntry();
 				const anchorIndex = findClassSetAnchor(loaderEntries);
 				if (anchorIndex === -1) anchorlessInsert(classSetLoaderEntry, "before");
@@ -834,6 +1039,7 @@ var WeappTailwindcss = class {
 		const runtimeWatchDependencyFiles = /* @__PURE__ */ new Set();
 		const runtimeWatchDependencyContexts = /* @__PURE__ */ new Set();
 		const webpackProcessedCssSourceFiles = /* @__PURE__ */ new Set();
+		const webpackCssSources = /* @__PURE__ */ new Map();
 		let runtimeMetadataPrepared = false;
 		const updateRuntimeWatchDependencies = async () => {
 			runtimeWatchDependencyFiles.clear();
@@ -881,7 +1087,7 @@ var WeappTailwindcss = class {
 			syncRuntimeRefreshRequirement();
 		};
 		const registerAutoCssSource = async (source) => {
-			if (this.hasInitialTailwindCssRoots || (runtimeState.twPatcher.majorVersion ?? 0) < 4 || !source.file) return;
+			if ((runtimeState.twPatcher.majorVersion ?? 0) < 4 || !source.file) return;
 			if (!upsertTailwindV4CssSource(this.options, source)) return;
 			runtimeSetPrepared = false;
 			runtimeMetadataPrepared = false;
@@ -895,6 +1101,9 @@ var WeappTailwindcss = class {
 		const markWebpackProcessedCssSource = (file) => {
 			webpackProcessedCssSourceFiles.add(path.resolve(file));
 		};
+		const registerWebpackCssSourceFile = (source) => {
+			webpackCssSources.set(path.resolve(source.file), source.css);
+		};
 		const isWebpackProcessedTailwindEntryAsset = (file) => {
 			if ((runtimeState.twPatcher.majorVersion ?? 0) < 4 || !this.options.mainCssChunkMatcher(file, this.appType) || webpackProcessedCssSourceFiles.size === 0) return false;
 			const tailwindOptions = resolveTailwindcssOptions(runtimeState.twPatcher.options);
@@ -942,6 +1151,7 @@ var WeappTailwindcss = class {
 			getClassSetInLoader,
 			getRuntimeSetInLoader,
 			markWebpackProcessedCssSource,
+			registerWebpackCssSourceFile,
 			getRuntimeWatchDependencies() {
 				return {
 					files: runtimeWatchDependencyFiles,
@@ -965,6 +1175,7 @@ var WeappTailwindcss = class {
 			},
 			isWatchMode: () => watchRunObserved || compiler.options?.watch === true,
 			runtimeClassSetManager: this.options.__internalWebpackRuntimeClassSetManager,
+			getWebpackCssSources: () => webpackCssSources,
 			debug
 		});
 	}