@weapp-tailwindcss/postcss 2.2.0 → 2.2.1-next.0

package/README.md

@@ -15,7 +15,6 @@
 
 ![star](https://badgen.net/github/stars/sonofmagic/weapp-tailwindcss)
 ![dm0](https://badgen.net/npm/dm/weapp-tailwindcss)
-![dm1](https://badgen.net/npm/dm/weapp-tailwindcss-webpack-plugin)
 ![license](https://badgen.net/npm/license/weapp-tailwindcss)
 [![test](https://github.com/sonofmagic/weapp-tailwindcss/actions/workflows/test.yml/badge.svg?branch=main)](https://github.com/sonofmagic/weapp-tailwindcss/actions/workflows/test.yml)
 [![codecov](https://codecov.io/gh/sonofmagic/weapp-tailwindcss/branch/main/graph/badge.svg?token=zn05qXYznt)](https://codecov.io/gh/sonofmagic/weapp-tailwindcss)
@@ -55,12 +54,12 @@
 
 ## 版本对应
 
-目前，`weapp-tailwindcss` 的 `4.x` 版本
+目前，`weapp-tailwindcss` 的 `5.x` 版本
 
-- 支持最新版本的 `tailwindcss v4` 和 `v3` 还有 `v2 jit` 版本。
-- 支持 `webpack5`，`webpack4`, `vite` 和 `gulp` 这些打包工具，也支持纯 `Nodejs` API 的方式，集成到你自己的构建工具中。
+- 支持最新版本的 `tailwindcss v4` 和 `v3`。
+- 支持 `webpack5`、`vite`、`rspack`、`rollup`、`rolldown` 和 `gulp` 这些打包工具，也支持纯 `Nodejs` API 的方式，集成到你自己的构建工具中。
 
-> 如果你还在使用 `tailwindcss@2` 版本，那你应该使用从 `weapp-tailwindcss/webpack4` 导出的本插件的 `postcss7` `webpack4` 版本。另外请确保你的 `nodejs` 版本 `>=16.6.0`。目前低于 `16` 的长期维护版本(`偶数版本`) 都已经结束了生命周期，建议安装 `nodejs` 的 `LTS` 版本，详见 [nodejs/release](https://github.com/nodejs/release)
+> `weapp-tailwindcss@5` 面向 Tailwind CSS v3/v4 和现代构建链路，不再内置 Webpack4、PostCSS7、Tailwind CSS v2 兼容入口。`weapp-tailwindcss@5` 需要 `nodejs` 版本 `^20.19.0 || >=22.12.0`，建议安装 `nodejs` 的 `LTS` 版本，详见 [nodejs/release](https://github.com/nodejs/release)
 
 ## [安装与使用方式](https://tw.icebreaker.top/docs/quick-start/install)
 

package/dist/autoprefixer.d.ts

@@ -0,0 +1,7 @@
+import type autoprefixer from 'autoprefixer';
+import type { AcceptedPlugin } from 'postcss';
+export type AutoprefixerOptions = autoprefixer.Options;
+export type WeappAutoprefixerOptions = boolean | AutoprefixerOptions;
+export declare const WEAPP_AUTOPREFIXER_BROWSERS: string[];
+export declare function isAutoprefixerPlugin(plugin: AcceptedPlugin): boolean;
+export declare function resolveAutoprefixerPlugin(option: WeappAutoprefixerOptions | undefined): AcceptedPlugin | undefined;

package/dist/compat/color-mix.d.ts

@@ -0,0 +1,5 @@
+export interface DynamicColorMixAlphaProtection {
+    css: string;
+    restore: (css: string) => string;
+}
+export declare function protectDynamicColorMixAlpha(css: string): DynamicColorMixAlphaProtection;

package/dist/compat/tailwindcss-rpx.d.ts

@@ -0,0 +1,4 @@
+import type { Declaration } from 'postcss';
+export declare function normalizeTailwindcssRpxDeclaration(decl: Declaration, options?: {
+    majorVersion?: number;
+}): boolean;

package/dist/compat/tailwindcss-v4.d.ts

@@ -0,0 +1,12 @@
+import type { AtRule, Declaration, Rule } from 'postcss';
+export declare function isTailwindcssV4(options?: {
+    majorVersion?: number;
+}): boolean;
+export declare function testIfRootHostForV4(node: Rule): boolean;
+export declare const cssVarsV4Nodes: Declaration[];
+export declare function isTailwindcssV4ModernCheck(atRule: AtRule): boolean;
+export declare function isTailwindcssV4LinearGradientSupports(atRule: AtRule): boolean;
+export declare function isTailwindcssV4DisplayP3Supports(atRule: AtRule): boolean;
+export declare function isTailwindcssV4DisplayP3Media(atRule: AtRule): boolean;
+export declare function isTailwindcssV4DisplayP3Declaration(decl: Declaration): boolean;
+export declare function normalizeTailwindcssV4Declaration(decl: Declaration): boolean;

package/dist/compat/uni-app-x-uvue.d.ts

@@ -0,0 +1,3 @@
+import type { Result as PostcssResult } from 'postcss';
+import type { IStyleHandlerOptions } from '../types';
+export declare function applyUniAppXUvueCompatibility(result: PostcssResult, options?: Pick<IStyleHandlerOptions, 'uniAppX' | 'uniAppXCssTarget' | 'uniAppXUnsupported'>): PostcssResult<import("postcss").Document | import("postcss").Root>;

package/dist/compat/uni-app-x.d.ts

@@ -0,0 +1,9 @@
+import type { Result as PostcssResult, Rule } from 'postcss';
+import type { Node, Pseudo } from 'postcss-selector-parser';
+import type { IStyleHandlerOptions } from '../types';
+import postcss from 'postcss';
+export declare function isUniAppXEnabled(options?: Pick<IStyleHandlerOptions, 'uniAppX'>): boolean;
+export declare function applyUniAppXBaseCompatibility(result: PostcssResult, options?: Pick<IStyleHandlerOptions, 'uniAppX'>): PostcssResult<postcss.Document | postcss.Root>;
+export declare function stripUnsupportedPseudoForUniAppX(node: Pseudo, enabled: boolean): void;
+export declare function stripUnsupportedNodeForUniAppX(node: Node, options: Pick<IStyleHandlerOptions, 'uniAppX'>): boolean;
+export declare function shouldRemoveEmptyRuleForUniAppX(rule: Rule, options: Pick<IStyleHandlerOptions, 'uniAppX'>): boolean;

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";

package/dist/content-probe.d.ts

@@ -0,0 +1,38 @@
+/**
+ * CSS 内容特征探测模块
+ *
+ * 通过正则和字符串匹配快速判断 CSS 是否包含特定特征，
+ * 用于在构建流水线前决定哪些插件可以跳过。
+ * 仅使用字符串方法和正则表达式，不引入 AST 解析开销。
+ */
+/**
+ * CSS 内容特征信号，表示哪些特征存在于当前 CSS 中
+ */
+export interface FeatureSignal {
+    /** CSS 中是否包含现代颜色函数语法（如 rgb(r g b / a) 空格分隔写法） */
+    hasModernColorFunction: boolean;
+    /** CSS 中是否包含需要 postcss-preset-env 处理的特征 */
+    hasPresetEnvFeatures: boolean;
+}
+/**
+ * 所有标志均为 true 的默认信号（回退值）
+ */
+export declare const FULL_SIGNAL: FeatureSignal;
+/**
+ * 所有标志均为 false 的空信号
+ */
+export declare const EMPTY_SIGNAL: FeatureSignal;
+/**
+ * 探测 CSS 内容特征，返回 FeatureSignal
+ *
+ * @param css - 待探测的 CSS 字符串
+ * @returns 特征信号对象
+ */
+export declare function probeFeatures(css: string): FeatureSignal;
+/**
+ * 将 FeatureSignal 序列化为缓存键片段
+ *
+ * @param signal - 特征信号对象
+ * @returns 缓存键字符串
+ */
+export declare function signalToCacheKey(signal: FeatureSignal): string;

package/dist/cssVarsV3.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    prop: string;
+    value: string;
+}[];
+export default _default;

package/dist/cssVarsV4.d.ts

@@ -0,0 +1,5 @@
+declare const nodes: {
+    prop: string;
+    value: string;
+}[];
+export default nodes;

package/dist/defaults.d.ts

@@ -0,0 +1,2 @@
+import type { IStyleHandlerOptions } from './types';
+export declare function getDefaultOptions(options?: Partial<IStyleHandlerOptions>): Partial<IStyleHandlerOptions>;

package/dist/fingerprint.d.ts

@@ -0,0 +1,6 @@
+interface FingerprintState {
+    map: WeakMap<object, string>;
+    counter: number;
+}
+export declare function fingerprintOptions(value: unknown, state?: FingerprintState): string;
+export {};

package/dist/handler.d.ts

@@ -0,0 +1,2 @@
+import type { IStyleHandlerOptions, StyleHandler } from './types';
+export declare function createStyleHandler(options?: Partial<IStyleHandlerOptions>): StyleHandler;

package/dist/html-transform-DuSRw6IH.js

@@ -0,0 +1,225 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let _weapp_tailwindcss_shared = require("@weapp-tailwindcss/shared");
+let node_process = require("node:process");
+node_process = __toESM(node_process);
+//#region src/html-transform.ts
+const htmlTags = [
+	"html",
+	"body",
+	"a",
+	"audio",
+	"button",
+	"canvas",
+	"form",
+	"iframe",
+	"img",
+	"input",
+	"label",
+	"progress",
+	"select",
+	"slot",
+	"textarea",
+	"video",
+	"abbr",
+	"area",
+	"b",
+	"bdi",
+	"big",
+	"br",
+	"cite",
+	"code",
+	"data",
+	"datalist",
+	"del",
+	"dfn",
+	"em",
+	"i",
+	"ins",
+	"kbd",
+	"map",
+	"mark",
+	"meter",
+	"output",
+	"picture",
+	"q",
+	"s",
+	"samp",
+	"small",
+	"span",
+	"strong",
+	"sub",
+	"sup",
+	"td",
+	"template",
+	"th",
+	"time",
+	"tt",
+	"u",
+	"var",
+	"wbr",
+	"address",
+	"article",
+	"aside",
+	"blockquote",
+	"caption",
+	"dd",
+	"details",
+	"dialog",
+	"div",
+	"dl",
+	"dt",
+	"fieldset",
+	"figcaption",
+	"figure",
+	"footer",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"header",
+	"hgroup",
+	"hr",
+	"legend",
+	"li",
+	"main",
+	"nav",
+	"ol",
+	"p",
+	"pre",
+	"section",
+	"summary",
+	"table",
+	"tbody",
+	"tfoot",
+	"thead",
+	"tr",
+	"ul",
+	"svg"
+];
+const miniAppTags = [
+	"cover-image",
+	"cover-view",
+	"match-media",
+	"movable-area",
+	"movable-view",
+	"page-container",
+	"scroll-view",
+	"share-element",
+	"swiper",
+	"swiper-item",
+	"view",
+	"icon",
+	"progress",
+	"rich-text",
+	"text",
+	"button",
+	"checkbox",
+	"checkbox-group",
+	"editor",
+	"form",
+	"input",
+	"keyboard-accessory",
+	"label",
+	"picker",
+	"picker-view",
+	"picker-view-column",
+	"radio",
+	"radio-group",
+	"slider",
+	"switch",
+	"textarea",
+	"functional-page-navigator",
+	"navigator",
+	"audio",
+	"camera",
+	"image",
+	"live-player",
+	"live-pusher",
+	"video",
+	"voip-room",
+	"map",
+	"canvas",
+	"web-view",
+	"ad",
+	"ad-custom",
+	"official-account",
+	"open-data",
+	"navigation-bar",
+	"page-meta"
+];
+const tags2Rgx = (tags = []) => new RegExp(`(^| |\\+|,|~|>|\\n)(${tags.join("|")})\\b(?=$| |\\.|\\+|,|~|:|\\[)`, "g");
+const UNIVERSAL_SELECTOR_RE = /(?:^| )\*(?![=/*])/;
+const postcssHtmlTransform = (opts = {}) => {
+	const options = (0, _weapp_tailwindcss_shared.defu)(opts, { platform: node_process.default.env.TARO_ENV });
+	let selectorFilter;
+	let walkRules;
+	switch (options.platform) {
+		case "h5":
+			selectorFilter = tags2Rgx(miniAppTags);
+			walkRules = (rule) => {
+				rule.selector = rule.selector.replace(selectorFilter, "$1taro-$2-core");
+			};
+			break;
+		case "rn": break;
+		case "quickapp": break;
+		default: {
+			const selector = tags2Rgx(htmlTags);
+			walkRules = (rule) => {
+				if (options.removeUniversal && UNIVERSAL_SELECTOR_RE.test(rule.selector)) {
+					rule.remove();
+					return;
+				}
+				rule.selector = rule.selector.replace(selector, "$1.h5-$2");
+			};
+		}
+	}
+	return {
+		postcssPlugin: "postcss-html-transform",
+		Rule(rule) {
+			if (typeof walkRules === "function") if (selectorFilter && selectorFilter.test(rule.selector)) walkRules(rule);
+			else walkRules(rule);
+		},
+		Declaration(decl) {
+			if (options?.removeCursorStyle) {
+				if (decl.prop === "cursor") decl.remove();
+			}
+		}
+	};
+};
+postcssHtmlTransform.postcss = true;
+//#endregion
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});
+Object.defineProperty(exports, "postcssHtmlTransform", {
+	enumerable: true,
+	get: function() {
+		return postcssHtmlTransform;
+	}
+});

package/dist/html-transform.d.ts

@@ -1,6 +1,5 @@
-import { PluginCreator } from 'postcss';
-
-interface IOptions {
+import type { PluginCreator } from 'postcss';
+export interface IOptions {
     /** 当前编译平台 */
     platform?: string;
     /** 设置是否去除 cursor 相关样式 (h5默认值：true) */
@@ -9,7 +8,4 @@ interface IOptions {
     removeUniversal?: boolean;
 }
 declare const postcssHtmlTransform: PluginCreator<IOptions>;
-
-// @ts-ignore
-export = postcssHtmlTransform;
-export type { IOptions };
+export default postcssHtmlTransform;

package/dist/html-transform.js

@@ -1,8 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk2Y3ULRB3js = require('./chunk-2Y3ULRB3.js');
-
-
-exports.default = _chunk2Y3ULRB3js.html_transform_default;
-
-module.exports = exports.default;
+const require_html_transform = require("./html-transform-DuSRw6IH.js");
+module.exports = require_html_transform.postcssHtmlTransform;

package/dist/html-transform.mjs

@@ -1,6 +1,191 @@
-import {
-  html_transform_default
-} from "./chunk-2DNJBRQ3.mjs";
-export {
-  html_transform_default as default
+import { defu } from "@weapp-tailwindcss/shared";
+import process from "node:process";
+//#region src/html-transform.ts
+const htmlTags = [
+	"html",
+	"body",
+	"a",
+	"audio",
+	"button",
+	"canvas",
+	"form",
+	"iframe",
+	"img",
+	"input",
+	"label",
+	"progress",
+	"select",
+	"slot",
+	"textarea",
+	"video",
+	"abbr",
+	"area",
+	"b",
+	"bdi",
+	"big",
+	"br",
+	"cite",
+	"code",
+	"data",
+	"datalist",
+	"del",
+	"dfn",
+	"em",
+	"i",
+	"ins",
+	"kbd",
+	"map",
+	"mark",
+	"meter",
+	"output",
+	"picture",
+	"q",
+	"s",
+	"samp",
+	"small",
+	"span",
+	"strong",
+	"sub",
+	"sup",
+	"td",
+	"template",
+	"th",
+	"time",
+	"tt",
+	"u",
+	"var",
+	"wbr",
+	"address",
+	"article",
+	"aside",
+	"blockquote",
+	"caption",
+	"dd",
+	"details",
+	"dialog",
+	"div",
+	"dl",
+	"dt",
+	"fieldset",
+	"figcaption",
+	"figure",
+	"footer",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"header",
+	"hgroup",
+	"hr",
+	"legend",
+	"li",
+	"main",
+	"nav",
+	"ol",
+	"p",
+	"pre",
+	"section",
+	"summary",
+	"table",
+	"tbody",
+	"tfoot",
+	"thead",
+	"tr",
+	"ul",
+	"svg"
+];
+const miniAppTags = [
+	"cover-image",
+	"cover-view",
+	"match-media",
+	"movable-area",
+	"movable-view",
+	"page-container",
+	"scroll-view",
+	"share-element",
+	"swiper",
+	"swiper-item",
+	"view",
+	"icon",
+	"progress",
+	"rich-text",
+	"text",
+	"button",
+	"checkbox",
+	"checkbox-group",
+	"editor",
+	"form",
+	"input",
+	"keyboard-accessory",
+	"label",
+	"picker",
+	"picker-view",
+	"picker-view-column",
+	"radio",
+	"radio-group",
+	"slider",
+	"switch",
+	"textarea",
+	"functional-page-navigator",
+	"navigator",
+	"audio",
+	"camera",
+	"image",
+	"live-player",
+	"live-pusher",
+	"video",
+	"voip-room",
+	"map",
+	"canvas",
+	"web-view",
+	"ad",
+	"ad-custom",
+	"official-account",
+	"open-data",
+	"navigation-bar",
+	"page-meta"
+];
+const tags2Rgx = (tags = []) => new RegExp(`(^| |\\+|,|~|>|\\n)(${tags.join("|")})\\b(?=$| |\\.|\\+|,|~|:|\\[)`, "g");
+const UNIVERSAL_SELECTOR_RE = /(?:^| )\*(?![=/*])/;
+const postcssHtmlTransform = (opts = {}) => {
+	const options = defu(opts, { platform: process.env.TARO_ENV });
+	let selectorFilter;
+	let walkRules;
+	switch (options.platform) {
+		case "h5":
+			selectorFilter = tags2Rgx(miniAppTags);
+			walkRules = (rule) => {
+				rule.selector = rule.selector.replace(selectorFilter, "$1taro-$2-core");
+			};
+			break;
+		case "rn": break;
+		case "quickapp": break;
+		default: {
+			const selector = tags2Rgx(htmlTags);
+			walkRules = (rule) => {
+				if (options.removeUniversal && UNIVERSAL_SELECTOR_RE.test(rule.selector)) {
+					rule.remove();
+					return;
+				}
+				rule.selector = rule.selector.replace(selector, "$1.h5-$2");
+			};
+		}
+	}
+	return {
+		postcssPlugin: "postcss-html-transform",
+		Rule(rule) {
+			if (typeof walkRules === "function") if (selectorFilter && selectorFilter.test(rule.selector)) walkRules(rule);
+			else walkRules(rule);
+		},
+		Declaration(decl) {
+			if (options?.removeCursorStyle) {
+				if (decl.prop === "cursor") decl.remove();
+			}
+		}
+	};
 };
+postcssHtmlTransform.postcss = true;
+//#endregion
+export { postcssHtmlTransform as default };

package/dist/index.d.ts

@@ -1,18 +1,8 @@
-import { I as IStyleHandlerOptions, S as StyleHandler, a as InternalCssSelectorReplacerOptions } from './types-DiOShlJF.js';
-export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, L as LoadedPostcssOptions, P as PipelineNodeContext, d as PipelineNodeCursor, e as PipelineStage, f as PresetEnvOptions, R as RequiredStyleHandlerOptions, g as ResolvedPipelineNode, h as StyleProcessingPipeline, U as UniAppXCssTarget, i as UniAppXUnsupportedMode, j as UnitsToPxOptions, k as UserDefinedPostcssOptions, W as WeappAutoprefixerOptions, l as createInjectPreflight, m as createStylePipeline } from './types-DiOShlJF.js';
-export { IOptions as PostcssHtmlTransformOptions, default as postcssHtmlTransform } from './html-transform.js';
-export { PxTransformOptions as Px2rpxOptions } from 'postcss-pxtrans';
-export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
-import '@weapp-tailwindcss/postcss-calc';
-import 'postcss';
-import 'postcss-load-config';
-import 'postcss-rule-unit-converter';
-import 'autoprefixer';
-
-declare function createStyleHandler(options?: Partial<IStyleHandlerOptions>): StyleHandler;
-
-declare function createFallbackPlaceholderReplacer(): (code: string) => string;
-
-declare function internalCssSelectorReplacer(selectors: string, options?: InternalCssSelectorReplacerOptions): string;
-
-export { IStyleHandlerOptions, InternalCssSelectorReplacerOptions, StyleHandler, createFallbackPlaceholderReplacer, createStyleHandler, internalCssSelectorReplacer };
+export { type DynamicColorMixAlphaProtection, protectDynamicColorMixAlpha } from './compat/color-mix';
+export * from './handler';
+export { default as postcssHtmlTransform, type IOptions as PostcssHtmlTransformOptions } from './html-transform';
+export { createStylePipeline, type PipelineNodeContext, type PipelineNodeCursor, type PipelineStage, type ResolvedPipelineNode, type StyleProcessingPipeline, } from './pipeline';
+export { createFallbackPlaceholderReplacer } from './plugins/post/specificity-cleaner';
+export { createInjectPreflight } from './preflight';
+export { internalCssSelectorReplacer } from './shared';
+export * from './types';