weapp-tailwindcss 5.0.0-next.15 → 5.0.0-next.17

package/dist/{v3-engine-v__n8_Sd.js → v3-engine-BRInt2DS.js}

@@ -662,6 +662,7 @@ function removeUnsupportedCascadeLayers(root) {
 //#endregion
 //#region src/tailwindcss/miniprogram.ts
 const DEFAULT_WEAPP_VARIABLE_SCOPE = "page,.tw-root,wx-root-portal-content,:host";
+const DEFAULT_WEAPP_ELEMENT_VARIABLE_SCOPE = "view,text,:before,:after";
 const CLASS_SELECTOR_RE = /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i;
 const PSEUDO_CONTENT_SELECTOR_RE = /^(?:::before|::after|:before|:after)(?:,(?:::before|::after|:before|:after))*$/;
 const MINI_PROGRAM_THEME_SCOPE_SELECTORS = new Set([
@@ -671,6 +672,14 @@ const MINI_PROGRAM_THEME_SCOPE_SELECTORS = new Set([
 	".tw-root",
 	"wx-root-portal-content"
 ]);
+const MINI_PROGRAM_ELEMENT_VARIABLE_SCOPE_SELECTORS = new Set([
+	"view",
+	"text",
+	":before",
+	":after",
+	"::before",
+	"::after"
+]);
 const MINI_PROGRAM_PREFLIGHT_SELECTORS = new Set([
 	"*",
 	"view",
@@ -749,6 +758,27 @@ function isMiniProgramThemeScopeRule(rule) {
 	const selectors = getRuleSelectors(rule);
 	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_THEME_SCOPE_SELECTORS.has(selector));
 }
+function isMiniProgramElementVariableScopeRule(rule) {
+	const selectors = getRuleSelectors(rule);
+	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_ELEMENT_VARIABLE_SCOPE_SELECTORS.has(selector));
+}
+function isTailwindV4GradientRuntimeDeclaration(decl) {
+	return decl.prop.startsWith("--tw-gradient-");
+}
+function moveTailwindV4GradientRuntimeDeclarations(rule) {
+	const gradientDeclarations = [];
+	rule.walkDecls((decl) => {
+		if (isTailwindV4GradientRuntimeDeclaration(decl)) {
+			gradientDeclarations.push(decl.clone());
+			decl.remove();
+		}
+	});
+	if (gradientDeclarations.length > 0) rule.before(new postcss.default.Rule({
+		selector: DEFAULT_WEAPP_ELEMENT_VARIABLE_SCOPE,
+		nodes: gradientDeclarations
+	}));
+	if (rule.nodes.length === 0) rule.remove();
+}
 function isKeyframesRule(rule) {
 	let parent = rule.parent;
 	while (parent) {
@@ -757,6 +787,25 @@ function isKeyframesRule(rule) {
 	}
 	return false;
 }
+function removeDeclarationAndEmptyRule(decl) {
+	const parent = decl.parent;
+	decl.remove();
+	if (parent?.type === "rule" && parent.nodes.length === 0) parent.remove();
+}
+function normalizeMiniProgramColorValues(root) {
+	const customPropertyValues = /* @__PURE__ */ new Map();
+	root.walkDecls((decl) => {
+		if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+	});
+	root.walkDecls((decl) => {
+		const normalized = (0, _weapp_tailwindcss_postcss.normalizeModernColorValue)(decl.value, customPropertyValues);
+		if (normalized.changed) {
+			decl.value = normalized.value;
+			if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+		}
+		if (normalized.hasUnsupported) removeDeclarationAndEmptyRule(decl);
+	});
+}
 /**
 * 裁剪 Tailwind 生成 CSS 中面向浏览器的 classless 规则。
 *
@@ -770,12 +819,19 @@ function pruneMiniProgramGeneratedCss(css, options = {}) {
 		comment.remove();
 	});
 	removeUnsupportedCascadeLayers(root);
+	normalizeMiniProgramColorValues(root);
 	root.walkAtRules("supports", (atRule) => {
 		atRule.remove();
 	});
 	root.walkRules((rule) => {
 		if (isKeyframesRule(rule)) return;
+		if (isCustomPropertyRule(rule) && isMiniProgramElementVariableScopeRule(rule)) {
+			rule.selector = DEFAULT_WEAPP_ELEMENT_VARIABLE_SCOPE;
+			return;
+		}
 		if (isCustomPropertyRule(rule) && isMiniProgramThemeScopeRule(rule)) {
+			moveTailwindV4GradientRuntimeDeclarations(rule);
+			if (!rule.parent) return;
 			rule.selector = DEFAULT_WEAPP_VARIABLE_SCOPE;
 			return;
 		}
@@ -787,6 +843,8 @@ function pruneMiniProgramGeneratedCss(css, options = {}) {
 		}
 		if (options.preservePreflight && isMiniProgramPreflightRule(rule)) return;
 		if (isCustomPropertyRule(rule)) {
+			moveTailwindV4GradientRuntimeDeclarations(rule);
+			if (!rule.parent) return;
 			rule.selector = DEFAULT_WEAPP_VARIABLE_SCOPE;
 			return;
 		}
@@ -816,7 +874,7 @@ function normalizeTailwindV4GeneratedUrlValues(css) {
 	});
 }
 async function transformTailwindV4CssToWeapp(css, options) {
-	const protectedCss = (0, _weapp_tailwindcss_postcss.protectDynamicColorMixAlpha)(normalizeTailwindV4GeneratedUrlValues(css));
+	const protectedCss = (0, _weapp_tailwindcss_postcss.protectDynamicColorMixAlpha)(normalizeTailwindV4GeneratedUrlValues(css), { customPropertyValues: options && "customPropertyValues" in options ? options.customPropertyValues : void 0 });
 	const result = await defaultStyleHandler$1(protectedCss.css, {
 		cssChildCombinatorReplaceValue: ["view", "text"],
 		cssRemoveHoverPseudoClass: true,
@@ -1659,13 +1717,34 @@ function collectSeenCandidates(generated, requestedCandidates) {
 		...generated.classSet
 	]);
 }
+function createIncrementalStyleOptions(styleOptions) {
+	return {
+		...styleOptions,
+		isMainChunk: false
+	};
+}
+function collectCustomPropertyValues(css) {
+	const values = /* @__PURE__ */ new Map();
+	try {
+		postcss.default.parse(css).walkDecls((decl) => {
+			if (decl.prop.startsWith("--")) values.set(decl.prop, decl.value.trim());
+		});
+	} catch {}
+	return values;
+}
+function mergeCustomPropertyValues(target, css) {
+	for (const [prop, value] of collectCustomPropertyValues(css)) target.set(prop, value);
+}
 function seedIncrementalGenerateCache(options) {
 	const cacheKey = createIncrementalGenerateCacheKey$1(options.compatibleSource, options.target, options.styleOptions, options.tailwindcssV3Compatibility);
+	const customPropertyValues = collectCustomPropertyValues(options.compatibleSource.css);
+	mergeCustomPropertyValues(customPropertyValues, options.generated.css);
 	incrementalGenerateCache$1.set(cacheKey, {
 		seenCandidates: collectSeenCandidates(options.generated, options.requestedCandidates),
 		classSet: new Set(options.generated.classSet),
 		css: options.generated.css,
 		rawCss: options.generated.rawCss,
+		customPropertyValues,
 		designSystemPromise: createIncrementalDesignSystemPromise(options.compatibleSource, cacheKey),
 		dependencies: options.generated.dependencies,
 		sources: options.generated.sources,
@@ -1865,11 +1944,15 @@ function createTailwindV4Engine(source) {
 					}
 				}
 				const rawCss = rawCssParts.join("\n");
-				const incrementalCss = rawCss.length > 0 ? await transformTailwindV4CssByTarget(rawCss, target, options.styleOptions) : "";
+				const incrementalCss = rawCss.length > 0 ? await transformTailwindV4CssByTarget(rawCss, target, {
+					...createIncrementalStyleOptions(options.styleOptions),
+					customPropertyValues: cached.customPropertyValues
+				}) : "";
 				for (const candidate of missingCandidates) cached.seenCandidates.add(candidate);
 				for (const className of classSet) cached.classSet.add(className);
 				cached.css = [cached.css, incrementalCss].filter(Boolean).join("\n");
 				cached.rawCss = [cached.rawCss, rawCss].filter(Boolean).join("\n");
+				mergeCustomPropertyValues(cached.customPropertyValues, incrementalCss);
 				return {
 					css: cached.css,
 					rawCss: cached.rawCss,
@@ -2760,7 +2843,12 @@ const defaultStyleHandler = (0, _weapp_tailwindcss_postcss.createStyleHandler)({
 	isMainChunk: true,
 	majorVersion: 3
 });
-const MINI_PROGRAM_V3_PREFLIGHT_SELECTOR = "view,text,::before,::after";
+const MINI_PROGRAM_V3_PREFLIGHT_SELECTORS = new Set([
+	"view,text,:before,:after",
+	"view,text,:after,:before",
+	"view,text,::before,::after",
+	"view,text,::after,::before"
+]);
 const V3_PREFLIGHT_RESET_PROPS = new Set([
 	"box-sizing",
 	"border",
@@ -2774,7 +2862,7 @@ function normalizeSelector(selector) {
 	return selector.trim().replace(/\s+/g, "");
 }
 function isMiniProgramV3PreflightRule(rule) {
-	return normalizeSelector(rule.selector) === MINI_PROGRAM_V3_PREFLIGHT_SELECTOR;
+	return MINI_PROGRAM_V3_PREFLIGHT_SELECTORS.has(normalizeSelector(rule.selector));
 }
 function hasResetDeclaration(rule) {
 	let found = false;

package/dist/{v3-engine-qoWtwjIj.mjs → v3-engine-CCxDqZ8e.mjs}

@@ -12,7 +12,7 @@ import { stat } from "node:fs/promises";
 import fg from "fast-glob";
 import micromatch from "micromatch";
 import { loadConfig } from "tailwindcss-config";
-import { createStyleHandler, protectDynamicColorMixAlpha } from "@weapp-tailwindcss/postcss";
+import { createStyleHandler, normalizeModernColorValue, protectDynamicColorMixAlpha } from "@weapp-tailwindcss/postcss";
 //#region src/context/workspace.ts
 const IGNORED_WORKSPACE_DIRS = new Set([
 	"node_modules",
@@ -654,6 +654,7 @@ function removeUnsupportedCascadeLayers(root) {
 //#endregion
 //#region src/tailwindcss/miniprogram.ts
 const DEFAULT_WEAPP_VARIABLE_SCOPE = "page,.tw-root,wx-root-portal-content,:host";
+const DEFAULT_WEAPP_ELEMENT_VARIABLE_SCOPE = "view,text,:before,:after";
 const CLASS_SELECTOR_RE = /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i;
 const PSEUDO_CONTENT_SELECTOR_RE = /^(?:::before|::after|:before|:after)(?:,(?:::before|::after|:before|:after))*$/;
 const MINI_PROGRAM_THEME_SCOPE_SELECTORS = new Set([
@@ -663,6 +664,14 @@ const MINI_PROGRAM_THEME_SCOPE_SELECTORS = new Set([
 	".tw-root",
 	"wx-root-portal-content"
 ]);
+const MINI_PROGRAM_ELEMENT_VARIABLE_SCOPE_SELECTORS = new Set([
+	"view",
+	"text",
+	":before",
+	":after",
+	"::before",
+	"::after"
+]);
 const MINI_PROGRAM_PREFLIGHT_SELECTORS = new Set([
 	"*",
 	"view",
@@ -741,6 +750,27 @@ function isMiniProgramThemeScopeRule(rule) {
 	const selectors = getRuleSelectors(rule);
 	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_THEME_SCOPE_SELECTORS.has(selector));
 }
+function isMiniProgramElementVariableScopeRule(rule) {
+	const selectors = getRuleSelectors(rule);
+	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_ELEMENT_VARIABLE_SCOPE_SELECTORS.has(selector));
+}
+function isTailwindV4GradientRuntimeDeclaration(decl) {
+	return decl.prop.startsWith("--tw-gradient-");
+}
+function moveTailwindV4GradientRuntimeDeclarations(rule) {
+	const gradientDeclarations = [];
+	rule.walkDecls((decl) => {
+		if (isTailwindV4GradientRuntimeDeclaration(decl)) {
+			gradientDeclarations.push(decl.clone());
+			decl.remove();
+		}
+	});
+	if (gradientDeclarations.length > 0) rule.before(new postcss.Rule({
+		selector: DEFAULT_WEAPP_ELEMENT_VARIABLE_SCOPE,
+		nodes: gradientDeclarations
+	}));
+	if (rule.nodes.length === 0) rule.remove();
+}
 function isKeyframesRule(rule) {
 	let parent = rule.parent;
 	while (parent) {
@@ -749,6 +779,25 @@ function isKeyframesRule(rule) {
 	}
 	return false;
 }
+function removeDeclarationAndEmptyRule(decl) {
+	const parent = decl.parent;
+	decl.remove();
+	if (parent?.type === "rule" && parent.nodes.length === 0) parent.remove();
+}
+function normalizeMiniProgramColorValues(root) {
+	const customPropertyValues = /* @__PURE__ */ new Map();
+	root.walkDecls((decl) => {
+		if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+	});
+	root.walkDecls((decl) => {
+		const normalized = normalizeModernColorValue(decl.value, customPropertyValues);
+		if (normalized.changed) {
+			decl.value = normalized.value;
+			if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+		}
+		if (normalized.hasUnsupported) removeDeclarationAndEmptyRule(decl);
+	});
+}
 /**
 * 裁剪 Tailwind 生成 CSS 中面向浏览器的 classless 规则。
 *
@@ -762,12 +811,19 @@ function pruneMiniProgramGeneratedCss(css, options = {}) {
 		comment.remove();
 	});
 	removeUnsupportedCascadeLayers(root);
+	normalizeMiniProgramColorValues(root);
 	root.walkAtRules("supports", (atRule) => {
 		atRule.remove();
 	});
 	root.walkRules((rule) => {
 		if (isKeyframesRule(rule)) return;
+		if (isCustomPropertyRule(rule) && isMiniProgramElementVariableScopeRule(rule)) {
+			rule.selector = DEFAULT_WEAPP_ELEMENT_VARIABLE_SCOPE;
+			return;
+		}
 		if (isCustomPropertyRule(rule) && isMiniProgramThemeScopeRule(rule)) {
+			moveTailwindV4GradientRuntimeDeclarations(rule);
+			if (!rule.parent) return;
 			rule.selector = DEFAULT_WEAPP_VARIABLE_SCOPE;
 			return;
 		}
@@ -779,6 +835,8 @@ function pruneMiniProgramGeneratedCss(css, options = {}) {
 		}
 		if (options.preservePreflight && isMiniProgramPreflightRule(rule)) return;
 		if (isCustomPropertyRule(rule)) {
+			moveTailwindV4GradientRuntimeDeclarations(rule);
+			if (!rule.parent) return;
 			rule.selector = DEFAULT_WEAPP_VARIABLE_SCOPE;
 			return;
 		}
@@ -808,7 +866,7 @@ function normalizeTailwindV4GeneratedUrlValues(css) {
 	});
 }
 async function transformTailwindV4CssToWeapp(css, options) {
-	const protectedCss = protectDynamicColorMixAlpha(normalizeTailwindV4GeneratedUrlValues(css));
+	const protectedCss = protectDynamicColorMixAlpha(normalizeTailwindV4GeneratedUrlValues(css), { customPropertyValues: options && "customPropertyValues" in options ? options.customPropertyValues : void 0 });
 	const result = await defaultStyleHandler$1(protectedCss.css, {
 		cssChildCombinatorReplaceValue: ["view", "text"],
 		cssRemoveHoverPseudoClass: true,
@@ -1651,13 +1709,34 @@ function collectSeenCandidates(generated, requestedCandidates) {
 		...generated.classSet
 	]);
 }
+function createIncrementalStyleOptions(styleOptions) {
+	return {
+		...styleOptions,
+		isMainChunk: false
+	};
+}
+function collectCustomPropertyValues(css) {
+	const values = /* @__PURE__ */ new Map();
+	try {
+		postcss.parse(css).walkDecls((decl) => {
+			if (decl.prop.startsWith("--")) values.set(decl.prop, decl.value.trim());
+		});
+	} catch {}
+	return values;
+}
+function mergeCustomPropertyValues(target, css) {
+	for (const [prop, value] of collectCustomPropertyValues(css)) target.set(prop, value);
+}
 function seedIncrementalGenerateCache(options) {
 	const cacheKey = createIncrementalGenerateCacheKey$1(options.compatibleSource, options.target, options.styleOptions, options.tailwindcssV3Compatibility);
+	const customPropertyValues = collectCustomPropertyValues(options.compatibleSource.css);
+	mergeCustomPropertyValues(customPropertyValues, options.generated.css);
 	incrementalGenerateCache$1.set(cacheKey, {
 		seenCandidates: collectSeenCandidates(options.generated, options.requestedCandidates),
 		classSet: new Set(options.generated.classSet),
 		css: options.generated.css,
 		rawCss: options.generated.rawCss,
+		customPropertyValues,
 		designSystemPromise: createIncrementalDesignSystemPromise(options.compatibleSource, cacheKey),
 		dependencies: options.generated.dependencies,
 		sources: options.generated.sources,
@@ -1857,11 +1936,15 @@ function createTailwindV4Engine$1(source) {
 					}
 				}
 				const rawCss = rawCssParts.join("\n");
-				const incrementalCss = rawCss.length > 0 ? await transformTailwindV4CssByTarget(rawCss, target, options.styleOptions) : "";
+				const incrementalCss = rawCss.length > 0 ? await transformTailwindV4CssByTarget(rawCss, target, {
+					...createIncrementalStyleOptions(options.styleOptions),
+					customPropertyValues: cached.customPropertyValues
+				}) : "";
 				for (const candidate of missingCandidates) cached.seenCandidates.add(candidate);
 				for (const className of classSet) cached.classSet.add(className);
 				cached.css = [cached.css, incrementalCss].filter(Boolean).join("\n");
 				cached.rawCss = [cached.rawCss, rawCss].filter(Boolean).join("\n");
+				mergeCustomPropertyValues(cached.customPropertyValues, incrementalCss);
 				return {
 					css: cached.css,
 					rawCss: cached.rawCss,
@@ -2752,7 +2835,12 @@ const defaultStyleHandler = createStyleHandler({
 	isMainChunk: true,
 	majorVersion: 3
 });
-const MINI_PROGRAM_V3_PREFLIGHT_SELECTOR = "view,text,::before,::after";
+const MINI_PROGRAM_V3_PREFLIGHT_SELECTORS = new Set([
+	"view,text,:before,:after",
+	"view,text,:after,:before",
+	"view,text,::before,::after",
+	"view,text,::after,::before"
+]);
 const V3_PREFLIGHT_RESET_PROPS = new Set([
 	"box-sizing",
 	"border",
@@ -2766,7 +2854,7 @@ function normalizeSelector(selector) {
 	return selector.trim().replace(/\s+/g, "");
 }
 function isMiniProgramV3PreflightRule(rule) {
-	return normalizeSelector(rule.selector) === MINI_PROGRAM_V3_PREFLIGHT_SELECTOR;
+	return MINI_PROGRAM_V3_PREFLIGHT_SELECTORS.has(normalizeSelector(rule.selector));
 }
 function hasResetDeclaration(rule) {
 	let found = false;

package/dist/{vite-Bob_Mrva.js → vite-DnHdmHHD.js}

@@ -1,12 +1,12 @@
 const require_chunk = require("./chunk-8l464Juk.js");
-const require_v3_engine = require("./v3-engine-v__n8_Sd.js");
-const require_generator = require("./generator-CImaTibB.js");
-const require_incremental_runtime_class_set = require("./incremental-runtime-class-set-CH1L--wj.js");
-const require_precheck = require("./precheck-GcUdX1BX.js");
+const require_v3_engine = require("./v3-engine-BRInt2DS.js");
+const require_generator = require("./generator-BIEhxFdv.js");
+const require_incremental_runtime_class_set = require("./incremental-runtime-class-set-CfznDtJ0.js");
+const require_precheck = require("./precheck-CZfnh4T6.js");
 const require_utils = require("./utils-4ODFyoqD.js");
-const require_tailwindcss = require("./tailwindcss-CkTBauKa.js");
-const require_source_candidates = require("./source-candidates-ES3ttZPe.js");
-const require_bundle_state = require("./bundle-state-ClSg28Qk.js");
+const require_tailwindcss = require("./tailwindcss-BVoa7vx-.js");
+const require_source_candidates = require("./source-candidates-BDyoPviV.js");
+const require_bundle_state = require("./bundle-state-DDgxuERW.js");
 require("./logger-EVNB9z7i.js");
 let node_fs = require("node:fs");
 node_fs = require_chunk.__toESM(node_fs);
@@ -534,6 +534,7 @@ function createCssHandlerOptions(opts, majorVersion, file) {
 }
 function shouldGenerateCssByGenerator(opts, file, rawSource, processed) {
 	const generatorOptions = require_generator.normalizeWeappTailwindcssGeneratorOptions(opts.generator);
+	if (generatorOptions.target === "web") return false;
 	if (require_incremental_runtime_class_set.hasTailwindGeneratedCssMarkers(rawSource) || require_incremental_runtime_class_set.hasTailwindSourceDirectives(rawSource, { importFallback: generatorOptions.importFallback })) return true;
 	if (opts.twPatcher.majorVersion === 3) return false;
 	return processed && shouldFinalizeProcessedCssAsset(opts, file);
@@ -547,7 +548,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 		generateBundle: {
 			order: "post",
 			async handler(_options, bundle) {
-				const { opts, runtimeState, ensureRuntimeClassSet, isCssAssetProcessed, markCssAssetProcessed, debug, getResolvedConfig, recordCssAssetResult, getRecordedGeneratorCandidates, getSourceCandidates, getSourceCandidatesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource } = context;
+				const { opts, runtimeState, ensureRuntimeClassSet, isCssAssetProcessed, markCssAssetProcessed, debug, getResolvedConfig, recordCssAssetResult, getRecordedGeneratorCandidates, getSourceCandidates, getSourceCandidatesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource, getRememberedMainCssSource } = context;
 				if (getResolvedConfig()?.command !== "build") return;
 				const isCssOutputAssetEntry = (entry) => {
 					const [, output] = entry;
@@ -569,11 +570,13 @@ function createViteCssFinalizerOutputPlugin(context) {
 						...cssHandlerOptions,
 						isMainChunk: false
 					};
-					const generated = shouldGenerateCssByGenerator(opts, file, rawSource, isCssAssetProcessed(output, file)) ? await require_incremental_runtime_class_set.generateCssByGenerator({
+					const processed = isCssAssetProcessed(output, file);
+					const generatorRawSource = processed && cssHandlerOptions.isMainChunk ? getRememberedMainCssSource?.(file) ?? rawSource : rawSource;
+					const generated = shouldGenerateCssByGenerator(opts, file, generatorRawSource, processed) ? await require_incremental_runtime_class_set.generateCssByGenerator({
 						opts,
 						runtimeState,
 						runtime: generatorRuntime,
-						rawSource,
+						rawSource: generatorRawSource,
 						file,
 						cssHandlerOptions,
 						cssUserHandlerOptions,
@@ -586,7 +589,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 						registerGeneratorDependencies$1(this, generated.dependencies);
 						debug("css finalizer generated result: %s bytes=%d", file, nextCss.length);
 						recordCssAssetResult?.(file, nextCss);
-						if (cssHandlerOptions.isMainChunk) rememberMainCssSource?.(file, rawSource);
+						if (cssHandlerOptions.isMainChunk) rememberMainCssSource?.(file, generatorRawSource);
 					}
 					output.source = nextCss;
 					markCssAssetProcessed(output, file);
@@ -908,6 +911,7 @@ function createGenerateBundleHook(context) {
 		const { opts, runtimeState, ensureBundleRuntimeClassSet, debug, getResolvedConfig, markCssAssetProcessed, recordCssAssetResult, getSourceCandidates, getSourceCandidatesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource, getRememberedMainCssSources, getRememberedMainCssSignature, setRememberedMainCssSignature, recordGeneratorCandidates, hmrTimingRecorder } = context;
 		const { cache, onEnd, onStart, onUpdate, styleHandler, templateHandler, jsHandler, uniAppX } = opts;
 		const generatorOptions = require_generator.normalizeWeappTailwindcssGeneratorOptions(opts.generator);
+		const isWebGeneratorTarget = generatorOptions.target === "web";
 		const { getCssHandlerOptions, getCssUserHandlerOptions } = cssHandlerOptions;
 		await runtimeState.readyPromise;
 		debug("start");
@@ -1059,6 +1063,13 @@ function createGenerateBundleHook(context) {
 			if (type === "css" && originalSource.type === "asset") {
 				metrics.css.total++;
 				const rawSource = originalEntrySource;
+				if (isWebGeneratorTarget) {
+					originalSource.source = rawSource;
+					markCssAssetProcessed?.(originalSource, file);
+					onUpdate(file, rawSource, rawSource);
+					debug("css skip web target: %s", file);
+					continue;
+				}
 				const cssRuntimeAffectingSignature = snapshot.runtimeAffectingSignatureByFile.get(file) ?? rawSource;
 				const cssShareScope = createCssTransformShareScopeKey(opts, file, rawSource);
 				const cssHandlerOptions = getCssHandlerOptions(file);
@@ -1721,6 +1732,7 @@ function WeappTailwindcss(options = {}) {
 	const tailwindcssMajorVersion = initialTwPatcher.majorVersion ?? 0;
 	const shouldOwnTailwindGeneration = !disabledOptions.plugin;
 	const shouldRewriteCssImports = tailwindcssMajorVersion >= 4;
+	const shouldInferAppType = !hasExplicitAppType && opts.generator?.target !== "web";
 	const hasInitialTailwindCssRoots = require_tailwindcss.hasConfiguredTailwindV4CssRoots({
 		...options,
 		cssEntries: opts.cssEntries ?? options.cssEntries
@@ -1966,6 +1978,7 @@ function WeappTailwindcss(options = {}) {
 		if (cssRuntimeSignature) rememberedMainCssSignatureByFile.set(file, cssRuntimeSignature);
 	};
 	const getRememberedMainCssSources = () => rememberedMainCssSources;
+	const getRememberedMainCssSource = (file) => rememberedMainCssSources.get(file);
 	const getRememberedMainCssSignature = (file) => rememberedMainCssSignatureByFile.get(file);
 	const setRememberedMainCssSignature = (file, cssRuntimeSignature) => {
 		rememberedMainCssSignatureByFile.set(file, cssRuntimeSignature);
@@ -2000,9 +2013,14 @@ function WeappTailwindcss(options = {}) {
 		getSourceCandidates,
 		getSourceCandidatesForEntries,
 		waitForSourceCandidateSyncs,
-		rememberMainCssSource
+		rememberMainCssSource,
+		getRememberedMainCssSource
 	});
 	const isIosPlatform = require_utils.resolveUniUtsPlatform().isAppIos;
+	const prepareTailwindGeneration = async () => {
+		if (shouldDiscoverAutoCssSources()) await discoverAndRegisterAutoCssSources();
+		await syncSourceCandidateScan();
+	};
 	const uniAppXPlugins = uniAppXEnabled ? createUniAppXPlugins({
 		appType: opts.appType ?? "uni-app-x",
 		customAttributesEntities,
@@ -2056,8 +2074,7 @@ function WeappTailwindcss(options = {}) {
 			},
 			async buildStart() {
 				await hmrTimingRecorder.measure("sourceCandidates.buildStart", async () => {
-					if (shouldDiscoverAutoCssSources()) await discoverAndRegisterAutoCssSources();
-					await syncSourceCandidateScan();
+					await prepareTailwindGeneration();
 				}, { emit: false });
 			}
 		},
@@ -2106,7 +2123,7 @@ function WeappTailwindcss(options = {}) {
 							shouldRefreshRuntime = true;
 						}
 					}
-					if (!hasExplicitAppType && resolvedRoot) {
+					if (shouldInferAppType && resolvedRoot) {
 						const nextAppType = resolveImplicitAppTypeFromViteRoot(resolvedRoot);
 						if (nextAppType && opts.appType !== nextAppType) {
 							const previousAppType = opts.appType;

package/dist/{vite-cBjGYHFH.mjs → vite-bmU2kkO6.mjs}

@@ -1,11 +1,11 @@
-import { B as omitUndefined, D as filterUnsupportedMiniProgramTailwindV4Candidates, F as createDebug, R as findTailwindConfig, V as findNearestPackageRoot, _ as resolveViteSourceScanEntries, g as resolveTailwindV4EntriesFromCssCached, l as getRuntimeClassSetSignature, m as discoverTailwindV4CssEntries, p as createViteSourceScanMatcher, v as resolveViteTailwindV4CssDependencies, z as resolveTailwindcssOptions } from "./v3-engine-qoWtwjIj.mjs";
-import { i as normalizeWeappTailwindcssGeneratorOptions } from "./generator-DSMdL4vg.mjs";
-import { a as validateCandidatesByGenerator, c as hasTailwindSourceDirectives, i as generateCssByGenerator, l as normalizeTailwindSourceForGenerator, n as createHmrTimingRecorder, o as processCachedTask, s as hasTailwindRootDirectives, t as createBundleRuntimeClassSetManager, u as hasTailwindGeneratedCssMarkers } from "./incremental-runtime-class-set-P-3ZoWW5.mjs";
-import { a as analyzeSource, c as isClassContextLiteralPath, g as createTailwindRuntimeReadyPromise, h as collectRuntimeClassSet, i as createAttributeMatcher, l as replaceWxml, m as toCustomAttributesEntities, n as getCompilerContext, o as JsTokenUpdater, p as vitePluginName, r as generateCode, s as _defineProperty, t as shouldSkipJsTransform, u as babelParse, v as refreshTailwindRuntimeState } from "./precheck-DMXLnfTN.mjs";
+import { B as omitUndefined, D as filterUnsupportedMiniProgramTailwindV4Candidates, F as createDebug, R as findTailwindConfig, V as findNearestPackageRoot, _ as resolveViteSourceScanEntries, g as resolveTailwindV4EntriesFromCssCached, l as getRuntimeClassSetSignature, m as discoverTailwindV4CssEntries, p as createViteSourceScanMatcher, v as resolveViteTailwindV4CssDependencies, z as resolveTailwindcssOptions } from "./v3-engine-CCxDqZ8e.mjs";
+import { i as normalizeWeappTailwindcssGeneratorOptions } from "./generator-Ber8UVgv.mjs";
+import { a as validateCandidatesByGenerator, c as hasTailwindSourceDirectives, i as generateCssByGenerator, l as normalizeTailwindSourceForGenerator, n as createHmrTimingRecorder, o as processCachedTask, s as hasTailwindRootDirectives, t as createBundleRuntimeClassSetManager, u as hasTailwindGeneratedCssMarkers } from "./incremental-runtime-class-set-DC0RsBbK.mjs";
+import { a as analyzeSource, c as isClassContextLiteralPath, g as createTailwindRuntimeReadyPromise, h as collectRuntimeClassSet, i as createAttributeMatcher, l as replaceWxml, m as toCustomAttributesEntities, n as getCompilerContext, o as JsTokenUpdater, p as vitePluginName, r as generateCode, s as _defineProperty, t as shouldSkipJsTransform, u as babelParse, v as refreshTailwindRuntimeState } from "./precheck-CX-5VqM1.mjs";
 import { o as resolveUniUtsPlatform } from "./utils-CGBVVNm6.mjs";
-import { c as upsertTailwindV4CssSource, i as resolveUniAppXOptions, r as isUniAppXEnabled, s as hasConfiguredTailwindV4CssRoots } from "./tailwindcss-fe0rGj7T.mjs";
-import { n as isSourceCandidateRequest, t as createSourceCandidateCollector } from "./source-candidates-om5-wQJ0.mjs";
-import { a as createBundleModuleGraphOptions, c as resolvePluginDisabledState, d as normalizeOutputPathKey, i as applyLinkedResults, l as isSourceStyleRequest, n as createBundleBuildState, o as pushConcurrentTaskFactories, p as toAbsoluteOutputPath, r as updateBundleBuildState, s as resolvePackageDir, t as buildBundleSnapshot } from "./bundle-state-CrhkNTsw.mjs";
+import { c as upsertTailwindV4CssSource, i as resolveUniAppXOptions, r as isUniAppXEnabled, s as hasConfiguredTailwindV4CssRoots } from "./tailwindcss-D74Wk4ys.mjs";
+import { n as isSourceCandidateRequest, t as createSourceCandidateCollector } from "./source-candidates-DGlDzkvf.mjs";
+import { a as createBundleModuleGraphOptions, c as resolvePluginDisabledState, d as normalizeOutputPathKey, i as applyLinkedResults, l as isSourceStyleRequest, n as createBundleBuildState, o as pushConcurrentTaskFactories, p as toAbsoluteOutputPath, r as updateBundleBuildState, s as resolvePackageDir, t as buildBundleSnapshot } from "./bundle-state-YW-zLcsc.mjs";
 import { t as logger$1 } from "./logger-CZUxvJJD.mjs";
 import fs, { existsSync, readFileSync } from "node:fs";
 import path from "node:path";
@@ -527,6 +527,7 @@ function createCssHandlerOptions(opts, majorVersion, file) {
 }
 function shouldGenerateCssByGenerator(opts, file, rawSource, processed) {
 	const generatorOptions = normalizeWeappTailwindcssGeneratorOptions(opts.generator);
+	if (generatorOptions.target === "web") return false;
 	if (hasTailwindGeneratedCssMarkers(rawSource) || hasTailwindSourceDirectives(rawSource, { importFallback: generatorOptions.importFallback })) return true;
 	if (opts.twPatcher.majorVersion === 3) return false;
 	return processed && shouldFinalizeProcessedCssAsset(opts, file);
@@ -540,7 +541,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 		generateBundle: {
 			order: "post",
 			async handler(_options, bundle) {
-				const { opts, runtimeState, ensureRuntimeClassSet, isCssAssetProcessed, markCssAssetProcessed, debug, getResolvedConfig, recordCssAssetResult, getRecordedGeneratorCandidates, getSourceCandidates, getSourceCandidatesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource } = context;
+				const { opts, runtimeState, ensureRuntimeClassSet, isCssAssetProcessed, markCssAssetProcessed, debug, getResolvedConfig, recordCssAssetResult, getRecordedGeneratorCandidates, getSourceCandidates, getSourceCandidatesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource, getRememberedMainCssSource } = context;
 				if (getResolvedConfig()?.command !== "build") return;
 				const isCssOutputAssetEntry = (entry) => {
 					const [, output] = entry;
@@ -562,11 +563,13 @@ function createViteCssFinalizerOutputPlugin(context) {
 						...cssHandlerOptions,
 						isMainChunk: false
 					};
-					const generated = shouldGenerateCssByGenerator(opts, file, rawSource, isCssAssetProcessed(output, file)) ? await generateCssByGenerator({
+					const processed = isCssAssetProcessed(output, file);
+					const generatorRawSource = processed && cssHandlerOptions.isMainChunk ? getRememberedMainCssSource?.(file) ?? rawSource : rawSource;
+					const generated = shouldGenerateCssByGenerator(opts, file, generatorRawSource, processed) ? await generateCssByGenerator({
 						opts,
 						runtimeState,
 						runtime: generatorRuntime,
-						rawSource,
+						rawSource: generatorRawSource,
 						file,
 						cssHandlerOptions,
 						cssUserHandlerOptions,
@@ -579,7 +582,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 						registerGeneratorDependencies$1(this, generated.dependencies);
 						debug("css finalizer generated result: %s bytes=%d", file, nextCss.length);
 						recordCssAssetResult?.(file, nextCss);
-						if (cssHandlerOptions.isMainChunk) rememberMainCssSource?.(file, rawSource);
+						if (cssHandlerOptions.isMainChunk) rememberMainCssSource?.(file, generatorRawSource);
 					}
 					output.source = nextCss;
 					markCssAssetProcessed(output, file);
@@ -901,6 +904,7 @@ function createGenerateBundleHook(context) {
 		const { opts, runtimeState, ensureBundleRuntimeClassSet, debug, getResolvedConfig, markCssAssetProcessed, recordCssAssetResult, getSourceCandidates, getSourceCandidatesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource, getRememberedMainCssSources, getRememberedMainCssSignature, setRememberedMainCssSignature, recordGeneratorCandidates, hmrTimingRecorder } = context;
 		const { cache, onEnd, onStart, onUpdate, styleHandler, templateHandler, jsHandler, uniAppX } = opts;
 		const generatorOptions = normalizeWeappTailwindcssGeneratorOptions(opts.generator);
+		const isWebGeneratorTarget = generatorOptions.target === "web";
 		const { getCssHandlerOptions, getCssUserHandlerOptions } = cssHandlerOptions;
 		await runtimeState.readyPromise;
 		debug("start");
@@ -1052,6 +1056,13 @@ function createGenerateBundleHook(context) {
 			if (type === "css" && originalSource.type === "asset") {
 				metrics.css.total++;
 				const rawSource = originalEntrySource;
+				if (isWebGeneratorTarget) {
+					originalSource.source = rawSource;
+					markCssAssetProcessed?.(originalSource, file);
+					onUpdate(file, rawSource, rawSource);
+					debug("css skip web target: %s", file);
+					continue;
+				}
 				const cssRuntimeAffectingSignature = snapshot.runtimeAffectingSignatureByFile.get(file) ?? rawSource;
 				const cssShareScope = createCssTransformShareScopeKey(opts, file, rawSource);
 				const cssHandlerOptions = getCssHandlerOptions(file);
@@ -1714,6 +1725,7 @@ function WeappTailwindcss(options = {}) {
 	const tailwindcssMajorVersion = initialTwPatcher.majorVersion ?? 0;
 	const shouldOwnTailwindGeneration = !disabledOptions.plugin;
 	const shouldRewriteCssImports = tailwindcssMajorVersion >= 4;
+	const shouldInferAppType = !hasExplicitAppType && opts.generator?.target !== "web";
 	const hasInitialTailwindCssRoots = hasConfiguredTailwindV4CssRoots({
 		...options,
 		cssEntries: opts.cssEntries ?? options.cssEntries
@@ -1959,6 +1971,7 @@ function WeappTailwindcss(options = {}) {
 		if (cssRuntimeSignature) rememberedMainCssSignatureByFile.set(file, cssRuntimeSignature);
 	};
 	const getRememberedMainCssSources = () => rememberedMainCssSources;
+	const getRememberedMainCssSource = (file) => rememberedMainCssSources.get(file);
 	const getRememberedMainCssSignature = (file) => rememberedMainCssSignatureByFile.get(file);
 	const setRememberedMainCssSignature = (file, cssRuntimeSignature) => {
 		rememberedMainCssSignatureByFile.set(file, cssRuntimeSignature);
@@ -1993,9 +2006,14 @@ function WeappTailwindcss(options = {}) {
 		getSourceCandidates,
 		getSourceCandidatesForEntries,
 		waitForSourceCandidateSyncs,
-		rememberMainCssSource
+		rememberMainCssSource,
+		getRememberedMainCssSource
 	});
 	const isIosPlatform = resolveUniUtsPlatform().isAppIos;
+	const prepareTailwindGeneration = async () => {
+		if (shouldDiscoverAutoCssSources()) await discoverAndRegisterAutoCssSources();
+		await syncSourceCandidateScan();
+	};
 	const uniAppXPlugins = uniAppXEnabled ? createUniAppXPlugins({
 		appType: opts.appType ?? "uni-app-x",
 		customAttributesEntities,
@@ -2049,8 +2067,7 @@ function WeappTailwindcss(options = {}) {
 			},
 			async buildStart() {
 				await hmrTimingRecorder.measure("sourceCandidates.buildStart", async () => {
-					if (shouldDiscoverAutoCssSources()) await discoverAndRegisterAutoCssSources();
-					await syncSourceCandidateScan();
+					await prepareTailwindGeneration();
 				}, { emit: false });
 			}
 		},
@@ -2099,7 +2116,7 @@ function WeappTailwindcss(options = {}) {
 							shouldRefreshRuntime = true;
 						}
 					}
-					if (!hasExplicitAppType && resolvedRoot) {
+					if (shouldInferAppType && resolvedRoot) {
 						const nextAppType = resolveImplicitAppTypeFromViteRoot(resolvedRoot);
 						if (nextAppType && opts.appType !== nextAppType) {
 							const previousAppType = opts.appType;

package/dist/vite.js

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_vite = require("./vite-Bob_Mrva.js");
+const require_vite = require("./vite-DnHdmHHD.js");
 exports.WeappTailwindcss = require_vite.WeappTailwindcss;
 exports.weappTailwindcss = require_vite.WeappTailwindcss;

package/dist/vite.mjs

@@ -1,2 +1,2 @@
-import { t as WeappTailwindcss } from "./vite-cBjGYHFH.mjs";
+import { t as WeappTailwindcss } from "./vite-bmU2kkO6.mjs";
 export { WeappTailwindcss, WeappTailwindcss as weappTailwindcss };