@lark.js/mvc 0.0.1 → 0.0.2

package/dist/{chunk-DZUOIUWX.js → chunk-5OEHRF3U.js}

@@ -14612,9 +14612,9 @@ function jsObjectToUrlParams(paramsStr) {
   if (objMatch) {
     const inner = objMatch[1];
     const pairs = [];
-    const pairRegex = /(\w+)\s*:\s*(?:'([^']*)'|"([^"]*)"|([^,}]+))/g;
+    const pairRegExp = /(\w+)\s*:\s*(?:'([^']*)'|"([^"]*)"|([^,}]+))/g;
     let m;
-    while ((m = pairRegex.exec(inner)) !== null) {
+    while ((m = pairRegExp.exec(inner)) !== null) {
       const key = m[1];
       const value = m[2] ?? m[3] ?? m[4]?.trim() ?? "";
       pairs.push(`${key}=${value}`);
@@ -14636,19 +14636,19 @@ function restoreComments(source, comments) {
     return comments[parseInt(index, 10)];
   });
 }
-function processLarkEvents(source) {
+function processViewEvents(source) {
   return source.replace(
-    /lark-(\w+)="([^"]+)"/g,
+    /v-(\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 `lark-${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER}${handlerName}()"`;
+        return `v-${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER}${handlerName}()"`;
       }
       const urlParams = jsObjectToUrlParams(paramsStr);
-      return `lark-${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER}${handlerName}(${urlParams})"`;
+      return `v-${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER}${handlerName}(${urlParams})"`;
     }
   );
 }
