@lark.js/mvc 0.0.7 → 0.0.9

package/dist/index.cjs

@@ -40,23 +40,28 @@ __export(index_exports, {
   Updater: () => Updater,
   VIEW_EVENT_METHOD_REGEXP: () => VIEW_EVENT_METHOD_REGEXP,
   View: () => View,
+  applyDomOps: () => applyDomOps,
   applyIdUpdates: () => applyIdUpdates,
   applyStyle: () => applyStyle,
-  applyVdomOps: () => applyVdomOps,
   assign: () => assign,
   bindStore: () => bindStore,
-  compileTemplate: () => compileTemplate,
   computed: () => computed,
   create: () => create,
-  createVdomRef: () => createVdomRef,
+  createDomRef: () => createDomRef,
   defineStore: () => defineStore,
   defineView: () => defineView,
+  domGetCompareKey: () => domGetCompareKey,
+  domGetNode: () => domGetNode,
+  domSetAttributes: () => domSetAttributes,
+  domSetChildNodes: () => domSetChildNodes,
+  domSetNode: () => domSetNode,
+  domSpecialDiff: () => domSpecialDiff,
+  domUnmountFrames: () => domUnmountFrames,
   encodeHTML: () => encodeHTML,
   encodeQ: () => encodeQ,
   encodeSafe: () => encodeSafe,
   encodeURIExtra: () => encodeURIExtra,
   ensureElementId: () => ensureElementId,
-  extractGlobalVars: () => extractGlobalVars,
   frameworkConfig: () => config,
   funcWithTry: () => funcWithTry,
   generateId: () => generateId,
@@ -89,14 +94,7 @@ __export(index_exports, {
   translateData: () => translateData,
   unmark: () => unmark,
   use: () => use,
-  useUrlState: () => useUrlState,
-  vdomGetCompareKey: () => vdomGetCompareKey,
-  vdomGetNode: () => vdomGetNode,
-  vdomSetAttributes: () => vdomSetAttributes,
-  vdomSetChildNodes: () => vdomSetChildNodes,
-  vdomSetNode: () => vdomSetNode,
-  vdomSpecialDiff: () => vdomSpecialDiff,
-  vdomUnmountFrames: () => vdomUnmountFrames
+  useUrlState: () => useUrlState
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -108,14 +106,6 @@ var RouterEvents = {
   CHANGED: "changed",
   PAGE_UNLOAD: "page_unload"
 };
-var LarkInnerKeys = {
-  /** Attribute name: ldk (static key for skipping VDOM diff) */
-  DIFF_KEY: "ldk",
-  /** Attribute name: lak (static attribute key) */
-  ATTR_KEY: "lak",
-  /** Attribute name: lvk (view key for assign) */
-  VIEW_KEY: "lvk"
-};
 var LARK_VIEW = "v-lark";
 var EVENT_METHOD_REGEXP = new RegExp(
   `(?:([\\w-]+)${SPLITTER})?([^(]+)\\(([\\s\\S]*?)?\\)`
@@ -897,6 +887,9 @@ function attachViewAndPath(loc) {
   if (!loc.view) {
     const rawPath = routeMode === "history" ? loc.query["path"] || loc.hash["path"] : loc.hash["path"];
     let path = rawPath || cachedDefaultPath || "/";
+    if (!cachedRoutes[path] && path === "/" && cachedDefaultPath && cachedDefaultPath !== "/") {
+      path = cachedDefaultPath;
+    }
     if (cachedRewrite) {
       path = cachedRewrite(
         path,
@@ -965,6 +958,10 @@ function getChanged(oldLoc, newLoc) {
 function updateBrowserUrl(path, replace) {
   if (routeMode === "history") {
     const url = path || "/";
+    const currentUrl = window.location.pathname + window.location.search;
+    if (url === currentUrl) {
+      return;
+    }
     if (replace) {
       window.history.replaceState(null, "", url);
     } else {
@@ -986,6 +983,9 @@ function updateUrl(path, params, loc, replace, silentFlag, lQuery) {
   if (path !== currentSrc) {
     silent = silentFlag ? 1 : 0;
     updateBrowserUrl(path, replace);
+    if (routeMode === "history" && Router.notify) {
+      Router.notify();
+    }
   }
 }
 var Router = {
@@ -1465,7 +1465,7 @@ var EventDelegator = {
   }
 };
 
-// src/vdom.ts
+// src/dom.ts
 var wrapMeta = {
   option: [1, "<select multiple>"],
   thead: [1, "<table>"],
@@ -1485,12 +1485,12 @@ var VDoc = document.implementation.createHTMLDocument("");
 var VBase = VDoc.createElement("base");
 VBase.href = document.location.href;
 VDoc.head.appendChild(VBase);
-var VDomSpecials = {
+var DomSpecials = {
   INPUT: ["value", "checked"],
   TEXTAREA: ["value"],
   OPTION: ["selected"]
 };
-function vdomUnmountFrames(frame, node) {
+function domUnmountFrames(frame, node) {
   if (!(node instanceof Element)) return;
   const id = node.getAttribute("id");
   if (!id) return;
@@ -1499,7 +1499,7 @@ function vdomUnmountFrames(frame, node) {
     frame.unmountFrame(id);
   }
 }
-function vdomGetNode(html, refNode) {
+function domGetNode(html, refNode) {
   const tmp = VDoc.createElement("div");
   const ns = refNode.namespaceURI;
   let tag;
@@ -1520,16 +1520,13 @@ function vdomGetNode(html, refNode) {
   }
   return tmp;
 }
-function vdomGetCompareKey(node) {
+function domGetCompareKey(node) {
   if (node.nodeType !== 1) return void 0;
   const el = node;
   if (el.compareKeyCached) {
     return el.cachedCompareKey;
   }
   let key = el.autoId ? "" : el.getAttribute("id") || void 0;
-  if (!key) {
-    key = el.getAttribute(LarkInnerKeys.DIFF_KEY) || void 0;
-  }
   if (!key) {
     const larkView = el.getAttribute(LARK_VIEW);
     if (larkView) {
@@ -1540,8 +1537,8 @@ function vdomGetCompareKey(node) {
   el.cachedCompareKey = key || "";
   return key;
 }
-function vdomSpecialDiff(oldNode, newNode) {
-  const specials = VDomSpecials[oldNode.nodeName];
+function domSpecialDiff(oldNode, newNode) {
+  const specials = DomSpecials[oldNode.nodeName];
   if (!specials) return 0;
   const oldEl = oldNode;
   const newEl = newNode;
@@ -1554,7 +1551,7 @@ function vdomSpecialDiff(oldNode, newNode) {
   }
   return result;
 }
-function vdomSetAttributes(oldNode, newNode, ref, keepId) {
+function domSetAttributes(oldNode, newNode, ref, keepId) {
   const oldEl = oldNode;
   Reflect.deleteProperty(oldEl, "compareKeyCached");
   const oldAttrs = oldNode.attributes;
@@ -1586,7 +1583,7 @@ function vdomSetAttributes(oldNode, newNode, ref, keepId) {
     }
   }
 }
-function vdomSetChildNodes(oldParent, newParent, ref, frame, keys_) {
+function domSetChildNodes(oldParent, newParent, ref, frame, keys_) {
   let oldNode = oldParent.lastChild;
   let newNode = newParent.firstChild;
   let extra = 0;
@@ -1594,7 +1591,7 @@ function vdomSetChildNodes(oldParent, newParent, ref, frame, keys_) {
   const newKeyedNodes = /* @__PURE__ */ new Map();
   while (oldNode) {
     extra++;
-    const nodeKey = vdomGetCompareKey(oldNode);
+    const nodeKey = domGetCompareKey(oldNode);
     if (nodeKey) {
       let bucket = keyedNodes.get(nodeKey);
       if (!bucket) {
@@ -1606,7 +1603,7 @@ function vdomSetChildNodes(oldParent, newParent, ref, frame, keys_) {
     oldNode = oldNode.previousSibling;
   }
   while (newNode) {
-    const nodeKey = vdomGetCompareKey(newNode);
+    const nodeKey = domGetCompareKey(newNode);
     if (nodeKey) {
       newKeyedNodes.set(nodeKey, (newKeyedNodes.get(nodeKey) ?? 0) + 1);
     }
@@ -1618,7 +1615,7 @@ function vdomSetChildNodes(oldParent, newParent, ref, frame, keys_) {
     extra--;
     const tempNew = newNode;
     newNode = newNode.nextSibling;
-    const nodeKey = vdomGetCompareKey(tempNew);
+    const nodeKey = domGetCompareKey(tempNew);
     let foundNode = nodeKey ? keyedNodes.get(nodeKey) : void 0;
     if (foundNode && (foundNode = foundNode.slice()) && foundNode.length) {
       const matched = foundNode.pop();
@@ -1633,17 +1630,17 @@ function vdomSetChildNodes(oldParent, newParent, ref, frame, keys_) {
         const c = newKeyedNodes.get(nodeKey);
         if (c) newKeyedNodes.set(nodeKey, c - 1);
       }
-      vdomSetNode(matched, tempNew, oldParent, ref, frame, keys_);
+      domSetNode(matched, tempNew, oldParent, ref, frame, keys_);
     } else if (oldNode) {
       const tempOld2 = oldNode;
-      const oldKey = vdomGetCompareKey(tempOld2);
+      const oldKey = domGetCompareKey(tempOld2);
       if (oldKey && keyedNodes.has(oldKey) && newKeyedNodes.get(oldKey)) {
         extra++;
         ref.hasChanged = 1;
         ref.domOps.push([8, oldParent, tempNew, tempOld2]);
       } else {
         oldNode = oldNode.nextSibling;
-        vdomSetNode(tempOld2, tempNew, oldParent, ref, frame, keys_);
+        domSetNode(tempOld2, tempNew, oldParent, ref, frame, keys_);
       }
     } else {
       ref.hasChanged = 1;
@@ -1653,29 +1650,23 @@ function vdomSetChildNodes(oldParent, newParent, ref, frame, keys_) {
   let tempOld = oldParent.lastChild;
   while (extra-- > 0) {
     if (tempOld) {
-      vdomUnmountFrames(frame, tempOld);
+      domUnmountFrames(frame, tempOld);
       ref.domOps.push([2, oldParent, tempOld]);
       tempOld = tempOld.previousSibling;
       ref.hasChanged = 1;
     }
   }
 }
-function vdomSetNode(oldNode, newNode, oldParent, ref, frame, keys_) {
+function domSetNode(oldNode, newNode, oldParent, ref, frame, keys_) {
   const oldAsEl = oldNode instanceof Element ? oldNode : null;
   const newAsEl = newNode instanceof Element ? newNode : null;
-  const hasViewKey = !!oldAsEl?.hasAttribute(LarkInnerKeys.VIEW_KEY);
   const equalAsNodes = oldAsEl !== null && newAsEl !== null && oldAsEl.isEqualNode && oldAsEl.isEqualNode(newAsEl);
-  if (vdomSpecialDiff(oldNode, newNode) || hasViewKey || !equalAsNodes) {
+  if (domSpecialDiff(oldNode, newNode) || !equalAsNodes) {
     if (oldNode.nodeType === newNode.nodeType && oldNode.nodeName === newNode.nodeName) {
       if (oldAsEl !== null && newAsEl !== null) {
         const oldEl = oldAsEl;
         const newEl = newAsEl;
-        const staticKey = newEl.getAttribute(LarkInnerKeys.DIFF_KEY);
-        if (staticKey && staticKey === oldEl.getAttribute(LarkInnerKeys.DIFF_KEY)) {
-          return;
-        }
         const newLarkView = newEl.getAttribute(LARK_VIEW);
-        const updateAttribute = !newEl.getAttribute(LarkInnerKeys.ATTR_KEY) || newEl.getAttribute(LarkInnerKeys.ATTR_KEY) !== oldEl.getAttribute(LarkInnerKeys.ATTR_KEY);
         let updateChildren = true;
         if (newLarkView) {
           const oldFrameId = oldEl.getAttribute("id") || "";
@@ -1686,11 +1677,9 @@ function vdomSetNode(oldNode, newNode, oldParent, ref, frame, keys_) {
             updateChildren = false;
           }
         }
-        if (updateAttribute) {
-          vdomSetAttributes(oldEl, newEl, ref, !!newLarkView);
-        }
+        domSetAttributes(oldEl, newEl, ref, !!newLarkView);
         if (updateChildren) {
-          vdomSetChildNodes(oldEl, newEl, ref, frame, keys_);
+          domSetChildNodes(oldEl, newEl, ref, frame, keys_);
         }
       } else if (oldNode.nodeValue !== newNode.nodeValue) {
         ref.hasChanged = 1;
@@ -1698,12 +1687,12 @@ function vdomSetNode(oldNode, newNode, oldParent, ref, frame, keys_) {
       }
     } else {
       ref.hasChanged = 1;
-      vdomUnmountFrames(frame, oldNode);
+      domUnmountFrames(frame, oldNode);
       ref.domOps.push([4, oldParent, newNode, oldNode]);
     }
   }
 }
-function createVdomRef() {
+function createDomRef() {
   return {
     idUpdates: [],
     views: [],
@@ -1711,7 +1700,7 @@ function createVdomRef() {
     hasChanged: 0
   };
 }
-function applyVdomOps(ops) {
+function applyDomOps(ops) {
   for (const op of ops) {
     switch (op[0]) {
       case 1:
@@ -1850,11 +1839,11 @@ var Updater = class {
     return this;
   }
   /**
-   * Detect changes and trigger VDOM re-render.
+   * Detect changes and trigger DOM re-render.
    *
    * The core rendering pipeline:
    * 1. Set data if provided
-   * 2. If changed, run VDOM diff (template → new DOM → diff against old DOM)
+   * 2. If changed, run DOM diff (template → new DOM → diff against old DOM)
    * 3. Apply DOM operations
    * 4. Apply ID updates
    * 5. Call endUpdate on views that need re-rendering
@@ -1899,11 +1888,11 @@ var Updater = class {
           updaterRef,
           encodeQ
         );
-        const newDom = vdomGetNode(html, node);
-        const ref = createVdomRef();
-        vdomSetChildNodes(node, newDom, ref, frame, keys2);
+        const newDom = domGetNode(html, node);
+        const ref = createDomRef();
+        domSetChildNodes(node, newDom, ref, frame, keys2);
         applyIdUpdates(ref.idUpdates);
-        applyVdomOps(ref.domOps);
+        applyDomOps(ref.domOps);
         for (const v of ref.views) {
           if (v.render) {
             funcWithTry(v.render, [], v, noop);
@@ -2253,28 +2242,28 @@ var View = class _View {
   // ============================================================
   // Static public methods
   // ============================================================
-  /** Collected ctors from mixins */
-  static ctors;
+  /** Collected makes from mixins */
+  static makes;
   /**
    * Prepare a View subclass by scanning its prototype for event method patterns.
    * Pattern: `$?name<eventType1,eventType2>(&modifiers)`
    *
-   * Only runs once per View subclass (guarded by ctors marker).
+   * Only runs once per View subclass (guarded by makes marker).
    * Called from Frame.mountView before creating the view instance.
    */
   static prepare(oView) {
-    if (oView.ctors) {
-      return oView.ctors;
+    if (oView.makes) {
+      return oView.makes;
     }
-    const ctors = [];
-    oView.ctors = ctors;
+    const makes = [];
+    oView.makes = makes;
     const proto = oView.prototype;
     const eventsObject = {};
     const eventsList = [];
     const selectorObject = {};
     const mixins = proto["mixins"];
     if (mixins && Array.isArray(mixins)) {
-      _View.mergeMixins(mixins, oView, ctors);
+      _View.mergeMixins(mixins, oView, makes);
     }
     for (const p in proto) {
       if (!hasOwnProperty(proto, p)) continue;
@@ -2344,7 +2333,7 @@ var View = class _View {
     proto["$globalEvtList"] = eventsList;
     proto["$selMap"] = selectorObject;
     proto["$assignFn"] = proto["assign"];
-    return ctors;
+    return makes;
   }
   /**
    * Bind or unbind event delegation for a view instance.
@@ -2469,7 +2458,7 @@ var View = class _View {
   /**
    * Merge an array of mixin objects into the view prototype.
    */
-  static mergeMixins(mixins, viewClass, ctors) {
+  static mergeMixins(mixins, viewClass, makes) {
     const proto = viewClass.prototype;
     const temp = {};
     for (const node of mixins) {
@@ -2480,7 +2469,7 @@ var View = class _View {
         const mixinFn = fn;
         const exist = temp[p];
         if (p === "make") {
-          ctors.push(mixinFn);
+          makes.push(mixinFn);
           continue;
         }
         if (VIEW_EVENT_METHOD_REGEXP.test(p)) {
@@ -2531,9 +2520,9 @@ var View = class _View {
   static extend(props, statics) {
     const definedProps = props ?? {};
     const make = definedProps["make"];
-    const ctors = [];
+    const makes = [];
     if (typeof make === "function") {
-      ctors.push(make);
+      makes.push(make);
     }
     const ParentView = this;
     const ChildView = class extends ParentView {
@@ -2555,7 +2544,7 @@ var View = class _View {
             deep: !this.template
           }
         ];
-        const concatCtors = ctors.concat(mixinCtors || []);
+        const concatCtors = makes.concat(mixinCtors || []);
         if (concatCtors.length) {
           funcWithTry(concatCtors, params, this, noop);
         }
@@ -2581,7 +2570,7 @@ var View = class _View {
    * Merge mixins into View prototype.
    */
   static merge(...mixins) {
-    const existingCtors = this.ctors || [];
+    const existingCtors = this.makes || [];
     _View.mergeMixins(mixins, this, existingCtors);
     return this;
   }
@@ -3325,13 +3314,13 @@ var Service = class {
    * References per-type static state from the current class.
    */
   get internals() {
-    const ctor = this.constructor;
+    const constructor = this.constructor;
     return {
-      metaList: ctor._metaList,
-      payloadCache: ctor._payloadCache,
-      pendingCacheKeys: ctor._pendingCacheKeys,
-      syncFn: ctor._syncFn,
-      staticEmitter: ctor._staticEmitter
+      metaList: constructor._metaList,
+      payloadCache: constructor._payloadCache,
+      pendingCacheKeys: constructor._pendingCacheKeys,
+      syncFn: constructor._syncFn,
+      staticEmitter: constructor._staticEmitter
     };
   }
   /**
@@ -4326,755 +4315,6 @@ function bindStore(view, store, selector) {
   return off;
 }
 var defineStore = create;
-
-// src/compiler.ts
-var import_parser = require("@babel/parser");
-var SPLITTER2 = String.fromCharCode(30);
-var VIEW_ID_PLACEHOLDER = String.fromCharCode(31);
-function jsObjectToUrlParams(paramsStr) {
-  const trimmed = paramsStr.trim();
-  if (!/^[{[]/.test(trimmed) && /=/.test(trimmed)) {
-    return trimmed;
-  }
-  const objMatch = trimmed.match(/^\{(.*)\}$/s);
-  if (objMatch) {
-    const inner = objMatch[1];
-    const pairs = [];
-    const pairRegExp = /(\w+)\s*:\s*(?:'([^']*)'|"([^"]*)"|([^,}]+))/g;
-    let m;
-    while ((m = pairRegExp.exec(inner)) !== null) {
-      const key = m[1];
-      const value = m[2] ?? m[3] ?? m[4]?.trim() ?? "";
-      pairs.push(`${key}=${value}`);
-    }
-    return pairs.join("&");
-  }
-  return trimmed;
-}
-function protectComments(source) {
-  const comments = [];
-  const protectedSource = source.replace(/<!--[\s\S]*?-->/g, (match) => {
-    comments.push(match);
-    return `__lark_comment_${comments.length - 1}__`;
-  });
-  return { protectedSource, comments };
-}
-function restoreComments(source, comments) {
-  return source.replace(/__lark_comment_(\d+)__/g, (_, index) => {
-    return comments[parseInt(index, 10)];
-  });
-}
-function processViewEvents(source) {
-  return source.replace(
-    /@(\w+)="([^"]+)"/g,
-    (fullAttr, eventName, attrValue) => {
-      const eventMatch = attrValue.match(/^(\w+)\((.*)\)$/s);
-      if (!eventMatch) return fullAttr;
-      const handlerName = eventMatch[1];
-      const paramsStr = eventMatch[2].trim();
-      if (!paramsStr) {
-        return `@${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER2}${handlerName}()"`;
-      }
-      const urlParams = jsObjectToUrlParams(paramsStr);
-      return `@${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER2}${handlerName}(${urlParams})"`;
-    }
-  );
-}
-function addLineMarkers(source) {
-  const lines = source.split(/\r\n?|\n/);
-  const result = [];
-  let lineNo = 0;
-  const openTag = "{{";
-  for (const line of lines) {
-    const parts = line.split(openTag);
-    if (parts.length > 1) {
-      const reconstructed = parts.map((part, i) => {
-        if (i === 0) return part;
-        return openTag + SPLITTER2 + ++lineNo + part;
-      }).join("");
-      result.push(reconstructed);
-    } else {
-      result.push(line);
-    }
-  }
-  return result.join("\n");
-}
-function extractArtInfo(art) {
-  const m = art.match(new RegExp(`^${SPLITTER2}(\\d+)([\\s\\S]+)`));
-  if (m) {
-    let code = m[2].trimStart();
-    if (code.startsWith("if(")) {
-      code = code.substring(0, 2) + " " + code.substring(2);
-    } else if (code.startsWith("for(")) {
-      code = code.substring(0, 3) + " " + code.substring(3);
-    }
-    return { line: parseInt(m[1], 10), art: code };
-  }
-  return null;
-}
-function convertArtSyntax(source, debug) {
-  const markedSource = debug ? addLineMarkers(source) : source;
-  const openTag = "{{";
-  const parts = markedSource.split(openTag);
-  const result = [parts[0]];
-  const blockStack = [];
-  for (let i = 1; i < parts.length; i++) {
-    const part = parts[i];
-    const closeIdx = findCloseBrace(part);
-    if (closeIdx === -1) {
-      result.push(openTag + part);
-      continue;
-    }
-    const code = part.substring(0, closeIdx);
-    const rest = part.substring(closeIdx + 2);
-    let lineNo = -1;
-    let cleanCode = code;
-    if (debug) {
-      const info = extractArtInfo(code);
-      if (info) {
-        lineNo = info.line;
-        cleanCode = info.art;
-      }
-    } else {
-      cleanCode = code.trim();
-    }
-    const converted = convertArtExpression(
-      cleanCode,
-      debug,
-      lineNo,
-      blockStack
-    );
-    result.push(converted);
-    result.push(rest);
-  }
-  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}`);
-  }
-  return result.join("");
-}
-function findCloseBrace(str) {
-  let leftCount = 0;
-  let rightCount = 0;
-  let maybeCount = 0;
-  let maybeAt = -1;
-  for (let i = 0; i < str.length; i++) {
-    const c = str.charAt(i);
-    if (c !== "}") {
-      if (maybeCount >= 2 && maybeAt === -1) {
-        maybeAt = i;
-      }
-      maybeCount = 0;
-      rightCount = 0;
-    }
-    if (c === "{") {
-      leftCount++;
-    } else if (c === "}") {
-      maybeCount++;
-      if (!leftCount) {
-        rightCount++;
-        if (rightCount === 2) {
-          return i - 1;
-        }
-      } else {
-        leftCount--;
-      }
-    }
-  }
-  if (!leftCount && maybeCount >= 2 && maybeAt === -1) {
-    maybeAt = str.length - 2;
-  }
-  if (maybeAt > -1) {
-    return maybeAt - 2;
-  }
-  return -1;
-}
-function trimOuterParens(expr) {
-  expr = expr.trim();
-  while (expr.startsWith("(") && expr.endsWith(")")) {
-    let depth = 0;
-    let matched = true;
-    for (let i = 0; i < expr.length - 1; i++) {
-      const c = expr.charAt(i);
-      if (c === "(") depth++;
-      else if (c === ")") depth--;
-      if (depth === 0 && i < expr.length - 1) {
-        matched = false;
-        break;
-      }
-    }
-    if (!matched) break;
-    expr = expr.substring(1, expr.length - 1).trim();
-  }
-  return expr;
-}
-function convertArtExpression(code, debug, lineNo, blockStack = []) {
-  code = code.trim();
-  const debugPrefix = debug && lineNo > -1 ? `<%'${lineNo}${code.replace(/\\|'/g, "\\$&").replace(/\r\n?|\n/g, "\\n")}'%>` : "";
-  const ifForMatch = code.match(/^\s*(if|for)\s*\(/);
-  if (ifForMatch) {
-    const keyword2 = ifForMatch[1];
-    const expr = code.substring(ifForMatch[0].length);
-    if (keyword2 === "if") {
-      blockStack.push({ ctrl: "if", line: lineNo });
-      const rawExpr = expr.replace(/\)\s*$/, "");
-      const cleanExpr = trimOuterParens(rawExpr);
-      return `${debugPrefix}<%if(${cleanExpr}){%>`;
-    }
-    blockStack.push({ ctrl: "for", line: lineNo });
-    const forExpr = expr.replace(/\)\s*$/, "");
-    return `${debugPrefix}<%for(${forExpr}){%>`;
-  }
-  const tokens = code.split(/\s+/);
-  const keyword = tokens.shift() ?? "";
-  switch (keyword) {
-    case "if": {
-      blockStack.push({ ctrl: "if", line: lineNo });
-      const rawExpr = tokens.join(" ").trim();
-      const expr = trimOuterParens(rawExpr);
-      return `${debugPrefix}<%if(${expr}){%>`;
-    }
-    case "else": {
-      if (tokens[0] === "if") {
-        tokens.shift();
-        const rawExpr = tokens.join(" ").trim();
-        const expr = trimOuterParens(rawExpr);
-        return `${debugPrefix}<%}else if(${expr}){%>`;
-      }
-      return `${debugPrefix}<%}else{%>`;
-    }
-    case "forOf": {
-      blockStack.push({ ctrl: "forOf", line: lineNo });
-      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]}}`
-        );
-      }
-      const restTokens = tokens.slice(2);
-      const asValue = restTokens.join(" ");
-      const asExpr = parseAsExpr(asValue);
-      const index = asExpr.key || "_i";
-      const refObj = /[.[\]]/.test(object) ? `_art_obj_${object.replace(/[^\w]/g, "_")}` : object;
-      const refExpr = /[.[\]]/.test(object) ? `,${refObj}=${object}` : "";
-      const refObjCount = "_l";
-      const valueDecl = asExpr.vars ? `let ${asExpr.vars}=${refObj}[${index}]` : "";
-      let firstAndLast = "";
-      let lastCount = "";
-      if (asExpr.first) {
-        firstAndLast += `let ${asExpr.first}=${index}===0;`;
-      }
-      if (asExpr.last) {
-        lastCount = `,_lc=${refObjCount}-1`;
-        firstAndLast += `let ${asExpr.last}=${index}===_lc;`;
-      }
-      return `${debugPrefix}<%for(let ${index}=0${refExpr},${refObjCount}=${refObj}.length${lastCount};${index}<${refObjCount};${index}++){${firstAndLast}${valueDecl}%>`;
-    }
-    case "forIn": {
-      blockStack.push({ ctrl: "forIn", line: lineNo });
-      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: {{for-in obj as val [key]}}`
-        );
-      }
-      const restTokens2 = tokens.slice(2);
-      const asValue2 = restTokens2.join(" ");
-      const asExpr2 = parseAsExpr(asValue2);
-      const key1 = asExpr2.key || "_k";
-      const refObj2 = /[.[\]]/.test(object) ? `_art_obj_${object.replace(/[^\w]/g, "_")}` : object;
-      const refExpr2 = /[.[\]]/.test(object) ? `let ${refObj2}=${object};` : "";
-      const valueDecl2 = asExpr2.vars ? `let ${asExpr2.vars}=${refObj2}[${key1}]` : "";
-      return `${debugPrefix}<%${refExpr2}for(let ${key1} in ${refObj2}){${valueDecl2}%>`;
-    }
-    case "for": {
-      blockStack.push({ ctrl: "for", line: lineNo });
-      const expr = tokens.join(" ").trim();
-      return `${debugPrefix}<%for(${expr}){%>`;
-    }
-    case "set":
-      return `${debugPrefix}<%let ${tokens.join(" ")};%>`;
-    case "/if":
-    case "/forOf":
-    case "/forIn":
-    case "/for": {
-      const expectedCtrl = keyword.substring(1);
-      const last = blockStack.pop();
-      if (!last) {
-        throw new Error(
-          `[@lark.js/mvc 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}`
-        );
-      }
-      return `${debugPrefix}<%}%>`;
-    }
-    default:
-      return `${debugPrefix}<%${code}%>`;
-  }
-}
-function parseAsExpr(expr) {
-  expr = expr.trim();
-  if (!expr) {
-    return { vars: "", key: "", last: "", first: "", bad: false };
-  }
-  if (expr.startsWith("{") || expr.startsWith("[")) {
-    const stack = [];
-    let vars = "";
-    let key = "";
-    let last = "";
-    let first = "";
-    let pos = 0;
-    let bad = false;
-    for (const c of expr) {
-      if (pos === 0) vars += c;
-      else if (pos === 1) key += c;
-      else if (pos === 2) last += c;
-      else if (pos === 3) first += c;
-      if (c === "{" || c === "[") stack.push(c);
-      else if (c === "}") {
-        if (stack[stack.length - 1] === "{") stack.pop();
-        else {
-          bad = true;
-          break;
-        }
-      } else if (c === "]") {
-        if (stack[stack.length - 1] === "[") stack.pop();
-        else {
-          bad = true;
-          break;
-        }
-      } else if (c === " " && !stack.length) {
-        pos++;
-      }
-    }
-    return {
-      vars: vars.trim(),
-      key: key.trim(),
-      last: last.trim(),
-      first: first.trim(),
-      bad: bad || stack.length > 0
-    };
-  }
-  const parts = expr.split(/\s+/);
-  return {
-    vars: parts[0] || "",
-    key: parts[1] || "",
-    last: parts[2] || "",
-    first: parts[3] || "",
-    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");
-      }
-      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}}`;
-}
-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
-  );
-}`;
-}
-function extractGlobalVars(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 fallbackExtractVariables(source);
-  }
-  const globalExists = { ...BUILTIN_GLOBALS };
-  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 fallbackExtractVariables(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_GLOBAL_SET.has(v));
-}
-function walkAst(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 (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 = bag[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_GLOBALS = {
-  // ─── 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: 1,
-  // 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: 1,
-  // 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: 1,
-  // HTML entity encoder: v => $strSafe(v).replace(/[&<>"'`]/g, entityMap)
-  // Encodes &, <, >, ", ', ` to HTML entities (&amp; &lt; etc.)
-  // Applied to all {{=escaped}} and {{:binding}} outputs.
-  $encHtml: 1,
-  // HTML entity map — internal object used by $encHtml:
-  //   {'&':'amp','<':'gt','>':'gt','"':'#34','\'':'#39','`':'#96'}
-  // Not a standalone function; referenced inside $encHtml's closure.
-  $entMap: 1,
-  // HTML entity RegExp — internal regexp used by $encHtml:
-  //   /[&<>"'`]/g
-  $entReg: 1,
-  // HTML entity replacer function — internal helper used by $encHtml:
-  //   m => '&' + $entMap[m] + ';'
-  // Maps matched character to its entity string.
-  $entFn: 1,
-  // Output buffer — the string accumulator for rendered HTML.
-  // All template output is appended via $out += '...'.
-  // Declared as: let $out = ''
-  $out: 1,
-  // 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: 1,
-  // 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: 1,
-  // URI encode map — internal object used by $encUri:
-  //   {'!':'%21','\'':'%27','(':'%28',')':'%29','*':'%2A'}
-  $uriMap: 1,
-  // URI encode replacer — internal helper used by $encUri:
-  //   m => $uriMap[m]
-  $uriFn: 1,
-  // URI encode regexp — internal regexp used by $encUri:
-  //   /[!')(*]/g
-  $uriReg: 1,
-  // Quote encoder: v => $strSafe(v).replace(/['"\\]/g, '\\$&')
-  // Escapes quotes and backslashes for safe embedding in HTML attribute
-  // values (e.g. data-json='...').
-  $encQuote: 1,
-  // Quote encode regexp — internal regexp used by $encQuote:
-  //   /['"\\]/g
-  $qReg: 1,
-  // 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: 1,
-  // Debug: current expression text — stores the template expression being
-  // evaluated, for error reporting. Only present in debug mode.
-  // e.g. $dbgExpr='<%=user.name%>'
-  $dbgExpr: 1,
-  // Debug: original art syntax — stores the {{}} template syntax before
-  // conversion, for error reporting. Only present in debug mode.
-  // e.g. $dbgArt='{{=user.name}}'
-  $dbgArt: 1,
-  // Debug: source line number — tracks the current line in the template
-  // source, for error reporting. Only present in debug mode.
-  $dbgLine: 1,
-  // 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: 1,
-  // Temporary variable — used by the compiler for intermediate
-  // expression results in generated code (e.g. loop variables,
-  // conditional branches). Declared as: let $tmp
-  $tmp: 1,
-  // JS literals
-  undefined: 1,
-  null: 1,
-  true: 1,
-  false: 1,
-  NaN: 1,
-  Infinity: 1,
-  // JS built-in globals
-  window: 1,
-  self: 1,
-  globalThis: 1,
-  document: 1,
-  console: 1,
-  JSON: 1,
-  Math: 1,
-  Intl: 1,
-  Promise: 1,
-  Symbol: 1,
-  Number: 1,
-  String: 1,
-  Boolean: 1,
-  Array: 1,
-  Object: 1,
-  Date: 1,
-  RegExp: 1,
-  Error: 1,
-  TypeError: 1,
-  RangeError: 1,
-  SyntaxError: 1,
-  Map: 1,
-  Set: 1,
-  WeakMap: 1,
-  WeakSet: 1,
-  Proxy: 1,
-  Reflect: 1,
-  ArrayBuffer: 1,
-  DataView: 1,
-  Float32Array: 1,
-  Float64Array: 1,
-  Int8Array: 1,
-  Int16Array: 1,
-  Int32Array: 1,
-  Uint8Array: 1,
-  Uint16Array: 1,
-  Uint32Array: 1,
-  Uint8ClampedArray: 1,
-  // Functions
-  parseInt: 1,
-  parseFloat: 1,
-  isNaN: 1,
-  isFinite: 1,
-  encodeURIComponent: 1,
-  decodeURIComponent: 1,
-  encodeURI: 1,
-  decodeURI: 1,
-  // Babel helpers
-  arguments: 1,
-  this: 1,
-  require: 1,
-  // Lark framework
-  Lark: 1
-};
-var BUILTIN_GLOBAL_SET = new Set(Object.keys(BUILTIN_GLOBALS));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CALL_BREAK_TIME,
@@ -5097,23 +4337,28 @@ var BUILTIN_GLOBAL_SET = new Set(Object.keys(BUILTIN_GLOBALS));
   Updater,
   VIEW_EVENT_METHOD_REGEXP,
   View,
+  applyDomOps,
   applyIdUpdates,
   applyStyle,
-  applyVdomOps,
   assign,
   bindStore,
-  compileTemplate,
   computed,
   create,
-  createVdomRef,
+  createDomRef,
   defineStore,
   defineView,
+  domGetCompareKey,
+  domGetNode,
+  domSetAttributes,
+  domSetChildNodes,
+  domSetNode,
+  domSpecialDiff,
+  domUnmountFrames,
   encodeHTML,
   encodeQ,
   encodeSafe,
   encodeURIExtra,
   ensureElementId,
-  extractGlobalVars,
   frameworkConfig,
   funcWithTry,
   generateId,
@@ -5146,12 +4391,5 @@ var BUILTIN_GLOBAL_SET = new Set(Object.keys(BUILTIN_GLOBALS));
   translateData,
   unmark,
   use,
-  useUrlState,
-  vdomGetCompareKey,
-  vdomGetNode,
-  vdomSetAttributes,
-  vdomSetChildNodes,
-  vdomSetNode,
-  vdomSpecialDiff,
-  vdomUnmountFrames
+  useUrlState
 });