@dimina/compiler 1.0.14-beta.0 → 1.0.14

package/dist/core/view-compiler.cjs

@@ -1,18 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_env = require("../env-M-7lpbHL.cjs");
+const require_compatibility = require("../compatibility-DCnJNS-s.cjs");
 let node_path = require("node:path");
 node_path = require_env.__toESM(node_path, 1);
 let node_worker_threads = require("node:worker_threads");
 let node_fs = require("node:fs");
 node_fs = require_env.__toESM(node_fs, 1);
-let _babel_core = require("@babel/core");
-_babel_core = require_env.__toESM(_babel_core, 1);
-let _babel_traverse = require("@babel/traverse");
-_babel_traverse = require_env.__toESM(_babel_traverse, 1);
-let _babel_types = require("@babel/types");
-_babel_types = require_env.__toESM(_babel_types, 1);
-let _babel_generator = require("@babel/generator");
-_babel_generator = require_env.__toESM(_babel_generator, 1);
+let oxc_parser = require("oxc-parser");
+let oxc_walker = require("oxc-walker");
+let magic_string = require("magic-string");
+magic_string = require_env.__toESM(magic_string, 1);
 let _vue_compiler_sfc = require("@vue/compiler-sfc");
 let cheerio = require("cheerio");
 cheerio = require_env.__toESM(cheerio, 1);
@@ -21,9 +18,8 @@ let htmlparser2 = require("htmlparser2");
 htmlparser2 = require_env.__toESM(htmlparser2, 1);
 //#region src/common/expression-parser.js
 /**
-* 表达式解析器 - 使用 Babel AST 解析器提取依赖
+* 表达式解析器 - 使用 Oxc AST 解析器提取依赖
 */
