@lark.js/mvc 0.0.10 → 0.0.11

package/dist/vite.cjs

@@ -5,6 +5,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -30,10 +33,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// ../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.41_@swc+helpers@0.5.23__jiti@2.7.0_postcss@8.5.15_tsx@4.22.4_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js
+var init_cjs_shims = __esm({
+  "../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.41_@swc+helpers@0.5.23__jiti@2.7.0_postcss@8.5.15_tsx@4.22.4_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js"() {
+    "use strict";
+  }
+});
+
 // ../../node_modules/.pnpm/@babel+parser@7.29.7/node_modules/@babel/parser/lib/index.js
 var require_lib = __commonJS({
   "../../node_modules/.pnpm/@babel+parser@7.29.7/node_modules/@babel/parser/lib/index.js"(exports2) {
     "use strict";
+    init_cjs_shims();
     Object.defineProperty(exports2, "__esModule", {
       value: true
     });
@@ -14518,7 +14529,7 @@ var require_lib = __commonJS({
         options = Object.assign({}, options);
         try {
           options.sourceType = "module";
-          const parser = getParser(options, input);
+          const parser = getParser2(options, input);
           const ast = parser.parse();
           if (parser.sawUnambiguousESM) {
             return ast;
@@ -14526,7 +14537,7 @@ var require_lib = __commonJS({
           if (parser.ambiguousScriptDifferentAst) {
             try {
               options.sourceType = "script";
-              return getParser(options, input).parse();
+              return getParser2(options, input).parse();
             } catch (_unused) {
             }
           } else {
@@ -14536,17 +14547,17 @@ var require_lib = __commonJS({
         } catch (moduleError) {
           try {
             options.sourceType = "script";
-            return getParser(options, input).parse();
+            return getParser2(options, input).parse();
           } catch (_unused2) {
           }
           throw moduleError;
         }
       } else {
-        return getParser(options, input).parse();
+        return getParser2(options, input).parse();
       }
     }
     function parseExpression(input, options) {
-      const parser = getParser(options, input);
+      const parser = getParser2(options, input);
       if (parser.options.strictMode) {
         parser.state.strict = true;
       }
@@ -14560,7 +14571,7 @@ var require_lib = __commonJS({
       return tokenTypes2;
     }
     var tokTypes = generateExportedTokenTypes(tt);
-    function getParser(options, input) {
+    function getParser2(options, input) {
       let cls = Parser;
       const pluginsMap = /* @__PURE__ */ new Map();
       if (options != null && options.plugins) {
@@ -14612,11 +14623,18 @@ __export(vite_exports, {
   larkMvcPlugin: () => larkMvcPlugin
 });
 module.exports = __toCommonJS(vite_exports);
+init_cjs_shims();
 var import_path = __toESM(require("path"), 1);
 var import_fs = __toESM(require("fs"), 1);
 
 // src/compiler.ts
-var import_parser = __toESM(require_lib(), 1);
+init_cjs_shims();
+
+// src/compiler/compile-template.ts
+init_cjs_shims();
+
+// src/compiler/template-syntax.ts
+init_cjs_shims();
 var SPLITTER = String.fromCharCode(30);
 var VIEW_ID_PLACEHOLDER = String.fromCharCode(31);
 function jsObjectToUrlParams(paramsStr) {
@@ -14737,7 +14755,7 @@ function convertArtSyntax(source, debug) {
   }
   if (blockStack.length > 0) {
     const unclosed = blockStack.map((b) => `"${b.ctrl}" at line ${b.line}`).join(", ");
-    throw new Error(`[@lark.js/mvc error] unclosed block(s): ${unclosed}`);
+    throw new Error(`Unclosed block(s): ${unclosed}`);
   }
   return result.join("");
 }
@@ -14836,7 +14854,7 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       const object = tokens[0];
       if (tokens.length > 1 && tokens[1] !== "as") {
         throw new Error(
-          `[@lark.js/mvc error] bad forOf syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{forOf list as item [index]}}`
+          `Bad forOf syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{forOf list as item [index]}}`
         );
       }
       const restTokens = tokens.slice(2);
@@ -14863,7 +14881,7 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       const object = tokens[0];
       if (tokens.length > 1 && tokens[1] !== "as") {
         throw new Error(
-          `[@lark.js/mvc error] bad forIn syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{forIn obj as val [key]}}`
+          `Bad forIn syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{forIn obj as val [key]}}`
         );
       }
       const restTokens2 = tokens.slice(2);
@@ -14889,13 +14907,11 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       const expectedCtrl = keyword.substring(1);
       const last = blockStack.pop();
       if (!last) {
-        throw new Error(
-          `[@lark.js/mvc error] unexpected {{${code}}}: no matching open block`
-        );
+        throw new Error(`Unexpected {{${code}}}: no matching open block`);
       }
       if (last.ctrl !== expectedCtrl) {
         throw new Error(
-          `[@lark.js/mvc error] unexpected {{${code}}}: expected {{/${last.ctrl}}} to close block opened at line ${last.line}`
+          `Unexpected {{${code}}}: expected {{/${last.ctrl}}} to close block opened at line ${last.line}`
         );
       }
       return `${debugPrefix}<%}%>`;
@@ -14956,112 +14972,219 @@ function parseAsExpr(expr) {
     bad: false
   };
 }
-function compileToFunction(source, debug, file) {
-  const matcher = /<%([@=!:])?([\s\S]*?)%>|$/g;
-  let index = 0;
-  let funcSource = `$out+='`;
-  let hasAtRule = false;
-  const escapeSlashRegExp = /\\|'/g;
-  const escapeBreakReturnRegExp = /\r|\n/g;
-  source.replace(matcher, (match, operate, content, offset) => {
-    funcSource += source.substring(index, offset).replace(escapeSlashRegExp, "\\$&").replace(escapeBreakReturnRegExp, "\\n");
-    index = offset + match.length;
-    if (debug) {
-      let expr = source.substring(
-        index - match.length + 2 + (operate ? 1 : 0),
-        index - 2
-      );
-      const x11 = String.fromCharCode(17);
-      const artRegExp = new RegExp(`^'(\\d+)${x11}([^${x11}]+)${x11}'$`);
-      const artM = expr.match(artRegExp);
-      let art = "";
-      let line = -1;
-      if (artM) {
-        expr = expr.replace(artRegExp, "");
-        art = artM[2];
-        line = parseInt(artM[1], 10);
-      } else {
-        expr = expr.replace(escapeSlashRegExp, "\\$&").replace(escapeBreakReturnRegExp, "\\n");
+
+// src/compiler/compile-to-vdom-function.ts
+init_cjs_shims();
+var import_htmlparser2 = require("htmlparser2");
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+function vdomEscapeStr(s) {
+  return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\x1e/g, "\\x1e");
+}
+function vdomResolveAttrValue(rawValue, exprStore) {
+  const hasPlaceholders = rawValue.includes("\0");
+  const hasViewId = rawValue.includes("");
+  if (!hasPlaceholders && !hasViewId) {
+    return `'${vdomEscapeStr(rawValue)}'`;
+  }
+  const segments = [];
+  let remaining = rawValue;
+  while (remaining.length > 0) {
+    const phIdx = remaining.indexOf("\0");
+    const viIdx = remaining.indexOf("");
+    let nextSpecial = -1;
+    let specialType = null;
+    if (phIdx >= 0 && (viIdx < 0 || phIdx <= viIdx)) {
+      nextSpecial = phIdx;
+      specialType = "ph";
+    } else if (viIdx >= 0) {
+      nextSpecial = viIdx;
+      specialType = "vi";
+    }
+    if (nextSpecial === -1) {
+      if (remaining) segments.push(`'${vdomEscapeStr(remaining)}'`);
+      break;
+    }
+    if (nextSpecial > 0) {
+      segments.push(`'${vdomEscapeStr(remaining.substring(0, nextSpecial))}'`);
+    }
+    if (specialType === "vi") {
+      segments.push("$viewId");
+      remaining = remaining.substring(nextSpecial + 1);
+    } else {
+      const closeIdx = remaining.indexOf("\0", nextSpecial + 1);
+      if (closeIdx === -1) {
+        segments.push(`'${vdomEscapeStr(remaining.substring(nextSpecial))}'`);
+        break;
       }
-      if (operate === "@") {
-        hasAtRule = true;
-        funcSource += `'+($dbgExpr='<%${operate + expr}%>',$refFn($refAlt,${content}))+'`;
-      } else if (operate === "=" || operate === ":") {
-        funcSource += `'+($dbgExpr='<%${operate + expr}%>',$encHtml(${content}))+'`;
-      } else if (operate === "!") {
-        if (!content.startsWith("$encUri(") || !content.endsWith(")")) {
-          content = `$strSafe(${content})`;
-        }
-        funcSource += `'+($dbgExpr='<%${operate + expr}%>',${content})+'`;
-      } else if (content) {
-        if (line > -1) {
-          funcSource += `';$dbgLine=${line};$dbgArt='${art}';`;
-          content = "";
+      const idx = parseInt(remaining.substring(nextSpecial + 1, closeIdx));
+      const expr = exprStore[idx];
+      if (expr.op === "=" || expr.op === ":") {
+        segments.push(`$n(${expr.content})`);
+      } else if (expr.op === "!") {
+        if (expr.content.startsWith("$encUri(") && expr.content.endsWith(")")) {
+          segments.push(expr.content);
         } else {
-          funcSource += `';`;
-        }
-        if (funcSource.endsWith(`+'';`)) {
-          funcSource = funcSource.substring(0, funcSource.length - 4) + ";";
-        }
-        if (expr) {
-          funcSource += `$dbgExpr='<%${expr}%>';`;
+          segments.push(`$n(${expr.content})`);
         }
-        funcSource += content + `;$out+='`;
+      } else if (expr.op === "@") {
+        segments.push(`$refFn($refAlt,${expr.content})`);
+      } else {
+        segments.push(`$n(${expr.content})`);
       }
-    } else {
-      if (operate === "@") {
-        hasAtRule = true;
-        funcSource += `'+$refFn($refAlt,${content})+'`;
-      } else if (operate === "=" || operate === ":") {
-        funcSource += `'+$encHtml(${content})+'`;
-      } else if (operate === "!") {
-        if (!content.startsWith("$encUri(") || !content.endsWith(")")) {
-          content = `$strSafe(${content})`;
-        }
-        funcSource += `'+${content}+'`;
-      } else if (content) {
-        funcSource += `';`;
-        if (funcSource.endsWith(`+'';`)) {
-          funcSource = funcSource.substring(0, funcSource.length - 4) + ";";
+      remaining = remaining.substring(closeIdx + 1);
+    }
+  }
+  if (segments.length === 0) return "''";
+  if (segments.length === 1) return segments[0];
+  return segments.join("+");
+}
+function vdomBuildPropsFromAttribs(attribs, exprStore) {
+  if (!attribs) return "null";
+  const keys = Object.keys(attribs);
+  if (keys.length === 0) return "null";
+  const entries = [];
+  for (const name of keys) {
+    const value = attribs[name];
+    const valueExpr = vdomResolveAttrValue(value, exprStore);
+    entries.push(`'${vdomEscapeStr(name)}':${valueExpr}`);
+  }
+  return `{${entries.join(",")}}`;
+}
+function compileToVDomFunction(source, debug, file) {
+  const lines = [];
+  let varCounter = 0;
+  let propsCounter = 0;
+  const exprStore = [];
+  const protectedSource = source.replace(
+    /<%([@=!:])?([\s\S]*?)%>/g,
+    (_, op, content) => {
+      const idx = exprStore.length;
+      exprStore.push({ op: op || "", content: (content || "").trim() });
+      return `\0${idx}\0`;
+    }
+  );
+  const doc = (0, import_htmlparser2.parseDocument)(protectedSource, {
+    recognizeSelfClosing: true,
+    lowerCaseTags: false,
+    lowerCaseAttributeNames: false,
+    decodeEntities: false
+  });
+  const rootVar = `$v${varCounter++}`;
+  lines.push(`let ${rootVar}=[]`);
+  const maxVars = 30;
+  const varDecls = [];
+  for (let i = 1; i < maxVars; i++) {
+    varDecls.push(`$v${i}`);
+  }
+  lines.push(`let ${varDecls.join(",")}`);
+  function allocVar() {
+    if (varCounter >= maxVars) return `$v${maxVars - 1}`;
+    return `$v${varCounter++}`;
+  }
+  function emitNode(node, parentVar) {
+    const type = node.type;
+    if (type === "text") {
+      emitText(node.data || "", parentVar);
+    } else if (type === "tag" || type === "script" || type === "style") {
+      emitElement(node, parentVar);
+    }
+  }
+  function emitText(text, parentVar) {
+    const parts = text.split(/\x00(\d+)\x00/);
+    for (let i = 0; i < parts.length; i++) {
+      if (i % 2 === 0) {
+        const trimmed = parts[i];
+        if (trimmed.trim()) {
+          lines.push(`${parentVar}.push($c(0,'${vdomEscapeStr(trimmed)}'))`);
         }
-        funcSource += `${content};$out+='`;
+      } else {
+        const idx = parseInt(parts[i]);
+        const expr = exprStore[idx];
+        emitExpr(expr, parentVar);
       }
     }
-    return match;
-  });
-  funcSource += `';`;
-  funcSource = funcSource.replace(/\$out\+='';/g, "");
-  funcSource = funcSource.replace(/\$out\+=''\+/g, "$out+=");
+  }
+  function emitExpr(expr, parentVar) {
+    if (expr.op === "=" || expr.op === ":") {
+      lines.push(`${parentVar}.push($c(0,$n(${expr.content})))`);
+    } else if (expr.op === "!") {
+      if (expr.content.startsWith("$encUri(") && expr.content.endsWith(")")) {
+        lines.push(`${parentVar}.push($c(0,${expr.content}))`);
+      } else {
+        lines.push(`${parentVar}.push($c(0,$n(${expr.content})))`);
+      }
+    } else if (expr.op === "@") {
+      lines.push(`${parentVar}.push($c(0,$refFn($refAlt,${expr.content})))`);
+    } else if (expr.content) {
+      lines.push(expr.content);
+    }
+  }
+  function emitElement(node, parentVar) {
+    const tagName = node.name || "";
+    const children = node.children || [];
+    const childVar = allocVar();
+    const propsKey = `__p${propsCounter++}`;
+    const props = vdomBuildPropsFromAttribs(node.attribs, exprStore);
+    lines.push(`let ${propsKey}=${props}`);
+    lines.push(`${childVar}=[]`);
+    for (const child of children) {
+      emitNode(child, childVar);
+    }
+    const isVoid = VOID_ELEMENTS.has(tagName) && children.length === 0;
+    const childrenArg = isVoid ? "1" : childVar;
+    lines.push(
+      `${parentVar}.push($c('${tagName}',${propsKey},${childrenArg}))`
+    );
+  }
+  for (const child of doc.children) {
+    emitNode(child, rootVar);
+  }
+  lines.push(`return $c($viewId,0,${rootVar})`);
+  const body = lines.join(";");
+  let funcBody = body;
   if (debug) {
     const filePart = file ? `\\r\\n\\tat file:${file}` : "";
-    funcSource = `let $dbgExpr,$dbgArt,$dbgLine;try{${funcSource}}catch(ex){let msg='render view error:'+(ex.message||ex);if($dbgArt)msg+='\\r\\n\\tsrc art:{{'+$dbgArt+'}}\\r\\n\\tat line:'+$dbgLine;msg+='\\r\\n\\t'+($dbgArt?'translate to:':'expr:');msg+=$dbgExpr+'${filePart}';throw msg;}`;
+    funcBody = `let $dbgExpr,$dbgArt,$dbgLine;try{${body}}catch(ex){let msg='render view error:'+(ex.message||ex);msg+='${filePart}';throw msg;}`;
   }
   const viewIdRegExp = new RegExp(String.fromCharCode(31), "g");
-  funcSource = funcSource.replace(viewIdRegExp, `'+$viewId+'`);
-  void hasAtRule;
+  funcBody = funcBody.replace(viewIdRegExp, `'+$viewId+'`);
   const refFallback = "if(!$refAlt)$refAlt=$data;";
-  const fullSource = `${refFallback}let $splitter='\\x1e',$tmp,$out=''{{VARS}};${funcSource}return $out`;
-  return `($data,$viewId,$refAlt,$encHtml,$strSafe,$encUri,$refFn,$encQuote)=>{${fullSource}}`;
+  const fullSource = `${refFallback}let $splitter='\\x1e'{{VARS}};${funcBody}`;
+  return `($data,$viewId,$refAlt,$n,$refFn,$encUri,$encQuote)=>{${fullSource}}`;
 }
-function compileTemplate(source, options = {}) {
-  const { debug = false, globalVars = [], file } = options;
-  const { protectedSource, comments } = protectComments(source);
-  const converted = convertArtSyntax(protectedSource, debug);
-  const viewEventProcessed = processViewEvents(converted);
-  const finalSource = restoreComments(viewEventProcessed, comments);
-  const funcBody = compileToFunction(finalSource, debug, file);
-  const varDeclarations = globalVars.map((key) => `,${key}=$data.${key}`).join("");
-  const funcWithVars = funcBody.replace("{{VARS}}", () => varDeclarations);
-  return `import { encHtml as __larkEncHtml, strSafe as __larkStrSafe, encUri as __larkEncUri, encQuote as __larkEncQuote, refFn as __larkRefFn } from "@lark.js/mvc/runtime";
-export default function(data, viewId, refData) {
-  let $data = data || {},
-      $viewId = viewId || '';
-  return (${funcWithVars})($data, $viewId, refData,
-    __larkEncHtml, __larkStrSafe, __larkEncUri, __larkRefFn, __larkEncQuote
-  );
-}`;
+
+// src/compiler/swc/extract-global-vars.ts
+init_cjs_shims();
+var parseSyncFn = null;
+var parseSyncLoadAttempted = false;
+async function getParser() {
+  if (!parseSyncLoadAttempted) {
+    parseSyncLoadAttempted = true;
+    try {
+      const swc = await import("@swc/core");
+      parseSyncFn = swc.parseSync;
+    } catch (err) {
+      console.error("failed to load @swc/core", err);
+    }
+  }
+  return parseSyncFn;
 }
-function extractGlobalVars(source) {
+async function extractGlobalVars(source) {
   const { protectedSource, comments: _comments } = protectComments(source);
   const viewEventProcessed = processViewEvents(protectedSource);
   const converted = convertArtSyntax(viewEventProcessed, false);
@@ -15090,12 +15213,15 @@ function extractGlobalVars(source) {
   );
   let fn = fnParts.join("");
   fn = `(function(){${fn}})`;
+  const parseSync = await getParser();
+  if (!parseSync) {
+    return fallbackExtractVariables(source);
+  }
   let ast;
   try {
-    ast = (0, import_parser.parse)(fn, {
-      sourceType: "script",
-      allowReturnOutsideFunction: true,
-      allowAwaitOutsideFunction: true
+    ast = parseSync(fn, {
+      syntax: "ecmascript",
+      target: "es2022"
     });
   } catch {
     return fallbackExtractVariables(source);
@@ -15103,55 +15229,55 @@ function extractGlobalVars(source) {
   const globalExists = {};
   for (const name of BUILTIN_GLOBALS) globalExists[name] = 1;
   const globalVars = /* @__PURE__ */ Object.create(null);
-  const fnRange = [];
-  walkAst(ast, {
+  const fnNodes = [];
+  walkSwcAst(ast, {
     VariableDeclarator(node) {
       if (node.id.type === "Identifier") {
-        const name = node.id.name;
+        const name = node.id.value;
         globalExists[name] = node.init ? 3 : 2;
       }
     },
     FunctionDeclaration(node) {
-      if (node.id) {
-        globalExists[node.id.name] = 3;
+      if (node.identifier) {
+        globalExists[node.identifier.value] = 3;
       }
-      fnRange.push(node);
+      fnNodes.push(node);
     },
     FunctionExpression(node) {
-      fnRange.push(node);
+      fnNodes.push(node);
     },
     ArrowFunctionExpression(node) {
-      fnRange.push(node);
+      fnNodes.push(node);
     },
     CallExpression(node) {
       if (node.callee.type === "Identifier") {
-        globalExists[node.callee.name] = 1;
+        globalExists[node.callee.value] = 1;
       }
     }
   });
   const functionParams = /* @__PURE__ */ Object.create(null);
-  for (const fnNode of fnRange) {
-    const params = "params" in fnNode ? fnNode.params : [];
-    for (const p of params) {
-      if (p.type === "Identifier") {
-        functionParams[p.name] = 1;
-      } else if (p.type === "AssignmentPattern" && p.left.type === "Identifier") {
-        functionParams[p.left.name] = 1;
-      } else if (p.type === "RestElement" && p.argument.type === "Identifier") {
-        functionParams[p.argument.name] = 1;
+  for (const fnNode of fnNodes) {
+    const patterns = getParamPatterns(fnNode);
+    for (const pat of patterns) {
+      if (pat.type === "Identifier") {
+        functionParams[pat.value] = 1;
+      } else if (pat.type === "AssignmentPattern" && pat.left.type === "Identifier") {
+        functionParams[pat.left.value] = 1;
+      } else if (pat.type === "RestElement" && pat.argument.type === "Identifier") {
+        functionParams[pat.argument.value] = 1;
       }
     }
   }
-  walkAst(ast, {
+  walkSwcAst(ast, {
     Identifier(node) {
-      const name = node.name;
+      const name = node.value;
       if (globalExists[name]) return;
       if (functionParams[name]) return;
       globalVars[name] = 1;
     },
     AssignmentExpression(node) {
       if (node.left.type === "Identifier") {
-        const name = node.left.name;
+        const name = node.left.value;
         if (!globalExists[name] || globalExists[name] === 1) {
           globalExists[name] = (globalExists[name] || 0) + 1;
         }
@@ -15160,6 +15286,12 @@ function extractGlobalVars(source) {
   });
   return Object.keys(globalVars);
 }
+function getParamPatterns(fnNode) {
+  if (fnNode.type === "ArrowFunctionExpression") {
+    return fnNode.params;
+  }
+  return fnNode.params.map((p) => p.pat);
+}
 function fallbackExtractVariables(source) {
   const vars = /* @__PURE__ */ new Set();
   const outputRegExp = /\{\{[:=!@]\s*([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
@@ -15177,41 +15309,39 @@ function fallbackExtractVariables(source) {
   }
   return Array.from(vars).filter((v) => !BUILTIN_GLOBALS.has(v));
 }
-function walkAst(ast, visitors) {
+function walkSwcAst(ast, visitors) {
   function visit(node) {
     const type = node.type;
     if (visitors[type]) {
       visitors[type](node);
     }
-    const bag = node;
     for (const key of Object.keys(node)) {
-      if (key === "type" || key === "start" || key === "end" || key === "loc" || key === "range")
-        continue;
+      if (key === "type" || key === "span" || key === "ctxt") continue;
       if (type === "MemberExpression" && key === "property") {
         const me = node;
-        if (!me.computed) continue;
+        if (me.property.type !== "Computed") continue;
       }
-      if (type === "ObjectProperty" && key === "key") {
-        const op = node;
-        if (!op.computed) continue;
+      if (type === "KeyValueProperty" && key === "key") {
+        const kv = node;
+        if (kv.key.type !== "Computed") continue;
       }
-      if (type === "ObjectMethod" && key === "key") {
-        const om = node;
-        if (!om.computed) continue;
+      if (type === "MethodProperty" && key === "key") {
+        const mp = node;
+        if (mp.key.type !== "Computed") continue;
       }
-      const child = bag[key];
+      const child = Reflect.get(node, key);
       if (Array.isArray(child)) {
         for (const item of child) {
-          if (isAstNode(item)) visit(item);
+          if (isSwcNode(item)) visit(item);
         }
-      } else if (isAstNode(child)) {
+      } else if (isSwcNode(child)) {
         visit(child);
       }
     }
   }
   visit(ast);
 }
-function isAstNode(v) {
+function isSwcNode(v) {
   return !!v && typeof v === "object" && typeof v.type === "string";
 }
 var BUILTIN_GLOBALS = /* @__PURE__ */ new Set([
@@ -15356,7 +15486,7 @@ var BUILTIN_GLOBALS = /* @__PURE__ */ new Set([
   "decodeURIComponent",
   "encodeURI",
   "decodeURI",
-  // Babel helpers
+  // SWC helpers
   "arguments",
   "this",
   "require",
@@ -15364,10 +15494,438 @@ var BUILTIN_GLOBALS = /* @__PURE__ */ new Set([
   "Lark"
 ]);
 
+// src/compiler/extract-global-vars.ts
+init_cjs_shims();
+var import_parser = __toESM(require_lib(), 1);
+async function extractGlobalVars2(source) {
+  const { protectedSource, comments: _comments } = protectComments(source);
+  const viewEventProcessed = processViewEvents(protectedSource);
+  const converted = convertArtSyntax(viewEventProcessed, false);
+  const template = restoreComments(converted, _comments);
+  const templateCmdRegExp = /<%([@=!:])?([\s\S]*?)%>|$/g;
+  const fnParts = [];
+  const htmlStore = {};
+  let htmlIndex = 0;
+  let lastIndex = 0;
+  const htmlKey = String.fromCharCode(5);
+  template.replace(
+    templateCmdRegExp,
+    (match, operate, content, offset) => {
+      const start = operate ? 3 : 2;
+      const htmlText = template.substring(lastIndex, offset + start);
+      const key = htmlKey + htmlIndex++ + htmlKey;
+      htmlStore[key] = htmlText;
+      lastIndex = offset + match.length - 2;
+      if (operate && content.trim()) {
+        fnParts.push(';"' + key + '";', "[" + content + "]");
+      } else {
+        fnParts.push(';"' + key + '";', content || "");
+      }
+      return match;
+    }
+  );
+  let fn = fnParts.join("");
+  fn = `(function(){${fn}})`;
+  let ast;
+  try {
+    ast = (0, import_parser.parse)(fn, {
+      sourceType: "script",
+      allowReturnOutsideFunction: true,
+      allowAwaitOutsideFunction: true
+    });
+  } catch {
+    return fallbackExtractVariables2(source);
+  }
+  const globalExists = {};
+  for (const name of BUILTIN_GLOBALS2) globalExists[name] = 1;
+  const globalVars = /* @__PURE__ */ Object.create(null);
+  const fnRange = [];
+  walkAst(ast, {
+    VariableDeclarator(node) {
+      if (node.id.type === "Identifier") {
+        const name = node.id.name;
+        globalExists[name] = node.init ? 3 : 2;
+      }
+    },
+    FunctionDeclaration(node) {
+      if (node.id) {
+        globalExists[node.id.name] = 3;
+      }
+      fnRange.push(node);
+    },
+    FunctionExpression(node) {
+      fnRange.push(node);
+    },
+    ArrowFunctionExpression(node) {
+      fnRange.push(node);
+    },
+    CallExpression(node) {
+      if (node.callee.type === "Identifier") {
+        globalExists[node.callee.name] = 1;
+      }
+    }
+  });
+  const functionParams = /* @__PURE__ */ Object.create(null);
+  for (const fnNode of fnRange) {
+    const params = "params" in fnNode ? fnNode.params : [];
+    for (const p of params) {
+      if (p.type === "Identifier") {
+        functionParams[p.name] = 1;
+      } else if (p.type === "AssignmentPattern" && p.left.type === "Identifier") {
+        functionParams[p.left.name] = 1;
+      } else if (p.type === "RestElement" && p.argument.type === "Identifier") {
+        functionParams[p.argument.name] = 1;
+      }
+    }
+  }
+  walkAst(ast, {
+    Identifier(node) {
+      const name = node.name;
+      if (globalExists[name]) return;
+      if (functionParams[name]) return;
+      globalVars[name] = 1;
+    },
+    AssignmentExpression(node) {
+      if (node.left.type === "Identifier") {
+        const name = node.left.name;
+        if (!globalExists[name] || globalExists[name] === 1) {
+          globalExists[name] = (globalExists[name] || 0) + 1;
+        }
+      }
+    }
+  });
+  return Object.keys(globalVars);
+}
+function fallbackExtractVariables2(source) {
+  const vars = /* @__PURE__ */ new Set();
+  const outputRegExp = /\{\{[:=!@]\s*([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
+  let m;
+  while ((m = outputRegExp.exec(source)) !== null) {
+    vars.add(m[1]);
+  }
+  const eachRegExp = /\{\{forOf\s+([a-zA-Z_$][\w$]*)\s+as/g;
+  while ((m = eachRegExp.exec(source)) !== null) {
+    vars.add(m[1]);
+  }
+  const ifRegExp = /\{\{(?:else\s+)?if\s+([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
+  while ((m = ifRegExp.exec(source)) !== null) {
+    vars.add(m[1]);
+  }
+  return Array.from(vars).filter((v) => !BUILTIN_GLOBALS2.has(v));
+}
+function walkAst(ast, visitors) {
+  function visit(node) {
+    const type = node.type;
+    if (visitors[type]) {
+      visitors[type](node);
+    }
+    for (const key of Object.keys(node)) {
+      if (key === "type" || key === "start" || key === "end" || key === "loc" || key === "range")
+        continue;
+      if (type === "MemberExpression" && key === "property") {
+        const me = node;
+        if (!me.computed) continue;
+      }
+      if (type === "ObjectProperty" && key === "key") {
+        const op = node;
+        if (!op.computed) continue;
+      }
+      if (type === "ObjectMethod" && key === "key") {
+        const om = node;
+        if (!om.computed) continue;
+      }
+      const child = Reflect.get(node, key);
+      if (Array.isArray(child)) {
+        for (const item of child) {
+          if (isAstNode(item)) visit(item);
+        }
+      } else if (isAstNode(child)) {
+        visit(child);
+      }
+    }
+  }
+  visit(ast);
+}
+function isAstNode(v) {
+  return !!v && typeof v === "object" && typeof v.type === "string";
+}
+var BUILTIN_GLOBALS2 = /* @__PURE__ */ new Set([
+  // ─── Template runtime helpers (injected by compileToFunction) ───────
+  //
+  // These variables appear in the generated template function signature
+  // or body. They must be excluded from extractGlobalVars() so that
+  // they are not mistaken for user data variables and destructured from $data.
+  // SPLITTER character constant (same as \x1e), used as namespace separator
+  // for refData keys, event attribute encoding, and internal data structures.
+  // Declared as: let $splitter='\x1e'
+  "$splitter",
+  // Data — the data object passed from Updater to the template function.
+  // User variables are destructured from $data at the top of the function:
+  //   let {name, age} = $data;
+  // This is the first parameter of the generated arrow function.
+  "$data",
+  // Null-safe toString: v => '' + (v == null ? '' : v)
+  // Converts null/undefined to empty string, otherwise calls toString().
+  // Wraps every {{!raw}} output to prevent "null" / "undefined" rendering.
+  "$strSafe",
+  // HTML entity encoder: v => $strSafe(v).replace(/[&<>"'`]/g, entityMap)
+  // Encodes &, <, >, ", ', ` to HTML entities (&amp; &lt; etc.)
+  // Applied to all {{=escaped}} and {{:binding}} outputs.
+  "$encHtml",
+  // HTML entity map — internal object used by $encHtml:
+  //   {'&':'amp','<':'gt','>':'gt','"':'#34','\'':'#39','`':'#96'}
+  // Not a standalone function; referenced inside $encHtml's closure.
+  "$entMap",
+  // HTML entity RegExp — internal regexp used by $encHtml:
+  //   /[&<>"'`]/g
+  "$entReg",
+  // HTML entity replacer function — internal helper used by $encHtml:
+  //   m => '&' + $entMap[m] + ';'
+  // Maps matched character to its entity string.
+  "$entFn",
+  // Output buffer — the string accumulator for rendered HTML.
+  // All template output is appended via $out += '...'.
+  // Declared as: let $out = ''
+  "$out",
+  // Reference lookup: (refData, value) => key
+  // Finds or allocates a SPLITTER-prefixed key in refData for a given
+  // object reference. Used by {{@ref}} operator for passing object
+  // references to child views via v-lark attributes.
+  "$refFn",
+  // URI encoder: v => encodeURIComponent($strSafe(v)).replace(/[!')(*]/g, extraMap)
+  // Extends encodeURIComponent with encoding of ! ' ( ) *.
+  // Applied to values in @event URL parameters and {{!uri}} contexts.
+  "$encUri",
+  // URI encode map — internal object used by $encUri:
+  //   {'!':'%21','\'':'%27','(':'%28',')':'%29','*':'%2A'}
+  "$uriMap",
+  // URI encode replacer — internal helper used by $encUri:
+  //   m => $uriMap[m]
+  "$uriFn",
+  // URI encode regexp — internal regexp used by $encUri:
+  //   /[!')(*]/g
+  "$uriReg",
+  // Quote encoder: v => $strSafe(v).replace(/['"\\]/g, '\\$&')
+  // Escapes quotes and backslashes for safe embedding in HTML attribute
+  // values (e.g. data-json='...').
+  "$encQuote",
+  // Quote encode regexp — internal regexp used by $encQuote:
+  //   /['"\\]/g
+  "$qReg",
+  // View ID — the unique identifier of the owning View instance.
+  // Injected into @event attribute values at render time so that
+  // EventDelegator can dispatch events to the correct View handler.
+  // The \x1f placeholder in compiled output is replaced with '+$viewId+'.
+  "$viewId",
+  // Debug: current expression text — stores the template expression being
+  // evaluated, for error reporting. Only present in debug mode.
+  // e.g. $dbgExpr='<%=user.name%>'
+  "$dbgExpr",
+  // Debug: original art syntax — stores the {{}} template syntax before
+  // conversion, for error reporting. Only present in debug mode.
+  // e.g. $dbgArt='{{=user.name}}'
+  "$dbgArt",
+  // Debug: source line number — tracks the current line in the template
+  // source, for error reporting. Only present in debug mode.
+  "$dbgLine",
+  // RefData alias — fallback reference lookup table.
+  // Defaults to $data when no explicit $refAlt is provided.
+  // Ensures $refFn() does not crash when @ operator is used without refData.
+  "$refAlt",
+  // Temporary variable — used by the compiler for intermediate
+  // expression results in generated code (e.g. loop variables,
+  // conditional branches). Declared as: let $tmp
+  "$tmp",
+  // JS literals
+  "undefined",
+  "null",
+  "true",
+  "false",
+  "NaN",
+  "Infinity",
+  // JS built-in globals
+  "window",
+  "self",
+  "globalThis",
+  "document",
+  "console",
+  "JSON",
+  "Math",
+  "Intl",
+  "Promise",
+  "Symbol",
+  "Number",
+  "String",
+  "Boolean",
+  "Array",
+  "Object",
+  "Date",
+  "RegExp",
+  "Error",
+  "TypeError",
+  "RangeError",
+  "SyntaxError",
+  "Map",
+  "Set",
+  "WeakMap",
+  "WeakSet",
+  "Proxy",
+  "Reflect",
+  "ArrayBuffer",
+  "DataView",
+  "Float32Array",
+  "Float64Array",
+  "Int8Array",
+  "Int16Array",
+  "Int32Array",
+  "Uint8Array",
+  "Uint16Array",
+  "Uint32Array",
+  "Uint8ClampedArray",
+  // Functions
+  "parseInt",
+  "parseFloat",
+  "isNaN",
+  "isFinite",
+  "encodeURIComponent",
+  "decodeURIComponent",
+  "encodeURI",
+  "decodeURI",
+  // Babel helpers
+  "arguments",
+  "this",
+  "require",
+  // Lark framework
+  "Lark"
+]);
+
+// src/compiler/compile-template.ts
+function compileToFunction(source, debug, file) {
+  const matcher = /<%([@=!:])?([\s\S]*?)%>|$/g;
+  let index = 0;
+  let funcSource = `$out+='`;
+  let hasAtRule = false;
+  const escapeSlashRegExp = /\\|'/g;
+  const escapeBreakReturnRegExp = /\r|\n/g;
+  source.replace(matcher, (match, operate, content, offset) => {
+    funcSource += source.substring(index, offset).replace(escapeSlashRegExp, "\\$&").replace(escapeBreakReturnRegExp, "\\n");
+    index = offset + match.length;
+    if (debug) {
+      let expr = source.substring(
+        index - match.length + 2 + (operate ? 1 : 0),
+        index - 2
+      );
+      const x11 = String.fromCharCode(17);
+      const artRegExp = new RegExp(`^'(\\d+)${x11}([^${x11}]+)${x11}'$`);
+      const artM = expr.match(artRegExp);
+      let art = "";
+      let line = -1;
+      if (artM) {
+        expr = expr.replace(artRegExp, "");
+        art = artM[2];
+        line = parseInt(artM[1], 10);
+      } else {
+        expr = expr.replace(escapeSlashRegExp, "\\$&").replace(escapeBreakReturnRegExp, "\\n");
+      }
+      if (operate === "@") {
+        hasAtRule = true;
+        funcSource += `'+($dbgExpr='<%${operate + expr}%>',$refFn($refAlt,${content}))+'`;
+      } else if (operate === "=" || operate === ":") {
+        funcSource += `'+($dbgExpr='<%${operate + expr}%>',$encHtml(${content}))+'`;
+      } else if (operate === "!") {
+        if (!content.startsWith("$encUri(") || !content.endsWith(")")) {
+          content = `$strSafe(${content})`;
+        }
+        funcSource += `'+($dbgExpr='<%${operate + expr}%>',${content})+'`;
+      } else if (content) {
+        if (line > -1) {
+          funcSource += `';$dbgLine=${line};$dbgArt='${art}';`;
+          content = "";
+        } else {
+          funcSource += `';`;
+        }
+        if (funcSource.endsWith(`+'';`)) {
+          funcSource = funcSource.substring(0, funcSource.length - 4) + ";";
+        }
+        if (expr) {
+          funcSource += `$dbgExpr='<%${expr}%>';`;
+        }
+        funcSource += content + `;$out+='`;
+      }
+    } else {
+      if (operate === "@") {
+        hasAtRule = true;
+        funcSource += `'+$refFn($refAlt,${content})+'`;
+      } else if (operate === "=" || operate === ":") {
+        funcSource += `'+$encHtml(${content})+'`;
+      } else if (operate === "!") {
+        if (!content.startsWith("$encUri(") || !content.endsWith(")")) {
+          content = `$strSafe(${content})`;
+        }
+        funcSource += `'+${content}+'`;
+      } else if (content) {
+        funcSource += `';`;
+        if (funcSource.endsWith(`+'';`)) {
+          funcSource = funcSource.substring(0, funcSource.length - 4) + ";";
+        }
+        funcSource += `${content};$out+='`;
+      }
+    }
+    return match;
+  });
+  funcSource += `';`;
+  funcSource = funcSource.replace(/\$out\+='';/g, "");
+  funcSource = funcSource.replace(/\$out\+=''\+/g, "$out+=");
+  if (debug) {
+    const filePart = file ? `\\r\\n\\tat file:${file}` : "";
+    funcSource = `let $dbgExpr,$dbgArt,$dbgLine;try{${funcSource}}catch(ex){let msg='render view error:'+(ex.message||ex);if($dbgArt)msg+='\\r\\n\\tsrc art:{{'+$dbgArt+'}}\\r\\n\\tat line:'+$dbgLine;msg+='\\r\\n\\t'+($dbgArt?'translate to:':'expr:');msg+=$dbgExpr+'${filePart}';throw msg;}`;
+  }
+  const viewIdRegExp = new RegExp(String.fromCharCode(31), "g");
+  funcSource = funcSource.replace(viewIdRegExp, `'+$viewId+'`);
+  void hasAtRule;
+  const refFallback = "if(!$refAlt)$refAlt=$data;";
+  const fullSource = `${refFallback}let $splitter='\\x1e',$tmp,$out=''{{VARS}};${funcSource}return $out`;
+  return `($data,$viewId,$refAlt,$encHtml,$strSafe,$encUri,$refFn,$encQuote)=>{${fullSource}}`;
+}
+async function compileTemplate(source, options = {}) {
+  const { debug = false, file, virtualDom = false, useSwc = false } = options;
+  const globalVars = options.globalVars ?? await (useSwc ? extractGlobalVars(source) : extractGlobalVars2(source));
+  const { protectedSource, comments } = protectComments(source);
+  const converted = convertArtSyntax(protectedSource, debug);
+  const viewEventProcessed = processViewEvents(converted);
+  const finalSource = restoreComments(viewEventProcessed, comments);
+  const varDeclarations = globalVars.map((key) => `,${key}=$data.${key}`).join("");
+  if (virtualDom) {
+    const funcBody2 = compileToVDomFunction(finalSource, debug, file);
+    const funcWithVars2 = funcBody2.replace("{{VARS}}", () => varDeclarations);
+    return `import { vdomCreate as __larkC } from "@lark.js/mvc";
+import { strSafe as __larkStrSafe, encUri as __larkEncUri, encQuote as __larkEncQuote, refFn as __larkRefFn } from "@lark.js/mvc/runtime";
+export default function(data, viewId, refData) {
+  let $data = data || {},
+      $viewId = viewId || '',
+      $c = __larkC,
+      $n = __larkStrSafe;
+  return (${funcWithVars2})($data, $viewId, refData,
+    $n, __larkRefFn, __larkEncUri, __larkEncQuote
+  );
+}`;
+  }
+  const funcBody = compileToFunction(finalSource, debug, file);
+  const funcWithVars = funcBody.replace("{{VARS}}", () => varDeclarations);
+  return `import { encHtml as __larkEncHtml, strSafe as __larkStrSafe, encUri as __larkEncUri, encQuote as __larkEncQuote, refFn as __larkRefFn } from "@lark.js/mvc/runtime";
+export default function(data, viewId, refData) {
+  let $data = data || {},
+      $viewId = viewId || '';
+  return (${funcWithVars})($data, $viewId, refData,
+    __larkEncHtml, __larkStrSafe, __larkEncUri, __larkRefFn, __larkEncQuote
+  );
+}`;
+}
+
 // src/vite.ts
 var LARK_TEMPLATE_SUFFIX = "?lark-template";
 function larkMvcPlugin(options = {}) {
-  const { debug = false } = options;
+  const { debug = false, virtualDom = false, useSwc = false } = options;
   return {
     name: "lark-template",
     enforce: "pre",
@@ -15377,12 +15935,12 @@ function larkMvcPlugin(options = {}) {
       }
       return void 0;
     },
-    load(id) {
+    async load(id) {
       if (id.endsWith(LARK_TEMPLATE_SUFFIX)) {
         const filePath = id.slice(0, -LARK_TEMPLATE_SUFFIX.length);
         const raw = import_fs.default.readFileSync(filePath, "utf-8");
-        const globalVars = extractGlobalVars(raw);
-        return compileTemplate(raw, { debug, globalVars });
+        const globalVars = await extractGlobalVars2(raw);
+        return compileTemplate(raw, { debug, globalVars, virtualDom, useSwc });
       }
       return void 0;
     }