@weapp-tailwindcss/experimental 0.0.1 → 0.0.2-next.1

package/README.md

@@ -0,0 +1,99 @@
+<p align="center">
+
+<a href="https://tw.icebreaker.top">
+
+<img src="./assets/logo.png" alt="weapp-tailwindcss-logo" width="128">
+</a>
+
+<br>
+
+<h1 align="center">weapp-tailwindcss</h1>
+
+</p>
+
+> 简体中文(zh-cn) | [English](./README_en.md)
+
+![star](https://badgen.net/github/stars/sonofmagic/weapp-tailwindcss)
+![dm0](https://badgen.net/npm/dm/weapp-tailwindcss)
+![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)
+
+> [!NOTE]
+> 降低开发维护成本，提升开发效率的 `小程序` `tailwindcss` 全方面解决方案
+>
+> `weapp-tailwindcss@4.2.x` 现已支持 `uni-app x` 同时构建 `Web`,`小程序`,`安卓`,`IOS`,`鸿蒙`，详见 [**uni-app x 专题**](https://tw.icebreaker.top/docs/uni-app-x)
+
+\[[文档地址](https://tw.icebreaker.top)\] \| \[[备用文档地址](https://ice-tw.netlify.app/)\] \| \[[加入技术交流群](https://tw.icebreaker.top/docs/community/group)\]
+
+- [特性](#特性)
+- [版本对应](#版本对应)
+- [安装与使用方式](#安装与使用方式)
+- [生态和解决方案](#生态和解决方案)
+- [常见问题](#常见问题)
+- [各个框架的模板](#各个框架的模板)
+- [旧版本迁移指南](#旧版本迁移指南)
+- [配置项参考](#配置项参考)
+- [Contribute](#contribute)
+- [License](#license)
+- [Star History](#star-history)
+- [Related projects](#related-projects)
+  - [weapp-vite](#weapp-vite)
+
+## 特性
+
+| 不仅仅是`webpack`                                   | 主流框架与原生开发支持                          |
+| --------------------------------------------------- | ----------------------------------------------- |
+| ![wepback+vite+gulp](./assets/weapp-tw-plugins.png) | ![frameworks](./assets/weapp-tw-frameworks.png) |
+
+核心插件支持 `webpack`/`vite`/`rspack`/`rollup`/`rolldown`/`gulp` 为基底的框架类小程序开发，涵盖了市面上几乎所有的主流的开发框架。
+
+也支持直接从各个开发者工具中，直接创建的原生小程序应用。
+
+这些插件能够自动识别并精确处理所有 `tailwindcss` 的工具类来适配小程序环境。
+
+## 版本对应
+
+目前，`weapp-tailwindcss` 的 `5.x` 版本
+
+- 支持最新版本的 `tailwindcss v4` 和 `v3`。
+- 支持 `webpack5`、`vite`、`rspack`、`rollup`、`rolldown` 和 `gulp` 这些打包工具，也支持纯 `Nodejs` API 的方式，集成到你自己的构建工具中。
+
+> `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)
+
+## [生态和解决方案](https://tw.icebreaker.top/docs/community/templates)
+
+## [常见问题](https://tw.icebreaker.top/docs/issues/)
+
+## [各个框架的模板](https://tw.icebreaker.top/docs/community/templates)
+
+## [旧版本迁移指南](https://tw.icebreaker.top/docs/migrations/v2)
+
+## [配置项参考](https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions)
+
+## Contribute
+
+我们邀请你来贡献和帮助改进 `weapp-tailwindcss` 💚💚💚
+
+以下有几个方式可以参与:
+
+- 报告错误：如果您遇到任何错误或问题，请提`issue`并提供完善的错误信息和复现方式。
+- 建议：有增强 `weapp-tailwindcss` 的想法吗？请提 `issue` 来分享您的建议。
+- 文档：如果您对文档有更好的见解或者更棒的修辞方式，欢迎 `pr`。
+- 代码：任何人的代码都不是完美的，我们欢迎你通过 `pr` 给代码提供更好的质量与活力。
+
+## License
+
+[MIT](./LICENSE)
+
+## Star History
+
+[![Star History Chart](https://api.star-history.com/svg?repos=sonofmagic/weapp-tailwindcss&type=Date)](https://star-history.com/#sonofmagic/weapp-tailwindcss&Date)
+
+## Related projects
+
+### weapp-vite
+
+[weapp-vite](https://vite.icebreaker.top/): 把现代化的开发模式带入小程序开发!

package/dist/index-DFdHzWSy.d.ts

@@ -0,0 +1,51 @@
+import { IStyleHandlerOptions } from "@weapp-tailwindcss/postcss";
+import * as _$lightningcss from "lightningcss";
+import { Selector, SelectorComponent, TransformOptions, Warning } from "lightningcss";
+import { Buffer } from "node:buffer";
+
+//#region src/lightningcss/options.d.ts
+declare function createRootSpecificityReplacer(options: IStyleHandlerOptions): ((code: string) => string) | undefined;
+declare function prepareStyleOptions(options?: Partial<IStyleHandlerOptions>): IStyleHandlerOptions;
+//#endregion
+//#region src/lightningcss/selector-transform.d.ts
+type CustomAtRules$1 = Record<string, never>;
+interface SelectorTransformContext {
+  options: IStyleHandlerOptions;
+  childCombinatorReplacement?: SelectorComponent[] | undefined;
+}
+declare function buildChildCombinatorReplacement(options: IStyleHandlerOptions): SelectorComponent[] | undefined;
+declare function createVisitor(ctx: SelectorTransformContext): _$lightningcss.Visitor<CustomAtRules$1>;
+//#endregion
+//#region src/lightningcss/selector-utils.d.ts
+declare function createTypeSelector(name: string): SelectorComponent;
+declare function cloneComponent<T>(value: T): T;
+declare function cloneComponents(list: SelectorComponent[]): SelectorComponent[];
+declare function normalizeNestedSelectors(selectors: Selector[] | Selector | null | undefined): Selector[] | undefined;
+declare function assignNestedSelectors(target: SelectorComponent & {
+  selectors?: Selector[] | Selector | null;
+}, value: Selector[] | undefined): void;
+declare function trimCombinators(components: SelectorComponent[]): SelectorComponent[];
+declare function matchesHiddenNot(component: SelectorComponent | undefined): boolean;
+//#endregion
+//#region src/lightningcss/index.d.ts
+type CustomAtRules = Record<string, never>;
+interface LightningcssStyleHandlerResult {
+  code: string;
+  map?: string | undefined;
+  warnings: Warning[];
+}
+interface LightningcssTransformConfig {
+  filename?: string | undefined;
+  transformOptions?: Omit<TransformOptions<CustomAtRules>, 'filename' | 'code' | 'visitor'> | undefined;
+}
+interface LightningcssStyleHandler {
+  (rawSource: string, overrideOptions?: Partial<IStyleHandlerOptions>): Promise<LightningcssStyleHandlerResult>;
+}
+declare function createLightningcssStyleHandler(options?: Partial<IStyleHandlerOptions>, config?: LightningcssTransformConfig): LightningcssStyleHandler;
+declare function transformCss(css?: string | Buffer): Promise<{
+  code: Buffer<ArrayBuffer>;
+  map: Buffer<ArrayBuffer> | undefined;
+  warnings: Warning[];
+}>;
+//#endregion
+export { assignNestedSelectors as a, createTypeSelector as c, trimCombinators as d, SelectorTransformContext as f, prepareStyleOptions as g, createRootSpecificityReplacer as h, transformCss as i, matchesHiddenNot as l, createVisitor as m, LightningcssTransformConfig as n, cloneComponent as o, buildChildCombinatorReplacement as p, createLightningcssStyleHandler as r, cloneComponents as s, LightningcssStyleHandlerResult as t, normalizeNestedSelectors as u };

package/dist/index-DGKVoojY.d.ts

@@ -0,0 +1,51 @@
+import { Buffer } from "node:buffer";
+import * as _$lightningcss from "lightningcss";
+import { Selector, SelectorComponent, TransformOptions, Warning } from "lightningcss";
+import { IStyleHandlerOptions } from "@weapp-tailwindcss/postcss";
+
+//#region src/lightningcss/options.d.ts
+declare function createRootSpecificityReplacer(options: IStyleHandlerOptions): ((code: string) => string) | undefined;
+declare function prepareStyleOptions(options?: Partial<IStyleHandlerOptions>): IStyleHandlerOptions;
+//#endregion
+//#region src/lightningcss/selector-transform.d.ts
+type CustomAtRules$1 = Record<string, never>;
+interface SelectorTransformContext {
+  options: IStyleHandlerOptions;
+  childCombinatorReplacement?: SelectorComponent[] | undefined;
+}
+declare function buildChildCombinatorReplacement(options: IStyleHandlerOptions): SelectorComponent[] | undefined;
+declare function createVisitor(ctx: SelectorTransformContext): _$lightningcss.Visitor<CustomAtRules$1>;
+//#endregion
+//#region src/lightningcss/selector-utils.d.ts
+declare function createTypeSelector(name: string): SelectorComponent;
+declare function cloneComponent<T>(value: T): T;
+declare function cloneComponents(list: SelectorComponent[]): SelectorComponent[];
+declare function normalizeNestedSelectors(selectors: Selector[] | Selector | null | undefined): Selector[] | undefined;
+declare function assignNestedSelectors(target: SelectorComponent & {
+  selectors?: Selector[] | Selector | null;
+}, value: Selector[] | undefined): void;
+declare function trimCombinators(components: SelectorComponent[]): SelectorComponent[];
+declare function matchesHiddenNot(component: SelectorComponent | undefined): boolean;
+//#endregion
+//#region src/lightningcss/index.d.ts
+type CustomAtRules = Record<string, never>;
+interface LightningcssStyleHandlerResult {
+  code: string;
+  map?: string | undefined;
+  warnings: Warning[];
+}
+interface LightningcssTransformConfig {
+  filename?: string | undefined;
+  transformOptions?: Omit<TransformOptions<CustomAtRules>, 'filename' | 'code' | 'visitor'> | undefined;
+}
+interface LightningcssStyleHandler {
+  (rawSource: string, overrideOptions?: Partial<IStyleHandlerOptions>): Promise<LightningcssStyleHandlerResult>;
+}
+declare function createLightningcssStyleHandler(options?: Partial<IStyleHandlerOptions>, config?: LightningcssTransformConfig): LightningcssStyleHandler;
+declare function transformCss(css?: string | Buffer): Promise<{
+  code: Buffer<ArrayBuffer>;
+  map: Buffer<ArrayBuffer> | undefined;
+  warnings: Warning[];
+}>;
+//#endregion
+export { assignNestedSelectors as a, createTypeSelector as c, trimCombinators as d, SelectorTransformContext as f, prepareStyleOptions as g, createRootSpecificityReplacer as h, transformCss as i, matchesHiddenNot as l, createVisitor as m, LightningcssTransformConfig as n, cloneComponent as o, buildChildCombinatorReplacement as p, createLightningcssStyleHandler as r, cloneComponents as s, LightningcssStyleHandlerResult as t, normalizeNestedSelectors as u };

package/dist/index.cjs

@@ -1,2 +1,15 @@
-'use strict';
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_lightningcss = require("./lightningcss-C8xst0tZ.cjs");
+exports.assignNestedSelectors = require_lightningcss.assignNestedSelectors;
+exports.buildChildCombinatorReplacement = require_lightningcss.buildChildCombinatorReplacement;
+exports.cloneComponent = require_lightningcss.cloneComponent;
+exports.cloneComponents = require_lightningcss.cloneComponents;
+exports.createLightningcssStyleHandler = require_lightningcss.createLightningcssStyleHandler;
+exports.createRootSpecificityReplacer = require_lightningcss.createRootSpecificityReplacer;
+exports.createTypeSelector = require_lightningcss.createTypeSelector;
+exports.createVisitor = require_lightningcss.createVisitor;
+exports.matchesHiddenNot = require_lightningcss.matchesHiddenNot;
+exports.normalizeNestedSelectors = require_lightningcss.normalizeNestedSelectors;
+exports.prepareStyleOptions = require_lightningcss.prepareStyleOptions;
+exports.transformCss = require_lightningcss.transformCss;
+exports.trimCombinators = require_lightningcss.trimCombinators;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-
-export { };
+import { a as assignNestedSelectors, c as createTypeSelector, d as trimCombinators, f as SelectorTransformContext, g as prepareStyleOptions, h as createRootSpecificityReplacer, i as transformCss, l as matchesHiddenNot, m as createVisitor, n as LightningcssTransformConfig, o as cloneComponent, p as buildChildCombinatorReplacement, r as createLightningcssStyleHandler, s as cloneComponents, t as LightningcssStyleHandlerResult, u as normalizeNestedSelectors } from "./index-DFdHzWSy.js";
+export { LightningcssStyleHandlerResult, LightningcssTransformConfig, SelectorTransformContext, assignNestedSelectors, buildChildCombinatorReplacement, cloneComponent, cloneComponents, createLightningcssStyleHandler, createRootSpecificityReplacer, createTypeSelector, createVisitor, matchesHiddenNot, normalizeNestedSelectors, prepareStyleOptions, transformCss, trimCombinators };

package/dist/index.mjs

@@ -1 +1,2 @@
-
+import { a as assignNestedSelectors, c as createTypeSelector, d as trimCombinators, f as createRootSpecificityReplacer, i as createVisitor, l as matchesHiddenNot, n as transformCss, o as cloneComponent, p as prepareStyleOptions, r as buildChildCombinatorReplacement, s as cloneComponents, t as createLightningcssStyleHandler, u as normalizeNestedSelectors } from "./lightningcss-hDwkBzeI.mjs";
+export { assignNestedSelectors, buildChildCombinatorReplacement, cloneComponent, cloneComponents, createLightningcssStyleHandler, createRootSpecificityReplacer, createTypeSelector, createVisitor, matchesHiddenNot, normalizeNestedSelectors, prepareStyleOptions, transformCss, trimCombinators };

package/dist/lightningcss/index.cjs

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_lightningcss = require("../lightningcss-C8xst0tZ.cjs");
+exports.assignNestedSelectors = require_lightningcss.assignNestedSelectors;
+exports.buildChildCombinatorReplacement = require_lightningcss.buildChildCombinatorReplacement;
+exports.cloneComponent = require_lightningcss.cloneComponent;
+exports.cloneComponents = require_lightningcss.cloneComponents;
+exports.createLightningcssStyleHandler = require_lightningcss.createLightningcssStyleHandler;
+exports.createRootSpecificityReplacer = require_lightningcss.createRootSpecificityReplacer;
+exports.createTypeSelector = require_lightningcss.createTypeSelector;
+exports.createVisitor = require_lightningcss.createVisitor;
+exports.matchesHiddenNot = require_lightningcss.matchesHiddenNot;
+exports.normalizeNestedSelectors = require_lightningcss.normalizeNestedSelectors;
+exports.prepareStyleOptions = require_lightningcss.prepareStyleOptions;
+exports.transformCss = require_lightningcss.transformCss;
+exports.trimCombinators = require_lightningcss.trimCombinators;

package/dist/lightningcss/index.d.ts

@@ -0,0 +1,2 @@
+import { a as assignNestedSelectors, c as createTypeSelector, d as trimCombinators, f as SelectorTransformContext, g as prepareStyleOptions, h as createRootSpecificityReplacer, i as transformCss, l as matchesHiddenNot, m as createVisitor, n as LightningcssTransformConfig, o as cloneComponent, p as buildChildCombinatorReplacement, r as createLightningcssStyleHandler, s as cloneComponents, t as LightningcssStyleHandlerResult, u as normalizeNestedSelectors } from "../index-DFdHzWSy.js";
+export { LightningcssStyleHandlerResult, LightningcssTransformConfig, SelectorTransformContext, assignNestedSelectors, buildChildCombinatorReplacement, cloneComponent, cloneComponents, createLightningcssStyleHandler, createRootSpecificityReplacer, createTypeSelector, createVisitor, matchesHiddenNot, normalizeNestedSelectors, prepareStyleOptions, transformCss, trimCombinators };

package/dist/lightningcss/index.mjs

@@ -0,0 +1,2 @@
+import { a as assignNestedSelectors, c as createTypeSelector, d as trimCombinators, f as createRootSpecificityReplacer, i as createVisitor, l as matchesHiddenNot, n as transformCss, o as cloneComponent, p as prepareStyleOptions, r as buildChildCombinatorReplacement, s as cloneComponents, t as createLightningcssStyleHandler, u as normalizeNestedSelectors } from "../lightningcss-hDwkBzeI.mjs";
+export { assignNestedSelectors, buildChildCombinatorReplacement, cloneComponent, cloneComponents, createLightningcssStyleHandler, createRootSpecificityReplacer, createTypeSelector, createVisitor, matchesHiddenNot, normalizeNestedSelectors, prepareStyleOptions, transformCss, trimCombinators };

package/dist/lightningcss-C8xst0tZ.cjs

@@ -0,0 +1,374 @@
+let node_buffer = require("node:buffer");
+let _weapp_tailwindcss_shared = require("@weapp-tailwindcss/shared");
+let lightningcss = require("lightningcss");
+let _weapp_tailwindcss_postcss = require("@weapp-tailwindcss/postcss");
+//#region src/lightningcss/options.ts
+const FALLBACK_PLACEHOLDER_SUFFIXES = [":not(#n)", ":not(#\\#)"];
+function normalizeSelectorList(value) {
+	if (value === void 0 || value === false) return [];
+	return Array.isArray(value) ? value.filter(Boolean) : [value];
+}
+function getSpecificityMatchingName(options) {
+	const feature = options.cssPresetEnv?.features?.["is-pseudo-class"];
+	if (feature && typeof feature === "object" && "specificityMatchingName" in feature) {
+		const specificityName = feature.specificityMatchingName;
+		return typeof specificityName === "string" && specificityName.length > 0 ? specificityName : void 0;
+	}
+}
+function createRootSpecificityReplacer(options) {
+	const specificityMatchingName = getSpecificityMatchingName(options);
+	const selectors = normalizeSelectorList(options.cssSelectorReplacement?.root);
+	const replaceFallbackPlaceholder = (code) => {
+		let output = code;
+		for (const suffix of FALLBACK_PLACEHOLDER_SUFFIXES) if (output.includes(suffix)) output = output.split(suffix).join("");
+		return output;
+	};
+	if (!specificityMatchingName || selectors.length === 0) return replaceFallbackPlaceholder;
+	const suffix = `:not(.${specificityMatchingName})`;
+	const targets = selectors.map((selector) => selector?.trim()).filter((selector) => Boolean(selector?.length)).map((selector) => ({
+		match: `${selector}${suffix}`,
+		spacedMatch: `${selector} ${suffix}`,
+		replacement: selector
+	}));
+	if (!targets.length) return;
+	return (code) => {
+		let output = replaceFallbackPlaceholder(code);
+		for (const target of targets) {
+			if (output.includes(target.match)) output = output.split(target.match).join(target.replacement);
+			if (output.includes(target.spacedMatch)) output = output.split(target.spacedMatch).join(target.replacement);
+		}
+		return output;
+	};
+}
+function getLightningDefaultOptions(options) {
+	const customPropertiesFeature = options?.cssPresetEnv?.features?.["custom-properties"];
+	return {
+		cssPresetEnv: {
+			features: {
+				"cascade-layers": true,
+				"is-pseudo-class": { specificityMatchingName: "weapp-tw-ig" },
+				"oklab-function": true,
+				"color-mix": true,
+				"custom-properties": customPropertiesFeature !== void 0 ? customPropertiesFeature : options?.cssCalc ? { preserve: true } : false
+			},
+			autoprefixer: { add: false }
+		},
+		cssRemoveProperty: true,
+		cssRemoveHoverPseudoClass: true,
+		cssChildCombinatorReplaceValue: ["view", "text"],
+		cssSelectorReplacement: {
+			root: [
+				"page",
+				".tw-root",
+				"wx-root-portal-content"
+			],
+			universal: ["view", "text"]
+		}
+	};
+}
+function prepareStyleOptions(options) {
+	const merged = (0, _weapp_tailwindcss_shared.defuOverrideArray)(options, getLightningDefaultOptions(options));
+	merged.cssInjectPreflight = (0, _weapp_tailwindcss_postcss.createInjectPreflight)(merged.cssPreflight);
+	return merged;
+}
+//#endregion
+//#region src/lightningcss/selector-utils.ts
+function createTypeSelector(name) {
+	return {
+		type: "type",
+		name
+	};
+}
+function cloneComponent(value) {
+	const structured = globalThis.structuredClone;
+	if (typeof structured === "function") return structured(value);
+	return JSON.parse(JSON.stringify(value));
+}
+function cloneComponents(list) {
+	return list.map(cloneComponent);
+}
+function normalizeNestedSelectors(selectors) {
+	if (!selectors) return;
+	if (Array.isArray(selectors)) {
+		if (selectors.length === 0) return [];
+		const first = selectors[0];
+		if (Array.isArray(first)) return selectors;
+		return [selectors];
+	}
+	return [selectors];
+}
+function assignNestedSelectors(target, value) {
+	if (!("selectors" in target)) return;
+	if (Array.isArray(target.selectors)) target.selectors = value ?? [];
+	else if (target.selectors && !Array.isArray(target.selectors)) target.selectors = value?.[0] ?? target.selectors;
+}
+function trimCombinators(components) {
+	let start = 0;
+	let end = components.length;
+	while (start < end && components[start]?.type === "combinator") start++;
+	while (end > start && components[end - 1]?.type === "combinator") end--;
+	return components.slice(start, end);
+}
+function matchesHiddenNot(component) {
+	if (!component || component.type !== "pseudo-class" || component.kind !== "not") return false;
+	const selectors = normalizeNestedSelectors(component.selectors);
+	if (!selectors || selectors.length !== 1) return false;
+	const [nestedSelector] = selectors;
+	if (!nestedSelector || nestedSelector.length !== 1) return false;
+	const [node] = nestedSelector;
+	if (!node) return false;
+	return node.type === "attribute" && node.name === "hidden" || node.type === "type" && node.name === "template";
+}
+//#endregion
+//#region src/lightningcss/selector-transform.ts
+function buildSelectorReplacement(value) {
+	if (!value) return null;
+	const targets = Array.isArray(value) ? value : [value];
+	if (!targets.length) return null;
+	if (targets.length === 1) return [createTypeSelector(targets[0])];
+	return [{
+		type: "pseudo-class",
+		kind: "is",
+		selectors: targets.map((name) => [createTypeSelector(name)])
+	}];
+}
+function buildChildCombinatorReplacement(options) {
+	const { cssChildCombinatorReplaceValue } = options;
+	if (!cssChildCombinatorReplaceValue) return;
+	const normalized = Array.isArray(cssChildCombinatorReplaceValue) ? cssChildCombinatorReplaceValue : [cssChildCombinatorReplaceValue];
+	if (!normalized.length) return;
+	const baseComponents = buildSelectorReplacement(normalized) ?? [createTypeSelector("view")];
+	const left = cloneComponents(baseComponents);
+	const right = cloneComponents(baseComponents);
+	return [
+		...left,
+		{
+			type: "combinator",
+			value: "next-sibling"
+		},
+		...right
+	];
+}
+function transformSelectorComponent(component, ctx, transformList) {
+	const { options } = ctx;
+	if (component.type === "class") {
+		const cloned = cloneComponent(component);
+		cloned.name = (0, _weapp_tailwindcss_postcss.internalCssSelectorReplacer)(component.name, { escapeMap: options.escapeMap });
+		return [cloned];
+	}
+	if (component.type === "universal") {
+		const replacement = buildSelectorReplacement(options.cssSelectorReplacement?.universal);
+		if (replacement) return cloneComponents(replacement);
+		return [cloneComponent(component)];
+	}
+	if (component.type === "type") {
+		if (options.uniAppX) return [];
+		return [cloneComponent(component)];
+	}
+	if (component.type === "attribute") {
+		if (options.uniAppX) return [];
+		return [cloneComponent(component)];
+	}
+	if (component.type === "combinator") return [cloneComponent(component)];
+	if (component.type === "pseudo-element") return [cloneComponent(component)];
+	if (component.type === "pseudo-class") {
+		if (component.kind === "hover" && options.cssRemoveHoverPseudoClass) return null;
+		if (component.kind === "root") {
+			const replacement = buildSelectorReplacement(options.cssSelectorReplacement?.root);
+			if (replacement) return cloneComponents(replacement);
+			return [cloneComponent(component)];
+		}
+		const cloned = cloneComponent(component);
+		if ("selectors" in cloned) {
+			const nestedSelectors = normalizeNestedSelectors(cloned.selectors);
+			if (nestedSelectors) assignNestedSelectors(cloned, transformList(nestedSelectors, ctx));
+		}
+		if (cloned.kind === "where" && options.uniAppX) cloned.kind = "is";
+		return [cloned];
+	}
+	return [cloneComponent(component)];
+}
+function transformSelector(selector, ctx, transformList) {
+	const { childCombinatorReplacement } = ctx;
+	const output = [];
+	for (let index = 0; index < selector.length; index++) {
+		const component = selector[index];
+		if (!component) continue;
+		if (component.type === "combinator" && component.value === "child" && childCombinatorReplacement) {
+			const next = selector[index + 1];
+			const combinator = selector[index + 2];
+			const third = selector[index + 3];
+			if (matchesHiddenNot(next) && combinator?.type === "combinator" && (combinator.value === "next-sibling" || combinator.value === "later-sibling") && matchesHiddenNot(third)) {
+				output.push(cloneComponent(component));
+				output.push(...cloneComponents(childCombinatorReplacement));
+				index += 3;
+				continue;
+			}
+		}
+		const replaced = transformSelectorComponent(component, ctx, transformList);
+		if (replaced === null) return null;
+		output.push(...replaced);
+	}
+	const trimmed = trimCombinators(output);
+	return trimmed.length > 0 ? trimmed : null;
+}
+function transformSelectorList(selectors, ctx) {
+	const result = [];
+	for (const selector of selectors) {
+		const transformed = transformSelector(selector, ctx, transformSelectorList);
+		if (transformed && transformed.length > 0) result.push(transformed);
+	}
+	return result;
+}
+function createVisitor(ctx) {
+	return {
+		Rule(rule) {
+			if (rule.type === "property" && ctx.options.cssRemoveProperty) return [];
+			if (rule.type !== "style") return rule;
+			const styleRule = rule.value;
+			if (!styleRule.selectors) return rule;
+			const selectors = transformSelectorList(styleRule.selectors, ctx);
+			if (!selectors.length) return [];
+			styleRule.selectors = selectors;
+			return rule;
+		},
+		RuleExit(rule) {
+			if (rule.type !== "style") return rule;
+			const styleRule = rule.value;
+			const hasValidSelectors = (styleRule.selectors ?? []).some((selector) => selector.length > 0);
+			const declarationCount = styleRule.declarations?.declarations?.length ?? 0;
+			if (!hasValidSelectors || ctx.options.uniAppX && declarationCount === 0) return [];
+			return rule;
+		}
+	};
+}
+//#endregion
+//#region src/lightningcss/index.ts
+const textDecoder = new TextDecoder();
+const defaultLightningFilename = "inline.css";
+function omitUndefined(value) {
+	const result = {};
+	for (const [key, item] of Object.entries(value)) if (item !== void 0) result[key] = item;
+	return result;
+}
+function createPreparedRuntime(options) {
+	const resolvedOptions = prepareStyleOptions(options);
+	const ctx = omitUndefined({
+		options: resolvedOptions,
+		childCombinatorReplacement: buildChildCombinatorReplacement(resolvedOptions)
+	});
+	return omitUndefined({
+		options: resolvedOptions,
+		replaceSpecificity: createRootSpecificityReplacer(resolvedOptions),
+		visitor: createVisitor(ctx)
+	});
+}
+function createLightningcssStyleHandler(options, config = {}) {
+	const baseRuntime = createPreparedRuntime(options);
+	const { transformOptions, filename } = config;
+	const transformOverrides = transformOptions ?? {};
+	return async (rawSource, overrideOptions) => {
+		const runtime = !overrideOptions || Object.keys(overrideOptions).length === 0 ? baseRuntime : createPreparedRuntime((0, _weapp_tailwindcss_shared.defuOverrideArray)(overrideOptions, baseRuntime.options));
+		const lightningResult = (0, lightningcss.transform)(omitUndefined({
+			filename: filename ?? defaultLightningFilename,
+			code: node_buffer.Buffer.from(rawSource),
+			visitor: runtime.visitor,
+			minify: false,
+			...transformOverrides
+		}));
+		const decodedCode = textDecoder.decode(lightningResult.code);
+		return omitUndefined({
+			code: runtime.replaceSpecificity ? runtime.replaceSpecificity(decodedCode) : decodedCode,
+			map: lightningResult.map ? textDecoder.decode(lightningResult.map) : void 0,
+			warnings: lightningResult.warnings
+		});
+	};
+}
+const defaultHandler = createLightningcssStyleHandler(void 0, { transformOptions: { minify: true } });
+async function transformCss(css = ".foo { color: red }") {
+	const result = await defaultHandler(typeof css === "string" ? css : css.toString());
+	return {
+		...result,
+		code: node_buffer.Buffer.from(result.code),
+		map: result.map ? node_buffer.Buffer.from(result.map) : void 0
+	};
+}
+//#endregion
+Object.defineProperty(exports, "assignNestedSelectors", {
+	enumerable: true,
+	get: function() {
+		return assignNestedSelectors;
+	}
+});
+Object.defineProperty(exports, "buildChildCombinatorReplacement", {
+	enumerable: true,
+	get: function() {
+		return buildChildCombinatorReplacement;
+	}
+});
+Object.defineProperty(exports, "cloneComponent", {
+	enumerable: true,
+	get: function() {
+		return cloneComponent;
+	}
+});
+Object.defineProperty(exports, "cloneComponents", {
+	enumerable: true,
+	get: function() {
+		return cloneComponents;
+	}
+});
+Object.defineProperty(exports, "createLightningcssStyleHandler", {
+	enumerable: true,
+	get: function() {
+		return createLightningcssStyleHandler;
+	}
+});
+Object.defineProperty(exports, "createRootSpecificityReplacer", {
+	enumerable: true,
+	get: function() {
+		return createRootSpecificityReplacer;
+	}
+});
+Object.defineProperty(exports, "createTypeSelector", {
+	enumerable: true,
+	get: function() {
+		return createTypeSelector;
+	}
+});
+Object.defineProperty(exports, "createVisitor", {
+	enumerable: true,
+	get: function() {
+		return createVisitor;
+	}
+});
+Object.defineProperty(exports, "matchesHiddenNot", {
+	enumerable: true,
+	get: function() {
+		return matchesHiddenNot;
+	}
+});
+Object.defineProperty(exports, "normalizeNestedSelectors", {
+	enumerable: true,
+	get: function() {
+		return normalizeNestedSelectors;
+	}
+});
+Object.defineProperty(exports, "prepareStyleOptions", {
+	enumerable: true,
+	get: function() {
+		return prepareStyleOptions;
+	}
+});
+Object.defineProperty(exports, "transformCss", {
+	enumerable: true,
+	get: function() {
+		return transformCss;
+	}
+});
+Object.defineProperty(exports, "trimCombinators", {
+	enumerable: true,
+	get: function() {
+		return trimCombinators;
+	}
+});

package/dist/lightningcss-hDwkBzeI.mjs

@@ -0,0 +1,297 @@
+import { Buffer } from "node:buffer";
+import { defuOverrideArray } from "@weapp-tailwindcss/shared";
+import { transform } from "lightningcss";
+import { createInjectPreflight, internalCssSelectorReplacer } from "@weapp-tailwindcss/postcss";
+//#region src/lightningcss/options.ts
+const FALLBACK_PLACEHOLDER_SUFFIXES = [":not(#n)", ":not(#\\#)"];
+function normalizeSelectorList(value) {
+	if (value === void 0 || value === false) return [];
+	return Array.isArray(value) ? value.filter(Boolean) : [value];
+}
+function getSpecificityMatchingName(options) {
+	const feature = options.cssPresetEnv?.features?.["is-pseudo-class"];
+	if (feature && typeof feature === "object" && "specificityMatchingName" in feature) {
+		const specificityName = feature.specificityMatchingName;
+		return typeof specificityName === "string" && specificityName.length > 0 ? specificityName : void 0;
+	}
+}
+function createRootSpecificityReplacer(options) {
+	const specificityMatchingName = getSpecificityMatchingName(options);
+	const selectors = normalizeSelectorList(options.cssSelectorReplacement?.root);
+	const replaceFallbackPlaceholder = (code) => {
+		let output = code;
+		for (const suffix of FALLBACK_PLACEHOLDER_SUFFIXES) if (output.includes(suffix)) output = output.split(suffix).join("");
+		return output;
+	};
+	if (!specificityMatchingName || selectors.length === 0) return replaceFallbackPlaceholder;
+	const suffix = `:not(.${specificityMatchingName})`;
+	const targets = selectors.map((selector) => selector?.trim()).filter((selector) => Boolean(selector?.length)).map((selector) => ({
+		match: `${selector}${suffix}`,
+		spacedMatch: `${selector} ${suffix}`,
+		replacement: selector
+	}));
+	if (!targets.length) return;
+	return (code) => {
+		let output = replaceFallbackPlaceholder(code);
+		for (const target of targets) {
+			if (output.includes(target.match)) output = output.split(target.match).join(target.replacement);
+			if (output.includes(target.spacedMatch)) output = output.split(target.spacedMatch).join(target.replacement);
+		}
+		return output;
+	};
+}
+function getLightningDefaultOptions(options) {
+	const customPropertiesFeature = options?.cssPresetEnv?.features?.["custom-properties"];
+	return {
+		cssPresetEnv: {
+			features: {
+				"cascade-layers": true,
+				"is-pseudo-class": { specificityMatchingName: "weapp-tw-ig" },
+				"oklab-function": true,
+				"color-mix": true,
+				"custom-properties": customPropertiesFeature !== void 0 ? customPropertiesFeature : options?.cssCalc ? { preserve: true } : false
+			},
+			autoprefixer: { add: false }
+		},
+		cssRemoveProperty: true,
+		cssRemoveHoverPseudoClass: true,
+		cssChildCombinatorReplaceValue: ["view", "text"],
+		cssSelectorReplacement: {
+			root: [
+				"page",
+				".tw-root",
+				"wx-root-portal-content"
+			],
+			universal: ["view", "text"]
+		}
+	};
+}
+function prepareStyleOptions(options) {
+	const merged = defuOverrideArray(options, getLightningDefaultOptions(options));
+	merged.cssInjectPreflight = createInjectPreflight(merged.cssPreflight);
+	return merged;
+}
+//#endregion
+//#region src/lightningcss/selector-utils.ts
+function createTypeSelector(name) {
+	return {
+		type: "type",
+		name
+	};
+}
+function cloneComponent(value) {
+	const structured = globalThis.structuredClone;
+	if (typeof structured === "function") return structured(value);
+	return JSON.parse(JSON.stringify(value));
+}
+function cloneComponents(list) {
+	return list.map(cloneComponent);
+}
+function normalizeNestedSelectors(selectors) {
+	if (!selectors) return;
+	if (Array.isArray(selectors)) {
+		if (selectors.length === 0) return [];
+		const first = selectors[0];
+		if (Array.isArray(first)) return selectors;
+		return [selectors];
+	}
+	return [selectors];
+}
+function assignNestedSelectors(target, value) {
+	if (!("selectors" in target)) return;
+	if (Array.isArray(target.selectors)) target.selectors = value ?? [];
+	else if (target.selectors && !Array.isArray(target.selectors)) target.selectors = value?.[0] ?? target.selectors;
+}
+function trimCombinators(components) {
+	let start = 0;
+	let end = components.length;
+	while (start < end && components[start]?.type === "combinator") start++;
+	while (end > start && components[end - 1]?.type === "combinator") end--;
+	return components.slice(start, end);
+}
+function matchesHiddenNot(component) {
+	if (!component || component.type !== "pseudo-class" || component.kind !== "not") return false;
+	const selectors = normalizeNestedSelectors(component.selectors);
+	if (!selectors || selectors.length !== 1) return false;
+	const [nestedSelector] = selectors;
+	if (!nestedSelector || nestedSelector.length !== 1) return false;
+	const [node] = nestedSelector;
+	if (!node) return false;
+	return node.type === "attribute" && node.name === "hidden" || node.type === "type" && node.name === "template";
+}
+//#endregion
+//#region src/lightningcss/selector-transform.ts
+function buildSelectorReplacement(value) {
+	if (!value) return null;
+	const targets = Array.isArray(value) ? value : [value];
+	if (!targets.length) return null;
+	if (targets.length === 1) return [createTypeSelector(targets[0])];
+	return [{
+		type: "pseudo-class",
+		kind: "is",
+		selectors: targets.map((name) => [createTypeSelector(name)])
+	}];
+}
+function buildChildCombinatorReplacement(options) {
+	const { cssChildCombinatorReplaceValue } = options;
+	if (!cssChildCombinatorReplaceValue) return;
+	const normalized = Array.isArray(cssChildCombinatorReplaceValue) ? cssChildCombinatorReplaceValue : [cssChildCombinatorReplaceValue];
+	if (!normalized.length) return;
+	const baseComponents = buildSelectorReplacement(normalized) ?? [createTypeSelector("view")];
+	const left = cloneComponents(baseComponents);
+	const right = cloneComponents(baseComponents);
+	return [
+		...left,
+		{
+			type: "combinator",
+			value: "next-sibling"
+		},
+		...right
+	];
+}
+function transformSelectorComponent(component, ctx, transformList) {
+	const { options } = ctx;
+	if (component.type === "class") {
+		const cloned = cloneComponent(component);
+		cloned.name = internalCssSelectorReplacer(component.name, { escapeMap: options.escapeMap });
+		return [cloned];
+	}
+	if (component.type === "universal") {
+		const replacement = buildSelectorReplacement(options.cssSelectorReplacement?.universal);
+		if (replacement) return cloneComponents(replacement);
+		return [cloneComponent(component)];
+	}
+	if (component.type === "type") {
+		if (options.uniAppX) return [];
+		return [cloneComponent(component)];
+	}
+	if (component.type === "attribute") {
+		if (options.uniAppX) return [];
+		return [cloneComponent(component)];
+	}
+	if (component.type === "combinator") return [cloneComponent(component)];
+	if (component.type === "pseudo-element") return [cloneComponent(component)];
+	if (component.type === "pseudo-class") {
+		if (component.kind === "hover" && options.cssRemoveHoverPseudoClass) return null;
+		if (component.kind === "root") {
+			const replacement = buildSelectorReplacement(options.cssSelectorReplacement?.root);
+			if (replacement) return cloneComponents(replacement);
+			return [cloneComponent(component)];
+		}
+		const cloned = cloneComponent(component);
+		if ("selectors" in cloned) {
+			const nestedSelectors = normalizeNestedSelectors(cloned.selectors);
+			if (nestedSelectors) assignNestedSelectors(cloned, transformList(nestedSelectors, ctx));
+		}
+		if (cloned.kind === "where" && options.uniAppX) cloned.kind = "is";
+		return [cloned];
+	}
+	return [cloneComponent(component)];
+}
+function transformSelector(selector, ctx, transformList) {
+	const { childCombinatorReplacement } = ctx;
+	const output = [];
+	for (let index = 0; index < selector.length; index++) {
+		const component = selector[index];
+		if (!component) continue;
+		if (component.type === "combinator" && component.value === "child" && childCombinatorReplacement) {
+			const next = selector[index + 1];
+			const combinator = selector[index + 2];
+			const third = selector[index + 3];
+			if (matchesHiddenNot(next) && combinator?.type === "combinator" && (combinator.value === "next-sibling" || combinator.value === "later-sibling") && matchesHiddenNot(third)) {
+				output.push(cloneComponent(component));
+				output.push(...cloneComponents(childCombinatorReplacement));
+				index += 3;
+				continue;
+			}
+		}
+		const replaced = transformSelectorComponent(component, ctx, transformList);
+		if (replaced === null) return null;
+		output.push(...replaced);
+	}
+	const trimmed = trimCombinators(output);
+	return trimmed.length > 0 ? trimmed : null;
+}
+function transformSelectorList(selectors, ctx) {
+	const result = [];
+	for (const selector of selectors) {
+		const transformed = transformSelector(selector, ctx, transformSelectorList);
+		if (transformed && transformed.length > 0) result.push(transformed);
+	}
+	return result;
+}
+function createVisitor(ctx) {
+	return {
+		Rule(rule) {
+			if (rule.type === "property" && ctx.options.cssRemoveProperty) return [];
+			if (rule.type !== "style") return rule;
+			const styleRule = rule.value;
+			if (!styleRule.selectors) return rule;
+			const selectors = transformSelectorList(styleRule.selectors, ctx);
+			if (!selectors.length) return [];
+			styleRule.selectors = selectors;
+			return rule;
+		},
+		RuleExit(rule) {
+			if (rule.type !== "style") return rule;
+			const styleRule = rule.value;
+			const hasValidSelectors = (styleRule.selectors ?? []).some((selector) => selector.length > 0);
+			const declarationCount = styleRule.declarations?.declarations?.length ?? 0;
+			if (!hasValidSelectors || ctx.options.uniAppX && declarationCount === 0) return [];
+			return rule;
+		}
+	};
+}
+//#endregion
+//#region src/lightningcss/index.ts
+const textDecoder = new TextDecoder();
+const defaultLightningFilename = "inline.css";
+function omitUndefined(value) {
+	const result = {};
+	for (const [key, item] of Object.entries(value)) if (item !== void 0) result[key] = item;
+	return result;
+}
+function createPreparedRuntime(options) {
+	const resolvedOptions = prepareStyleOptions(options);
+	const ctx = omitUndefined({
+		options: resolvedOptions,
+		childCombinatorReplacement: buildChildCombinatorReplacement(resolvedOptions)
+	});
+	return omitUndefined({
+		options: resolvedOptions,
+		replaceSpecificity: createRootSpecificityReplacer(resolvedOptions),
+		visitor: createVisitor(ctx)
+	});
+}
+function createLightningcssStyleHandler(options, config = {}) {
+	const baseRuntime = createPreparedRuntime(options);
+	const { transformOptions, filename } = config;
+	const transformOverrides = transformOptions ?? {};
+	return async (rawSource, overrideOptions) => {
+		const runtime = !overrideOptions || Object.keys(overrideOptions).length === 0 ? baseRuntime : createPreparedRuntime(defuOverrideArray(overrideOptions, baseRuntime.options));
+		const lightningResult = transform(omitUndefined({
+			filename: filename ?? defaultLightningFilename,
+			code: Buffer.from(rawSource),
+			visitor: runtime.visitor,
+			minify: false,
+			...transformOverrides
+		}));
+		const decodedCode = textDecoder.decode(lightningResult.code);
+		return omitUndefined({
+			code: runtime.replaceSpecificity ? runtime.replaceSpecificity(decodedCode) : decodedCode,
+			map: lightningResult.map ? textDecoder.decode(lightningResult.map) : void 0,
+			warnings: lightningResult.warnings
+		});
+	};
+}
+const defaultHandler = createLightningcssStyleHandler(void 0, { transformOptions: { minify: true } });
+async function transformCss(css = ".foo { color: red }") {
+	const result = await defaultHandler(typeof css === "string" ? css : css.toString());
+	return {
+		...result,
+		code: Buffer.from(result.code),
+		map: result.map ? Buffer.from(result.map) : void 0
+	};
+}
+//#endregion
+export { assignNestedSelectors as a, createTypeSelector as c, trimCombinators as d, createRootSpecificityReplacer as f, createVisitor as i, matchesHiddenNot as l, transformCss as n, cloneComponent as o, prepareStyleOptions as p, buildChildCombinatorReplacement as r, cloneComponents as s, createLightningcssStyleHandler as t, normalizeNestedSelectors as u };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@weapp-tailwindcss/experimental",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.2-next.1",
   "description": "@weapp-tailwindcss/experimental",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "ISC",
@@ -20,6 +20,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
+    },
+    "./lightningcss": {
+      "types": "./dist/lightningcss/index.d.ts",
+      "import": "./dist/lightningcss/index.mjs",
+      "require": "./dist/lightningcss/index.cjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -28,10 +33,18 @@
   "files": [
     "dist"
   ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "dependencies": {
+    "lightningcss": "^1.32.0",
+    "@weapp-tailwindcss/postcss": "3.0.0-next.7",
+    "@weapp-tailwindcss/shared": "1.1.3"
+  },
   "scripts": {
-    "dev": "unbuild --stub",
-    "build:watch": "unbuild --watch --sourcemap",
-    "build": "unbuild",
+    "dev": "tsdown --watch --sourcemap",
+    "build:watch": "tsdown --watch --sourcemap",
+    "build": "tsdown",
     "test": "vitest run",
     "test:dev": "vitest",
     "release": "pnpm publish",

package/dist/index.d.cts

@@ -1,2 +0,0 @@
-
-export { };

package/dist/index.d.mts

@@ -1,2 +0,0 @@
-
-export { };