-var traverse$1 = _babel_traverse.default.default ? _babel_traverse.default.default : _babel_traverse.default;
 var KEYWORDS = new Set([
 	"true",
 	"false",
@@ -57,7 +53,7 @@ var KEYWORDS = new Set([
 ]);
 /**
 * 提取表达式中的所有变量依赖路径
-* 使用 Babel AST 解析器进行精确分析
+* 使用 Oxc AST 解析器进行精确分析
 * @param {string} expression - 表达式字符串，如 "count || defaultValue" 或 "item.name"
 * @returns {Array<string>} - 依赖的变量名数组，如 ["count", "defaultValue"] 或 ["item"]
 */
@@ -65,36 +61,42 @@ function extractDependencies(expression) {
 	if (!expression || typeof expression !== "string") return [];
 	const dependencies = /* @__PURE__ */ new Set();
 	try {
-		const code = `(${expression})`;
-		traverse$1(_babel_core.default.parseSync(code, {
+		const ast = (0, oxc_parser.parseSync)("expression.js", `(${expression})`, {
 			sourceType: "module",
-			plugins: []
-		}), {
-			Identifier(path) {
-				const name = path.node.name;
-				if (KEYWORDS.has(name)) return;
-				const parent = path.parent;
-				if (parent.type === "MemberExpression" && parent.property === path.node && !parent.computed) return;
-				if (parent.type === "CallExpression" && parent.callee === path.node) {
-					dependencies.add(name);
-					return;
-				}
-				if (parent.type === "ObjectProperty" && parent.key === path.node && !parent.computed) return;
-				dependencies.add(name);
-			},
-			MemberExpression(path) {
-				let root = path.node.object;
-				while (root.type === "MemberExpression") root = root.object;
-				if (root.type === "Identifier" && !KEYWORDS.has(root.name)) dependencies.add(root.name);
-				path.skip();
-			}
-		});
+			lang: "js"
+		}).program;
+		visitExpressionAst(ast, null, dependencies);
 	} catch (error) {
 		console.warn("[expression-parser] AST 解析失败，表达式:", expression, "错误:", error.message);
 		return [];
 	}
 	return Array.from(dependencies);
 }
+function visitExpressionAst(node, parent, dependencies) {
+	if (!node || typeof node !== "object") return;
+	if (node.type === "Identifier") {
+		collectIdentifier(node, parent, dependencies);
+		return;
+	}
+	if (node.type === "MemberExpression") {
+		let root = node.object;
+		while (root?.type === "MemberExpression" || root?.type === "ChainExpression") root = root.type === "ChainExpression" ? root.expression : root.object;
+		if (root?.type === "Identifier" && !KEYWORDS.has(root.name)) dependencies.add(root.name);
+		return;
+	}
+	for (const [key, value] of Object.entries(node)) {
+		if (key === "type" || key === "start" || key === "end" || key === "loc") continue;
+		if (Array.isArray(value)) for (const child of value) visitExpressionAst(child, node, dependencies);
+		else visitExpressionAst(value, node, dependencies);
+	}
+}
+function collectIdentifier(node, parent, dependencies) {
+	const name = node.name;
+	if (KEYWORDS.has(name)) return;
+	if (parent?.type === "MemberExpression" && parent.property === node && !parent.computed) return;
+	if (parent?.type === "Property" && parent.key === node && !parent.computed && !parent.shorthand) return;
+	dependencies.add(name);
+}
 /**
 * 解析表达式并生成依赖路径信息
 * @param {string} expression - 表达式字符串
@@ -127,20 +129,53 @@ function parseBindings(bindings) {
 }
 //#endregion
 //#region src/core/view-compiler.js
-var traverse = _babel_traverse.default.default ? _babel_traverse.default.default : _babel_traverse.default;
-var generateCode = _babel_generator.default.default ? _babel_generator.default.default : _babel_generator.default;
 var fileType = [".wxml", ".ddml"];
 /**
-* 从 AST 生成代码，如果顶层是单个表达式语句，则只生成表达式部分
-* @param {*} ast - Babel AST
-* @returns {string} 生成的表达式代码
+* 解析 JavaScript 代码
+* @param {string} code
+* @param {string} filename
+* @param {'module'|'script'} sourceType
+* @returns {*} Oxc Program AST
 */
-function generateCodeFromAst(ast) {
-	if (ast.type === "File" && ast.program.body.length === 1) {
-		const statement = ast.program.body[0];
-		if (statement.type === "ExpressionStatement") return generateCode(statement.expression, { comments: false }).code;
-	}
-	return generateCode(ast, { comments: false }).code;
+function parseJs(code, filename = "view-compiler.js", sourceType = "module") {
+	return (0, oxc_parser.parseSync)(filename, code, {
+		sourceType,
+		lang: "js"
+	}).program;
+}
+/**
+* 如果顶层是单个表达式语句，则只返回表达式源码
+* @param {string} code
+* @param {*} ast - Oxc Program AST
+* @returns {string} Program code or the source of the single top-level expression.
+*/
+function getProgramCode(code, ast) {
+	const statement = ast.body?.[0];
+	if (ast.body?.length === 1 && statement?.type === "ExpressionStatement") return code.slice(statement.expression.start, statement.expression.end);
+	return code;
+}
+function isStringLiteral(node) {
+	return node?.type === "StringLiteral" || node?.type === "Literal" && typeof node.value === "string";
+}
+function getStringLiteralRawValue(node) {
+	if (!isStringLiteral(node)) return "";
+	if (typeof node.raw === "string") return node.raw.slice(1, -1);
+	return String(node.value);
+}
+function getSource(code, node) {
+	return code.slice(node.start, node.end);
+}
+function applyCodeReplacements(source, replacements) {
+	if (replacements.length === 0) return source;
+	const selected = [];
+	const byLargestRange = [...replacements].sort((a, b) => {
+		return b.end - b.start - (a.end - a.start) || b.start - a.start;
+	});
+	for (const replacement of byLargestRange) if (!selected.some((item) => replacement.start < item.end && item.start < replacement.end)) selected.push(replacement);
+	const s = new magic_string.default(source);
+	for (const replacement of selected.sort((a, b) => b.start - a.start)) if (replacement.type === "insert") s.appendLeft(replacement.start, replacement.value);
+	else s.overwrite(replacement.start, replacement.end, replacement.value);
+	return s.toString();
 }
 /**
 * 为模板表达式中的成员访问补充空值保护，避免生成的 render 函数直接访问 null/undefined 属性
@@ -151,12 +186,30 @@ function generateCodeFromAst(ast) {
 function addOptionalChaining(expression) {
 	if (!expression || typeof expression !== "string") return expression;
 	try {
-		const ast = _babel_core.default.parseSync(`(${expression})`, { parserOpts: { plugins: ["optionalChaining", "nullishCoalescingOperator"] } });
-		traverse(ast, { MemberExpression: { exit(astPath) {
-			if (astPath.node.optional) return;
-			astPath.replaceWith(_babel_types.default.optionalMemberExpression(astPath.node.object, astPath.node.property, astPath.node.computed, true));
-		} } });
-		return generateCodeFromAst(ast);
+		const code = `(${expression})`;
+		const ast = parseJs(code);
+		const insertions = [];
+		(0, oxc_walker.walk)(ast, { enter(node) {
+			if (node.type !== "MemberExpression" || node.optional) return;
+			if (node.computed) {
+				const bracketIndex = code.lastIndexOf("[", node.property.start);
+				if (bracketIndex >= 0) insertions.push({
+					type: "insert",
+					start: bracketIndex,
+					end: bracketIndex,
+					value: "?."
+				});
+			} else {
+				const dotIndex = code.lastIndexOf(".", node.property.start);
+				if (dotIndex >= 0) insertions.push({
+					type: "insert",
+					start: dotIndex,
+					end: dotIndex,
+					value: "?"
+				});
+			}
+		} });
+		return applyCodeReplacements(code, insertions).slice(1, -1);
 	} catch (error) {
 		return expression;
 	}
@@ -394,15 +447,11 @@ function compileModule(module, isComponent, scriptRes, options = {}) {
 				inline: true
 			}
 		});
-		const ast = _babel_core.default.parseSync(code);
-		insertWxsToRenderAst(ast, compileInstruction.scriptModule, scriptRes);
-		code = generateCodeFromAst(ast);
+		code = insertWxsToRenderCode(code, compileInstruction.scriptModule, scriptRes, tm.path);
 		tplComponents += `'${tm.path}':${code},`;
 	}
 	tplComponents += "}";
-	const tplAst = _babel_core.default.parseSync(tplCode.code);
-	insertWxsToRenderAst(tplAst, compileInstruction.scriptModule, scriptRes);
-	const transCode = generateCodeFromAst(tplAst);
+	const transCode = insertWxsToRenderCode(tplCode.code, compileInstruction.scriptModule, scriptRes, module.path);
 	const code = `Module({
 		path: '${module.path}',
 		id: '${module.id}',
@@ -439,44 +488,42 @@ function compileModule(module, isComponent, scriptRes, options = {}) {
 function processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, filePath) {
 	let wxsAst;
 	try {
-		wxsAst = _babel_core.default.parseSync(wxsContent);
+		wxsAst = parseJs(wxsContent, wxsFilePath || "inline.wxs", "script");
 	} catch (error) {
 		console.error(`[view] 解析 wxs 文件失败: ${wxsFilePath}`, error.message);
 		return wxsContent;
 	}
-	traverse(wxsAst, {
-		CallExpression(astPath) {
-			const calleeName = astPath.node.callee.name;
+	const replacements = [];
+	(0, oxc_walker.walk)(wxsAst, { enter(node) {
+		if (node.type === "CallExpression") {
+			const calleeName = node.callee?.name;
 			if (calleeName === "getRegExp") {
-				const args = astPath.node.arguments;
-				if (args.length > 0) if (args[0].type === "StringLiteral" && (!args[1] || args[1].type === "StringLiteral")) {
-					let pattern = "";
-					let flags = "";
-					const arg = args[0];
-					if (arg.extra && arg.extra.raw) pattern = arg.extra.raw.slice(1, -1);
-					else if (arg.value !== void 0) pattern = arg.value;
-					else pattern = "";
-					if (args.length > 1) {
-						const flagArg = args[1];
-						if (flagArg.extra && flagArg.extra.raw) flags = flagArg.extra.raw.slice(1, -1);
-						else if (flagArg.value !== void 0) flags = flagArg.value;
-						else flags = "";
-					}
-					const regexLiteral = _babel_types.default.regExpLiteral(pattern, flags);
-					astPath.replaceWith(regexLiteral);
+				const args = node.arguments;
+				if (args.length > 0) if (isStringLiteral(args[0]) && (!args[1] || isStringLiteral(args[1]))) {
+					const pattern = getStringLiteralRawValue(args[0]);
+					const flags = args.length > 1 ? getStringLiteralRawValue(args[1]) : "";
+					replacements.push({
+						start: node.start,
+						end: node.end,
+						value: `/${pattern}/${flags}`
+					});
 				} else {
-					const newRegExpArgs = [args[0]];
-					if (args.length > 1) newRegExpArgs.push(args[1]);
-					const newRegExpCall = _babel_types.default.newExpression(_babel_types.default.identifier("RegExp"), newRegExpArgs);
-					astPath.replaceWith(newRegExpCall);
+					const newRegExpArgs = args.map((arg) => getSource(wxsContent, arg)).join(", ");
+					replacements.push({
+						start: node.start,
+						end: node.end,
+						value: `new RegExp(${newRegExpArgs})`
+					});
 				}
 			} else if (calleeName === "getDate") {
-				const args = [];
-				for (let i = 0; i < astPath.node.arguments.length; i++) args.push(astPath.node.arguments[i]);
-				const newExpr = _babel_types.default.newExpression(_babel_types.default.identifier("Date"), args);
-				astPath.replaceWith(newExpr);
-			} else if (calleeName === "require" && astPath.node.arguments.length > 0 && wxsFilePath) {
-				const requirePath = astPath.node.arguments[0].value;
+				const args = node.arguments.map((arg) => getSource(wxsContent, arg)).join(", ");
+				replacements.push({
+					start: node.start,
+					end: node.end,
+					value: `new Date(${args})`
+				});
+			} else if (calleeName === "require" && node.arguments.length > 0 && wxsFilePath) {
+				const requirePath = node.arguments[0].value;
 				if (requirePath && typeof requirePath === "string") {
 					let resolvedWxsPath;
 					if (filePath && filePath.includes("/miniprogram_npm/")) {
@@ -484,25 +531,37 @@ function processWxsContent(wxsContent, wxsFilePath, scriptModule, workPath, file
 						resolvedWxsPath = node_path.default.resolve(currentWxsDir, requirePath);
 						const moduleName = resolvedWxsPath.replace(workPath, "").replace(/\.wxs$/, "").replace(/[\/\\@\-]/g, "_").replace(/^_/, "");
 						processWxsDependency(resolvedWxsPath, moduleName, scriptModule, workPath, filePath);
-						astPath.node.arguments[0] = _babel_types.default.stringLiteral(moduleName);
+						replacements.push({
+							start: node.arguments[0].start,
+							end: node.arguments[0].end,
+							value: JSON.stringify(moduleName)
+						});
 					} else {
 						const currentWxsDir = node_path.default.dirname(wxsFilePath);
 						resolvedWxsPath = node_path.default.resolve(currentWxsDir, requirePath);
 						const depModuleName = resolvedWxsPath.replace(workPath, "").replace(/\.wxs$/, "").replace(/[\/\\@\-]/g, "_").replace(/^_/, "");
 						processWxsDependency(resolvedWxsPath, depModuleName, scriptModule, workPath, filePath);
-						astPath.node.arguments[0] = _babel_types.default.stringLiteral(depModuleName);
+						replacements.push({
+							start: node.arguments[0].start,
+							end: node.arguments[0].end,
+							value: JSON.stringify(depModuleName)
+						});
 					}
 				}
 			}
-		},
-		MemberExpression(astPath) {
-			if (astPath.node.property.name === "constructor" && !astPath.node.computed) {
-				const getTypeString = _babel_types.default.callExpression(_babel_types.default.memberExpression(_babel_types.default.callExpression(_babel_types.default.memberExpression(_babel_types.default.memberExpression(_babel_types.default.memberExpression(_babel_types.default.identifier("Object"), _babel_types.default.identifier("prototype")), _babel_types.default.identifier("toString")), _babel_types.default.identifier("call")), [astPath.node.object]), _babel_types.default.identifier("slice")), [_babel_types.default.numericLiteral(8), _babel_types.default.numericLiteral(-1)]);
-				astPath.replaceWith(getTypeString);
+		}
+		if (node.type === "MemberExpression") {
+			if (node.property?.name === "constructor" && !node.computed) {
+				const objectCode = getSource(wxsContent, node.object);
+				replacements.push({
+					start: node.start,
+					end: node.end,
+					value: `Object.prototype.toString.call(${objectCode}).slice(8, -1)`
+				});
 			}
 		}
-	});
-	return generateCodeFromAst(wxsAst);
+	} });
+	return applyCodeReplacements(wxsContent, replacements);
 }
 /**
 * 通过代码内容判断是否为 wxs 模块
@@ -532,9 +591,9 @@ function processWxsDependency(wxsFilePath, moduleName, scriptModule, workPath, f
 }
 /**
 * 重新编译模块，包含所有收集到的 wxs 模块
-* @param {*} module 
-* @param {*} scriptRes 
-* @param {*} allScriptModules 
+* @param {*} module
+* @param {*} scriptRes
+* @param {*} allScriptModules
 */
 function compileModuleWithAllWxs(module, scriptRes, allScriptModules) {
 	const { tpl, instruction } = toCompileTemplate(false, module.path, module.usingComponents, module.componentPlaceholder);
@@ -573,15 +632,11 @@ function compileModuleWithAllWxs(module, scriptRes, allScriptModules) {
 				inline: true
 			}
 		});
-		const ast = _babel_core.default.parseSync(code);
-		insertWxsToRenderAst(ast, allScriptModules, scriptRes);
-		code = generateCodeFromAst(ast);
+		code = insertWxsToRenderCode(code, allScriptModules, scriptRes, tm.path);
 		tplComponents += `'${tm.path}':${code},`;
 	}
 	tplComponents += "}";
-	const tplAst = _babel_core.default.parseSync(tplCode.code);
-	insertWxsToRenderAst(tplAst, allScriptModules, scriptRes);
-	const transCode = generateCodeFromAst(tplAst);
+	const transCode = insertWxsToRenderCode(tplCode.code, allScriptModules, scriptRes, module.path);
 	const code = `Module({
 		path: '${module.path}',
 		id: '${module.id}',
@@ -668,13 +723,17 @@ function toCompileTemplate(isComponent, path, components, componentPlaceholder,
 	const workPath = require_env.getWorkPath();
 	const fullPath = getViewPath(workPath, path);
 	if (!fullPath) return { tpl: void 0 };
+	const diagnosticSource = fullPath.startsWith(workPath) ? fullPath.slice(workPath.length) : path;
 	let content = require_env.getContentByPath(fullPath).trim();
 	if (!content) content = "<block></block>";
-	else if (isComponent) content = `<wrapper name="${path}">${content}</wrapper>`;
-	else if (cheerio.load(content, {
-		xmlMode: true,
-		decodeEntities: false
-	}).root().children().toArray().filter((node) => node.type !== "comment").length > 1) content = `<view>${content}</view>`;
+	else {
+		require_compatibility.checkTemplateCompatibility(content, diagnosticSource, components);
+		if (isComponent) content = `<wrapper name="${path}">${content}</wrapper>`;
+		else if (cheerio.load(content, {
+			xmlMode: true,
+			decodeEntities: false
+		}).root().children().toArray().filter((node) => node.type !== "comment").length > 1) content = `<view>${content}</view>`;
+	}
 	const templateModule = [];
 	const scriptModule = [];
 	const $ = cheerio.load(content, {
@@ -689,9 +748,11 @@ function toCompileTemplate(isComponent, path, components, componentPlaceholder,
 		if (src) {
 			const includeFullPath = require_env.getAbsolutePath(workPath, path, src);
 			let includePath = includeFullPath.replace(workPath, "").replace(/\.(wxml|ddml)$/, "");
+			const includeDiagnosticSource = includeFullPath.startsWith(workPath) ? includeFullPath.slice(workPath.length) : includePath;
 			if (!includePath.startsWith("/")) includePath = "/" + includePath;
 			const includeContent = require_env.getContentByPath(includeFullPath).trim();
 			if (includeContent) {
+				require_compatibility.checkTemplateCompatibility(includeContent, includeDiagnosticSource, components);
 				const $includeContent = cheerio.load(includeContent, {
 					xmlMode: true,
 					decodeEntities: false
@@ -715,9 +776,11 @@ function toCompileTemplate(isComponent, path, components, componentPlaceholder,
 		if (src) {
 			const importFullPath = require_env.getAbsolutePath(workPath, path, src);
 			let importPath = importFullPath.replace(workPath, "").replace(/\.(wxml|ddml)$/, "");
+			const importDiagnosticSource = importFullPath.startsWith(workPath) ? importFullPath.slice(workPath.length) : importPath;
 			if (!importPath.startsWith("/")) importPath = "/" + importPath;
 			const importContent = require_env.getContentByPath(importFullPath).trim();
 			if (importContent) {
+				require_compatibility.checkTemplateCompatibility(importContent, importDiagnosticSource, components);
 				const $$ = cheerio.load(importContent, {
 					xmlMode: true,
 					decodeEntities: false
@@ -835,7 +898,7 @@ function transTag(opts) {
 }
 /**
 * 处理动态slot指令生成，比如 slot="{{xxx}}"
-* 
+*
 * @param {string} slotValue - slot属性值
 * @returns {string} 生成的slot指令
 */
@@ -1250,28 +1313,43 @@ function extractWxsDependencies(moduleCode) {
 	}
 	return dependencies;
 }
-function insertWxsToRenderAst(ast, scriptModule, scriptRes) {
-	const replacements = [];
+function insertWxsToRenderCode(code, scriptModule, scriptRes, filename = "render.js") {
+	const wxsBindings = [];
+	const codeReplacements = [];
+	const ast = parseJs(code, filename);
+	const statement = ast.body?.[0];
+	const renderBody = (statement?.type === "ExpressionStatement" ? statement.expression : null)?.body;
+	const declarations = [];
 	for (const [index, sm] of scriptModule.entries()) {
 		if (!scriptRes.has(sm.path)) scriptRes.set(sm.path, sm.code);
 		const templatePropertyName = sm.originalName || sm.path;
 		const requireModuleName = sm.path;
 		const localIdentifier = `__wxs_${index}`;
-		replacements.push({
+		wxsBindings.push({
 			localIdentifier,
 			templatePropertyName
 		});
-		const variableDeclaration = _babel_types.default.variableDeclaration("const", [_babel_types.default.variableDeclarator(_babel_types.default.identifier(localIdentifier), _babel_types.default.callExpression(_babel_types.default.identifier("require"), [_babel_types.default.stringLiteral(requireModuleName)]))]);
-		ast.program.body[0].expression.body.body.unshift(variableDeclaration);
+		declarations.push(`const ${localIdentifier} = require(${JSON.stringify(requireModuleName)});`);
 	}
-	if (replacements.length === 0) return;
-	traverse(ast, { MemberExpression(astPath) {
-		const { node } = astPath;
-		if (node.object?.type === "Identifier" && node.object.name === "_ctx" && !node.computed && node.property?.type === "Identifier") {
-			const replacement = replacements.find((item) => item.templatePropertyName === node.property.name);
-			if (replacement) astPath.replaceWith(_babel_types.default.identifier(replacement.localIdentifier));
+	if (wxsBindings.length === 0) return getProgramCode(code, ast);
+	if (renderBody?.type === "BlockStatement") codeReplacements.push({
+		type: "insert",
+		start: renderBody.start + 1,
+		end: renderBody.start + 1,
+		value: `\n${declarations.join("\n")}`
+	});
+	(0, oxc_walker.walk)(ast, { enter(node) {
+		if (node.type === "MemberExpression" && node.object?.type === "Identifier" && node.object.name === "_ctx" && !node.computed && node.property?.type === "Identifier") {
+			const replacement = wxsBindings.find((item) => item.templatePropertyName === node.property.name);
+			if (replacement) codeReplacements.push({
+				start: node.start,
+				end: node.end,
+				value: replacement.localIdentifier
+			});
 		}
 	} });
+	const transformed = applyCodeReplacements(code, codeReplacements);
+	return getProgramCode(transformed, parseJs(transformed, filename));
 }
 //#endregion
 exports.compileML = compileML;