@@ -14721,7 +14721,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 Error(tmpl-art)] unclosed block(s): ${unclosed}`);
+    throw new Error(`[@lark/mvc error] unclosed block(s): ${unclosed}`);
   }
   return result.join("");
 }
@@ -14820,7 +14820,7 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       const object = tokens[0];
       if (tokens.length > 1 && tokens[1] !== "as") {
         throw new Error(
-          `[Lark Error(tmpl-art)] bad each syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{each list as item [index]}}`
+          `[@lark/mvc error] bad each syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{each list as item [index]}}`
         );
       }
       const restTokens = tokens.slice(2);
@@ -14842,12 +14842,12 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       }
       return `${debugPrefix}<%for(let ${index}=0${refExpr},${refObjCount}=${refObj}.length${lastCount};${index}<${refObjCount};${index}++){${firstAndLast}${valueDecl}%>`;
     }
-    case "forin": {
-      blockStack.push({ ctrl: "forin", line: lineNo });
+    case "parse": {
+      blockStack.push({ ctrl: "parse", line: lineNo });
       const object = tokens[0];
       if (tokens.length > 1 && tokens[1] !== "as") {
         throw new Error(
-          `[Lark Error(tmpl-art)] bad forin syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{forin obj as val [key]}}`
+          `[@lark/mvc error] bad parse syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{for-in obj as val [key]}}`
         );
       }
       const restTokens2 = tokens.slice(2);
@@ -14868,18 +14868,18 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       return `${debugPrefix}<%let ${tokens.join(" ")};%>`;
     case "/if":
     case "/each":
-    case "/forin":
+    case "/parse":
     case "/for": {
       const expectedCtrl = keyword.substring(1);
       const last = blockStack.pop();
       if (!last) {
         throw new Error(
-          `[Lark Error(tmpl-art)] unexpected {{${code}}}: no matching open block`
+          `[@lark/mvc error(template] unexpected {{${code}}}: no matching open block`
         );
       }
       if (last.ctrl !== expectedCtrl) {
         throw new Error(
-          `[Lark Error(tmpl-art)] unexpected {{${code}}}: expected {{/${last.ctrl}}} to close block opened at line ${last.line}`
+          `[@lark/mvc error(template] unexpected {{${code}}}: expected {{/${last.ctrl}}} to close block opened at line ${last.line}`
         );
       }
       return `${debugPrefix}<%}%>`;
@@ -14956,12 +14956,12 @@ function compileToFunction(source, debug, file) {
         index - 2
       );
       const x11 = String.fromCharCode(17);
-      const artReg = new RegExp(`^'(\\d+)${x11}([^${x11}]+)${x11}'$`);
-      const artM = expr.match(artReg);
+      const artRegExp = new RegExp(`^'(\\d+)${x11}([^${x11}]+)${x11}'$`);
+      const artM = expr.match(artRegExp);
       let art = "";
       let line = -1;
       if (artM) {
-        expr = expr.replace(artReg, "");
+        expr = expr.replace(artRegExp, "");
         art = artM[2];
         line = parseInt(artM[1], 10);
       } else {
@@ -15020,8 +15020,8 @@ function compileToFunction(source, debug, file) {
     const filePart = file ? `\\r\\n\\tat file:${file}` : "";
     funcSource = `let $expr,$art,$line;try{${funcSource}}catch(ex){let msg='render view error:'+(ex.message||ex);if($art)msg+='\\r\\n\\tsrc art:{{'+$art+'}}\\r\\n\\tat line:'+$line;msg+='\\r\\n\\t'+($art?'translate to:':'expr:');msg+=$expr+'${filePart}';throw msg;}`;
   }
-  const viewIdReg = new RegExp(String.fromCharCode(31), "g");
-  funcSource = funcSource.replace(viewIdReg, `'+$viewId+'`);
+  const viewIdRegExp = new RegExp(String.fromCharCode(31), "g");
+  funcSource = funcSource.replace(viewIdRegExp, `'+$viewId+'`);
   const atRule = hasAtRule ? `if(!$i){$i=(ref,v,k,f)=>{for(f=ref[$g];--f;)if(ref[k=$g+f]===v)return k;ref[k=$g+ref[$g]++]=v;return k;}}` : "";
   const encode = `if(!$n){let $em={'&':'amp','<':'lt','>':'gt','"':'#34','\\'':'#39','\`':'#96'},$er=/[&<>"'\`]/g,$ef=m=>'&'+$em[m]+';';$n=v=>''+(v==null?'':v);$e=v=>$n(v).replace($er,$ef)}`;
   const encodeURIMore = `if(!$eu){let $um={'!':'%21','\\'':'%27','(':'%28',')':'%29','*':'%2A'},$uf=m=>$um[m],$uq=/[!')(*]/g;$eu=v=>encodeURIComponent($n(v)).replace($uq,$uf)}`;
@@ -15035,8 +15035,8 @@ function compileTemplate(source, options = {}) {
   const { debug = false, globalVars = [], file } = options;
   const { protectedSource, comments } = protectComments(source);
   const converted = convertArtSyntax(protectedSource, debug);
-  const larkEventProcessed = processLarkEvents(converted);
-  const finalSource = restoreComments(larkEventProcessed, comments);
+  const viewEventProcessed = processViewEvents(converted);
+  const finalSource = restoreComments(viewEventProcessed, comments);
   const funcBody = compileToFunction(finalSource, debug, file);
   const varDeclarations = globalVars.map((key) => `,${key}=$$.${key}`).join("");
   const funcWithVars = funcBody.replace("{{VARS}}", () => varDeclarations);
@@ -15054,20 +15054,20 @@ function compileTemplate(source, options = {}) {
 }
 function extractGlobalVars(source) {
   const { protectedSource, comments: _comments } = protectComments(source);
-  const larkEventProcessed = processLarkEvents(protectedSource);
-  const converted = convertArtSyntax(larkEventProcessed, false);
-  const tmpl = restoreComments(converted, _comments);
-  const tmplCmdReg = /<%([@=!:])?([\s\S]*?)%>|$/g;
+  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 = "";
-  tmpl.replace(
-    tmplCmdReg,
+  template.replace(
+    templateCmdRegExp,
     (match, operate, content, offset) => {
       const start = operate ? 3 : 2;
-      const htmlText = tmpl.substring(lastIndex, offset + start);
+      const htmlText = template.substring(lastIndex, offset + start);
       const key = htmlKey + htmlIndex++ + htmlKey;
       htmlStore[key] = htmlText;
       lastIndex = offset + match.length - 2;
@@ -15152,17 +15152,17 @@ function extractGlobalVars(source) {
 }
 function fallbackExtractVariables(source) {
   const vars = /* @__PURE__ */ new Set();
-  const outputReg = /\{\{[:=!@]\s*([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
+  const outputRegExp = /\{\{[:=!@]\s*([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
   let m;
-  while ((m = outputReg.exec(source)) !== null) {
+  while ((m = outputRegExp.exec(source)) !== null) {
     vars.add(m[1]);
   }
-  const eachReg = /\{\{each\s+([a-zA-Z_$][\w$]*)\s+as/g;
-  while ((m = eachReg.exec(source)) !== null) {
+  const eachRegExp = /\{\{each\s+([a-zA-Z_$][\w$]*)\s+as/g;
+  while ((m = eachRegExp.exec(source)) !== null) {
     vars.add(m[1]);
   }
-  const ifReg = /\{\{(?:else\s+)?if\s+([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
-  while ((m = ifReg.exec(source)) !== null) {
+  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));
@@ -15225,7 +15225,7 @@ var BUILTIN_GLOBALS = {
   //   {'&':'amp','<':'gt','>':'gt','"':'#34','\'':'#39','`':'#96'}
   // Not a standalone function; referenced inside $e's closure.
   $em: 1,
-  // HTML entity RegExp — internal regex used by $e:
+  // HTML entity RegExp — internal regexp used by $e:
   //   /[&<>"'`]/g
   $er: 1,
   // HTML entity replacer function — internal helper used by $e:
@@ -15244,14 +15244,14 @@ var BUILTIN_GLOBALS = {
   $i: 1,
   // URI encoder: v => encodeURIComponent($n(v)).replace(/[!')(*]/g, extraMap)
   // Extends encodeURIComponent with encoding of ! ' ( ) *.
-  // Applied to values in lark-event URL parameters and {{!uri}} contexts.
+  // Applied to values in v-event URL parameters and {{!uri}} contexts.
   $eu: 1,
   // Quote encoder: v => $n(v).replace(/['"\\]/g, '\\$&')
   // Escapes quotes and backslashes for safe embedding in HTML attribute
   // values (e.g. data-json='...').
   $eq: 1,
   // View ID — the unique identifier of the owning View instance.
-  // Injected into lark-event attribute values at render time so that
+  // Injected into v-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,

package/dist/index.cjs

@@ -23,7 +23,7 @@ __export(index_exports, {
   Bag: () => Bag,
   CALL_BREAK_TIME: () => CALL_BREAK_TIME,
   Cache: () => Cache,
-  EVT_METHOD_REG: () => EVT_METHOD_REG,
+  EVENT_METHOD_REGEXP: () => EVENT_METHOD_REGEXP,
   EventDelegator: () => EventDelegator,
   EventEmitter: () => EventEmitter,
   Frame: () => Frame,
@@ -37,10 +37,10 @@ __export(index_exports, {
   State: () => State,
   TAG_ATTR_KEY: () => TAG_ATTR_KEY,
   TAG_KEY: () => TAG_KEY,
-  TAG_NAME_REGEX: () => TAG_NAME_REGEX,
+  TAG_NAME_REGEXP: () => TAG_NAME_REGEXP,
   TAG_VIEW_KEY: () => TAG_VIEW_KEY,
   Updater: () => Updater,
-  VIEW_EVT_METHOD_REG: () => VIEW_EVT_METHOD_REG,
+  VIEW_EVENT_METHOD_REGEXP: () => VIEW_EVENT_METHOD_REGEXP,
   View: () => View,
   applyIdUpdates: () => applyIdUpdates,
   applyStyle: () => applyStyle,
@@ -120,17 +120,17 @@ var TAG_KEY = "lark-key";
 var TAG_ATTR_KEY = "lark-attr-key";
 var TAG_VIEW_KEY = "lark-view-key";
 var LARK_VIEW = "lark-view";
-var EVT_METHOD_REG = new RegExp(
+var EVENT_METHOD_REGEXP = new RegExp(
   `(?:([\\w-]+)${SPLITTER})?([^(]+)\\(([\\s\\S]*?)?\\)`
 );
-var VIEW_EVT_METHOD_REG = /^(\$?)([\w]*)<(.*?)>(?:<([\w ,]*)>)?$/;
-var URL_TRIM_HASH_REGEX = /(?:^.*\/\/[^/]+|#.*$)/gi;
-var URL_TRIM_QUERY_REGEX = /^[^#]*#?!?/;
-var URL_PARAM_REGEX = /([^=&?/#]+)=?([^&#?]*)/g;
-var URL_QUERY_HASH_REGEX = /[#?].*$/;
+var VIEW_EVENT_METHOD_REGEXP = /^(\$?)([\w]*)<(.*?)>(?:<([\w ,]*)>)?$/;
+var URL_TRIM_HASH_REGEXP = /(?:^.*\/\/[^/]+|#.*$)/gi;
+var URL_TRIM_QUERY_REGEXP = /^[^#]*#?!?/;
+var URL_PARAM_REGEXP = /([^=&?/#]+)=?([^&#?]*)/g;
+var URL_QUERY_HASH_REGEXP = /[#?].*$/;
 var SVG_NS = "http://www.w3.org/2000/svg";
 var MATH_NS = "http://www.w3.org/1998/Math/MathML";
-var TAG_NAME_REGEX = /<([a-z][^/\0>\x20\t\r\n\f]+)/i;
+var TAG_NAME_REGEXP = /<([a-z][^/\0>\x20\t\r\n\f]+)/i;
 var CALL_BREAK_TIME = 48;
 function nextCounter() {
   return ++globalCounter;
@@ -268,10 +268,10 @@ function paramsReplacer(_match, name, value) {
 }
 function parseUri(uri) {
   paramsTemp = {};
-  const path = uri.replace(URL_QUERY_HASH_REGEX, "");
+  const path = uri.replace(URL_QUERY_HASH_REGEXP, "");
   const pathname = path;
   const actualPath = uri === pathname && IS_URL_PARAMS.test(pathname) ? "" : pathname;
-  uri.replace(actualPath, "").replace(URL_PARAM_REGEX, paramsReplacer);
+  uri.replace(actualPath, "").replace(URL_PARAM_REGEXP, paramsReplacer);
   return {
     path: actualPath,
     params: { ...paramsTemp }
@@ -965,8 +965,8 @@ var Router = {
     if (cached) {
       return cached;
     }
-    const srcQuery = href.replace(URL_TRIM_HASH_REGEX, "");
-    const srcHash = href.replace(URL_TRIM_QUERY_REGEX, "");
+    const srcQuery = href.replace(URL_TRIM_HASH_REGEXP, "");
+    const srcHash = href.replace(URL_TRIM_QUERY_REGEXP, "");
     const query = parseUri(srcQuery);
     const hash = parseUri(srcHash);
     const params = assign({}, query["params"], hash["params"]);
@@ -1068,9 +1068,9 @@ var Router = {
   join(...paths) {
     let result = paths.join("/");
     result = result.replace(/\/\.\//g, "/");
-    const doubleDotRegex = /\/[^/]+\/\.\.\//;
-    while (doubleDotRegex.test(result)) {
-      result = result.replace(doubleDotRegex, "/");
+    const doubleDotRegExp = /\/[^/]+\/\.\.\//;
+    while (doubleDotRegExp.test(result)) {
+      result = result.replace(doubleDotRegExp, "/");
     }
     result = result.replace(/\/{2,}/g, "/");
     return result;
@@ -1172,7 +1172,7 @@ function parseEventInfo(eventInfo) {
   if (cached) {
     return assign({}, cached, { r: eventInfo });
   }
-  const match = eventInfo.match(EVT_METHOD_REG) || [];
+  const match = eventInfo.match(EVENT_METHOD_REGEXP) || [];
   const result = {
     v: match[1] || "",
     n: match[2] || "",
@@ -1184,7 +1184,7 @@ function parseEventInfo(eventInfo) {
 function findFrameInfo(current, eventType) {
   const eventInfos = [];
   let begin = current;
-  const info = current.getAttribute(`lark-${eventType}`);
+  const info = current.getAttribute(`v-${eventType}`);
   let match;
   if (info) {
     match = parseEventInfo(info);
@@ -1229,7 +1229,7 @@ function findFrameInfo(current, eventType) {
               }
             }
           }
-          if (view.tmpl && !backtrace) {
+          if (view.template && !backtrace) {
             if (match && !match.v) {
               match.v = frameId;
             }
@@ -1408,7 +1408,7 @@ function vdomGetNode(html, refNode) {
   } else if (ns === MATH_NS) {
     tag = "m";
   } else {
-    const match = TAG_NAME_REGEX.exec(html);
+    const match = TAG_NAME_REGEXP.exec(html);
     tag = match ? match[1] : "";
   }
   const wrap = WrapMeta[tag] || WrapMeta["_"];
@@ -1637,10 +1637,10 @@ var EncoderMap = {
   "'": "#39",
   "`": "#96"
 };
-var ENCODE_REGEX = /[&<>"'`]/g;
+var ENCODE_REGEXP = /[&<>"'`]/g;
 function encodeHTML(v) {
   return String(v == null ? "" : v).replace(
-    ENCODE_REGEX,
+    ENCODE_REGEXP,
     (m) => "&" + EncoderMap[m] + ";"
   );
 }
@@ -1654,16 +1654,16 @@ var URIMap = {
   ")": "%29",
   "*": "%2A"
 };
-var URI_ENCODE_REGEX = /[!')(*]/g;
+var URI_ENCODE_REGEXP = /[!')(*]/g;
 function encodeURIExtra(v) {
   return encodeURIComponent(encodeSafe(v)).replace(
-    URI_ENCODE_REGEX,
+    URI_ENCODE_REGEXP,
     (m) => URIMap[m]
   );
 }
-var QUOTE_REGEX = /['"\\]/g;
+var QUOTE_REGEXP = /['"\\]/g;
 function encodeQ(v) {
-  return encodeSafe(v).replace(QUOTE_REGEX, "\\$&");
+  return encodeSafe(v).replace(QUOTE_REGEXP, "\\$&");
 }
 
 // src/updater.ts
@@ -1762,9 +1762,9 @@ var Updater = class {
     const view = frame?.view;
     const node = getById(this.viewId);
     if (changed && view && node && view.signature > 0) {
-      const tmpl = view.tmpl;
-      if (tmpl && typeof tmpl === "function") {
-        const html = tmpl(
+      const template = view.template;
+      if (template && typeof template === "function") {
+        const html = template(
           this.data,
           this.viewId,
           this.refData,
@@ -1869,7 +1869,7 @@ function viewPrepare(oView) {
     if (!has(proto, p)) continue;
     const currentFn = proto[p];
     if (typeof currentFn !== "function") continue;
-    const matches = p.match(VIEW_EVT_METHOD_REG);
+    const matches = p.match(VIEW_EVENT_METHOD_REGEXP);
     if (!matches) continue;
     const isSelector = matches[1];
     const selectorOrCallback = matches[2];
@@ -1980,7 +1980,7 @@ function viewMergeMixins(mixins, viewClass, ctors) {
         ctors.push(fn);
         continue;
       }
-      if (VIEW_EVT_METHOD_REG.test(p)) {
+      if (VIEW_EVENT_METHOD_REGEXP.test(p)) {
         if (exist) {
           temp[p] = processMixinsSameEvent(fn, exist);
         } else {
@@ -2078,7 +2078,7 @@ var View = class _View {
   /** Whether rendered at least once */
   rendered;
   /** Whether view has template */
-  tmpl;
+  template;
   /** Location observation config */
   locationObserved = {
     flag: 0,
@@ -2340,7 +2340,7 @@ var View = class _View {
           initParams,
           {
             node,
-            deep: !this.tmpl
+            deep: !this.template
           }
         ];
         const concatCtors = ctors.concat(mixinCtors || []);
@@ -2468,8 +2468,8 @@ var Frame = class _Frame extends EventEmitter {
    * 5. Create View instance
    * 6. View_DelegateEvents (bind DOM events)
    * 7. Call view.init()
-   * 8. If view has tmpl, call render via Updater
-   * 9. If no tmpl, call endUpdate directly
+   * 8. If view has template, call render via Updater
+   * 9. If no template, call endUpdate directly
    */
   mountView(viewPath, viewInitParams) {
     const node = document.getElementById(this.id);
@@ -2513,14 +2513,14 @@ var Frame = class _Frame extends EventEmitter {
     viewDelegateEvents(view);
     const initResult = funcWithTry(
       view.init,
-      [params, { node, deep: !view.tmpl }],
+      [params, { node, deep: !view.template }],
       view,
       noop
     );
     const nextSign = ++this.signature;
     Promise.resolve(initResult).then(() => {
       if (nextSign !== this.signature) return;
-      if (view.tmpl) {
+      if (view.template) {
         const renderFn = view.$b;
         if (renderFn) {
           renderFn.call(view);
@@ -3366,7 +3366,7 @@ var Framework = {
     const rootFrame2 = Frame.root(config.rootId);
     Router._bind();
     const defaultView = config.defaultView || "";
-    if (defaultView) {
+    if (defaultView && !rootFrame2.view) {
       rootFrame2.mountView(defaultView);
     }
   },
@@ -4326,9 +4326,9 @@ function jsObjectToUrlParams(paramsStr) {
   if (objMatch) {
     const inner = objMatch[1];
     const pairs = [];
-    const pairRegex = /(\w+)\s*:\s*(?:'([^']*)'|"([^"]*)"|([^,}]+))/g;
+    const pairRegExp = /(\w+)\s*:\s*(?:'([^']*)'|"([^"]*)"|([^,}]+))/g;
     let m;
-    while ((m = pairRegex.exec(inner)) !== null) {
+    while ((m = pairRegExp.exec(inner)) !== null) {
       const key = m[1];
       const value = m[2] ?? m[3] ?? m[4]?.trim() ?? "";
       pairs.push(`${key}=${value}`);
@@ -4350,19 +4350,19 @@ function restoreComments(source, comments) {
     return comments[parseInt(index, 10)];
   });
 }
-function processLarkEvents(source) {
+function processViewEvents(source) {
   return source.replace(
-    /lark-(\w+)="([^"]+)"/g,
+    /v-(\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 `lark-${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER2}${handlerName}()"`;
+        return `v-${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER2}${handlerName}()"`;
       }
       const urlParams = jsObjectToUrlParams(paramsStr);
-      return `lark-${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER2}${handlerName}(${urlParams})"`;
+      return `v-${eventName}="${VIEW_ID_PLACEHOLDER}${SPLITTER2}${handlerName}(${urlParams})"`;
     }
   );
 }
@@ -4435,7 +4435,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 Error(tmpl-art)] unclosed block(s): ${unclosed}`);
+    throw new Error(`[@lark/mvc error] unclosed block(s): ${unclosed}`);
   }
   return result.join("");
 }
@@ -4534,7 +4534,7 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       const object = tokens[0];
       if (tokens.length > 1 && tokens[1] !== "as") {
         throw new Error(
-          `[Lark Error(tmpl-art)] bad each syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{each list as item [index]}}`
+          `[@lark/mvc error] bad each syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{each list as item [index]}}`
         );
       }
       const restTokens = tokens.slice(2);
@@ -4556,12 +4556,12 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       }
       return `${debugPrefix}<%for(let ${index}=0${refExpr},${refObjCount}=${refObj}.length${lastCount};${index}<${refObjCount};${index}++){${firstAndLast}${valueDecl}%>`;
     }
-    case "forin": {
-      blockStack.push({ ctrl: "forin", line: lineNo });
+    case "parse": {
+      blockStack.push({ ctrl: "parse", line: lineNo });
       const object = tokens[0];
       if (tokens.length > 1 && tokens[1] !== "as") {
         throw new Error(
-          `[Lark Error(tmpl-art)] bad forin syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{forin obj as val [key]}}`
+          `[@lark/mvc error] bad parse syntax: {{${code}}}. Expected "as" keyword, got "${tokens[1]}". Usage: {{for-in obj as val [key]}}`
         );
       }
       const restTokens2 = tokens.slice(2);
@@ -4582,18 +4582,18 @@ function convertArtExpression(code, debug, lineNo, blockStack = []) {
       return `${debugPrefix}<%let ${tokens.join(" ")};%>`;
     case "/if":
     case "/each":
-    case "/forin":
+    case "/parse":
     case "/for": {
       const expectedCtrl = keyword.substring(1);
       const last = blockStack.pop();
       if (!last) {
         throw new Error(
-          `[Lark Error(tmpl-art)] unexpected {{${code}}}: no matching open block`
+          `[@lark/mvc error(template] unexpected {{${code}}}: no matching open block`
         );
       }
       if (last.ctrl !== expectedCtrl) {
         throw new Error(
-          `[Lark Error(tmpl-art)] unexpected {{${code}}}: expected {{/${last.ctrl}}} to close block opened at line ${last.line}`
+          `[@lark/mvc error(template] unexpected {{${code}}}: expected {{/${last.ctrl}}} to close block opened at line ${last.line}`
         );
       }
       return `${debugPrefix}<%}%>`;
@@ -4670,12 +4670,12 @@ function compileToFunction(source, debug, file) {
         index - 2
       );
       const x11 = String.fromCharCode(17);
-      const artReg = new RegExp(`^'(\\d+)${x11}([^${x11}]+)${x11}'$`);
-      const artM = expr.match(artReg);
+      const artRegExp = new RegExp(`^'(\\d+)${x11}([^${x11}]+)${x11}'$`);
+      const artM = expr.match(artRegExp);
       let art = "";
       let line = -1;
       if (artM) {
-        expr = expr.replace(artReg, "");
+        expr = expr.replace(artRegExp, "");
         art = artM[2];
         line = parseInt(artM[1], 10);
       } else {
@@ -4734,8 +4734,8 @@ function compileToFunction(source, debug, file) {
     const filePart = file ? `\\r\\n\\tat file:${file}` : "";
     funcSource = `let $expr,$art,$line;try{${funcSource}}catch(ex){let msg='render view error:'+(ex.message||ex);if($art)msg+='\\r\\n\\tsrc art:{{'+$art+'}}\\r\\n\\tat line:'+$line;msg+='\\r\\n\\t'+($art?'translate to:':'expr:');msg+=$expr+'${filePart}';throw msg;}`;
   }
-  const viewIdReg = new RegExp(String.fromCharCode(31), "g");
-  funcSource = funcSource.replace(viewIdReg, `'+$viewId+'`);
+  const viewIdRegExp = new RegExp(String.fromCharCode(31), "g");
+  funcSource = funcSource.replace(viewIdRegExp, `'+$viewId+'`);
   const atRule = hasAtRule ? `if(!$i){$i=(ref,v,k,f)=>{for(f=ref[$g];--f;)if(ref[k=$g+f]===v)return k;ref[k=$g+ref[$g]++]=v;return k;}}` : "";
   const encode = `if(!$n){let $em={'&':'amp','<':'lt','>':'gt','"':'#34','\\'':'#39','\`':'#96'},$er=/[&<>"'\`]/g,$ef=m=>'&'+$em[m]+';';$n=v=>''+(v==null?'':v);$e=v=>$n(v).replace($er,$ef)}`;
   const encodeURIMore = `if(!$eu){let $um={'!':'%21','\\'':'%27','(':'%28',')':'%29','*':'%2A'},$uf=m=>$um[m],$uq=/[!')(*]/g;$eu=v=>encodeURIComponent($n(v)).replace($uq,$uf)}`;
@@ -4749,8 +4749,8 @@ function compileTemplate(source, options = {}) {
   const { debug = false, globalVars = [], file } = options;
   const { protectedSource, comments } = protectComments(source);
   const converted = convertArtSyntax(protectedSource, debug);
-  const larkEventProcessed = processLarkEvents(converted);
-  const finalSource = restoreComments(larkEventProcessed, comments);
+  const viewEventProcessed = processViewEvents(converted);
+  const finalSource = restoreComments(viewEventProcessed, comments);
   const funcBody = compileToFunction(finalSource, debug, file);
   const varDeclarations = globalVars.map((key) => `,${key}=$$.${key}`).join("");
   const funcWithVars = funcBody.replace("{{VARS}}", () => varDeclarations);
@@ -4768,20 +4768,20 @@ function compileTemplate(source, options = {}) {
 }
 function extractGlobalVars(source) {
   const { protectedSource, comments: _comments } = protectComments(source);
-  const larkEventProcessed = processLarkEvents(protectedSource);
-  const converted = convertArtSyntax(larkEventProcessed, false);
-  const tmpl = restoreComments(converted, _comments);
-  const tmplCmdReg = /<%([@=!:])?([\s\S]*?)%>|$/g;
+  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 = "";
-  tmpl.replace(
-    tmplCmdReg,
+  template.replace(
+    templateCmdRegExp,
     (match, operate, content, offset) => {
       const start = operate ? 3 : 2;
-      const htmlText = tmpl.substring(lastIndex, offset + start);
+      const htmlText = template.substring(lastIndex, offset + start);
       const key = htmlKey + htmlIndex++ + htmlKey;
       htmlStore[key] = htmlText;
       lastIndex = offset + match.length - 2;
@@ -4866,17 +4866,17 @@ function extractGlobalVars(source) {
 }
 function fallbackExtractVariables(source) {
   const vars = /* @__PURE__ */ new Set();
-  const outputReg = /\{\{[:=!@]\s*([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
+  const outputRegExp = /\{\{[:=!@]\s*([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
   let m;
-  while ((m = outputReg.exec(source)) !== null) {
+  while ((m = outputRegExp.exec(source)) !== null) {
     vars.add(m[1]);
   }
-  const eachReg = /\{\{each\s+([a-zA-Z_$][\w$]*)\s+as/g;
-  while ((m = eachReg.exec(source)) !== null) {
+  const eachRegExp = /\{\{each\s+([a-zA-Z_$][\w$]*)\s+as/g;
+  while ((m = eachRegExp.exec(source)) !== null) {
     vars.add(m[1]);
   }
-  const ifReg = /\{\{(?:else\s+)?if\s+([a-zA-Z_$][\w$]*)[^}]*\}\}/g;
-  while ((m = ifReg.exec(source)) !== null) {
+  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));
@@ -4939,7 +4939,7 @@ var BUILTIN_GLOBALS = {
   //   {'&':'amp','<':'gt','>':'gt','"':'#34','\'':'#39','`':'#96'}
   // Not a standalone function; referenced inside $e's closure.
   $em: 1,
-  // HTML entity RegExp — internal regex used by $e:
+  // HTML entity RegExp — internal regexp used by $e:
   //   /[&<>"'`]/g
   $er: 1,
   // HTML entity replacer function — internal helper used by $e:
@@ -4958,14 +4958,14 @@ var BUILTIN_GLOBALS = {
   $i: 1,
   // URI encoder: v => encodeURIComponent($n(v)).replace(/[!')(*]/g, extraMap)
   // Extends encodeURIComponent with encoding of ! ' ( ) *.
-  // Applied to values in lark-event URL parameters and {{!uri}} contexts.
+  // Applied to values in v-event URL parameters and {{!uri}} contexts.
   $eu: 1,
   // Quote encoder: v => $n(v).replace(/['"\\]/g, '\\$&')
   // Escapes quotes and backslashes for safe embedding in HTML attribute
   // values (e.g. data-json='...').
   $eq: 1,
   // View ID — the unique identifier of the owning View instance.
-  // Injected into lark-event attribute values at render time so that
+  // Injected into v-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,
@@ -5056,7 +5056,7 @@ var BUILTIN_GLOBAL_SET = new Set(Object.keys(BUILTIN_GLOBALS));
   Bag,
   CALL_BREAK_TIME,
   Cache,
-  EVT_METHOD_REG,
+  EVENT_METHOD_REGEXP,
   EventDelegator,
   EventEmitter,
   Frame,
@@ -5070,10 +5070,10 @@ var BUILTIN_GLOBAL_SET = new Set(Object.keys(BUILTIN_GLOBALS));
   State,
   TAG_ATTR_KEY,
   TAG_KEY,
-  TAG_NAME_REGEX,
+  TAG_NAME_REGEXP,
   TAG_VIEW_KEY,
   Updater,
-  VIEW_EVT_METHOD_REG,
+  VIEW_EVENT_METHOD_REGEXP,
   View,
   applyIdUpdates,
   applyStyle,