@mbler/mcx-core 0.0.3-dev.20260229 → 0.0.3

package/dist/index.js

@@ -1,12 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var fs = require('node:fs/promises');
 var path = require('node:path');
+var rollup = require('rollup');
+var commjs = require('@rollup/plugin-commonjs');
+var json = require('@rollup/plugin-json');
+var module_resolve = require('@rollup/plugin-node-resolve');
 var t = require('@babel/types');
 var Parser = require('@babel/parser');
+var ts = require('typescript');
 var generator = require('@babel/generator');
+var MagicString = require('magic-string');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -29,8 +33,11 @@ var fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
 var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
 var t__namespace = /*#__PURE__*/_interopNamespaceDefault(t);
 var Parser__namespace = /*#__PURE__*/_interopNamespaceDefault(Parser);
-var generator__namespace = /*#__PURE__*/_interopNamespaceDefault(generator);
 
+/** 创建位置对象的辅助函数 */
+function createPos(line, column) {
+    return { line, column };
+}
 let Lexer$1 = class Lexer {
     text;
     booleanProxyCache;
@@ -114,12 +121,13 @@ let Lexer$1 = class Lexer {
     }
     /**
      * 拆分输入文本为 Token 流：Tag、TagEnd、Content
-     * 新增：忽略 HTML 注释 <!-- ... --> 并记录每个 token 的起始位置与行号
+     * 忽略 HTML 注释 <!-- ... --> 并记录每个 token 的起始位置与行号
      */
     *tagSplitIterator() {
         const text = this.text;
         let i = 0;
         let line = 1;
+        let column = 0;
         const len = text.length;
         while (i < len) {
             const ch = text[i];
@@ -128,17 +136,23 @@ let Lexer$1 = class Lexer {
                 if (text.startsWith('!--', i + 1)) {
                     const endIdx = text.indexOf('-->', i + 4);
                     const commentEnd = endIdx === -1 ? len - 1 : endIdx + 2;
-                    // 更新行号
-                    const segment = text.slice(i, commentEnd + 1);
-                    for (const c of segment)
-                        if (c === '\n')
+                    // 更新行号和列号
+                    for (let j = i; j <= commentEnd; j++) {
+                        if (text[j] === '\n') {
                             line++;
+                            column = 0;
+                        }
+                        else {
+                            column++;
+                        }
+                    }
                     i = commentEnd + 1;
                     continue; // 跳过注释
                 }
                 // 普通标签读取到 '>'
                 const tokenStart = i;
                 const tokenStartLine = line;
+                const tokenStartColumn = column;
                 let j = i + 1;
                 let sawGt = false;
                 for (; j < len; j++) {
@@ -147,41 +161,51 @@ let Lexer$1 = class Lexer {
                         sawGt = true;
                         break;
                     }
-                    if (c === '\n')
+                    if (c === '\n') {
                         line++;
+                        column = 0;
+                    }
+                    else {
+                        column++;
+                    }
                 }
-                const tokenEnd = j;
                 const buffer = text.slice(tokenStart, sawGt ? j + 1 : len);
                 const type = buffer.startsWith('</') ? 'TagEnd' : 'Tag';
                 const tok = {
                     data: buffer,
                     type,
-                    startIndex: tokenStart,
-                    endIndex: sawGt ? tokenEnd : len - 1,
-                    startLine: tokenStartLine
+                    start: createPos(tokenStartLine, tokenStartColumn),
+                    end: createPos(line, column)
                 };
                 yield tok;
                 i = sawGt ? j + 1 : len;
+                if (sawGt)
+                    column++;
             }
             else {
                 // 内容直到下一个 '<'
                 const contentStart = i;
                 const contentStartLine = line;
+                const contentStartColumn = column;
                 let j = i;
                 for (; j < len; j++) {
                     const c = text[j];
                     if (c === '<')
                         break;
-                    if (c === '\n')
+                    if (c === '\n') {
                         line++;
+                        column = 0;
+                    }
+                    else {
+                        column++;
+                    }
                 }
                 const data = text.slice(contentStart, j);
                 const n = {
                     data,
                     type: 'Content',
-                    startIndex: contentStart,
-                    endIndex: j - 1,
-                    startLine: contentStartLine
+                    start: createPos(contentStartLine, contentStartColumn),
+                    end: createPos(line, j > contentStart ? column - 1 : column)
                 };
                 yield n;
                 i = j;
@@ -190,7 +214,7 @@ let Lexer$1 = class Lexer {
     }
     /**
      * 生成 Token 迭代器，用于遍历所有结构化 Token
-     * 改为基于 stack 的解析以支持嵌套，并为 ParsedTagNode 添加 loc: { start:{line,index}, end:{line,index} }
+     * 改为基于 stack 的解析以支持嵌套，并为 ParsedTagNode 添加 loc: { start, end }
      * Content 改为递归节点数组 (ParsedTagContentNode | ParsedTagNode)[]
      */
     *tokenIterator() {
@@ -222,10 +246,10 @@ let Lexer$1 = class Lexer {
                     // content 现在是一个数组，包含文本节点或子标签
                     content: [],
                     end: null,
-                    // loc: start/end positions will be set when available
+                    type: 'TagNode',
                     loc: {
-                        start: { line: token.startLine || 1, index: token.startIndex || 0 },
-                        end: { line: token.startLine || 1, index: token.endIndex || (token.startIndex || 0) }
+                        start: { ...token.start },
+                        end: { ...token.end }
                     }
                 };
                 if (isSelfClosing) {
@@ -251,7 +275,7 @@ let Lexer$1 = class Lexer {
                     if (candidate && candidate.name === name) {
                         // 设置结束
                         candidate.end = token;
-                        candidate.loc.end = { line: token.startLine || candidate.loc.start.line, index: token.endIndex || (token.loc.start.index) };
+                        candidate.loc.end = { ...token.end };
                         // 从 stack 中移除并附加到父节点或作为顶层节点产出
                         stack.splice(s, 1);
                         if (stack.length > 0) {
@@ -379,6 +403,8 @@ class MCXUtils {
             typeof obj === 'object' &&
             'data' in obj &&
             'type' in obj &&
+            'start' in obj &&
+            'end' in obj &&
             ((obj.type) === 'Tag' || (obj.type) === 'TagEnd' || (obj.type) === 'Content'));
     }
     static isTagToken(obj) {
@@ -397,7 +423,9 @@ class MCXUtils {
         return (!!obj &&
             typeof obj === 'object' &&
             'data' in obj &&
-            'type' in obj);
+            'type' in obj &&
+            'start' in obj &&
+            'end' in obj);
     }
     static isTokenType(value) {
         return (value === 'Tag' ||
@@ -708,30 +736,31 @@ class CompileError extends Error {
     constructor(message, loc) {
         super(message);
         this.name = "CompileError";
-        this.loc = loc || { line: -1, pos: -1 };
+        this.loc = loc || { line: -1, column: -1 };
     }
 }
 function extractLoc(node) {
     if (!node)
-        return { line: -1, pos: -1 };
-    // Node with loc.start (Babel or MCX): prefer column, fallback to index
+        return { line: -1, column: -1 };
+    // Node with loc.start (Babel or MCX): prefer column
     if (node.loc && node.loc.start) {
         const line = typeof node.loc.start.line === "number" ? node.loc.start.line : -1;
-        const pos = typeof node.loc.start.column === "number"
+        const column = typeof node.loc.start.column === "number"
             ? node.loc.start.column
-            : typeof node.loc.start.index === "number"
-                ? node.loc.start.index
-                : -1;
-        return { line, pos };
-    }
-    // Our token shape from Lexer: startLine / startIndex
-    if (typeof node.startLine === "number" || typeof node.startIndex === "number") {
-        const line = typeof node.startLine === "number" ? node.startLine : -1;
-        const pos = typeof node.startIndex === "number" ? node.startIndex : -1;
-        return { line, pos };
-    }
-    // (handled above) MCX ParsedTagNode loc: { start: { line, index } }
-    return { line: -1, pos: -1 };
+            : -1;
+        return { line, column };
+    }
+    else if (node.loc && node.loc.column !== undefined) {
+        return {
+            line: node.loc.line ?? -1,
+            column: node.loc.column
+        };
+    }
+    // MCX Token with unified position: start: { line, column }
+    if (node.start && typeof node.start.line === "number") {
+        return { line: node.start.line, column: node.start.column ?? -1 };
+    }
+    return { line: -1, column: -1 };
 }
 function makeError(msg, node) {
     return new CompileError(msg, extractLoc(node));
@@ -1120,10 +1149,11 @@ class CompileMCX {
         Event: {
             on: "after",
             subscribe: {},
-            loc: { line: -1, pos: -1 },
+            loc: { line: -1, column: -1 },
             isLoad: false,
         },
         Component: {},
+        UI: null,
     };
     getCompileData() {
         return this.CompileData;
@@ -1161,15 +1191,25 @@ class CompileMCX {
         let component = null;
         const temp = {
             script: "",
-            Event: null};
+            Event: null,
+            ui: null};
         for (const node of this.mcxCode || []) {
             if (!MCXUtils.isTagNode(node))
                 continue;
             if (node.name == "script") {
                 if (temp.script)
                     throw makeError("[compile error]: duplicate script node", node);
-                temp.script =
-                    node.content.length == 0 ? "" : this.commonTagNodeContent(node);
+                const scriptNode = node.content.length == 0 ? "" : this.commonTagNodeContent(node);
+                let code = scriptNode;
+                if (node.arr.lang == "ts") {
+                    code = ts.transpileModule(scriptNode, {
+                        compilerOptions: {
+                            target: ts.ScriptTarget.ES2024,
+                            module: ts.ModuleKind.ESNext,
+                        },
+                    }).outputText;
+                }
+                temp.script = code;
             }
             else if (node.name == "Event") {
                 if (temp.Event)
@@ -1185,8 +1225,15 @@ class CompileMCX {
                 // if Event already discovered, report error
                 if (temp.Event)
                     throw makeError("[compile error]: Component node cannot appear after Event", node);
+                if (temp.ui)
+                    throw makeError("[compile error]: Component node can't use with UI node");
                 component = node;
             }
+            else if (node.name == "Ui") {
+                if (component || temp.Event || temp.ui)
+                    throw makeError("[compile error]: UI node can't use with component or event or other ui node", node);
+                temp.ui = node;
+            }
         }
         if (!temp.script)
             throw makeError("[compile error]: mcx must has a script");
@@ -1218,6 +1265,9 @@ class CompileMCX {
                 this.handlerChildComponent(subNode);
             }
         }
+        if (temp.ui) {
+            this.tempLoc.UI = temp.ui;
+        }
     }
     // 传入组件的节点，处理子组件（如 items entities）
     handlerChildComponent(node) {
@@ -1247,7 +1297,7 @@ class CompileMCX {
                 this.tempLoc.Component[`${name}/${id}`] = {
                     type: subName,
                     useExpore: useExpore,
-                    loc: extractLoc(subNode)
+                    loc: extractLoc(subNode),
                 };
             }
         }
@@ -1261,7 +1311,34 @@ class CompileMCX {
     }
 }
 function compileJSFn(code) {
-    const comiler = new CompileJS(Parser.parse(code, { sourceType: "module" }).program);
+    let parsedCode;
+    try {
+        parsedCode = Parser.parse(code, {
+            sourceType: "module",
+            allowImportExportEverywhere: true,
+            errorRecovery: true,
+            allowAwaitOutsideFunction: true,
+            allowReturnOutsideFunction: true,
+            allowSuperOutsideMethod: true,
+        });
+    }
+    catch (err) {
+        if (err instanceof SyntaxError) {
+            const babelErr = err;
+            const loc = babelErr.loc ?? { column: -1, line: -1 };
+            throw makeError(`[babel parse error]: ${err.message}`, { loc: { start: loc } });
+        }
+        throw makeError(`[parse error]: ${String(err)}`);
+    }
+    // 检查解析过程中的错误（当启用 errorRecovery 时）
+    const parseErrors = parsedCode.errors;
+    if (parseErrors && Array.isArray(parseErrors) && parseErrors.length > 0) {
+        const firstError = parseErrors[0];
+        if (firstError && firstError.loc) {
+            throw makeError(`[babel parse error]: ${firstError.message || 'Unknown parse error'}`, { loc: firstError.loc });
+        }
+    }
+    const comiler = new CompileJS(parsedCode.program);
     comiler.run();
     return comiler.getCompileData();
 }
@@ -1270,7 +1347,7 @@ function compileMCXFn(mcxCode) {
     return compiler.getCompileData();
 }
 
-var Compiler = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     CompileError: CompileError,
     CompileJS: CompileJS,
@@ -1281,1699 +1358,468 @@ var Compiler = /*#__PURE__*/Object.freeze({
 var config = {
     // script tag compile function name
     scriptCompileFn: "__main",
-    eventVarName: "__use_event",
-    eventExtendsName: "McxExtendsBy"
+    eventExtendsName: "McxExtendsBy",
+    // paramName
+    paramCtx: "__mcx__ctx"
 };
 
-const allKeys = (() => {
-    // 闭包
-    const findkeyByVarId = (id, result) => {
-        if (id.type == "VoidPattern")
-            return;
-        if (id.type == "ArrayPattern") {
-            id.elements.forEach((node) => {
-                if (!node)
-                    return;
-                findkeyByVarId(node, result);
-            });
-        }
-        else if (id.type == "Identifier") {
-            result.push(id.name);
+let fileIdCounter = 0;
+function generateFileId() {
+    return `__file_import_${fileIdCounter++}__`;
+}
+
+function extrectVarDefIdList(express) {
+    const result = [];
+    if (t__namespace.isIdentifier(express))
+        result.push(express.name);
+    if (t__namespace.isObjectPattern(express))
+        express.properties.forEach((prop) => {
+            // const {xxx:xxx,xxx=Litter} = xxx
+            if (t__namespace.isObjectProperty(prop))
+                return result.push(...extrectVarDefIdList(prop.value));
+            // const {...restElement} = xx (restElement in this, ,must identifier)
+            if (t__namespace.isRestElement(prop) && prop.argument.type == "Identifier")
+                result.push(prop.argument.name);
+        });
+    if (t__namespace.isArrayPattern(express)) {
+        for (const element of express.elements) {
+            if (!element)
+                continue;
+            result.push(...extrectVarDefIdList(element));
         }
-        else if (id.type == "RestElement") {
-            const arg = id.argument;
-            findkeyByVarId(arg, result);
+    }
+    if (t__namespace.isAssignmentPattern(express)) {
+        result.push(...extrectVarDefIdList(express.left));
+    }
+    return result;
+}
+function extractIdList(expression) {
+    if (t__namespace.isFunctionDeclaration(expression)) {
+        return [expression.id?.name || ""];
+    }
+    if (t__namespace.isVariableDeclaration(expression)) {
+        const result = [];
+        for (const varDef of expression.declarations) {
+            result.push(...extrectVarDefIdList(varDef.id));
         }
-        else if (id.type == "ObjectPattern") {
-            for (const property of id.properties) {
-                if (property.type == "ObjectProperty") {
-                    const key = property.key;
-                    if (property.value.type == "AssignmentPattern") {
-                        const assigmentNode = property.value;
-                        findkeyByVarId(assigmentNode.left, result);
+        return result;
+    }
+    if (t__namespace.isClassDeclaration(expression)) {
+        // 'export class {}'is not vaild(error: class name is required).
+        return [expression.id?.name || ""];
+    }
+    return [];
+}
+function ToExpression(s) {
+    if (t__namespace.isFunctionDeclaration(s))
+        return t__namespace.functionExpression(s.id, s.params, s.body, s.generator, s.async);
+    if (t__namespace.isClassDeclaration(s))
+        return t__namespace.classExpression(s.id, s.superClass, s.body, s.decorators);
+    if (t__namespace.isTSDeclareFunction(s))
+        return t__namespace.objectExpression([]);
+    return s;
+}
+function generateMain(code) {
+    const expBody = [];
+    const impBody = code.BuildCache.import.map((item) => {
+        return Utils.CacheToImportNode(item);
+    });
+    const codeBody = code.node.body;
+    for (const exp of code.BuildCache.export) {
+        if (t__namespace.isExportNamedDeclaration(exp)) {
+            // export {xxx} from "./xxx" or export xxx from "./xxx"
+            if (exp.source &&
+                exp.specifiers &&
+                exp.specifiers.length >= 1 &&
+                exp.source.value.length >= 1) {
+                impBody.push(t__namespace.importDeclaration(exp.specifiers.map((item) => {
+                    if (t__namespace.isExportDefaultSpecifier(item)) {
+                        expBody.push(t__namespace.objectProperty(item.exported, item.exported));
+                        return t__namespace.importDefaultSpecifier(item.exported);
                     }
-                    else if (key.type == "Identifier") {
-                        result.push(key.name);
+                    if (t__namespace.isExportSpecifier(item)) {
+                        expBody.push(t__namespace.objectProperty(item.exported, item.exported));
+                        return t__namespace.importSpecifier(item.local, item.exported);
                     }
+                    if (t__namespace.isExportNamespaceSpecifier(item)) {
+                        expBody.push(t__namespace.spreadElement(item.exported));
+                        return t__namespace.importNamespaceSpecifier(item.exported);
+                    }
+                    // 不加的话，ts就报错
+                    throw new Error("[build import]: 这也不是那也不是,  你是个登啊(ts也是galgame)");
+                }), exp.source));
+            }
+            if (exp.declaration) {
+                const idList = extractIdList(exp.declaration);
+                // be like: const {} = {}; (worthless)
+                if (idList.length < 1)
                     continue;
-                }
-                findkeyByVarId(property.argument, result);
-            }
+                codeBody.push(exp.declaration);
+                expBody.push(...idList.map((id) => {
+                    return t__namespace.objectProperty(t__namespace.identifier(id), t__namespace.identifier(id));
+                }));
+            }
+            // export { xxx }
+            if (exp.specifiers && !exp.source) {
+                expBody.push(...exp.specifiers.map((item) => {
+                    if (!t__namespace.isExportSpecifier(item))
+                        throw new Error(`[build import]: invaild specifiers`);
+                    return t__namespace.objectProperty(item.exported, item.local);
+                }));
+            }
+            // export * from "xxx"
         }
-        else if (id.type == "AssignmentPattern") {
-            findkeyByVarId(id.left, result);
+        else if (t__namespace.isExportAllDeclaration(exp)) {
+            // xxx.js => xxx_js(id)
+            const id = generateFileId();
+            impBody.push(t__namespace.importDeclaration([t__namespace.importNamespaceSpecifier(t__namespace.identifier(id))], exp.source));
+            expBody.push(t__namespace.objectProperty(t__namespace.identifier(id), t__namespace.identifier(id)));
+            // export default {} or export default function a(){}
         }
-    };
-    return (node) => {
-        let result = [];
-        if (node.type == "VariableDeclaration") {
-            for (const declaration of node.declarations) {
-                findkeyByVarId(declaration.id, result);
-            }
+        else if (t__namespace.isExportDefaultDeclaration(exp)) {
+            // to expression
+            expBody.push(t__namespace.objectProperty(t__namespace.identifier("default"), ToExpression(exp.declaration)));
         }
-        return result;
-    };
-})();
-const generateTempId = (() => {
-    let num = 0;
-    return () => {
-        num++;
-        return `__mcx_${num}`;
-    };
-})();
-function generateMain(JSIR) {
-    // Build a function `__main(ctx) { ... }` containing the original module body.
-    // After the function we emit explicit property assignments to attach exported
-    // bindings as properties on the function (e.g. `__main.default = ...`). This
-    // avoids using `Object.assign` while keeping handlers accessible as
-    // `__main.<exportName>`.
-    const iifeBody = t__namespace.blockStatement(JSIR.node.body.slice());
-    const importDeclarations = JSIR.BuildCache.import.map(Utils.CacheToImportNode);
-    const mainId = t__namespace.identifier(config.scriptCompileFn);
-    const exportsProps = [];
-    if (JSIR.BuildCache.export.length >= 1) {
-        for (let exportNode of JSIR.BuildCache.export) {
-            if (exportNode.type == "ExportNamedDeclaration") {
-                if (exportNode.declaration) {
-                    // move declaration into the function body
-                    iifeBody.body.push(exportNode.declaration);
-                    const keys = allKeys(exportNode.declaration);
-                    keys.forEach((name) => {
-                        exportsProps.push(t__namespace.objectProperty(t__namespace.identifier(name), t__namespace.identifier(name)));
-                    });
-                    continue;
-                }
-                else if (exportNode.specifiers.length >= 1 && exportNode.source) {
-                    // export ... from 'mod' — import namespace into a temp id and spread it in return
-                    const id = generateTempId();
-                    importDeclarations.push(t__namespace.importDeclaration([t__namespace.importNamespaceSpecifier(t__namespace.identifier(id))], exportNode.source));
-                    exportsProps.push(t__namespace.spreadElement(t__namespace.identifier(id)));
-                }
-            }
-            else if (exportNode.type == "ExportDefaultDeclaration") {
-                if (t__namespace.isExpression(exportNode.declaration)) {
-                    exportsProps.push(t__namespace.objectProperty(t__namespace.identifier("default"), exportNode.declaration));
-                }
-                else {
-                    const decl = exportNode.declaration;
-                    if (decl.id && decl.id.name) {
-                        iifeBody.body.push(decl);
-                        exportsProps.push(t__namespace.objectProperty(t__namespace.identifier("default"), t__namespace.identifier(decl.id.name)));
-                    }
-                    else {
-                        exportsProps.push(t__namespace.objectProperty(t__namespace.identifier("default"), DeclarationToExpression(decl)));
-                    }
-                }
-            }
-            else {
-                const source = exportNode.source;
-                const id = generateTempId();
-                importDeclarations.push(t__namespace.importDeclaration([t__namespace.importNamespaceSpecifier(t__namespace.identifier(id))], source));
-                exportsProps.push(t__namespace.spreadElement(t__namespace.identifier(id)));
+    }
+    return [
+        [...codeBody, t__namespace.returnStatement(t__namespace.objectExpression(expBody))],
+        impBody,
+    ];
+}
+async function generateEventConfig(eventTag, ctx, impBody) {
+    const prop = ctx.compiledCode.strLoc.Event.subscribe;
+    const argm = t__namespace.objectExpression([
+        t__namespace.objectProperty(t__namespace.identifier("on"), t__namespace.stringLiteral(ctx.compiledCode.strLoc.Event.on))
+    ]);
+    if (eventTag.arr.tick) {
+        const num = parseFloat(eventTag.arr.tick);
+        if (!Number.isNaN(num))
+            argm.properties.push(t__namespace.objectProperty(t__namespace.identifier("tick"), t__namespace.numericLiteral(num)));
+    }
+    // extract event and hanler
+    const data = [];
+    const extend = [];
+    for (const [name, handlerName] of Object.entries(prop)) {
+        if (name == config.eventExtendsName) {
+            const extendsFile = handlerName.split(",");
+            for (const extFile of extendsFile) {
+                if (!(await McxUtlis.FileExsit(path.join(path.dirname(ctx.currentId), extFile))))
+                    throw new Error("[transform event]: can't resolve");
+                const id = generateFileId();
+                impBody.push(t__namespace.importDeclaration([t__namespace.importDefaultSpecifier(t__namespace.identifier(id))], t__namespace.stringLiteral(extFile)));
+                extend.push(t__namespace.identifier(id));
             }
         }
+        data.push(t__namespace.objectProperty(t__namespace.identifier(name), t__namespace.stringLiteral(handlerName)));
     }
-    // append return statement returning the exports object
-    iifeBody.body.push(t__namespace.returnStatement(t__namespace.objectExpression(exportsProps)));
-    // Build function declaration: function __main(ctx) { <original module body> ; return { ... } }
-    const funcDecl = t__namespace.functionDeclaration(mainId, [], iifeBody, false, false);
-    return [...importDeclarations, funcDecl];
+    argm.properties.push(t__namespace.objectProperty(t__namespace.identifier("data"), t__namespace.objectExpression(data)), t__namespace.objectProperty(t__namespace.identifier("extends"), t__namespace.arrayExpression(extend)));
+    return argm;
+}
+/**
+ * record enable
+ * @returns {(): void} - only call one
+ */
+function _enable() {
+    let success = false;
+    const fn = function () {
+        if (success)
+            throw new Error("[enable]: can't enable again");
+        success = true;
+        fn.prototype.enable = success;
+    };
+    fn.prototype.enable = success;
+    return fn;
 }
-function DeclarationToExpression(node) {
-    if (node.type == "ClassDeclaration")
-        return t__namespace.classExpression(node.id, node.superClass, node.body, node.decorators);
-    if (node.type == "FunctionDeclaration")
-        return t__namespace.functionExpression(node.id, node.params, node.body, node.generator, node.async);
-    throw new Error("[compile node]: can't to expression: " + node.type);
+function _enableWithData() {
+    let d = null;
+    const fn = function (data) {
+        if (d)
+            throw new Error("[enable]: can't enable again");
+        d = data;
+        fn.prototype.enable = d;
+    };
+    fn.prototype.enable = d;
+    return fn;
 }
 
-function handlerPath(p, base) {
-    const dir = p.split("/");
-    if (dir[0] && dir[0] in _MCXstructureLocComponentTypes) {
-        return path.join(base, p);
+async function Comp$2(ctx) {
+    const internalCtx = ctx.ctx;
+    ctx.impBody.push(t__namespace.importDeclaration([t__namespace.importSpecifier(t__namespace.identifier("__mcx_ui"), t__namespace.identifier("ui"))], t__namespace.stringLiteral("@mbler/mcx")), t__namespace.importDeclaration([
+        t__namespace.importNamespaceSpecifier(t__namespace.identifier("__minecraft__ui"))
+    ], t__namespace.stringLiteral("@minecraft/server-ui")));
+    const uiTagNode = ctx.ctx.compiledCode.strLoc.UI;
+    if (!uiTagNode || uiTagNode?.name !== "Ui")
+        throw new Error("[UI Component]: why didn't parent compeled verify?");
+    let MCXUIType = null;
+    const UITree = [];
+    for (const uiClientTag of uiTagNode.content) {
+        if (uiClientTag.type == "TagNode") {
+            // if has client TagNode
+            if (uiClientTag.content.some(i => i.type == "TagNode")) {
+                internalCtx.rollupContext.error("[UI]: can't support ui client element", uiClientTag.loc ? {
+                    column: uiClientTag.loc.start.column,
+                    line: uiClientTag.loc.start.line
+                } : void 0);
+            }
+            // add to tree
+            UITree.push({
+                arr: uiClientTag.arr,
+                content: uiClientTag.content.map(i => i.type == "TagContent" && i.data || "").join(""),
+                type: uiClientTag.name,
+                loc: uiClientTag.loc
+            });
+        }
+        // continue TagContentNode
+    }
+    const parsedObj = [];
+    function pushToTree(name, params, content) {
+        parsedObj.push(t__namespace.objectExpression([
+            t__namespace.objectProperty(t__namespace.identifier("type"), t__namespace.stringLiteral(name)),
+            t__namespace.objectProperty(t__namespace.identifier("params"), t__namespace.objectExpression(Object.entries(params).map(i => {
+                return t__namespace.objectProperty(t__namespace.identifier(i[0]), typeof i[1] == "boolean" ? t__namespace.booleanLiteral(i[1]) : t__namespace.stringLiteral(i[1]));
+            }))),
+            t__namespace.objectProperty(t__namespace.identifier("content"), (content.startsWith("{{ ") && content.endsWith(" }}")) ? t__namespace.objectExpression([
+                t__namespace.objectProperty(t__namespace.identifier("useProp"), t__namespace.stringLiteral(content.slice(3, content.length - 3).trim()))
+            ]) : t__namespace.stringLiteral(content))
+        ]));
+    }
+    // generate type and parsed tree
+    for (const tp of UITree) {
+        const name = tp.type;
+        // only ModalFormData Element
+        if (["input", "dropdown", "submit", "toggle", "slider"].includes(name)) {
+            // ModalFromData
+            if (MCXUIType && MCXUIType !== "ModalFormData") {
+                internalCtx.rollupContext.error("[UI]: a mcx can't have a ModalFormData Node and other form tag", tp.loc ? {
+                    line: tp.loc.start.line,
+                    column: tp.loc.start.column
+                } : void 0);
+            }
+            MCXUIType = "ModalFormData";
+            pushToTree(name, tp.arr, tp.content);
+        }
+        // only MessageFormData Element
+        else if (["button-m"].includes(name)) {
+            if (MCXUIType && MCXUIType !== "MessageFormData") {
+                internalCtx.rollupContext.error("[UI]: ", tp.loc ? {
+                    line: tp.loc.start.line,
+                    column: tp.loc.start.column
+                } : void 0);
+            }
+            MCXUIType = "MessageFormData";
+            pushToTree(name, tp.arr, tp.content);
+        }
+        // public
+        else if (["body", "divider", "title", "label"].includes(name)) {
+            pushToTree(name, tp.arr, tp.content);
+        }
+        else if (name == "button") {
+            if (MCXUIType !== "ActionFromData" && MCXUIType)
+                internalCtx.rollupContext.error("[UI]: don't support use button for messageFormData", tp.loc ? {
+                    line: tp.loc.start.line,
+                    column: tp.loc.start.column
+                } : void 0);
+            pushToTree(name, tp.arr, tp.content);
+            MCXUIType = "ActionFromData";
+        }
+        else {
+            internalCtx.rollupContext.error("[UI]: don't support tag: " + name, tp.loc ? {
+                line: tp.loc.start.line,
+                column: tp.loc.start.column
+            } : void 0);
+        }
     }
-    throw new Error(`[component path]: path '${p}' is unreasonable. because root is not in '${Object.keys(_MCXstructureLocComponentTypes)}'`);
+    if (!MCXUIType)
+        MCXUIType = "ActionFromData";
+    const finallyData = t__namespace.objectExpression([
+        t__namespace.objectProperty(t__namespace.identifier("layout"), t__namespace.arrayExpression(parsedObj)),
+        t__namespace.objectProperty(t__namespace.identifier("use"), t__namespace.memberExpression(t__namespace.identifier("__minecraft__ui"), t__namespace.identifier(MCXUIType))),
+        t__namespace.objectProperty(t__namespace.identifier("_UI"), t__namespace.identifier("__minecraft__ui"))
+    ]);
+    ctx.app([
+        t__namespace.objectProperty(t__namespace.identifier("ui"), t__namespace.newExpression(t__namespace.identifier("__mcx__ui"), [finallyData, t__namespace.identifier(config.scriptCompileFn)]))
+    ]);
 }
-const cache$1 = new Map();
-async function compileComponent(compileData, opt) {
-    const component = compileData.strLoc.Component;
-    if (cache$1.get(opt)) {
-        throw new CompileError("[compile comonent]: can't load two and more component mcx in same project", {
-            pos: 1,
-            line: 1
-        });
-    }
-    cache$1.set(opt, true);
-    const projectDir = path.dirname(opt.ProjectDir);
-    for (const jsonKey in component) {
-        handlerPath(jsonKey, projectDir);
-        component[jsonKey];
-    }
+
+async function Comp$1(ctx) {
+    const appData = [
+        t__namespace.objectProperty(t__namespace.identifier("event"), await generateEventConfig(ctx.ctx.compiledCode.raw.find((node) => node.name === "Event"), ctx.ctx, ctx.impBody)),
+    ];
+    ctx.app(appData);
 }
 
-async function loadEvent(compileData, body, id, context) {
-    const event = compileData.strLoc.Event;
-    const subscribeBody = [];
-    for (const [name, useExport] of Object.entries(event.subscribe)) {
-        if (name == config.eventExtendsName) {
+async function Comp(ctx) {
+    const eventImportIdList = [];
+    for (const impNode of ctx.ctx.compiledCode.JSIR.BuildCache.import) {
+        const source = impNode.source;
+        const parsed = path.parse(source);
+        if (!parsed.root && !parsed.dir.startsWith(".")) {
             continue;
         }
-        // store the export name as a string; runtime will call `setup()` to
-        // obtain the actual function and bind it to the event.
-        subscribeBody.push(t__namespace.objectProperty(t__namespace.identifier(name), t__namespace.stringLiteral(String(useExport))));
-    }
-    const armg = t__namespace.objectExpression([
-        t__namespace.objectProperty(t__namespace.identifier("on"), t__namespace.stringLiteral(event.on)),
-        t__namespace.objectProperty(t__namespace.identifier("data"), t__namespace.objectExpression(subscribeBody)),
-    ]);
-    const node = compileData.raw.find((item) => item.name == "Event");
-    if (node && node?.arr) {
-        const arr = node.arr;
-        if (typeof arr.tick == "string") {
-            const num = parseFloat(arr.tick);
-            if (!Number.isNaN(num)) {
-                armg.properties.push(t__namespace.objectProperty(t__namespace.identifier("tick"), t__namespace.numericLiteral(num)));
+        // path
+        const fPath = path.join(ctx.ctx.currentId, "../", source);
+        try {
+            // read file
+            const code = await fs.readFile(fPath, "utf-8");
+            const compiledCode = compileMCXFn(code);
+            // write cache
+            ctx.ctx.cache.set(fPath, compiledCode);
+            if (compiledCode.strLoc.Event.isLoad) {
+                for (const impItem of impNode.imported) {
+                    let type;
+                    if (impItem.isAll)
+                        type = "all";
+                    else if (impItem.import == "default")
+                        type = "default";
+                    else {
+                        throw new Error("not vaild importDeclartion: Event mcx only resolve default and all import, can't use other import");
+                    }
+                    eventImportIdList.push({
+                        type,
+                        as: impItem.as
+                    });
+                }
             }
         }
-    }
-    if (event.subscribe[config.eventExtendsName]) {
-        const imp = event.subscribe[config.eventExtendsName];
-        const extendArr = [];
-        if (!imp)
-            return;
-        for (const pkg of imp.split(",")) {
-            const pkgTrim = pkg.trim();
-            const pkgDir = path.join(path.dirname(id), pkgTrim);
-            let st;
-            try {
-                st = await fs.stat(pkgDir);
-                if (!st.isFile())
-                    throw new Error("Not File");
-            }
-            catch (err) {
-                context.error(`[event node]: extends ${pkg} error: ${err.message} code: ${err.code} file: ${id}`);
-            }
-            const impId = generateTempId();
-            body.unshift(t__namespace.importDeclaration([t__namespace.importDefaultSpecifier(t__namespace.identifier(impId))], t__namespace.stringLiteral(pkgTrim)));
-            extendArr.push(t__namespace.identifier(impId));
+        catch (err) {
+            // if error: file not found, file can't write, mcx syntax error
+            ctx.ctx.rollupContext.warn(`[extract import]: can't resolve file ${fPath} and import by ${ctx.ctx.currentId}\n- err: ${(err instanceof Error) ? err.stack : err}`);
         }
-        armg.properties.push(t__namespace.objectProperty(t__namespace.identifier("extends"), t__namespace.arrayExpression(extendArr)));
     }
-    // produce a plain config object (do NOT instantiate Event here)
-    body.push(t__namespace.variableDeclaration("const", [
-        t__namespace.variableDeclarator(t__namespace.identifier(config.eventVarName), armg),
-    ]));
-}
-async function transform(compileData, cache, id, context, opt) {
-    // first compile script
-    const statement = generateMain(compileData.JSIR);
-    let mcxtype = null;
-    // detect imported mcx modules that are events by checking cache or compiling
-    const eventImportIds = [];
-    // build default export object: { type: <mcxtype>, setup: __main, ...(event?) }
-    // event MCX
-    if (compileData.strLoc.Event.isLoad) {
-        // mark as event MCX. Do NOT instantiate Event at compile-time — instead
-        // produce a plain config object referencing exported names (strings).
-        mcxtype = "event";
-        await loadEvent(compileData, statement, id, context);
-    }
-    // component MCX
-    if (Object.keys(compileData.strLoc.Component).length >= 1) {
-        if (mcxtype == "event")
-            throw new Error("[compile component]: a mcx must event or component, can't both");
-        // leave placeholder for component compilation
-        await compileComponent(compileData, opt);
-        // export a MCXFile-like default for components
-        const defObj = t__namespace.objectExpression([
-            t__namespace.objectProperty(t__namespace.identifier("type"), t__namespace.stringLiteral("component")),
-            t__namespace.objectProperty(t__namespace.identifier("setup"), t__namespace.identifier(config.scriptCompileFn)),
-        ]);
-        statement.push(t__namespace.exportDefaultDeclaration(defObj));
-        return generator__namespace.generate(t__namespace.program(statement)).code;
-    }
-    // app (default) MCX
-    if (!mcxtype) {
-        mcxtype = "app";
-        for (const imp of compileData.JSIR.BuildCache.import || []) {
-            if (path.parse(imp.source).dir == "")
-                continue;
-            const source = path.join(path.dirname(id), imp.source);
-            if (!source.endsWith(".mcx"))
-                continue;
-            // generate code;
-            let moduleData;
-            if (cache.has(source)) {
-                moduleData = cache.get(source);
-            }
-            else {
-                let code;
-                try {
-                    code = await fs.readFile(source, "utf-8");
+    // only have event import
+    if (eventImportIdList.length >= 1) {
+        const eventMemberNode = t__namespace.memberExpression(t__namespace.identifier(config.paramCtx), t__namespace.identifier("event"));
+        ctx.mainFn.unshift(
+        // add declaration
+        t__namespace.variableDeclaration("var", eventImportIdList.map((item, index) => {
+            if (item.type == "all") {
+                return t__namespace.variableDeclarator(t__namespace.identifier(item.as), t__namespace.objectExpression([
+                    t__namespace.objectProperty(t__namespace.identifier("default"), t__namespace.memberExpression(eventMemberNode, t__namespace.numericLiteral(index), true)),
+                ]));
+            }
+            else if (item.type == "default") {
+                return t__namespace.variableDeclarator(t__namespace.identifier(item.as), t__namespace.memberExpression(eventMemberNode, t__namespace.numericLiteral(index), true));
+            }
+            // ts galgame
+            throw new Error("[javascript error]: why it not in [default, all]");
+        })));
+        // app: add event export to runtime framework
+        const appData = [
+            t__namespace.objectProperty(t__namespace.identifier("event"), t__namespace.arrayExpression(eventImportIdList.map(vl => {
+                if (vl.type == "all") {
+                    return t__namespace.memberExpression(t__namespace.identifier(vl.as), t__namespace.identifier("default"));
                 }
-                catch (err) {
-                    context.warn("import '" + source + "' not exsit");
-                    continue;
+                else if (vl.type == "default") {
+                    return t__namespace.identifier(vl.as);
                 }
-                moduleData = compileMCXFn(code);
-                cache.set(source, moduleData);
-            }
-            if (!moduleData.strLoc.Event.isLoad)
-                continue;
-            for (const item of imp.imported) {
-                const base = t__namespace.identifier(item.as);
-                if (item.isAll)
-                    eventImportIds.push(t__namespace.memberExpression(base, t__namespace.identifier("default")));
-                else if (item.import == "default")
-                    eventImportIds.push(base, t__namespace.identifier("event"));
-            }
-        }
-    }
-    // Default export properties. `setup` references the compiled script wrapper
-    // function (callable as `setup(ctx)`) which returns the exported bindings
-    // object (e.g. `{ default: Handler }`). Event handler references in the
-    // compiled event config are string names that the runtime will resolve by
-    // calling `setup()` and looking up the named export.
-    const props = [
-        t__namespace.objectProperty(t__namespace.identifier("type"), t__namespace.stringLiteral(mcxtype)),
-        t__namespace.objectProperty(t__namespace.identifier("setup"), t__namespace.identifier(config.scriptCompileFn)),
-    ];
-    // if this app imports an event mcx, attach it under `event` property
-    if (mcxtype === "app" && eventImportIds.length > 0) {
-        // prefer first discovered event import id
-        if (eventImportIds.length > 1) {
-            context.warn(`multiple event MCX imports detected in ${id}. Only the first will be attached to the app export.`);
-        }
-        props.push(t__namespace.objectProperty(t__namespace.identifier("app"), t__namespace.objectExpression([
-            t__namespace.objectProperty(t__namespace.identifier("event"), eventImportIds[0]),
-        ])));
-        for (const statIndex in statement) {
-            const stat = statement[statIndex];
-            if (!stat)
-                continue;
-            console.log(stat);
-            if (stat.type == "FunctionDeclaration" && stat.id && stat.id.name == config.scriptCompileFn) {
-                console.log("into");
-                stat.params[0] =
-                    eventImportIds[0] && eventImportIds[0].type == "Identifier"
-                        ? eventImportIds[0]
-                        : eventImportIds[0]?.object;
-            }
-        }
-    }
-    // if this is an event mcx we still need to provide named export 'event'
-    if (mcxtype === "event") {
-        // ensure default export still includes type and setup
-        props.push(t__namespace.objectProperty(t__namespace.identifier("event"), t__namespace.identifier(config.eventVarName)));
-        const defObj = t__namespace.objectExpression(props);
-        statement.push(t__namespace.exportDefaultDeclaration(defObj));
-        return generator__namespace.generate(t__namespace.program(statement)).code;
-    }
-    // normal app default export
-    const defObj = t__namespace.objectExpression(props);
-    statement.push(t__namespace.exportDefaultDeclaration(defObj));
-    return generator__namespace.generate(t__namespace.program(statement)).code;
-}
-
-// src/vlq.ts
-var comma = ",".charCodeAt(0);
-var semicolon = ";".charCodeAt(0);
-var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-var intToChar = new Uint8Array(64);
-var charToInt = new Uint8Array(128);
-for (let i = 0; i < chars.length; i++) {
-  const c = chars.charCodeAt(i);
-  intToChar[i] = c;
-  charToInt[c] = i;
-}
-function encodeInteger(builder, num, relative) {
-  let delta = num - relative;
-  delta = delta < 0 ? -delta << 1 | 1 : delta << 1;
-  do {
-    let clamped = delta & 31;
-    delta >>>= 5;
-    if (delta > 0) clamped |= 32;
-    builder.write(intToChar[clamped]);
-  } while (delta > 0);
-  return num;
-}
-
-// src/strings.ts
-var bufLength = 1024 * 16;
-var td = typeof TextDecoder !== "undefined" ? /* @__PURE__ */ new TextDecoder() : typeof Buffer !== "undefined" ? {
-  decode(buf) {
-    const out = Buffer.from(buf.buffer, buf.byteOffset, buf.byteLength);
-    return out.toString();
-  }
-} : {
-  decode(buf) {
-    let out = "";
-    for (let i = 0; i < buf.length; i++) {
-      out += String.fromCharCode(buf[i]);
-    }
-    return out;
-  }
-};
-var StringWriter = class {
-  constructor() {
-    this.pos = 0;
-    this.out = "";
-    this.buffer = new Uint8Array(bufLength);
-  }
-  write(v) {
-    const { buffer } = this;
-    buffer[this.pos++] = v;
-    if (this.pos === bufLength) {
-      this.out += td.decode(buffer);
-      this.pos = 0;
-    }
-  }
-  flush() {
-    const { buffer, out, pos } = this;
-    return pos > 0 ? out + td.decode(buffer.subarray(0, pos)) : out;
-  }
-};
-function encode(decoded) {
-  const writer = new StringWriter();
-  let sourcesIndex = 0;
-  let sourceLine = 0;
-  let sourceColumn = 0;
-  let namesIndex = 0;
-  for (let i = 0; i < decoded.length; i++) {
-    const line = decoded[i];
-    if (i > 0) writer.write(semicolon);
-    if (line.length === 0) continue;
-    let genColumn = 0;
-    for (let j = 0; j < line.length; j++) {
-      const segment = line[j];
-      if (j > 0) writer.write(comma);
-      genColumn = encodeInteger(writer, segment[0], genColumn);
-      if (segment.length === 1) continue;
-      sourcesIndex = encodeInteger(writer, segment[1], sourcesIndex);
-      sourceLine = encodeInteger(writer, segment[2], sourceLine);
-      sourceColumn = encodeInteger(writer, segment[3], sourceColumn);
-      if (segment.length === 4) continue;
-      namesIndex = encodeInteger(writer, segment[4], namesIndex);
-    }
-  }
-  return writer.flush();
-}
-
-class BitSet {
-	constructor(arg) {
-		this.bits = arg instanceof BitSet ? arg.bits.slice() : [];
-	}
-
-	add(n) {
-		this.bits[n >> 5] |= 1 << (n & 31);
-	}
-
-	has(n) {
-		return !!(this.bits[n >> 5] & (1 << (n & 31)));
-	}
-}
-
-class Chunk {
-	constructor(start, end, content) {
-		this.start = start;
-		this.end = end;
-		this.original = content;
-
-		this.intro = '';
-		this.outro = '';
-
-		this.content = content;
-		this.storeName = false;
-		this.edited = false;
-
-		{
-			this.previous = null;
-			this.next = null;
-		}
-	}
-
-	appendLeft(content) {
-		this.outro += content;
-	}
-
-	appendRight(content) {
-		this.intro = this.intro + content;
-	}
-
-	clone() {
-		const chunk = new Chunk(this.start, this.end, this.original);
-
-		chunk.intro = this.intro;
-		chunk.outro = this.outro;
-		chunk.content = this.content;
-		chunk.storeName = this.storeName;
-		chunk.edited = this.edited;
-
-		return chunk;
-	}
-
-	contains(index) {
-		return this.start < index && index < this.end;
-	}
-
-	eachNext(fn) {
-		let chunk = this;
-		while (chunk) {
-			fn(chunk);
-			chunk = chunk.next;
-		}
-	}
-
-	eachPrevious(fn) {
-		let chunk = this;
-		while (chunk) {
-			fn(chunk);
-			chunk = chunk.previous;
-		}
-	}
-
-	edit(content, storeName, contentOnly) {
-		this.content = content;
-		if (!contentOnly) {
-			this.intro = '';
-			this.outro = '';
-		}
-		this.storeName = storeName;
-
-		this.edited = true;
-
-		return this;
-	}
-
-	prependLeft(content) {
-		this.outro = content + this.outro;
-	}
-
-	prependRight(content) {
-		this.intro = content + this.intro;
-	}
-
-	reset() {
-		this.intro = '';
-		this.outro = '';
-		if (this.edited) {
-			this.content = this.original;
-			this.storeName = false;
-			this.edited = false;
-		}
-	}
-
-	split(index) {
-		const sliceIndex = index - this.start;
-
-		const originalBefore = this.original.slice(0, sliceIndex);
-		const originalAfter = this.original.slice(sliceIndex);
-
-		this.original = originalBefore;
-
-		const newChunk = new Chunk(index, this.end, originalAfter);
-		newChunk.outro = this.outro;
-		this.outro = '';
-
-		this.end = index;
-
-		if (this.edited) {
-			// after split we should save the edit content record into the correct chunk
-			// to make sure sourcemap correct
-			// For example:
-			// '  test'.trim()
-			//     split   -> '  ' + 'test'
-			//   ✔️ edit    -> '' + 'test'
-			//   ✖️ edit    -> 'test' + ''
-			// TODO is this block necessary?...
-			newChunk.edit('', false);
-			this.content = '';
-		} else {
-			this.content = originalBefore;
-		}
-
-		newChunk.next = this.next;
-		if (newChunk.next) newChunk.next.previous = newChunk;
-		newChunk.previous = this;
-		this.next = newChunk;
-
-		return newChunk;
-	}
-
-	toString() {
-		return this.intro + this.content + this.outro;
-	}
-
-	trimEnd(rx) {
-		this.outro = this.outro.replace(rx, '');
-		if (this.outro.length) return true;
-
-		const trimmed = this.content.replace(rx, '');
-
-		if (trimmed.length) {
-			if (trimmed !== this.content) {
-				this.split(this.start + trimmed.length).edit('', undefined, true);
-				if (this.edited) {
-					// save the change, if it has been edited
-					this.edit(trimmed, this.storeName, true);
-				}
-			}
-			return true;
-		} else {
-			this.edit('', undefined, true);
-
-			this.intro = this.intro.replace(rx, '');
-			if (this.intro.length) return true;
-		}
-	}
-
-	trimStart(rx) {
-		this.intro = this.intro.replace(rx, '');
-		if (this.intro.length) return true;
-
-		const trimmed = this.content.replace(rx, '');
-
-		if (trimmed.length) {
-			if (trimmed !== this.content) {
-				const newChunk = this.split(this.end - trimmed.length);
-				if (this.edited) {
-					// save the change, if it has been edited
-					newChunk.edit(trimmed, this.storeName, true);
-				}
-				this.edit('', undefined, true);
-			}
-			return true;
-		} else {
-			this.edit('', undefined, true);
-
-			this.outro = this.outro.replace(rx, '');
-			if (this.outro.length) return true;
-		}
-	}
-}
-
-function getBtoa() {
-	if (typeof globalThis !== 'undefined' && typeof globalThis.btoa === 'function') {
-		return (str) => globalThis.btoa(unescape(encodeURIComponent(str)));
-	} else if (typeof Buffer === 'function') {
-		return (str) => Buffer.from(str, 'utf-8').toString('base64');
-	} else {
-		return () => {
-			throw new Error('Unsupported environment: `window.btoa` or `Buffer` should be supported.');
-		};
-	}
-}
-
-const btoa = /*#__PURE__*/ getBtoa();
-
-class SourceMap {
-	constructor(properties) {
-		this.version = 3;
-		this.file = properties.file;
-		this.sources = properties.sources;
-		this.sourcesContent = properties.sourcesContent;
-		this.names = properties.names;
-		this.mappings = encode(properties.mappings);
-		if (typeof properties.x_google_ignoreList !== 'undefined') {
-			this.x_google_ignoreList = properties.x_google_ignoreList;
-		}
-		if (typeof properties.debugId !== 'undefined') {
-			this.debugId = properties.debugId;
-		}
-	}
-
-	toString() {
-		return JSON.stringify(this);
-	}
-
-	toUrl() {
-		return 'data:application/json;charset=utf-8;base64,' + btoa(this.toString());
-	}
-}
-
-function guessIndent(code) {
-	const lines = code.split('\n');
-
-	const tabbed = lines.filter((line) => /^\t+/.test(line));
-	const spaced = lines.filter((line) => /^ {2,}/.test(line));
-
-	if (tabbed.length === 0 && spaced.length === 0) {
-		return null;
-	}
-
-	// More lines tabbed than spaced? Assume tabs, and
-	// default to tabs in the case of a tie (or nothing
-	// to go on)
-	if (tabbed.length >= spaced.length) {
-		return '\t';
-	}
-
-	// Otherwise, we need to guess the multiple
-	const min = spaced.reduce((previous, current) => {
-		const numSpaces = /^ +/.exec(current)[0].length;
-		return Math.min(numSpaces, previous);
-	}, Infinity);
-
-	return new Array(min + 1).join(' ');
-}
-
-function getRelativePath(from, to) {
-	const fromParts = from.split(/[/\\]/);
-	const toParts = to.split(/[/\\]/);
-
-	fromParts.pop(); // get dirname
-
-	while (fromParts[0] === toParts[0]) {
-		fromParts.shift();
-		toParts.shift();
-	}
-
-	if (fromParts.length) {
-		let i = fromParts.length;
-		while (i--) fromParts[i] = '..';
-	}
-
-	return fromParts.concat(toParts).join('/');
-}
-
-const toString = Object.prototype.toString;
-
-function isObject(thing) {
-	return toString.call(thing) === '[object Object]';
+                throw new Error("[add prop]: can't format eventImportList");
+            })))
+        ];
+        ctx.app(appData);
+    }
 }
 
-function getLocator(source) {
-	const originalLines = source.split('\n');
-	const lineOffsets = [];
-
-	for (let i = 0, pos = 0; i < originalLines.length; i++) {
-		lineOffsets.push(pos);
-		pos += originalLines[i].length + 1;
-	}
-
-	return function locate(index) {
-		let i = 0;
-		let j = lineOffsets.length;
-		while (i < j) {
-			const m = (i + j) >> 1;
-			if (index < lineOffsets[m]) {
-				j = m;
-			} else {
-				i = m + 1;
-			}
-		}
-		const line = i - 1;
-		const column = index - lineOffsets[line];
-		return { line, column };
-	};
+async function compileComponent(compiledCode, project) {
+    const component = compiledCode.strLoc.Component;
+    for (const i of Object.entries(component)) {
+        // TODO: compele compile component
+    }
 }
 
-const wordRegex = /\w/;
-
-class Mappings {
-	constructor(hires) {
-		this.hires = hires;
-		this.generatedCodeLine = 0;
-		this.generatedCodeColumn = 0;
-		this.raw = [];
-		this.rawSegments = this.raw[this.generatedCodeLine] = [];
-		this.pending = null;
-	}
-
-	addEdit(sourceIndex, content, loc, nameIndex) {
-		if (content.length) {
-			const contentLengthMinusOne = content.length - 1;
-			let contentLineEnd = content.indexOf('\n', 0);
-			let previousContentLineEnd = -1;
-			// Loop through each line in the content and add a segment, but stop if the last line is empty,
-			// else code afterwards would fill one line too many
-			while (contentLineEnd >= 0 && contentLengthMinusOne > contentLineEnd) {
-				const segment = [this.generatedCodeColumn, sourceIndex, loc.line, loc.column];
-				if (nameIndex >= 0) {
-					segment.push(nameIndex);
-				}
-				this.rawSegments.push(segment);
-
-				this.generatedCodeLine += 1;
-				this.raw[this.generatedCodeLine] = this.rawSegments = [];
-				this.generatedCodeColumn = 0;
-
-				previousContentLineEnd = contentLineEnd;
-				contentLineEnd = content.indexOf('\n', contentLineEnd + 1);
-			}
-
-			const segment = [this.generatedCodeColumn, sourceIndex, loc.line, loc.column];
-			if (nameIndex >= 0) {
-				segment.push(nameIndex);
-			}
-			this.rawSegments.push(segment);
-
-			this.advance(content.slice(previousContentLineEnd + 1));
-		} else if (this.pending) {
-			this.rawSegments.push(this.pending);
-			this.advance(content);
-		}
-
-		this.pending = null;
-	}
-
-	addUneditedChunk(sourceIndex, chunk, original, loc, sourcemapLocations) {
-		let originalCharIndex = chunk.start;
-		let first = true;
-		// when iterating each char, check if it's in a word boundary
-		let charInHiresBoundary = false;
-
-		while (originalCharIndex < chunk.end) {
-			if (original[originalCharIndex] === '\n') {
-				loc.line += 1;
-				loc.column = 0;
-				this.generatedCodeLine += 1;
-				this.raw[this.generatedCodeLine] = this.rawSegments = [];
-				this.generatedCodeColumn = 0;
-				first = true;
-				charInHiresBoundary = false;
-			} else {
-				if (this.hires || first || sourcemapLocations.has(originalCharIndex)) {
-					const segment = [this.generatedCodeColumn, sourceIndex, loc.line, loc.column];
-
-					if (this.hires === 'boundary') {
-						// in hires "boundary", group segments per word boundary than per char
-						if (wordRegex.test(original[originalCharIndex])) {
-							// for first char in the boundary found, start the boundary by pushing a segment
-							if (!charInHiresBoundary) {
-								this.rawSegments.push(segment);
-								charInHiresBoundary = true;
-							}
-						} else {
-							// for non-word char, end the boundary by pushing a segment
-							this.rawSegments.push(segment);
-							charInHiresBoundary = false;
-						}
-					} else {
-						this.rawSegments.push(segment);
-					}
-				}
-
-				loc.column += 1;
-				this.generatedCodeColumn += 1;
-				first = false;
-			}
-
-			originalCharIndex += 1;
-		}
-
-		this.pending = null;
-	}
-
-	advance(str) {
-		if (!str) return;
-
-		const lines = str.split('\n');
-
-		if (lines.length > 1) {
-			for (let i = 0; i < lines.length - 1; i++) {
-				this.generatedCodeLine++;
-				this.raw[this.generatedCodeLine] = this.rawSegments = [];
-			}
-			this.generatedCodeColumn = 0;
-		}
+var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    compileComponent: compileComponent
+});
 
-		this.generatedCodeColumn += lines[lines.length - 1].length;
-	}
+async function _transform(ctx) {
+    const _temp_main = generateMain(ctx.compiledCode.JSIR);
+    const mainFn = ctx.mainFn.body = _temp_main[0];
+    const prop = [];
+    const app = _enableWithData();
+    const params = ctx.mainFn.param = [
+        t__namespace.identifier(config.paramCtx)
+    ];
+    const parseCtx = {
+        impBody: _temp_main[1],
+        mainFn,
+        prop,
+        ctx: ctx,
+        app
+    };
+    let type = "app";
+    // enable setup fn: use to generate setup
+    const enableSetup = _enable();
+    if (ctx.compiledCode.strLoc.Event.isLoad) {
+        // handler event type mcx
+        type = "event";
+        // enable export setup
+        enableSetup();
+        await Comp$1(parseCtx);
+    }
+    if (ctx.compiledCode.strLoc.UI) {
+        /**
+         * Completed UI handler
+         * @todo - handler
+         */
+        type = "ui"; // ui mcx
+        enableSetup();
+        await Comp$2(parseCtx);
+    }
+    if (Object.getOwnPropertyNames(ctx.compiledCode.strLoc.Component).length >= 1) {
+        type = "component";
+        await compileComponent(ctx.compiledCode, ctx.opt.ProjectDir);
+        return `export default {type:'component',setup:null,app:{}}`;
+    }
+    if (type == "app") {
+        // enable setup export
+        enableSetup();
+        // find event mcx import
+        await Comp(parseCtx);
+    }
+    // add default export: type
+    prop.push(t__namespace.objectProperty(t__namespace.identifier("type"), t__namespace.stringLiteral(type)));
+    if (enableSetup.prototype.enable) {
+        prop.push(t__namespace.objectProperty(t__namespace.identifier("setup"), t__namespace.identifier(config.scriptCompileFn)));
+    }
+    if (app.prototype.enable) {
+        prop.push(t__namespace.objectProperty(t__namespace.identifier("app"), t__namespace.objectExpression(app.prototype.enable)));
+    }
+    // generate code
+    const code = generator.generate(
+    // create program
+    (t__namespace.program([
+        ...parseCtx.impBody,
+        t__namespace.functionDeclaration(t__namespace.identifier(config.scriptCompileFn), params, t__namespace.blockStatement(mainFn), false, false),
+        t__namespace.exportDefaultDeclaration(t__namespace.objectExpression(prop)),
+    ]))).code;
+    return code;
 }
 
-const n = '\n';
-
-const warned = {
-	insertLeft: false,
-	insertRight: false,
-	storeName: false,
-};
-
-class MagicString {
-	constructor(string, options = {}) {
-		const chunk = new Chunk(0, string.length, string);
-
-		Object.defineProperties(this, {
-			original: { writable: true, value: string },
-			outro: { writable: true, value: '' },
-			intro: { writable: true, value: '' },
-			firstChunk: { writable: true, value: chunk },
-			lastChunk: { writable: true, value: chunk },
-			lastSearchedChunk: { writable: true, value: chunk },
-			byStart: { writable: true, value: {} },
-			byEnd: { writable: true, value: {} },
-			filename: { writable: true, value: options.filename },
-			indentExclusionRanges: { writable: true, value: options.indentExclusionRanges },
-			sourcemapLocations: { writable: true, value: new BitSet() },
-			storedNames: { writable: true, value: {} },
-			indentStr: { writable: true, value: undefined },
-			ignoreList: { writable: true, value: options.ignoreList },
-			offset: { writable: true, value: options.offset || 0 },
-		});
-
-		this.byStart[0] = chunk;
-		this.byEnd[string.length] = chunk;
-	}
-
-	addSourcemapLocation(char) {
-		this.sourcemapLocations.add(char);
-	}
-
-	append(content) {
-		if (typeof content !== 'string') throw new TypeError('outro content must be a string');
-
-		this.outro += content;
-		return this;
-	}
-
-	appendLeft(index, content) {
-		index = index + this.offset;
-
-		if (typeof content !== 'string') throw new TypeError('inserted content must be a string');
-
-		this._split(index);
-
-		const chunk = this.byEnd[index];
-
-		if (chunk) {
-			chunk.appendLeft(content);
-		} else {
-			this.intro += content;
-		}
-		return this;
-	}
-
-	appendRight(index, content) {
-		index = index + this.offset;
-
-		if (typeof content !== 'string') throw new TypeError('inserted content must be a string');
-
-		this._split(index);
-
-		const chunk = this.byStart[index];
-
-		if (chunk) {
-			chunk.appendRight(content);
-		} else {
-			this.outro += content;
-		}
-		return this;
-	}
-
-	clone() {
-		const cloned = new MagicString(this.original, { filename: this.filename, offset: this.offset });
-
-		let originalChunk = this.firstChunk;
-		let clonedChunk = (cloned.firstChunk = cloned.lastSearchedChunk = originalChunk.clone());
-
-		while (originalChunk) {
-			cloned.byStart[clonedChunk.start] = clonedChunk;
-			cloned.byEnd[clonedChunk.end] = clonedChunk;
-
-			const nextOriginalChunk = originalChunk.next;
-			const nextClonedChunk = nextOriginalChunk && nextOriginalChunk.clone();
-
-			if (nextClonedChunk) {
-				clonedChunk.next = nextClonedChunk;
-				nextClonedChunk.previous = clonedChunk;
-
-				clonedChunk = nextClonedChunk;
-			}
-
-			originalChunk = nextOriginalChunk;
-		}
-
-		cloned.lastChunk = clonedChunk;
-
-		if (this.indentExclusionRanges) {
-			cloned.indentExclusionRanges = this.indentExclusionRanges.slice();
-		}
-
-		cloned.sourcemapLocations = new BitSet(this.sourcemapLocations);
-
-		cloned.intro = this.intro;
-		cloned.outro = this.outro;
-
-		return cloned;
-	}
-
-	generateDecodedMap(options) {
-		options = options || {};
-
-		const sourceIndex = 0;
-		const names = Object.keys(this.storedNames);
-		const mappings = new Mappings(options.hires);
-
-		const locate = getLocator(this.original);
-
-		if (this.intro) {
-			mappings.advance(this.intro);
-		}
-
-		this.firstChunk.eachNext((chunk) => {
-			const loc = locate(chunk.start);
-
-			if (chunk.intro.length) mappings.advance(chunk.intro);
-
-			if (chunk.edited) {
-				mappings.addEdit(
-					sourceIndex,
-					chunk.content,
-					loc,
-					chunk.storeName ? names.indexOf(chunk.original) : -1,
-				);
-			} else {
-				mappings.addUneditedChunk(sourceIndex, chunk, this.original, loc, this.sourcemapLocations);
-			}
-
-			if (chunk.outro.length) mappings.advance(chunk.outro);
-		});
-
-		if (this.outro) {
-			mappings.advance(this.outro);
-		}
-
-		return {
-			file: options.file ? options.file.split(/[/\\]/).pop() : undefined,
-			sources: [
-				options.source ? getRelativePath(options.file || '', options.source) : options.file || '',
-			],
-			sourcesContent: options.includeContent ? [this.original] : undefined,
-			names,
-			mappings: mappings.raw,
-			x_google_ignoreList: this.ignoreList ? [sourceIndex] : undefined,
-		};
-	}
-
-	generateMap(options) {
-		return new SourceMap(this.generateDecodedMap(options));
-	}
-
-	_ensureindentStr() {
-		if (this.indentStr === undefined) {
-			this.indentStr = guessIndent(this.original);
-		}
-	}
-
-	_getRawIndentString() {
-		this._ensureindentStr();
-		return this.indentStr;
-	}
-
-	getIndentString() {
-		this._ensureindentStr();
-		return this.indentStr === null ? '\t' : this.indentStr;
-	}
-
-	indent(indentStr, options) {
-		const pattern = /^[^\r\n]/gm;
-
-		if (isObject(indentStr)) {
-			options = indentStr;
-			indentStr = undefined;
-		}
-
-		if (indentStr === undefined) {
-			this._ensureindentStr();
-			indentStr = this.indentStr || '\t';
-		}
-
-		if (indentStr === '') return this; // noop
-
-		options = options || {};
-
-		// Process exclusion ranges
-		const isExcluded = {};
-
-		if (options.exclude) {
-			const exclusions =
-				typeof options.exclude[0] === 'number' ? [options.exclude] : options.exclude;
-			exclusions.forEach((exclusion) => {
-				for (let i = exclusion[0]; i < exclusion[1]; i += 1) {
-					isExcluded[i] = true;
-				}
-			});
-		}
-
-		let shouldIndentNextCharacter = options.indentStart !== false;
-		const replacer = (match) => {
-			if (shouldIndentNextCharacter) return `${indentStr}${match}`;
-			shouldIndentNextCharacter = true;
-			return match;
-		};
-
-		this.intro = this.intro.replace(pattern, replacer);
-
-		let charIndex = 0;
-		let chunk = this.firstChunk;
-
-		while (chunk) {
-			const end = chunk.end;
-
-			if (chunk.edited) {
-				if (!isExcluded[charIndex]) {
-					chunk.content = chunk.content.replace(pattern, replacer);
-
-					if (chunk.content.length) {
-						shouldIndentNextCharacter = chunk.content[chunk.content.length - 1] === '\n';
-					}
-				}
-			} else {
-				charIndex = chunk.start;
-
-				while (charIndex < end) {
-					if (!isExcluded[charIndex]) {
-						const char = this.original[charIndex];
-
-						if (char === '\n') {
-							shouldIndentNextCharacter = true;
-						} else if (char !== '\r' && shouldIndentNextCharacter) {
-							shouldIndentNextCharacter = false;
-
-							if (charIndex === chunk.start) {
-								chunk.prependRight(indentStr);
-							} else {
-								this._splitChunk(chunk, charIndex);
-								chunk = chunk.next;
-								chunk.prependRight(indentStr);
-							}
-						}
-					}
-
-					charIndex += 1;
-				}
-			}
-
-			charIndex = chunk.end;
-			chunk = chunk.next;
-		}
-
-		this.outro = this.outro.replace(pattern, replacer);
-
-		return this;
-	}
-
-	insert() {
-		throw new Error(
-			'magicString.insert(...) is deprecated. Use prependRight(...) or appendLeft(...)',
-		);
-	}
-
-	insertLeft(index, content) {
-		if (!warned.insertLeft) {
-			console.warn(
-				'magicString.insertLeft(...) is deprecated. Use magicString.appendLeft(...) instead',
-			);
-			warned.insertLeft = true;
-		}
-
-		return this.appendLeft(index, content);
-	}
-
-	insertRight(index, content) {
-		if (!warned.insertRight) {
-			console.warn(
-				'magicString.insertRight(...) is deprecated. Use magicString.prependRight(...) instead',
-			);
-			warned.insertRight = true;
-		}
-
-		return this.prependRight(index, content);
-	}
-
-	move(start, end, index) {
-		start = start + this.offset;
-		end = end + this.offset;
-		index = index + this.offset;
-
-		if (index >= start && index <= end) throw new Error('Cannot move a selection inside itself');
-
-		this._split(start);
-		this._split(end);
-		this._split(index);
-
-		const first = this.byStart[start];
-		const last = this.byEnd[end];
-
-		const oldLeft = first.previous;
-		const oldRight = last.next;
-
-		const newRight = this.byStart[index];
-		if (!newRight && last === this.lastChunk) return this;
-		const newLeft = newRight ? newRight.previous : this.lastChunk;
-
-		if (oldLeft) oldLeft.next = oldRight;
-		if (oldRight) oldRight.previous = oldLeft;
-
-		if (newLeft) newLeft.next = first;
-		if (newRight) newRight.previous = last;
-
-		if (!first.previous) this.firstChunk = last.next;
-		if (!last.next) {
-			this.lastChunk = first.previous;
-			this.lastChunk.next = null;
-		}
-
-		first.previous = newLeft;
-		last.next = newRight || null;
-
-		if (!newLeft) this.firstChunk = first;
-		if (!newRight) this.lastChunk = last;
-		return this;
-	}
-
-	overwrite(start, end, content, options) {
-		options = options || {};
-		return this.update(start, end, content, { ...options, overwrite: !options.contentOnly });
-	}
-
-	update(start, end, content, options) {
-		start = start + this.offset;
-		end = end + this.offset;
-
-		if (typeof content !== 'string') throw new TypeError('replacement content must be a string');
-
-		if (this.original.length !== 0) {
-			while (start < 0) start += this.original.length;
-			while (end < 0) end += this.original.length;
-		}
-
-		if (end > this.original.length) throw new Error('end is out of bounds');
-		if (start === end)
-			throw new Error(
-				'Cannot overwrite a zero-length range – use appendLeft or prependRight instead',
-			);
-
-		this._split(start);
-		this._split(end);
-
-		if (options === true) {
-			if (!warned.storeName) {
-				console.warn(
-					'The final argument to magicString.overwrite(...) should be an options object. See https://github.com/rich-harris/magic-string',
-				);
-				warned.storeName = true;
-			}
-
-			options = { storeName: true };
-		}
-		const storeName = options !== undefined ? options.storeName : false;
-		const overwrite = options !== undefined ? options.overwrite : false;
-
-		if (storeName) {
-			const original = this.original.slice(start, end);
-			Object.defineProperty(this.storedNames, original, {
-				writable: true,
-				value: true,
-				enumerable: true,
-			});
-		}
-
-		const first = this.byStart[start];
-		const last = this.byEnd[end];
-
-		if (first) {
-			let chunk = first;
-			while (chunk !== last) {
-				if (chunk.next !== this.byStart[chunk.end]) {
-					throw new Error('Cannot overwrite across a split point');
-				}
-				chunk = chunk.next;
-				chunk.edit('', false);
-			}
-
-			first.edit(content, storeName, !overwrite);
-		} else {
-			// must be inserting at the end
-			const newChunk = new Chunk(start, end, '').edit(content, storeName);
-
-			// TODO last chunk in the array may not be the last chunk, if it's moved...
-			last.next = newChunk;
-			newChunk.previous = last;
-		}
-		return this;
-	}
-
-	prepend(content) {
-		if (typeof content !== 'string') throw new TypeError('outro content must be a string');
-
-		this.intro = content + this.intro;
-		return this;
-	}
-
-	prependLeft(index, content) {
-		index = index + this.offset;
-
-		if (typeof content !== 'string') throw new TypeError('inserted content must be a string');
-
-		this._split(index);
-
-		const chunk = this.byEnd[index];
-
-		if (chunk) {
-			chunk.prependLeft(content);
-		} else {
-			this.intro = content + this.intro;
-		}
-		return this;
-	}
-
-	prependRight(index, content) {
-		index = index + this.offset;
-
-		if (typeof content !== 'string') throw new TypeError('inserted content must be a string');
-
-		this._split(index);
-
-		const chunk = this.byStart[index];
-
-		if (chunk) {
-			chunk.prependRight(content);
-		} else {
-			this.outro = content + this.outro;
-		}
-		return this;
-	}
-
-	remove(start, end) {
-		start = start + this.offset;
-		end = end + this.offset;
-
-		if (this.original.length !== 0) {
-			while (start < 0) start += this.original.length;
-			while (end < 0) end += this.original.length;
-		}
-
-		if (start === end) return this;
-
-		if (start < 0 || end > this.original.length) throw new Error('Character is out of bounds');
-		if (start > end) throw new Error('end must be greater than start');
-
-		this._split(start);
-		this._split(end);
-
-		let chunk = this.byStart[start];
-
-		while (chunk) {
-			chunk.intro = '';
-			chunk.outro = '';
-			chunk.edit('');
-
-			chunk = end > chunk.end ? this.byStart[chunk.end] : null;
-		}
-		return this;
-	}
-
-	reset(start, end) {
-		start = start + this.offset;
-		end = end + this.offset;
-
-		if (this.original.length !== 0) {
-			while (start < 0) start += this.original.length;
-			while (end < 0) end += this.original.length;
-		}
-
-		if (start === end) return this;
-
-		if (start < 0 || end > this.original.length) throw new Error('Character is out of bounds');
-		if (start > end) throw new Error('end must be greater than start');
-
-		this._split(start);
-		this._split(end);
-
-		let chunk = this.byStart[start];
-
-		while (chunk) {
-			chunk.reset();
-
-			chunk = end > chunk.end ? this.byStart[chunk.end] : null;
-		}
-		return this;
-	}
-
-	lastChar() {
-		if (this.outro.length) return this.outro[this.outro.length - 1];
-		let chunk = this.lastChunk;
-		do {
-			if (chunk.outro.length) return chunk.outro[chunk.outro.length - 1];
-			if (chunk.content.length) return chunk.content[chunk.content.length - 1];
-			if (chunk.intro.length) return chunk.intro[chunk.intro.length - 1];
-		} while ((chunk = chunk.previous));
-		if (this.intro.length) return this.intro[this.intro.length - 1];
-		return '';
-	}
-
-	lastLine() {
-		let lineIndex = this.outro.lastIndexOf(n);
-		if (lineIndex !== -1) return this.outro.substr(lineIndex + 1);
-		let lineStr = this.outro;
-		let chunk = this.lastChunk;
-		do {
-			if (chunk.outro.length > 0) {
-				lineIndex = chunk.outro.lastIndexOf(n);
-				if (lineIndex !== -1) return chunk.outro.substr(lineIndex + 1) + lineStr;
-				lineStr = chunk.outro + lineStr;
-			}
-
-			if (chunk.content.length > 0) {
-				lineIndex = chunk.content.lastIndexOf(n);
-				if (lineIndex !== -1) return chunk.content.substr(lineIndex + 1) + lineStr;
-				lineStr = chunk.content + lineStr;
-			}
-
-			if (chunk.intro.length > 0) {
-				lineIndex = chunk.intro.lastIndexOf(n);
-				if (lineIndex !== -1) return chunk.intro.substr(lineIndex + 1) + lineStr;
-				lineStr = chunk.intro + lineStr;
-			}
-		} while ((chunk = chunk.previous));
-		lineIndex = this.intro.lastIndexOf(n);
-		if (lineIndex !== -1) return this.intro.substr(lineIndex + 1) + lineStr;
-		return this.intro + lineStr;
-	}
-
-	slice(start = 0, end = this.original.length - this.offset) {
-		start = start + this.offset;
-		end = end + this.offset;
-
-		if (this.original.length !== 0) {
-			while (start < 0) start += this.original.length;
-			while (end < 0) end += this.original.length;
-		}
-
-		let result = '';
-
-		// find start chunk
-		let chunk = this.firstChunk;
-		while (chunk && (chunk.start > start || chunk.end <= start)) {
-			// found end chunk before start
-			if (chunk.start < end && chunk.end >= end) {
-				return result;
-			}
-
-			chunk = chunk.next;
-		}
-
-		if (chunk && chunk.edited && chunk.start !== start)
-			throw new Error(`Cannot use replaced character ${start} as slice start anchor.`);
-
-		const startChunk = chunk;
-		while (chunk) {
-			if (chunk.intro && (startChunk !== chunk || chunk.start === start)) {
-				result += chunk.intro;
-			}
-
-			const containsEnd = chunk.start < end && chunk.end >= end;
-			if (containsEnd && chunk.edited && chunk.end !== end)
-				throw new Error(`Cannot use replaced character ${end} as slice end anchor.`);
-
-			const sliceStart = startChunk === chunk ? start - chunk.start : 0;
-			const sliceEnd = containsEnd ? chunk.content.length + end - chunk.end : chunk.content.length;
-
-			result += chunk.content.slice(sliceStart, sliceEnd);
-
-			if (chunk.outro && (!containsEnd || chunk.end === end)) {
-				result += chunk.outro;
-			}
-
-			if (containsEnd) {
-				break;
-			}
-
-			chunk = chunk.next;
-		}
-
-		return result;
-	}
-
-	// TODO deprecate this? not really very useful
-	snip(start, end) {
-		const clone = this.clone();
-		clone.remove(0, start);
-		clone.remove(end, clone.original.length);
-
-		return clone;
-	}
-
-	_split(index) {
-		if (this.byStart[index] || this.byEnd[index]) return;
-
-		let chunk = this.lastSearchedChunk;
-		let previousChunk = chunk;
-		const searchForward = index > chunk.end;
-
-		while (chunk) {
-			if (chunk.contains(index)) return this._splitChunk(chunk, index);
-
-			chunk = searchForward ? this.byStart[chunk.end] : this.byEnd[chunk.start];
-
-			// Prevent infinite loop (e.g. via empty chunks, where start === end)
-			if (chunk === previousChunk) return;
-
-			previousChunk = chunk;
-		}
-	}
-
-	_splitChunk(chunk, index) {
-		if (chunk.edited && chunk.content.length) {
-			// zero-length edited chunks are a special case (overlapping replacements)
-			const loc = getLocator(this.original)(index);
-			throw new Error(
-				`Cannot split a chunk that has already been edited (${loc.line}:${loc.column} – "${chunk.original}")`,
-			);
-		}
-
-		const newChunk = chunk.split(index);
-
-		this.byEnd[index] = chunk;
-		this.byStart[index] = newChunk;
-		this.byEnd[newChunk.end] = newChunk;
-
-		if (chunk === this.lastChunk) this.lastChunk = newChunk;
-
-		this.lastSearchedChunk = chunk;
-		return true;
-	}
-
-	toString() {
-		let str = this.intro;
-
-		let chunk = this.firstChunk;
-		while (chunk) {
-			str += chunk.toString();
-			chunk = chunk.next;
-		}
-
-		return str + this.outro;
-	}
-
-	isEmpty() {
-		let chunk = this.firstChunk;
-		do {
-			if (
-				(chunk.intro.length && chunk.intro.trim()) ||
-				(chunk.content.length && chunk.content.trim()) ||
-				(chunk.outro.length && chunk.outro.trim())
-			)
-				return false;
-		} while ((chunk = chunk.next));
-		return true;
-	}
-
-	length() {
-		let chunk = this.firstChunk;
-		let length = 0;
-		do {
-			length += chunk.intro.length + chunk.content.length + chunk.outro.length;
-		} while ((chunk = chunk.next));
-		return length;
-	}
-
-	trimLines() {
-		return this.trim('[\\r\\n]');
-	}
-
-	trim(charType) {
-		return this.trimStart(charType).trimEnd(charType);
-	}
-
-	trimEndAborted(charType) {
-		const rx = new RegExp((charType || '\\s') + '+$');
-
-		this.outro = this.outro.replace(rx, '');
-		if (this.outro.length) return true;
-
-		let chunk = this.lastChunk;
-
-		do {
-			const end = chunk.end;
-			const aborted = chunk.trimEnd(rx);
-
-			// if chunk was trimmed, we have a new lastChunk
-			if (chunk.end !== end) {
-				if (this.lastChunk === chunk) {
-					this.lastChunk = chunk.next;
-				}
-
-				this.byEnd[chunk.end] = chunk;
-				this.byStart[chunk.next.start] = chunk.next;
-				this.byEnd[chunk.next.end] = chunk.next;
-			}
-
-			if (aborted) return true;
-			chunk = chunk.previous;
-		} while (chunk);
-
-		return false;
-	}
-
-	trimEnd(charType) {
-		this.trimEndAborted(charType);
-		return this;
-	}
-	trimStartAborted(charType) {
-		const rx = new RegExp('^' + (charType || '\\s') + '+');
-
-		this.intro = this.intro.replace(rx, '');
-		if (this.intro.length) return true;
-
-		let chunk = this.firstChunk;
-
-		do {
-			const end = chunk.end;
-			const aborted = chunk.trimStart(rx);
-
-			if (chunk.end !== end) {
-				// special case...
-				if (chunk === this.lastChunk) this.lastChunk = chunk.next;
-
-				this.byEnd[chunk.end] = chunk;
-				this.byStart[chunk.next.start] = chunk.next;
-				this.byEnd[chunk.next.end] = chunk.next;
-			}
-
-			if (aborted) return true;
-			chunk = chunk.next;
-		} while (chunk);
-
-		return false;
-	}
-
-	trimStart(charType) {
-		this.trimStartAborted(charType);
-		return this;
-	}
-
-	hasChanged() {
-		return this.original !== this.toString();
-	}
-
-	_replaceRegexp(searchValue, replacement) {
-		function getReplacement(match, str) {
-			if (typeof replacement === 'string') {
-				return replacement.replace(/\$(\$|&|\d+)/g, (_, i) => {
-					// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#specifying_a_string_as_a_parameter
-					if (i === '$') return '$';
-					if (i === '&') return match[0];
-					const num = +i;
-					if (num < match.length) return match[+i];
-					return `$${i}`;
-				});
-			} else {
-				return replacement(...match, match.index, str, match.groups);
-			}
-		}
-		function matchAll(re, str) {
-			let match;
-			const matches = [];
-			while ((match = re.exec(str))) {
-				matches.push(match);
-			}
-			return matches;
-		}
-		if (searchValue.global) {
-			const matches = matchAll(searchValue, this.original);
-			matches.forEach((match) => {
-				if (match.index != null) {
-					const replacement = getReplacement(match, this.original);
-					if (replacement !== match[0]) {
-						this.overwrite(match.index, match.index + match[0].length, replacement);
-					}
-				}
-			});
-		} else {
-			const match = this.original.match(searchValue);
-			if (match && match.index != null) {
-				const replacement = getReplacement(match, this.original);
-				if (replacement !== match[0]) {
-					this.overwrite(match.index, match.index + match[0].length, replacement);
-				}
-			}
-		}
-		return this;
-	}
-
-	_replaceString(string, replacement) {
-		const { original } = this;
-		const index = original.indexOf(string);
-
-		if (index !== -1) {
-			if (typeof replacement === 'function') {
-				replacement = replacement(string, index, original);
-			}
-			if (string !== replacement) {
-				this.overwrite(index, index + string.length, replacement);
-			}
-		}
-
-		return this;
-	}
-
-	replace(searchValue, replacement) {
-		if (typeof searchValue === 'string') {
-			return this._replaceString(searchValue, replacement);
-		}
-
-		return this._replaceRegexp(searchValue, replacement);
-	}
-
-	_replaceAllString(string, replacement) {
-		const { original } = this;
-		const stringLength = string.length;
-		for (
-			let index = original.indexOf(string);
-			index !== -1;
-			index = original.indexOf(string, index + stringLength)
-		) {
-			const previous = original.slice(index, index + stringLength);
-			let _replacement = replacement;
-			if (typeof replacement === 'function') {
-				_replacement = replacement(previous, index, original);
-			}
-			if (previous !== _replacement) this.overwrite(index, index + stringLength, _replacement);
-		}
-
-		return this;
-	}
-
-	replaceAll(searchValue, replacement) {
-		if (typeof searchValue === 'string') {
-			return this._replaceAllString(searchValue, replacement);
-		}
-
-		if (!searchValue.global) {
-			throw new TypeError(
-				'MagicString.prototype.replaceAll called with a non-global RegExp argument',
-			);
-		}
-
-		return this._replaceRegexp(searchValue, replacement);
-	}
+async function transform(code, cache, id, context, opt) {
+    const scriptTag = code.raw.find(node => {
+        return node.name == "script";
+    });
+    if (!scriptTag)
+        throw new Error("[transform check]: not found mcx script tag");
+    const transformContext = {
+        rollupContext: context,
+        impAST: [],
+        currentAST: t.program([]),
+        opt,
+        currentId: id,
+        compiledCode: code,
+        cache,
+        scriptTag: scriptTag,
+        mainFn: {
+            param: [],
+            body: []
+        }
+    };
+    return await _transform(transformContext);
 }
 
-const cache = new Map();
 function mcxPlugn(opt) {
+    let cache = new Map();
     return {
         name: "mbler-mcx-core",
         async resolveId(id, imp) {
@@ -3016,22 +1862,56 @@ function mcxPlugn(opt) {
                     if (err instanceof CompileError) {
                         const error = err;
                         this.error(error.message, {
-                            column: error.loc.pos,
+                            column: error.loc.column,
                             line: error.loc.line,
                         });
                     }
-                    this.error(err.message);
+                    this.error(String(err));
                 }
                 compileData.setFilePath(id);
+                const compiledCode = await transform(compileData, cache, id, this, opt);
                 return {
-                    code: await transform(compileData, cache, id, this, opt),
+                    code: compiledCode,
                     map: magic.generateMap({ hires: true, source: id }),
                 };
             }
             return null;
         },
+        buildEnd() {
+            cache.clear();
+        },
+        buildStart() {
+            cache = new Map();
+        }
     };
 }
+function AbsoluteJoin(base, dir) {
+    return path.isAbsolute(dir) ? dir : path.join(base, dir);
+}
+async function CompileProject(opt) {
+    const rollupResult = await rollup.rollup({
+        input: opt.main,
+        // only minecraft package
+        external: ["@minecraft/server", "@minecraft/server-ui"],
+        plugins: [
+            mcxPlugn(opt),
+            commjs(),
+            json(),
+            module_resolve({
+                modulePaths: [opt.moduleDir],
+            }),
+        ],
+    });
+    // only index.js
+    await fs.rm(opt.output, {
+        recursive: true,
+    });
+    await rollupResult.write({
+        file: AbsoluteJoin(opt.output, "./index.js"),
+        format: "esm",
+        sourcemap: true,
+    });
+}
 
 /**
  * @description - this is a function factory to generate mcxProject
@@ -3057,7 +1937,7 @@ class Compile {
             await fs.mkdir(this.BuildOpt.moduleDir, {
                 recursive: true,
             });
-        await mcxPlugn(this.BuildOpt);
+        await CompileProject(this.BuildOpt);
     }
 }
 
@@ -3069,18 +1949,152 @@ var types = /*#__PURE__*/Object.freeze({
     __proto__: null
 });
 
-var index = {
-    pulgn: CompileMcxDir,
-    AST: AST,
-    Compiler,
-    utils: McxUtlis,
-    transform
+/**
+ * MCX Volar TSC 插件
+ * 为 MCX 文件提供 TypeScript 智能感知支持
+ */
+const mcxVolarTscPlugin = {
+    getLanguageId(scriptId) {
+        if (scriptId.path.endsWith('.mcx')) {
+            return 'mcx';
+        }
+        return undefined;
+    },
 };
+/**
+ * MCX 虚拟代码
+ * 用于在 Volar 中表示 MCX 文件的内容
+ */
+class MCXVirtualCode {
+    snapshot;
+    id;
+    languageId = 'mcx';
+    mappings;
+    embeddedCodes = [];
+    constructor(snapshot, id = 'root') {
+        this.snapshot = snapshot;
+        this.id = id;
+        const content = snapshot.getText(0, snapshot.getLength());
+        // 基础映射：整个文件
+        this.mappings = [{
+                sourceOffsets: [0],
+                generatedOffsets: [0],
+                lengths: [snapshot.getLength()],
+                data: {
+                    verification: true,
+                    completion: true,
+                    semantic: true,
+                    navigation: true,
+                    structure: true,
+                    format: true,
+                }
+            }];
+        // 尝试提取 script 标签内容并创建嵌入式 JS/TS 代码
+        try {
+            const embeddedCode = this.extractScriptContent(content);
+            if (embeddedCode) {
+                this.embeddedCodes.push(embeddedCode);
+            }
+        }
+        catch {
+            // 解析失败时忽略嵌入式代码
+        }
+    }
+    /**
+     * 从 MCX 文件中提取 script 标签内容
+     */
+    extractScriptContent(content) {
+        try {
+            const ast = new AST.tag(content);
+            const nodes = ast.data;
+            // 查找 script 标签
+            for (const node of nodes) {
+                if (node.name === 'script') {
+                    const scriptContent = this.extractContent(node);
+                    if (scriptContent) {
+                        const scriptStart = this.findScriptStart(content);
+                        const isTypeScript = node.arr?.lang === 'ts';
+                        return {
+                            id: 'script',
+                            languageId: isTypeScript ? 'typescript' : 'javascript',
+                            snapshot: {
+                                getText: (start, end) => scriptContent.slice(start, end),
+                                getLength: () => scriptContent.length,
+                                getChangeRange: () => undefined,
+                            },
+                            mappings: [{
+                                    sourceOffsets: [scriptStart],
+                                    generatedOffsets: [0],
+                                    lengths: [scriptContent.length],
+                                    data: {
+                                        verification: true,
+                                        completion: true,
+                                        semantic: true,
+                                        navigation: true,
+                                        structure: true,
+                                        format: true,
+                                    }
+                                }],
+                            embeddedCodes: [],
+                        };
+                    }
+                }
+            }
+        }
+        catch {
+            // 解析失败
+        }
+        return null;
+    }
+    /**
+     * 提取标签内容
+     */
+    extractContent(node) {
+        if (!node.content)
+            return '';
+        return node.content
+            .map(item => {
+            if (item.type === 'TagContent') {
+                return item.data;
+            }
+            return '';
+        })
+            .join('');
+    }
+    /**
+     * 查找 script 标签在源文件中的起始位置
+     */
+    findScriptStart(content) {
+        const scriptMatch = content.match(/<script[^>]*>([\s\S]*?)<\/script>/);
+        if (scriptMatch && scriptMatch.index !== undefined) {
+            // 返回 script 内容的开始位置（跳过开始标签）
+            const tagEnd = content.indexOf('>', scriptMatch.index);
+            return tagEnd + 1;
+        }
+        return 0;
+    }
+}
+/**
+ * 创建 MCX 虚拟代码实例
+ */
+function createMCXVirtualCode(snapshot, id) {
+    return new MCXVirtualCode(snapshot, id);
+}
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    MCXVirtualCode: MCXVirtualCode,
+    createMCXVirtualCode: createMCXVirtualCode,
+    mcxVolarTscPlugin: mcxVolarTscPlugin
+});
 
 exports.AST = AST;
-exports.Compiler = Compiler;
+exports.Compiler = index$2;
 exports.PUBTYPE = types;
-exports.default = index;
+exports.TSC = index;
+exports.compile = CompileMcxDir;
+exports.compile_component = index$1;
+exports.plugin = mcxPlugn;
 exports.transform = transform;
 exports.utils = McxUtlis;
 //# sourceMappingURL=index.js.map