weapp-tailwindcss 4.12.0 → 5.0.0-next.1

package/dist/webpack-CABjKGGQ.mjs

@@ -0,0 +1,441 @@
+import { r as resolveTailwindcssOptions } from "./patcher-options-DQfR5xxT.mjs";
+import { g as ensureRuntimeClassSet, n as shouldSkipJsTransform, p as pluginName, r as getCompilerContext, t as setupPatchRecorder, v as createDebug } from "./recorder-B_XyZ576.mjs";
+import { r as getGroupedEntries } from "./utils-7DUGTFED.mjs";
+import { d as getRuntimeClassSetSignature } from "./logger-BoVx1Dbt.mjs";
+import { i as processCachedTask, t as generateCssByGenerator } from "./generator-css-DhPFjSzK.mjs";
+import { a as resolveDisabledOptions, c as toAbsoluteOutputPath, i as resolvePackageDir, r as pushConcurrentTaskFactories, s as resolveOutputSpecifier } from "./css-imports-CSdPq_Sc.mjs";
+import { a as hasLoaderEntry, c as applyTailwindcssCssImportRewrite, d as isMpx, f as patchMpxLoaderResolve, i as getCacheKey, l as ensureMpxTailwindcssAliases, n as __dirname, o as hasWatchChanges, p as setupMpxTailwindcssRedirect, r as createAssetHashByChunkMap, s as isCssLikeModuleResource, t as createLoaderAnchorFinders, u as injectMpxCssRewritePreRules } from "./loader-anchors-DvwgIYdA.mjs";
+import path from "node:path";
+import process from "node:process";
+import fs from "node:fs";
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets.ts
+function resolveWebpackStaleClassNameFallback(option, _compiler) {
+	if (typeof option === "boolean") return option;
+	return false;
+}
+function setupWebpackV5ProcessAssetsHook(options) {
+	const { compiler, options: compilerOptions, appType, runtimeState, getRuntimeRefreshRequirement, refreshRuntimeMetadata, consumeRuntimeRefreshRequirement, debug } = options;
+	const { Compilation, sources } = compiler.webpack;
+	const { ConcatSource } = sources;
+	const cssHandlerOptionsCache = /* @__PURE__ */ new Map();
+	const cssUserHandlerOptionsCache = /* @__PURE__ */ new Map();
+	compiler.hooks.compilation.tap(pluginName, (compilation) => {
+		compilation.hooks.processAssets.tapPromise({
+			name: pluginName,
+			stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
+		}, async (assets) => {
+			compilerOptions.onStart();
+			debug("start");
+			await runtimeState.patchPromise;
+			for (const chunk of compilation.chunks) if (chunk.id && chunk.hash) compilerOptions.cache.calcHashValueChanged(chunk.id, chunk.hash);
+			const assetHashByChunk = createAssetHashByChunkMap(compilation.chunks);
+			const entries = Object.entries(assets);
+			const compilerOutputPath = compilation.compiler?.outputPath ?? compiler.outputPath;
+			const outputDir = compilerOutputPath ? path.resolve(compilerOutputPath) : compilation.outputOptions?.path ?? process.cwd();
+			const jsAssets = /* @__PURE__ */ new Map();
+			for (const [file] of entries) if (compilerOptions.jsMatcher(file) || compilerOptions.wxsMatcher(file)) {
+				const absolute = toAbsoluteOutputPath(file, outputDir);
+				jsAssets.set(absolute, file);
+			}
+			const moduleGraphOptions = {
+				resolve(specifier, importer) {
+					return resolveOutputSpecifier(specifier, importer, outputDir, (candidate) => jsAssets.has(candidate));
+				},
+				load: (id) => {
+					const assetName = jsAssets.get(id);
+					if (!assetName) return;
+					const asset = compilation.getAsset(assetName);
+					if (!asset) return;
+					const source = asset.source.source();
+					return typeof source === "string" ? source : source.toString();
+				},
+				filter(id) {
+					return jsAssets.has(id);
+				}
+			};
+			const applyLinkedResults = (linked) => {
+				if (!linked) return;
+				for (const [id, { code }] of Object.entries(linked)) {
+					const assetName = jsAssets.get(id);
+					if (!assetName) continue;
+					const asset = compilation.getAsset(assetName);
+					if (!asset) continue;
+					const previousSource = asset.source.source();
+					const previous = typeof previousSource === "string" ? previousSource : previousSource.toString();
+					if (previous === code) continue;
+					const source = new ConcatSource(code);
+					compilation.updateAsset(assetName, source);
+					compilerOptions.onUpdate(assetName, previous, code);
+					debug("js linked handle: %s", assetName);
+				}
+			};
+			const groupedEntries = getGroupedEntries(entries, compilerOptions);
+			const getCssHandlerOptions = (file) => {
+				const majorVersion = runtimeState.twPatcher.majorVersion;
+				const isMainChunk = compilerOptions.mainCssChunkMatcher(file, appType);
+				const cacheKey = `${majorVersion ?? "unknown"}:${isMainChunk ? "1" : "0"}:${file}`;
+				const cached = cssHandlerOptionsCache.get(cacheKey);
+				if (cached) return cached;
+				const created = {
+					isMainChunk,
+					postcssOptions: { options: { from: file } },
+					majorVersion
+				};
+				cssHandlerOptionsCache.set(cacheKey, created);
+				return created;
+			};
+			const getCssUserHandlerOptions = (file) => {
+				const cacheKey = `${runtimeState.twPatcher.majorVersion ?? "unknown"}:${file}`;
+				const cached = cssUserHandlerOptionsCache.get(cacheKey);
+				if (cached) return cached;
+				const created = {
+					...getCssHandlerOptions(file),
+					isMainChunk: false
+				};
+				cssUserHandlerOptionsCache.set(cacheKey, created);
+				return created;
+			};
+			const staleClassNameFallback = resolveWebpackStaleClassNameFallback(compilerOptions.staleClassNameFallback, compiler);
+			const forceRuntimeRefresh = getRuntimeRefreshRequirement();
+			debug("processAssets ensure runtime set forceRefresh=%s major=%s", forceRuntimeRefresh, runtimeState.twPatcher.majorVersion ?? "unknown");
+			const runtimeSet = await ensureRuntimeClassSet(runtimeState, {
+				forceRefresh: forceRuntimeRefresh,
+				forceCollect: true,
+				clearCache: forceRuntimeRefresh,
+				allowEmpty: false
+			});
+			await refreshRuntimeMetadata(forceRuntimeRefresh);
+			consumeRuntimeRefreshRequirement();
+			const defaultTemplateHandlerOptions = { runtimeSet };
+			debug("get runtimeSet, class count: %d", runtimeSet.size);
+			const tasks = [];
+			if (Array.isArray(groupedEntries.html)) for (const element of groupedEntries.html) {
+				const [file, originalSource] = element;
+				const rawSource = originalSource.source().toString();
+				const cacheKey = file;
+				const chunkHash = assetHashByChunk.get(file);
+				tasks.push(processCachedTask({
+					cache: compilerOptions.cache,
+					cacheKey,
+					hashKey: `${file}:asset`,
+					rawSource,
+					hash: chunkHash,
+					applyResult(source) {
+						compilation.updateAsset(file, source);
+					},
+					onCacheHit() {
+						debug("html cache hit: %s", file);
+					},
+					transform: async () => {
+						const wxml = await compilerOptions.templateHandler(rawSource, defaultTemplateHandlerOptions);
+						const source = new ConcatSource(wxml);
+						compilerOptions.onUpdate(file, rawSource, wxml);
+						debug("html handle: %s", file);
+						return { result: source };
+					}
+				}));
+			}
+			const jsTaskFactories = [];
+			if (Array.isArray(groupedEntries.js)) for (const [file] of groupedEntries.js) {
+				const cacheKey = getCacheKey(file);
+				const asset = compilation.getAsset(file);
+				if (!asset) continue;
+				const absoluteFile = toAbsoluteOutputPath(file, outputDir);
+				const initialSource = asset.source.source();
+				const initialRawSource = typeof initialSource === "string" ? initialSource : initialSource.toString();
+				const chunkHash = assetHashByChunk.get(file);
+				jsTaskFactories.push(async () => {
+					await processCachedTask({
+						cache: compilerOptions.cache,
+						cacheKey,
+						hashKey: `${file}:asset`,
+						rawSource: initialRawSource,
+						hash: chunkHash,
+						applyResult(source) {
+							compilation.updateAsset(file, source);
+						},
+						onCacheHit() {
+							debug("js cache hit: %s", file);
+						},
+						transform: async () => {
+							const currentSourceValue = compilation.getAsset(file)?.source.source();
+							const currentSource = typeof currentSourceValue === "string" ? currentSourceValue : currentSourceValue?.toString() ?? "";
+							const handlerOptions = {
+								staleClassNameFallback,
+								tailwindcssMajorVersion: runtimeState.twPatcher.majorVersion,
+								filename: absoluteFile,
+								moduleGraph: moduleGraphOptions,
+								babelParserOptions: { sourceFilename: absoluteFile }
+							};
+							if (shouldSkipJsTransform(currentSource, handlerOptions)) return { result: new ConcatSource(currentSource) };
+							const { code, linked } = await compilerOptions.jsHandler(currentSource, runtimeSet, handlerOptions);
+							const source = new ConcatSource(code);
+							compilerOptions.onUpdate(file, currentSource, code);
+							debug("js handle: %s", file);
+							applyLinkedResults(linked);
+							return { result: source };
+						}
+					});
+				});
+			}
+			if (Array.isArray(groupedEntries.css)) for (const element of groupedEntries.css) {
+				const [file, originalSource] = element;
+				const rawSource = originalSource.source().toString();
+				const cacheKey = file;
+				const chunkHash = assetHashByChunk.get(file);
+				tasks.push(processCachedTask({
+					cache: compilerOptions.cache,
+					cacheKey,
+					hashKey: `${file}:asset`,
+					rawSource,
+					hash: chunkHash,
+					applyResult(source) {
+						compilation.updateAsset(file, source);
+					},
+					onCacheHit() {
+						debug("css cache hit: %s", file);
+					},
+					transform: async () => {
+						await runtimeState.patchPromise;
+						const cssHandlerOptions = getCssHandlerOptions(file);
+						const generated = await generateCssByGenerator({
+							opts: compilerOptions,
+							runtimeState,
+							runtime: runtimeSet,
+							rawSource,
+							file,
+							cssHandlerOptions,
+							cssUserHandlerOptions: getCssUserHandlerOptions(file),
+							styleHandler: compilerOptions.styleHandler,
+							debug
+						});
+						const css = generated?.css ?? (await compilerOptions.styleHandler(rawSource, cssHandlerOptions)).css;
+						const source = new ConcatSource(css);
+						compilerOptions.onUpdate(file, rawSource, css);
+						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 };
+					}
+				}));
+			}
+			pushConcurrentTaskFactories(tasks, jsTaskFactories);
+			await Promise.all(tasks);
+			debug("end");
+			compilerOptions.onEnd();
+		});
+	});
+}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-loaders.ts
+function setupWebpackV5Loaders(options) {
+	const { compiler, options: compilerOptions, appType, weappTailwindcssPackageDir, shouldRewriteCssImports, runtimeLoaderPath, runtimeCssImportRewriteLoaderPath, getClassSetInLoader, getRuntimeWatchDependencies, 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 runtimeCssImportRewriteLoader = shouldRewriteCssImports ? runtimeCssImportRewriteLoaderPath ?? path.resolve(__dirname, "./weapp-tw-css-import-rewrite-loader.js") : void 0;
+	const runtimeClassSetLoaderExists = fs.existsSync(runtimeClassSetLoader);
+	const runtimeCssImportRewriteLoaderExists = runtimeCssImportRewriteLoader ? fs.existsSync(runtimeCssImportRewriteLoader) : false;
+	const runtimeLoaderRewriteOptions = shouldRewriteCssImports ? {
+		pkgDir: weappTailwindcssPackageDir,
+		appType
+	} : void 0;
+	const classSetLoaderOptions = {
+		getClassSet: getClassSetInLoader,
+		getWatchDependencies: getRuntimeWatchDependencies
+	};
+	const { findRewriteAnchor, findClassSetAnchor } = createLoaderAnchorFinders(appType);
+	const cssImportRewriteLoaderOptions = runtimeLoaderRewriteOptions ? { rewriteCssImports: runtimeLoaderRewriteOptions } : void 0;
+	if (runtimeCssImportRewriteLoader && shouldRewriteCssImports && cssImportRewriteLoaderOptions && isMpxApp) injectMpxCssRewritePreRules(compiler, runtimeCssImportRewriteLoader, cssImportRewriteLoaderOptions);
+	const createRuntimeClassSetLoaderEntry = () => ({
+		loader: runtimeClassSetLoader,
+		options: classSetLoaderOptions,
+		ident: null,
+		type: null
+	});
+	const createCssImportRewriteLoaderEntry = () => {
+		if (!runtimeCssImportRewriteLoader) return null;
+		return {
+			loader: runtimeCssImportRewriteLoader,
+			options: cssImportRewriteLoaderOptions,
+			ident: null,
+			type: null
+		};
+	};
+	const { NormalModule } = compiler.webpack;
+	compiler.hooks.compilation.tap(pluginName, (compilation) => {
+		NormalModule.getCompilationHooks(compilation).loader.tap(pluginName, (_loaderContext, module) => {
+			if (!(runtimeClassSetLoaderExists || runtimeCssImportRewriteLoaderExists)) return;
+			patchMpxLoaderResolve(_loaderContext, weappTailwindcssPackageDir, shouldRewriteCssImports && isMpxApp);
+			const loaderEntries = module.loaders || [];
+			let rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
+			const classSetAnchorIdx = findClassSetAnchor(loaderEntries);
+			const isCssModule = isCssLikeModuleResource(module.resource, compilerOptions.cssMatcher, appType);
+			if (process.env.WEAPP_TW_LOADER_DEBUG && isCssModule) debug("loader hook css module: %s loaders=%o anchors=%o", module.resource, loaderEntries.map((x) => x.loader), {
+				rewriteAnchorIdx,
+				classSetAnchorIdx
+			});
+			if (process.env.WEAPP_TW_LOADER_DEBUG && typeof module.resource === "string" && module.resource.includes("app.css")) debug("app.css module loaders=%o anchors=%o", loaderEntries.map((x) => x.loader), {
+				rewriteAnchorIdx,
+				classSetAnchorIdx
+			});
+			else if (process.env.WEAPP_TW_LOADER_DEBUG && typeof module.resource === "string" && module.resource.endsWith(".css")) debug("css module seen: %s loaders=%o anchors=%o", module.resource, loaderEntries.map((x) => x.loader), {
+				rewriteAnchorIdx,
+				classSetAnchorIdx
+			});
+			if (rewriteAnchorIdx === -1 && classSetAnchorIdx === -1 && !isCssModule) return;
+			const anchorlessInsert = (entry, position) => {
+				if (position === "after") loaderEntries.push(entry);
+				else loaderEntries.unshift(entry);
+			};
+			if (cssImportRewriteLoaderOptions && runtimeCssImportRewriteLoaderExists && runtimeCssImportRewriteLoader) {
+				const existingIndex = loaderEntries.findIndex((entry) => entry.loader?.includes?.(runtimeCssImportRewriteLoader));
+				const rewriteLoaderEntry = existingIndex !== -1 ? loaderEntries.splice(existingIndex, 1)[0] : createCssImportRewriteLoaderEntry();
+				if (rewriteLoaderEntry) {
+					const anchorIndex = findRewriteAnchor(loaderEntries);
+					if (anchorIndex === -1) anchorlessInsert(rewriteLoaderEntry, "after");
+					else loaderEntries.splice(anchorIndex + 1, 0, rewriteLoaderEntry);
+					rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
+				}
+			}
+			if (runtimeClassSetLoaderExists && !hasLoaderEntry(loaderEntries, runtimeClassSetLoader)) {
+				const classSetLoaderEntry = createRuntimeClassSetLoaderEntry();
+				const anchorIndex = findClassSetAnchor(loaderEntries);
+				if (anchorIndex === -1) anchorlessInsert(classSetLoaderEntry, "before");
+				else {
+					const insertIndex = anchorIndex === -1 ? rewriteAnchorIdx : anchorIndex;
+					loaderEntries.splice(insertIndex, 0, classSetLoaderEntry);
+				}
+			}
+		});
+	});
+}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5.ts
+const debug = createDebug();
+const weappTailwindcssPackageDir = resolvePackageDir("weapp-tailwindcss");
+/**
+* @name UnifiedWebpackPluginV5
+* @description webpack5 核心转义插件
+* @link https://tw.icebreaker.top/docs/intro
+*/
+var UnifiedWebpackPluginV5 = class {
+	constructor(options = {}) {
+		this.options = getCompilerContext(options);
+		this.appType = this.options.appType;
+	}
+	apply(compiler) {
+		compiler.options = compiler.options || {};
+		const { disabled, onLoad, runtimeLoaderPath, runtimeCssImportRewriteLoaderPath, twPatcher: initialTwPatcher, refreshTailwindcssPatcher } = this.options;
+		const disabledOptions = resolveDisabledOptions(disabled);
+		const shouldRewriteCssImports = (initialTwPatcher.majorVersion ?? 0) >= 4 && this.options.rewriteCssImports !== false && !disabledOptions.rewriteCssImports;
+		const isMpxApp = isMpx(this.appType);
+		if (shouldRewriteCssImports) {
+			applyTailwindcssCssImportRewrite(compiler, {
+				pkgDir: weappTailwindcssPackageDir,
+				enabled: true,
+				appType: this.appType
+			});
+			setupMpxTailwindcssRedirect(weappTailwindcssPackageDir, isMpxApp);
+		}
+		if (disabledOptions.plugin) return;
+		const patchRecorderState = setupPatchRecorder(initialTwPatcher, this.options.tailwindcssBasedir, {
+			source: "runtime",
+			cwd: this.options.tailwindcssBasedir ?? process.cwd()
+		});
+		const runtimeState = {
+			twPatcher: initialTwPatcher,
+			patchPromise: patchRecorderState.patchPromise,
+			refreshTailwindcssPatcher,
+			onPatchCompleted: patchRecorderState.onPatchCompleted
+		};
+		let runtimeSetPrepared = false;
+		let runtimeSetSignature;
+		let runtimeRefreshRequiredForCompilation = false;
+		const runtimeWatchDependencyFiles = /* @__PURE__ */ new Set();
+		const runtimeWatchDependencyContexts = /* @__PURE__ */ new Set();
+		let runtimeMetadataPrepared = false;
+		const updateRuntimeWatchDependencies = async () => {
+			runtimeWatchDependencyFiles.clear();
+			runtimeWatchDependencyContexts.clear();
+			const tailwindOptions = resolveTailwindcssOptions(runtimeState.twPatcher.options);
+			if (tailwindOptions?.config) runtimeWatchDependencyFiles.add(tailwindOptions.config);
+			for (const entry of tailwindOptions?.v4?.cssEntries ?? []) runtimeWatchDependencyFiles.add(entry);
+			for (const source of tailwindOptions?.v4?.sources ?? []) if (source?.base) runtimeWatchDependencyContexts.add(source.base);
+			if (typeof runtimeState.twPatcher.collectContentTokens !== "function") return;
+			try {
+				const report = await runtimeState.twPatcher.collectContentTokens();
+				for (const entry of report.entries ?? []) if (entry.file) runtimeWatchDependencyFiles.add(entry.file);
+				for (const source of report.sources ?? []) if (source?.base) runtimeWatchDependencyContexts.add(source.base);
+			} catch (error) {
+				debug("collect runtime watch dependencies failed: %O", error);
+			}
+		};
+		const ensureRuntimeMetadata = async (force = false) => {
+			if (runtimeMetadataPrepared && !force) return;
+			await updateRuntimeWatchDependencies();
+			runtimeMetadataPrepared = true;
+		};
+		const syncRuntimeRefreshRequirement = () => {
+			runtimeRefreshRequiredForCompilation = runtimeRefreshRequiredForCompilation || hasWatchChanges(compiler);
+		};
+		const resetRuntimePreparation = () => {
+			runtimeSetPrepared = false;
+			runtimeMetadataPrepared = false;
+			syncRuntimeRefreshRequirement();
+		};
+		compiler.hooks.invalid?.tap?.(pluginName, () => {
+			runtimeRefreshRequiredForCompilation = true;
+		});
+		compiler.hooks.watchRun?.tap?.(pluginName, syncRuntimeRefreshRequirement);
+		if (compiler.hooks.thisCompilation?.tap) compiler.hooks.thisCompilation.tap(pluginName, resetRuntimePreparation);
+		else if (compiler.hooks.compilation?.tap) compiler.hooks.compilation.tap(pluginName, resetRuntimePreparation);
+		async function getClassSetInLoader() {
+			if (runtimeSetPrepared) return;
+			const signature = getRuntimeClassSetSignature(runtimeState.twPatcher);
+			const forceRefresh = runtimeRefreshRequiredForCompilation || signature !== runtimeSetSignature;
+			debug("runtime loader ensure class set forceRefresh=%s watchDirty=%s signatureChanged=%s", forceRefresh, runtimeRefreshRequiredForCompilation, signature !== runtimeSetSignature);
+			runtimeSetPrepared = true;
+			await ensureRuntimeClassSet(runtimeState, {
+				forceRefresh,
+				forceCollect: true,
+				clearCache: forceRefresh,
+				allowEmpty: true
+			});
+			await ensureRuntimeMetadata(forceRefresh);
+			runtimeSetSignature = signature;
+			runtimeRefreshRequiredForCompilation = false;
+		}
+		onLoad();
+		setupWebpackV5Loaders({
+			compiler,
+			options: this.options,
+			appType: this.appType,
+			weappTailwindcssPackageDir,
+			shouldRewriteCssImports,
+			runtimeLoaderPath,
+			runtimeCssImportRewriteLoaderPath,
+			getClassSetInLoader,
+			getRuntimeWatchDependencies() {
+				return {
+					files: runtimeWatchDependencyFiles,
+					contexts: runtimeWatchDependencyContexts
+				};
+			},
+			debug
+		});
+		setupWebpackV5ProcessAssetsHook({
+			compiler,
+			options: this.options,
+			appType: this.appType,
+			runtimeState,
+			getRuntimeRefreshRequirement: () => runtimeRefreshRequiredForCompilation,
+			refreshRuntimeMetadata: ensureRuntimeMetadata,
+			consumeRuntimeRefreshRequirement() {
+				runtimeRefreshRequiredForCompilation = false;
+			},
+			debug
+		});
+	}
+};
+//#endregion
+export { weappTailwindcssPackageDir as n, UnifiedWebpackPluginV5 as t };