weapp-tailwindcss 4.12.0 → 5.0.0-next.1

package/dist/generator-Dwxgra97.mjs

@@ -0,0 +1,399 @@
+import { r as resolveTailwindcssOptions } from "./patcher-options-DQfR5xxT.mjs";
+import { createRequire } from "node:module";
+import postcss from "postcss";
+import { createStyleHandler } from "@weapp-tailwindcss/postcss";
+import path from "node:path";
+import process from "node:process";
+import { loadConfig } from "tailwindcss-config";
+import { createTailwindV4Engine, loadTailwindV4DesignSystem, resolveTailwindV4Source, resolveTailwindV4SourceFromPatchOptions } from "tailwindcss-patch";
+//#region src/tailwindcss/remove-unsupported-css.ts
+/**
+* 移除小程序不支持的 cascade layer 语法，同时保留 layer 内的实际规则。
+*/
+function removeUnsupportedCascadeLayers(root) {
+	root.walkAtRules("layer", (atRule) => {
+		if (!atRule.nodes || atRule.nodes.length === 0) {
+			atRule.remove();
+			return;
+		}
+		atRule.replaceWith(...atRule.nodes);
+	});
+}
+//#endregion
+//#region src/tailwindcss/miniprogram.ts
+const DEFAULT_WEAPP_VARIABLE_SCOPE = "page,.tw-root,wx-root-portal-content,:host";
+const CLASS_SELECTOR_RE = /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i;
+const PSEUDO_CONTENT_SELECTOR_RE = /^(?:::before|::after|:before|:after)(?:,(?:::before|::after|:before|:after))*$/;
+function hasClassSelector(selector) {
+	return CLASS_SELECTOR_RE.test(selector);
+}
+function isCustomPropertyRule(rule) {
+	let hasDeclaration = false;
+	let allCustomProperties = true;
+	rule.walkDecls((decl) => {
+		hasDeclaration = true;
+		if (!decl.prop.startsWith("--")) allCustomProperties = false;
+	});
+	return hasDeclaration && allCustomProperties;
+}
+function isPseudoContentInitRule(rule) {
+	const selector = rule.selector.replace(/\s+/g, "");
+	if (!PSEUDO_CONTENT_SELECTOR_RE.test(selector)) return false;
+	let hasDeclaration = false;
+	let onlyContentVariable = true;
+	rule.walkDecls((decl) => {
+		hasDeclaration = true;
+		if (decl.prop !== "--tw-content") onlyContentVariable = false;
+	});
+	return hasDeclaration && onlyContentVariable;
+}
+/**
+* 裁剪 Tailwind 生成 CSS 中面向浏览器的 classless 规则。
+*
+* 生成模式面向小程序时只需要保留业务 utility 与 Tailwind 变量初始化；
+* 浏览器元素 reset、表单伪元素等 classless 规则不适合直接输出到小程序。
+*/
+function pruneMiniProgramGeneratedCss(css) {
+	const root = postcss.parse(css);
+	root.walkComments((comment) => {
+		comment.remove();
+	});
+	removeUnsupportedCascadeLayers(root);
+	root.walkAtRules("supports", (atRule) => {
+		atRule.remove();
+	});
+	root.walkRules((rule) => {
+		if (hasClassSelector(rule.selector)) return;
+		if (isPseudoContentInitRule(rule)) return;
+		if (isCustomPropertyRule(rule)) {
+			rule.selector = DEFAULT_WEAPP_VARIABLE_SCOPE;
+			return;
+		}
+		rule.remove();
+	});
+	root.walkAtRules((atRule) => {
+		if (!atRule.nodes || atRule.nodes.length === 0) atRule.remove();
+	});
+	return root.toString();
+}
+//#endregion
+//#region src/tailwindcss/v3-engine/miniprogram.ts
+const defaultStyleHandler$1 = createStyleHandler({
+	cssChildCombinatorReplaceValue: ["view", "text"],
+	cssRemoveHoverPseudoClass: true,
+	isMainChunk: true,
+	majorVersion: 3
+});
+async function transformTailwindV3CssToWeapp(css, options) {
+	return pruneMiniProgramGeneratedCss((await defaultStyleHandler$1(css, {
+		cssChildCombinatorReplaceValue: ["view", "text"],
+		cssRemoveHoverPseudoClass: true,
+		isMainChunk: true,
+		majorVersion: 3,
+		...options
+	})).css);
+}
+async function transformTailwindV3CssByTarget(css, target, options) {
+	return target === "weapp" ? transformTailwindV3CssToWeapp(css, options) : css;
+}
+//#endregion
+//#region src/tailwindcss/v3-engine/generator.ts
+function isLegacyContentObject(value) {
+	return typeof value === "object" && value !== null && "files" in value;
+}
+function createRawContentEntries(candidates, sources) {
+	const entries = [];
+	const candidateContent = [...candidates].join(" ");
+	if (candidateContent.length > 0) entries.push({
+		raw: candidateContent,
+		extension: "html"
+	});
+	for (const source of sources) entries.push({
+		raw: source.content,
+		extension: source.extension ?? "html"
+	});
+	return entries;
+}
+function mergeContent(content, rawEntries) {
+	if (isLegacyContentObject(content)) return {
+		...content,
+		relative: content.relative ?? true,
+		files: [...[].concat(content.files ?? []), ...rawEntries]
+	};
+	return {
+		relative: true,
+		files: [...[].concat(content ?? []), ...rawEntries]
+	};
+}
+function normalizeConfigObject(config) {
+	if (!config || typeof config !== "object") return config;
+	const maybeDefault = config.default;
+	if (maybeDefault && typeof maybeDefault === "object") return maybeDefault;
+	return config;
+}
+function createTailwindConfig(source, options) {
+	const config = { ...normalizeConfigObject(source.configObject) ?? {} };
+	const rawEntries = createRawContentEntries(options.candidates ?? [], options.sources ?? []);
+	config.content = mergeContent(config.content, rawEntries);
+	return config;
+}
+function loadTailwindcssPlugin(source) {
+	const requireFromProject = createRequire(`${source.cwd}/package.json`);
+	const requireFromRuntime = createRequire(import.meta.url);
+	let plugin;
+	try {
+		plugin = requireFromProject(source.postcssPlugin);
+	} catch {
+		plugin = requireFromRuntime(source.postcssPlugin);
+	}
+	return typeof plugin === "function" ? plugin : plugin.default;
+}
+function collectClassSet(plugin) {
+	const classSet = /* @__PURE__ */ new Set();
+	for (const context of plugin.contextRef?.value ?? []) for (const candidate of context.classCache?.keys() ?? []) if (candidate !== "*") classSet.add(candidate);
+	return classSet;
+}
+function collectDependencyMessages(result) {
+	const dependencies = /* @__PURE__ */ new Set();
+	for (const message of result.messages) if (message.type === "dependency" && typeof message.file === "string") dependencies.add(message.file);
+	return dependencies;
+}
+function createTailwindV3Engine(source) {
+	async function generate(options = {}) {
+		const { styleOptions, target = "weapp" } = options;
+		const tailwindcss = loadTailwindcssPlugin(source);
+		const result = await postcss([tailwindcss(createTailwindConfig(source, options))]).process(source.css, { from: void 0 });
+		const rawCss = result.css;
+		const css = await transformTailwindV3CssByTarget(rawCss, target, styleOptions);
+		const dependencies = collectDependencyMessages(result);
+		for (const dependency of source.dependencies) dependencies.add(dependency);
+		return {
+			css,
+			rawCss,
+			classSet: collectClassSet(tailwindcss),
+			rawCandidates: new Set(options.candidates ?? []),
+			dependencies: [...dependencies],
+			sources: [],
+			root: null,
+			target,
+			version: 3
+		};
+	}
+	return {
+		source,
+		async validateCandidates(candidates) {
+			return (await generate({
+				candidates,
+				target: "tailwind"
+			})).classSet;
+		},
+		generate
+	};
+}
+//#endregion
+//#region src/tailwindcss/v3-engine/source.ts
+const DEFAULT_TAILWIND_V3_CSS = [
+	"@tailwind base;",
+	"@tailwind components;",
+	"@tailwind utilities;"
+].join("\n");
+function parseConfigParam(params) {
+	const value = params.trim();
+	return /^(['"])(.+)\1$/.exec(value)?.[2];
+}
+function resolveOptionalPath(value, base) {
+	if (!value) return;
+	return path.isAbsolute(value) ? value : path.resolve(base, value);
+}
+function resolveCssConfig(css, base) {
+	if (!css) return {
+		css,
+		config: void 0
+	};
+	const root = postcss.parse(css);
+	let config;
+	root.walkAtRules("config", (rule) => {
+		const configPath = parseConfigParam(rule.params);
+		if (!configPath) return;
+		if (!config) config = resolveOptionalPath(configPath, base);
+		rule.remove();
+	});
+	return {
+		config,
+		css: root.toString()
+	};
+}
+function getProjectRoot$1(patcher) {
+	return patcher.options?.projectRoot ?? process.cwd();
+}
+function normalizeLoadedConfig(config) {
+	if (!config || typeof config !== "object") return config;
+	const maybeDefault = config.default;
+	if (maybeDefault && typeof maybeDefault === "object") return maybeDefault;
+	return config;
+}
+function resolveTailwindCssPackageName(patcher) {
+	return resolveTailwindcssOptions(patcher.options)?.packageName ?? patcher.packageInfo?.name ?? "tailwindcss";
+}
+async function resolveTailwindV3Source(options = {}) {
+	const projectRoot = options.projectRoot ?? process.cwd();
+	const base = options.base ?? options.cwd ?? projectRoot;
+	const cssConfig = resolveCssConfig(options.css, base);
+	const config = resolveOptionalPath(options.config, base) ?? cssConfig.config;
+	const cwd = options.cwd ?? (config ? path.dirname(config) : projectRoot);
+	const loaded = await loadConfig({
+		config,
+		cwd
+	});
+	return {
+		version: 3,
+		projectRoot,
+		cwd,
+		base,
+		css: cssConfig.css ?? options.css ?? DEFAULT_TAILWIND_V3_CSS,
+		config: loaded?.filepath ?? config,
+		configObject: normalizeLoadedConfig(loaded?.config),
+		dependencies: loaded?.filepath ? [loaded.filepath] : [],
+		packageName: options.packageName ?? "tailwindcss",
+		postcssPlugin: options.postcssPlugin ?? options.packageName ?? "tailwindcss"
+	};
+}
+function resolveTailwindV3SourceOptionsFromPatcher(patcher) {
+	const projectRoot = getProjectRoot$1(patcher);
+	const tailwindOptions = resolveTailwindcssOptions(patcher.options);
+	return {
+		projectRoot,
+		cwd: tailwindOptions?.v3?.cwd ?? tailwindOptions?.cwd ?? projectRoot,
+		config: tailwindOptions?.v3?.config ?? tailwindOptions?.config,
+		packageName: resolveTailwindCssPackageName(patcher),
+		postcssPlugin: tailwindOptions?.v3?.postcssPlugin ?? tailwindOptions?.postcssPlugin
+	};
+}
+function resolveTailwindV3SourceFromPatcher(patcher) {
+	return resolveTailwindV3Source(resolveTailwindV3SourceOptionsFromPatcher(patcher));
+}
+//#endregion
+//#region src/tailwindcss/v4-engine/miniprogram.ts
+const defaultStyleHandler = createStyleHandler({
+	cssChildCombinatorReplaceValue: ["view", "text"],
+	cssRemoveHoverPseudoClass: true,
+	isMainChunk: true,
+	majorVersion: 4
+});
+async function transformTailwindV4CssToWeapp(css, options) {
+	return pruneMiniProgramGeneratedCss((await defaultStyleHandler(css, {
+		cssChildCombinatorReplaceValue: ["view", "text"],
+		cssRemoveHoverPseudoClass: true,
+		isMainChunk: true,
+		majorVersion: 4,
+		...options
+	})).css);
+}
+async function transformTailwindV4CssByTarget(css, target, options) {
+	return target === "weapp" ? transformTailwindV4CssToWeapp(css, options) : css;
+}
+//#endregion
+//#region src/tailwindcss/v4-engine/generator.ts
+function createTailwindV4Engine$1(source) {
+	const engine = createTailwindV4Engine(source);
+	async function generate(options = {}) {
+		const { styleOptions, target = "weapp", ...patchOptions } = options;
+		const result = await engine.generate({
+			scanSources: true,
+			...patchOptions
+		});
+		const rawCss = result.css;
+		const css = await transformTailwindV4CssByTarget(rawCss, target, styleOptions);
+		return {
+			...result,
+			css,
+			rawCss,
+			target
+		};
+	}
+	return {
+		source,
+		loadDesignSystem: engine.loadDesignSystem,
+		validateCandidates: engine.validateCandidates,
+		generate
+	};
+}
+//#endregion
+//#region src/tailwindcss/v4-engine/source.ts
+function isPostcssPluginImportTarget(value) {
+	if (!value) return false;
+	return value === "@tailwindcss/postcss" || value === "@tailwindcss/postcss7-compat" || value.includes("/postcss");
+}
+function uniqueDefined(values) {
+	return [...new Set(values.filter((value) => typeof value === "string" && value.length > 0))];
+}
+function getProjectRoot(patcher) {
+	return patcher.options?.projectRoot ?? process.cwd();
+}
+function readConfiguredV4Base(tailwindOptions) {
+	const v4 = tailwindOptions?.v4;
+	if (typeof v4 !== "object" || v4 === null) return;
+	return v4.configuredBase;
+}
+function resolveTailwindCssImportTarget(patcher) {
+	const configuredPackageName = resolveTailwindcssOptions(patcher.options)?.packageName;
+	if (typeof configuredPackageName === "string" && configuredPackageName.length > 0 && !isPostcssPluginImportTarget(configuredPackageName)) return configuredPackageName;
+	const packageName = patcher.packageInfo?.name;
+	if (typeof packageName === "string" && packageName.length > 0 && !isPostcssPluginImportTarget(packageName)) return packageName;
+	return "tailwindcss";
+}
+function resolveTailwindV4SourceOptionsFromPatcher(patcher) {
+	const projectRoot = getProjectRoot(patcher);
+	const tailwindOptions = resolveTailwindcssOptions(patcher.options);
+	const configDir = tailwindOptions?.config ? path.dirname(tailwindOptions.config) : void 0;
+	const configuredBase = readConfiguredV4Base(tailwindOptions);
+	const hasCssEntries = Boolean(tailwindOptions?.v4?.cssEntries?.length);
+	return {
+		projectRoot,
+		base: configuredBase ?? (hasCssEntries ? void 0 : tailwindOptions?.v4?.base),
+		baseFallbacks: uniqueDefined([tailwindOptions?.cwd, configDir]),
+		css: tailwindOptions?.v4?.css,
+		cssEntries: tailwindOptions?.v4?.cssEntries,
+		sources: tailwindOptions?.v4?.sources,
+		packageName: resolveTailwindCssImportTarget(patcher)
+	};
+}
+function resolveTailwindV4Source$1(options) {
+	return resolveTailwindV4Source(options);
+}
+async function resolveTailwindV4SourceFromPatcher(patcher) {
+	return resolveTailwindV4Source(resolveTailwindV4SourceOptionsFromPatcher(patcher));
+}
+//#endregion
+//#region src/generator/options.ts
+function normalizeWeappTailwindcssGeneratorOptions(options) {
+	if (options === false) return {
+		mode: "off",
+		target: "weapp"
+	};
+	if (options === true || options == null) return {
+		mode: "auto",
+		target: "weapp"
+	};
+	return {
+		mode: options.mode ?? "auto",
+		target: options.target ?? "weapp",
+		styleOptions: options.styleOptions
+	};
+}
+//#endregion
+//#region src/generator/index.ts
+function isTailwindV3Source(source) {
+	return "version" in source && source.version === 3;
+}
+function createWeappTailwindcssGenerator(source) {
+	return isTailwindV3Source(source) ? createTailwindV3Engine(source) : createTailwindV4Engine$1(source);
+}
+async function resolveTailwindSourceFromPatcher(patcher) {
+	return patcher.majorVersion === 3 ? resolveTailwindV3SourceFromPatcher(patcher) : resolveTailwindV4SourceFromPatcher(patcher);
+}
+async function createWeappTailwindcssGeneratorFromPatcher(patcher) {
+	return createWeappTailwindcssGenerator(await resolveTailwindSourceFromPatcher(patcher));
+}
+//#endregion
+export { removeUnsupportedCascadeLayers as _, resolveTailwindV4Source$1 as a, resolveTailwindV4SourceOptionsFromPatcher as c, loadTailwindV4DesignSystem as d, resolveTailwindV3Source as f, transformTailwindV3CssToWeapp as g, transformTailwindV3CssByTarget as h, normalizeWeappTailwindcssGeneratorOptions as i, transformTailwindV4CssByTarget as l, resolveTailwindV3SourceOptionsFromPatcher as m, createWeappTailwindcssGeneratorFromPatcher as n, resolveTailwindV4SourceFromPatchOptions as o, resolveTailwindV3SourceFromPatcher as p, resolveTailwindSourceFromPatcher as r, resolveTailwindV4SourceFromPatcher as s, createWeappTailwindcssGenerator as t, transformTailwindV4CssToWeapp as u };