@dimina/compiler 1.0.16 → 1.1.0

package/dist/{env-p9Az8lv5.js → env-OH3--qg8.js}

@@ -2,6 +2,9 @@ import path from "node:path";
 import process from "node:process";
 import fs from "node:fs";
 import os from "node:os";
+import { parseSync } from "oxc-parser";
+import { walk } from "oxc-walker";
+import crypto from "node:crypto";
 //#region src/common/path-utils.js
 var WINDOWS_FS_PATH_RE = /^(?:[a-zA-Z]:[\\/]|\\\\)/;
 function isWindowsFsPath(targetPath) {
@@ -29,19 +32,6 @@ function getRelativePosixPath(targetPath, rootPath) {
 	return normalizeToPosixPath(targetPath).replace(normalizeToPosixPath(rootPath), "").replace(/^\//, "");
 }
 //#endregion
-//#region src/common/art.js
-var artCode = `
-██████╗ ██╗███╗   ███╗██╗███╗   ██╗ █████╗
-██╔══██╗██║████╗ ████║██║████╗  ██║██╔══██╗
-██║  ██║██║██╔████╔██║██║██╔██╗ ██║███████║
-██║  ██║██║██║╚██╔╝██║██║██║╚██╗██║██╔══██║
-██████╔╝██║██║ ╚═╝ ██║██║██║ ╚████║██║  ██║
-╚═════╝ ╚═╝╚═╝     ╚═╝╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝
-`;
-function art_default() {
-	console.log(artCode);
-}
-//#endregion
 //#region src/common/utils.js
 function hasCompileInfo(modulePath, list, preList) {
 	const mergeList = Array.isArray(preList) ? [...preList, ...list] : list;
@@ -58,19 +48,31 @@ function getAbsolutePath(workPath, pagePath, src) {
 	return path.resolve(workPath, relativePath, src);
 }
 var assetsMap = {};
+function isPathInside(rootPath, targetPath) {
+	const relativePath = path.relative(rootPath, targetPath);
+	return relativePath === "" || !relativePath.startsWith(`..${path.sep}`) && relativePath !== ".." && !path.isAbsolute(relativePath);
+}
+function resolveAssetSourcePath(workPath, pagePath, src) {
+	const projectRoot = path.resolve(workPath);
+	if (src.startsWith("/")) return path.resolve(projectRoot, `.${src}`);
+	const normalizedPagePath = path.resolve(pagePath);
+	const pageDirectory = path.isAbsolute(pagePath) && isPathInside(projectRoot, normalizedPagePath) ? path.dirname(normalizedPagePath) : path.resolve(projectRoot, path.dirname(pagePath.replace(/^[/\\]+/, "")));
+	const resolvedPath = path.resolve(pageDirectory, src);
+	if (isPathInside(projectRoot, resolvedPath)) return resolvedPath;
+	return path.resolve(projectRoot, src.replace(/^(?:\.\.[/\\])+/, ""));
+}
 /**
 * 将静态资源存储到 static 文件夹
 */
 function collectAssets(workPath, pagePath, src, targetPath, appId) {
 	if (src.startsWith("http") || src.startsWith("//")) return src;
 	if (!/\.(?:png|jpe?g|gif|svg)(?:\?.*)?$/.test(src)) return src;
-	const relativePath = pagePath.split("/").slice(0, -1).join("/");
-	const absolutePath = src.startsWith("/") ? workPath + src : path.resolve(workPath, relativePath, src);
+	const absolutePath = resolveAssetSourcePath(workPath, pagePath, src);
 	if (assetsMap[absolutePath]) return assetsMap[absolutePath];
 	try {
 		const ext = `.${src.split(".").pop()}`;
 		const dirPath = absolutePath.split(path.sep).slice(0, -1).join("/");
-		const prefix = uuid();
+		const prefix = uuid(dirPath);
 		const targetStatic = `${targetPath}/main/static`;
 		if (!fs.existsSync(targetStatic)) fs.mkdirSync(targetStatic, { recursive: true });
 		getFilesWithExtension(dirPath, ext).forEach((file) => {
@@ -96,15 +98,16 @@ function isString(o) {
 function transformRpx(styleText) {
 	if (!isString(styleText)) return styleText;
 	return styleText.replace(/([+-]?\d+(?:\.\d+)?)rpx/g, (_, pixel) => {
-		return `${Number(pixel)}rem`;
+		const viewportWidth = Number((Number(pixel) / 7.5).toFixed(6));
+		return `${Object.is(viewportWidth, -0) ? 0 : viewportWidth}vw`;
 	});
 }
-function uuid() {
-	return Math.random().toString(36).slice(2, 7);
+function uuid(str) {
+	return crypto.createHash("sha256").update(str).digest().readBigUInt64BE(0).toString(36);
 }
 var tagWhiteList = [
 	"page",
-	"wrapper",
+	"component-host",
 	"block",
 	"button",
 	"camera",
@@ -145,6 +148,24 @@ var tagWhiteList = [
 	"view",
 	"web-view"
 ];
+var miniProgramBuiltinTags = /* @__PURE__ */ new Set([
+	...tagWhiteList,
+	"canvas",
+	"match-media",
+	"page-container",
+	"share-element",
+	"editor",
+	"audio",
+	"channel-live",
+	"channel-video",
+	"live-player",
+	"live-pusher",
+	"voip-room",
+	"ad",
+	"ad-custom",
+	"official-account",
+	"xr-frame"
+]);
 //#endregion
 //#region src/common/npm-resolver.js
 /**
@@ -317,24 +338,119 @@ var NpmResolver = class {
 var pathInfo = {};
 var configInfo = {};
 var npmResolver = null;
+var DEFAULT_TEMPLATE_EXTS = [".wxml", ".ddml"];
+var DEFAULT_STYLE_EXTS = [
+	".wxss",
+	".ddss",
+	".less",
+	".scss",
+	".sass"
+];
+var DEFAULT_VIEW_SCRIPT_EXTS = [".wxs"];
+var DEFAULT_VIEW_SCRIPT_TAGS = ["wxs", "dds"];
+var CUSTOM_TAB_BAR_COMPONENT_PATH = "/custom-tab-bar/index";
+var STYLE_ISOLATION_VALUES = /* @__PURE__ */ new Set([
+	"isolated",
+	"apply-shared",
+	"shared"
+]);
+var RESERVED_EXTS = /* @__PURE__ */ new Set([
+	...DEFAULT_TEMPLATE_EXTS,
+	...DEFAULT_STYLE_EXTS,
+	...DEFAULT_VIEW_SCRIPT_EXTS,
+	".js",
+	".ts",
+	".json"
+]);
+var compilerOptions = normalizeFileTypes();
+/**
+* 将单项规范化为扩展名：去除首尾空白、转小写并补一个前导点。
+* 仅接受字母、数字、连字符和下划线；空字符串、路径分隔符或其他元字符
+* 均返回 null，由调用方丢弃。扩展名会用于生成尾部匹配正则和查找文件，
+* 放行元字符可能导致误匹配。
+*/
+function normalizeExt(raw) {
+	if (typeof raw !== "string") return null;
+	const v = raw.trim().toLowerCase().replace(/^\.+/, "");
+	if (!/^[a-z0-9_-]+$/.test(v)) return null;
+	return `.${v}`;
+}
+/**
+* 将单项规范化为内联标签名：去除首尾空白、转小写并移除前导点。
+* 标签名会用于拼接 Cheerio 选择器（如 transTagWxs），因此必须以字母开头，
+* 且只能包含字母、数字、连字符和下划线。拒绝选择器元字符，避免 'qds,view'
+* 误选并删除 <view>，破坏编译产物。
+*/
+function normalizeTag(raw) {
+	if (typeof raw !== "string") return null;
+	const v = raw.trim().toLowerCase().replace(/^\.+/, "");
+	if (!/^[a-z][a-z0-9_-]*$/.test(v)) return null;
+	return v;
+}
+/**
+* 合并并去重内置项和自定义项；内置项在前，顺序即同名文件的查找优先级。
+* 传入 reserved 时，落在其中的自定义项被丢弃（防止占用其他角色/逻辑/配置的扩展名）。
+*/
+function mergeUnique(builtins, custom, normalizer, reserved) {
+	const out = [...builtins];
+	const seen = new Set(builtins);
+	if (Array.isArray(custom)) for (const raw of custom) {
+		const n = normalizer(raw);
+		if (n && !seen.has(n) && !reserved?.has(n)) {
+			seen.add(n);
+			out.push(n);
+		}
+	}
+	return out;
+}
+/**
+* 根据 options.fileTypes 生成本次构建使用的自定义扩展名和标签。
+* viewScript 同时用于生成文件扩展名和内联标签。
+*/
+function normalizeFileTypes(fileTypes = {}) {
+	const ft = fileTypes || {};
+	return {
+		templateExts: mergeUnique(DEFAULT_TEMPLATE_EXTS, ft.template, normalizeExt, RESERVED_EXTS),
+		styleExts: mergeUnique(DEFAULT_STYLE_EXTS, ft.style, normalizeExt, RESERVED_EXTS),
+		viewScriptExts: mergeUnique(DEFAULT_VIEW_SCRIPT_EXTS, ft.viewScript, normalizeExt, RESERVED_EXTS),
+		viewScriptTags: mergeUnique(DEFAULT_VIEW_SCRIPT_TAGS, ft.viewScript, normalizeTag)
+	};
+}
 /**
 * 持久化编译过程的上下文
+* @param {string} workPath 编译工作目录
+* @param {{ fileTypes?: { template?: string[], style?: string[], viewScript?: string[] } }} [options] 构建选项
 */
-function storeInfo(workPath) {
+function storeInfo(workPath, options = {}) {
 	storePathInfo(workPath);
 	storeProjectConfig();
 	storeAppConfig();
 	storePageConfig();
+	compilerOptions = normalizeFileTypes(options.fileTypes);
 	return {
 		pathInfo,
-		configInfo
+		configInfo,
+		compilerOptions
 	};
 }
 function resetStoreInfo(opts) {
 	pathInfo = opts.pathInfo;
 	configInfo = opts.configInfo;
+	compilerOptions = opts.compilerOptions || normalizeFileTypes();
 	if (pathInfo.workPath) npmResolver = new NpmResolver(pathInfo.workPath);
 }
+function getTemplateExts() {
+	return compilerOptions.templateExts;
+}
+function getStyleExts() {
+	return compilerOptions.styleExts;
+}
+function getViewScriptExts() {
+	return compilerOptions.viewScriptExts;
+}
+function getViewScriptTags() {
+	return compilerOptions.viewScriptTags;
+}
 function storePathInfo(workPath) {
 	pathInfo.workPath = workPath;
 	if (process.env.TARGET_PATH) pathInfo.targetPath = process.env.TARGET_PATH;
@@ -394,6 +510,43 @@ function storePageConfig() {
 	if (subPackages) subPackages.forEach((subPkg) => {
 		collectionPageJson(subPkg.pages, subPkg.root);
 	});
+	storeCustomTabBarConfig();
+}
+/**
+* 微信会把 custom-tab-bar/index 作为每个 tab 页的直属组件创建。业务页面
+* 不需要在 usingComponents 中显式声明它，因此编译阶段补一个内部组件引用，
+* 让逻辑、视图和样式三个编译器都能沿现有依赖图收集该组件。
+*/
+function storeCustomTabBarConfig() {
+	const tabBar = configInfo.appInfo?.tabBar;
+	if (tabBar?.custom !== true || !Array.isArray(tabBar.list)) return;
+	const componentJsonPath = path.join(pathInfo.workPath, "custom-tab-bar/index.json");
+	if (!fs.existsSync(componentJsonPath)) {
+		console.warn("[env] tabBar.custom 已启用，但找不到 custom-tab-bar/index.json");
+		return;
+	}
+	const dependencyName = `dimina-${uuid(CUSTOM_TAB_BAR_COMPONENT_PATH)}`;
+	storeComponentConfig({ usingComponents: { [dependencyName]: CUSTOM_TAB_BAR_COMPONENT_PATH } }, path.join(pathInfo.workPath, "app.json"));
+	const componentConfig = configInfo.componentInfo[CUSTOM_TAB_BAR_COMPONENT_PATH];
+	if (componentConfig) componentConfig.customTabBar = true;
+	for (const item of tabBar.list) {
+		const pagePath = typeof item?.pagePath === "string" ? item.pagePath.replace(/^\/+/, "") : "";
+		if (!pagePath || !configInfo.appInfo.pages?.includes(pagePath)) continue;
+		const pageConfig = configInfo.pageInfo[pagePath] ||= {};
+		pageConfig.usingComponents ||= {};
+		const declaredComponents = {
+			...configInfo.appInfo.usingComponents || {},
+			...pageConfig.usingComponents
+		};
+		let componentName = Object.entries(declaredComponents).find(([, componentPath]) => componentPath === CUSTOM_TAB_BAR_COMPONENT_PATH)?.[0] || dependencyName;
+		let suffix = 0;
+		while (declaredComponents[componentName] && declaredComponents[componentName] !== CUSTOM_TAB_BAR_COMPONENT_PATH) {
+			suffix++;
+			componentName = `${dependencyName}-${suffix}`;
+		}
+		pageConfig.usingComponents[componentName] = CUSTOM_TAB_BAR_COMPONENT_PATH;
+		pageConfig.customTabBar = { componentName };
+	}
 }
 /**
 * 匹配页面和对应的配置信息
@@ -447,19 +600,65 @@ function storeComponentConfig(pageJsonContent, pageFilePath) {
 		}
 		const cUsing = cContent.usingComponents || {};
 		const isComponent = cContent.component || false;
+		const styleIsolation = resolveComponentStyleIsolation(cContent, componentFilePath);
 		const cComponents = Object.keys(cUsing).reduce((acc, key) => {
 			acc[key] = getModuleId(cUsing[key], componentFilePath);
 			return acc;
 		}, {});
 		configInfo.componentInfo[moduleId] = {
-			id: uuid(),
+			id: uuid(moduleId),
 			path: moduleId,
 			component: isComponent,
+			styleIsolation,
 			usingComponents: cComponents
 		};
 		if (cContent.usingComponents && Object.keys(cContent.usingComponents).length > 0) storeComponentConfig(configInfo.componentInfo[moduleId], componentFilePath);
 	}
 }
+function getStaticProperty(objectExpression, propertyName) {
+	if (objectExpression?.type !== "ObjectExpression") return;
+	return objectExpression.properties?.find((property) => {
+		if (property.type !== "Property" || property.computed) return false;
+		return property.key?.name === propertyName || property.key?.value === propertyName;
+	})?.value;
+}
+function normalizeStyleIsolation(value) {
+	return STYLE_ISOLATION_VALUES.has(value) ? value : void 0;
+}
+/**
+* styleIsolation can be declared either in component.json or in
+* Component({ options }). The style compiler must know it before service
+* runtime starts, so only statically-declared literal options participate.
+* addGlobalClass is the legacy equivalent of apply-shared.
+*/
+function resolveComponentStyleIsolation(componentConfig, componentJsonPath) {
+	const jsonValue = normalizeStyleIsolation(componentConfig?.styleIsolation);
+	if (jsonValue) return jsonValue;
+	const basePath = componentJsonPath.replace(/\.json$/i, "");
+	const scriptPath = [".js", ".ts"].map((ext) => `${basePath}${ext}`).find((candidate) => fs.existsSync(candidate));
+	if (!scriptPath) return "isolated";
+	try {
+		const { program } = parseSync(scriptPath, getContentByPath(scriptPath), { sourceType: "unambiguous" });
+		let extractedValue;
+		walk(program, { enter(expression) {
+			if (extractedValue) return;
+			if (expression?.type !== "CallExpression" || expression.callee?.type !== "Identifier" || expression.callee.name !== "Component") return;
+			const definition = expression.arguments?.[0];
+			const options = getStaticProperty(definition, "options");
+			const styleIsolation = getStaticProperty(options, "styleIsolation")?.value;
+			const normalized = normalizeStyleIsolation(styleIsolation);
+			if (normalized) {
+				extractedValue = normalized;
+				return;
+			}
+			if (getStaticProperty(options, "addGlobalClass")?.value === true) extractedValue = "apply-shared";
+		} });
+		if (extractedValue) return extractedValue;
+	} catch (error) {
+		console.warn(`[env] 无法解析组件样式隔离配置 ${scriptPath}: ${error.message}`);
+	}
+	return "isolated";
+}
 /**
 * 转化为相对小程序根目录的绝对路径，作为模块唯一性 id
 * 支持 npm 组件解析
@@ -525,9 +724,12 @@ function getPages() {
 			...pageComponents
 		};
 		return {
-			id: uuid(),
+			id: uuid(path),
 			path,
-			usingComponents: mergedComponents
+			appStyleScopeId: getAppStyleScopeId(),
+			sharedStyleScopeIds: collectSharedStyleScopeIds(mergedComponents),
+			usingComponents: mergedComponents,
+			customTabBar: pageInfo[path]?.customTabBar
 		};
 	});
 	const subPages = {};
@@ -544,9 +746,12 @@ function getPages() {
 					...pageComponents
 				};
 				return {
-					id: uuid(),
+					id: uuid(fullPath),
 					path: fullPath,
-					usingComponents: mergedComponents
+					appStyleScopeId: getAppStyleScopeId(),
+					sharedStyleScopeIds: collectSharedStyleScopeIds(mergedComponents),
+					usingComponents: mergedComponents,
+					customTabBar: pageInfo[fullPath]?.customTabBar
 				};
 			})
 		};
@@ -556,5 +761,22 @@ function getPages() {
 		subPages
 	};
 }
+function collectSharedStyleScopeIds(usingComponents) {
+	const result = [];
+	const visited = /* @__PURE__ */ new Set();
+	const visit = (componentPath) => {
+		if (visited.has(componentPath)) return;
+		visited.add(componentPath);
+		const component = configInfo.componentInfo[componentPath];
+		if (!component) return;
+		if (component.styleIsolation === "shared") result.push(component.id);
+		for (const childPath of Object.values(component.usingComponents || {})) visit(childPath);
+	};
+	for (const componentPath of Object.values(usingComponents || {})) visit(componentPath);
+	return result;
+}
+function getAppStyleScopeId() {
+	return uuid("app");
+}
 //#endregion
-export { tagWhiteList as _, getContentByPath as a, getPages as c, resetStoreInfo as d, resolveAppAlias as f, hasCompileInfo as g, getAbsolutePath as h, getComponent as i, getTargetPath as l, collectAssets as m, getAppId as n, getNpmResolver as o, storeInfo as p, getAppName as r, getPageConfigInfo as s, getAppConfigInfo as t, getWorkPath as u, transformRpx as v, art_default as y };
+export { tagWhiteList as C, miniProgramBuiltinTags as S, toMiniProgramModuleId as T, resolveAppAlias as _, getComponent as a, getAbsolutePath as b, getPageConfigInfo as c, getTargetPath as d, getTemplateExts as f, resetStoreInfo as g, getWorkPath as h, getAppStyleScopeId as i, getPages as l, getViewScriptTags as m, getAppId as n, getContentByPath as o, getViewScriptExts as p, getAppName as r, getNpmResolver as s, getAppConfigInfo as t, getStyleExts as u, storeInfo as v, transformRpx as w, hasCompileInfo as x, collectAssets as y };

package/dist/index.cjs

@@ -1,15 +1,70 @@
-const require_env = require("./env-Dmnqp9bD.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
+const require_env = require("./env-B4U3zZUm.cjs");
 let node_path = require("node:path");
-node_path = require_env.__toESM(node_path, 1);
+node_path = require_rolldown_runtime.__toESM(node_path, 1);
+let node_process = require("node:process");
+node_process = require_rolldown_runtime.__toESM(node_process, 1);
 let node_url = require("node:url");
 let node_worker_threads = require("node:worker_threads");
 let listr2 = require("listr2");
-let node_process = require("node:process");
-node_process = require_env.__toESM(node_process, 1);
 let node_fs = require("node:fs");
-node_fs = require_env.__toESM(node_fs, 1);
+node_fs = require_rolldown_runtime.__toESM(node_fs, 1);
 let node_os = require("node:os");
-node_os = require_env.__toESM(node_os, 1);
+node_os = require_rolldown_runtime.__toESM(node_os, 1);
+//#region src/common/compile-progress.js
+var DEFAULT_TERMINAL_COLUMNS = 80;
+var MIN_PROGRESS_WIDTH = 8;
+var MAX_PROGRESS_WIDTH = 28;
+var RENDERER_CHROME_WIDTH = 14;
+var PROGRESS_BRACKETS_WIDTH = 2;
+/**
+* Format worker progress without assuming a fixed terminal width.
+* The completed count remains the source of truth. Whole cells avoid the
+* visible gap that partial block glyphs leave before the unfilled section.
+*/
+function formatCompileProgress(completed, total, options = {}) {
+	const unicode = options.unicode ?? (0, listr2.isUnicodeSupported)();
+	const columns = normalizePositiveInteger(options.columns) || node_process.default.stdout.columns || DEFAULT_TERMINAL_COLUMNS;
+	const safeTotal = normalizePositiveInteger(total);
+	const safeCompleted = Math.min(normalizePositiveInteger(completed), safeTotal);
+	const ratio = safeTotal === 0 ? 0 : safeCompleted / safeTotal;
+	const percentage = Math.round(ratio * 100);
+	const separator = unicode ? "·" : "|";
+	const metadata = `${String(safeCompleted).padStart(String(safeTotal).length)}/${safeTotal} ${separator} ${String(percentage).padStart(3)}%`;
+	const availableWidth = columns - metadata.length - RENDERER_CHROME_WIDTH - PROGRESS_BRACKETS_WIDTH;
+	if (availableWidth < MIN_PROGRESS_WIDTH) return metadata;
+	const width = Math.min(availableWidth, MAX_PROGRESS_WIDTH);
+	return `[${unicode ? createUnicodeBar(ratio, width) : createAsciiBar(ratio, width)}]  ${metadata}`;
+}
+function createUnicodeBar(ratio, width) {
+	const completeWidth = Math.round(ratio * width);
+	const emptyWidth = width - completeWidth;
+	return `${"█".repeat(completeWidth)}${"░".repeat(emptyWidth)}`;
+}
+function createAsciiBar(ratio, width) {
+	const completeWidth = Math.floor(ratio * width);
+	const showHead = ratio > 0 && ratio < 1;
+	const bodyWidth = Math.max(0, completeWidth - (showHead ? 1 : 0));
+	const emptyWidth = width - bodyWidth - (showHead ? 1 : 0);
+	return `${"=".repeat(bodyWidth)}${showHead ? ">" : ""}${"-".repeat(emptyWidth)}`;
+}
+function normalizePositiveInteger(value) {
+	return Number.isFinite(value) ? Math.max(0, Math.trunc(value)) : 0;
+}
+//#endregion
+//#region src/common/art.js
+var artCode = `
+██████╗ ██╗███╗   ███╗██╗███╗   ██╗ █████╗
+██╔══██╗██║████╗ ████║██║████╗  ██║██╔══██╗
+██║  ██║██║██╔████╔██║██║██╔██╗ ██║███████║
+██║  ██║██║██║╚██╔╝██║██║██║╚██╗██║██╔══██║
+██████╔╝██║██║ ╚═╝ ██║██║██║ ╚████║██║  ██║
+╚═════╝ ╚═╝╚═╝     ╚═╝╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝
+`;
+function art_default() {
+	console.log(artCode);
+}
+//#endregion
 //#region src/common/publish.js
 function createDist() {
 	const distPath = require_env.getTargetPath();
@@ -191,13 +246,10 @@ var NpmBuilder = class {
 		const miniprogramExts = [
 			".js",
 			".json",
-			".wxml",
-			".wxss",
-			".wxs",
 			".ts",
-			".less",
-			".scss",
-			".styl"
+			...require_env.getTemplateExts(),
+			...require_env.getStyleExts(),
+			...require_env.getViewScriptExts()
 		];
 		const ext = node_path.default.extname(filename).toLowerCase();
 		return miniprogramExts.includes(ext) || filename === "package.json" || filename === "README.md" || filename.startsWith(".");
@@ -312,26 +364,32 @@ function compileConfig() {
 //#endregion
 //#region src/index.js
 var isPrinted = false;
+var previousCompatibilityWarnings = /* @__PURE__ */ new Map();
 /**
 * 构建命令入口
 * @param {string} targetPath 编译产物目标路径
 * @param {string} workPath 编译工作目录
-* @param {boolean} useAppIdDir 产物根目录是否包含appId
+* @param {boolean} useAppIdDir 产物根目录是否包含 appId
+* @param {object} [options] 构建选项
+* @param {boolean} [options.sourcemap] 是否生成 sourcemap
+* @param {{ template?: string[], style?: string[], viewScript?: string[] }} [options.fileTypes]
+*   自定义文件类型，在内置 wx/dd 类型基础上追加；template 为模板扩展名，style 为样式扩展名，
+*   viewScript 为视图脚本扩展名和内联标签名
 */
 async function build(targetPath, workPath, useAppIdDir = true, options = {}) {
-	const { sourcemap = false } = options;
+	const { sourcemap = false, fileTypes } = options;
 	if (!isPrinted) {
-		require_env.art_default();
+		art_default();
 		isPrinted = true;
 	}
 	const tasks = new listr2.Listr([
 		{
-			title: "准备项目编译环境",
+			title: "初始化项目",
 			task: (_, task) => task.newListr([
 				{
 					title: "收集配置信息",
 					task: (ctx) => {
-						ctx.storeInfo = require_env.storeInfo(workPath);
+						ctx.storeInfo = require_env.storeInfo(workPath, { fileTypes });
 					}
 				},
 				{
@@ -355,29 +413,42 @@ async function build(targetPath, workPath, useAppIdDir = true, options = {}) {
 			], { concurrent: false })
 		},
 		{
-			title: `开始编译:${workPath.split("/").pop()}`,
+			title: `编译项目 · ${node_path.default.basename(node_path.default.resolve(workPath))}`,
 			task: (ctx, task) => {
 				const pages = require_env.getPages();
 				ctx.pages = pages;
+				ctx.compatibilityWarnings = /* @__PURE__ */ new Set();
 				return task.newListr([
 					{
-						title: "编译页面文件",
+						title: "编译视图",
+						rendererOptions: {
+							outputBar: true,
+							persistentOutput: false
+						},
 						task: async (ctx, task) => {
 							return runCompileInWorker("view", ctx, task, { sourcemap });
 						}
 					},
 					{
-						title: "编译页面逻辑",
+						title: "编译逻辑",
+						rendererOptions: {
+							outputBar: true,
+							persistentOutput: false
+						},
 						task: async (ctx, task) => {
 							return runCompileInWorker("logic", ctx, task, { sourcemap });
 						}
 					},
 					{
-						title: "编译样式文件",
+						title: "编译样式",
+						rendererOptions: {
+							outputBar: true,
+							persistentOutput: false
+						},
 						task: async (ctx, task) => {
 							pages.mainPages.unshift({
 								path: "app",
-								id: ""
+								id: require_env.getAppStyleScopeId()
 							});
 							return runCompileInWorker("style", ctx, task, { sourcemap });
 						}
@@ -386,14 +457,23 @@ async function build(targetPath, workPath, useAppIdDir = true, options = {}) {
 			}
 		},
 		{
-			title: "输出编译产物",
+			title: "写入编译产物",
 			task: () => {
 				publishToDist(targetPath, useAppIdDir);
 			}
 		}
-	], { concurrent: false });
+	], {
+		concurrent: false,
+		rendererOptions: {
+			collapseSubtasks: true,
+			formatOutput: "truncate",
+			timer: listr2.PRESET_TIMER
+		},
+		fallbackRendererOptions: { timer: listr2.PRESET_TIMER }
+	});
 	try {
 		const context = await tasks.run();
+		printCompatibilityWarnings(workPath, context.compatibilityWarnings);
 		return {
 			appId: require_env.getAppId(),
 			name: require_env.getAppName(),
@@ -422,16 +502,12 @@ function runCompileInWorker(script, ctx, task, options = {}) {
 		});
 		worker.on("message", (message) => {
 			try {
-				if (message.completedTasks) {
-					const progress = message.completedTasks / totalTasks;
-					const percentage = progress * 100;
-					const barLength = 30;
-					const filledLength = Math.ceil(barLength * progress);
-					task.output = `[${"█".repeat(filledLength) + "░".repeat(barLength - filledLength)}] ${percentage.toFixed(2)}%`;
-				}
+				for (const warning of message.compatibilityWarnings || []) ctx.compatibilityWarnings.add(warning);
+				if (node_process.default.stdout.isTTY && message.completedTasks !== void 0) task.output = formatCompileProgress(message.completedTasks, totalTasks);
 				if (message.success) {
 					if (isResolved) return;
 					isResolved = true;
+					if (node_process.default.stdout.isTTY && totalTasks > 0) task.output = formatCompileProgress(totalTasks, totalTasks);
 					worker.terminate();
 					resolve();
 				} else if (message.error) {
@@ -450,9 +526,25 @@ function runCompileInWorker(script, ctx, task, options = {}) {
 			handleError(err);
 		});
 		worker.on("exit", (code) => {
-			if (code !== 0 && !isResolved) handleError(workerError || /* @__PURE__ */ new Error(code === 1 ? "Worker terminated due to reaching memory limit: JS heap out of memory" : `Worker stopped with exit code ${code}`));
+			if (code !== 0 && !isResolved) {
+				const error = workerError || /* @__PURE__ */ new Error(code === 1 ? "Worker terminated due to reaching memory limit: JS heap out of memory" : `Worker stopped with exit code ${code}`);
+				handleError(error);
+			}
 		});
 	}));
 }
+function printCompatibilityWarnings(workPath, warnings = /* @__PURE__ */ new Set()) {
+	const projectPath = node_path.default.resolve(workPath);
+	const hasPreviousResult = previousCompatibilityWarnings.has(projectPath);
+	const previousWarnings = previousCompatibilityWarnings.get(projectPath) || /* @__PURE__ */ new Set();
+	const currentWarnings = new Set(warnings);
+	const newWarnings = [...currentWarnings].filter((warning) => !previousWarnings.has(warning));
+	previousCompatibilityWarnings.set(projectPath, currentWarnings);
+	if (newWarnings.length === 0) return;
+	const qualifier = hasPreviousResult ? " new" : "";
+	const suffix = newWarnings.length === 1 ? "" : "s";
+	console.warn(`\n[compat] ${newWarnings.length}${qualifier} compatibility warning${suffix}`);
+	for (const warning of newWarnings) console.warn(`  - ${warning.replace(/^\[compat\]\s*/, "")}`);
+}
 //#endregion
 module.exports = build;