weapp-tailwindcss 4.12.0 → 5.0.0-next.1

package/dist/generator-CZ-JXw6T.js

@@ -0,0 +1,492 @@
+const require_chunk = require("./chunk-8l464Juk.js");
+const require_patcher_options = require("./patcher-options-6gJN2EXy.js");
+let node_module = require("node:module");
+let postcss = require("postcss");
+postcss = require_chunk.__toESM(postcss);
+let _weapp_tailwindcss_postcss = require("@weapp-tailwindcss/postcss");
+let node_path = require("node:path");
+node_path = require_chunk.__toESM(node_path);
+let node_process = require("node:process");
+node_process = require_chunk.__toESM(node_process);
+let tailwindcss_config = require("tailwindcss-config");
+let tailwindcss_patch = require("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.default.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 = (0, _weapp_tailwindcss_postcss.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 = (0, node_module.createRequire)(`${source.cwd}/package.json`);
+	const requireFromRuntime = (0, node_module.createRequire)(require("url").pathToFileURL(__filename).href);
+	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 (0, postcss.default)([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 node_path.default.isAbsolute(value) ? value : node_path.default.resolve(base, value);
+}
+function resolveCssConfig(css, base) {
+	if (!css) return {
+		css,
+		config: void 0
+	};
+	const root = postcss.default.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 ?? node_process.default.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 require_patcher_options.resolveTailwindcssOptions(patcher.options)?.packageName ?? patcher.packageInfo?.name ?? "tailwindcss";
+}
+async function resolveTailwindV3Source(options = {}) {
+	const projectRoot = options.projectRoot ?? node_process.default.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 ? node_path.default.dirname(config) : projectRoot);
+	const loaded = await (0, tailwindcss_config.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 = require_patcher_options.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 = (0, _weapp_tailwindcss_postcss.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(source) {
+	const engine = (0, tailwindcss_patch.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 ?? node_process.default.cwd();
+}
+function readConfiguredV4Base(tailwindOptions) {
+	const v4 = tailwindOptions?.v4;
+	if (typeof v4 !== "object" || v4 === null) return;
+	return v4.configuredBase;
+}
+function resolveTailwindCssImportTarget(patcher) {
+	const configuredPackageName = require_patcher_options.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 = require_patcher_options.resolveTailwindcssOptions(patcher.options);
+	const configDir = tailwindOptions?.config ? node_path.default.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(options) {
+	return (0, tailwindcss_patch.resolveTailwindV4Source)(options);
+}
+async function resolveTailwindV4SourceFromPatcher(patcher) {
+	return (0, tailwindcss_patch.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(source);
+}
+async function resolveTailwindSourceFromPatcher(patcher) {
+	return patcher.majorVersion === 3 ? resolveTailwindV3SourceFromPatcher(patcher) : resolveTailwindV4SourceFromPatcher(patcher);
+}
+async function createWeappTailwindcssGeneratorFromPatcher(patcher) {
+	return createWeappTailwindcssGenerator(await resolveTailwindSourceFromPatcher(patcher));
+}
+//#endregion
+Object.defineProperty(exports, "createWeappTailwindcssGenerator", {
+	enumerable: true,
+	get: function() {
+		return createWeappTailwindcssGenerator;
+	}
+});
+Object.defineProperty(exports, "createWeappTailwindcssGeneratorFromPatcher", {
+	enumerable: true,
+	get: function() {
+		return createWeappTailwindcssGeneratorFromPatcher;
+	}
+});
+Object.defineProperty(exports, "normalizeWeappTailwindcssGeneratorOptions", {
+	enumerable: true,
+	get: function() {
+		return normalizeWeappTailwindcssGeneratorOptions;
+	}
+});
+Object.defineProperty(exports, "removeUnsupportedCascadeLayers", {
+	enumerable: true,
+	get: function() {
+		return removeUnsupportedCascadeLayers;
+	}
+});
+Object.defineProperty(exports, "resolveTailwindSourceFromPatcher", {
+	enumerable: true,
+	get: function() {
+		return resolveTailwindSourceFromPatcher;
+	}
+});
+Object.defineProperty(exports, "resolveTailwindV3Source", {
+	enumerable: true,
+	get: function() {
+		return resolveTailwindV3Source;
+	}
+});
+Object.defineProperty(exports, "resolveTailwindV3SourceFromPatcher", {
+	enumerable: true,
+	get: function() {
+		return resolveTailwindV3SourceFromPatcher;
+	}
+});
+Object.defineProperty(exports, "resolveTailwindV3SourceOptionsFromPatcher", {
+	enumerable: true,
+	get: function() {
+		return resolveTailwindV3SourceOptionsFromPatcher;
+	}
+});
+Object.defineProperty(exports, "resolveTailwindV4Source", {
+	enumerable: true,
+	get: function() {
+		return resolveTailwindV4Source;
+	}
+});
+Object.defineProperty(exports, "resolveTailwindV4SourceFromPatcher", {
+	enumerable: true,
+	get: function() {
+		return resolveTailwindV4SourceFromPatcher;
+	}
+});
+Object.defineProperty(exports, "resolveTailwindV4SourceOptionsFromPatcher", {
+	enumerable: true,
+	get: function() {
+		return resolveTailwindV4SourceOptionsFromPatcher;
+	}
+});
+Object.defineProperty(exports, "transformTailwindV3CssByTarget", {
+	enumerable: true,
+	get: function() {
+		return transformTailwindV3CssByTarget;
+	}
+});
+Object.defineProperty(exports, "transformTailwindV3CssToWeapp", {
+	enumerable: true,
+	get: function() {
+		return transformTailwindV3CssToWeapp;
+	}
+});
+Object.defineProperty(exports, "transformTailwindV4CssByTarget", {
+	enumerable: true,
+	get: function() {
+		return transformTailwindV4CssByTarget;
+	}
+});
+Object.defineProperty(exports, "transformTailwindV4CssToWeapp", {
+	enumerable: true,
+	get: function() {
+		return transformTailwindV4CssToWeapp;
+	}
+});