@lark.js/mvc 0.0.1 → 0.0.2

package/dist/index.d.cts

@@ -155,7 +155,7 @@ interface ViewInstance {
     /** Whether rendered at least once */
     rendered?: boolean;
     /** Whether view has template */
-    tmpl?: AnyFunc | string;
+    template?: AnyFunc | string;
     /** Location observation config */
     locationObserved: ViewLocationObserved;
     /** Observed state keys */
@@ -439,11 +439,11 @@ declare const LARK_VIEW = "lark-view";
  * Group 2: handler name
  * Group 3: params string
  */
-declare const EVT_METHOD_REG: RegExp;
+declare const EVENT_METHOD_REGEXP: RegExp;
 /** View event method name regex: e.g. "name<click,mousedown>" or "$selector<click>" */
-declare const VIEW_EVT_METHOD_REG: RegExp;
-/** Tag name regex for I_GetNode */
-declare const TAG_NAME_REGEX: RegExp;
+declare const VIEW_EVENT_METHOD_REGEXP: RegExp;
+/** Tag name regexp for I_GetNode */
+declare const TAG_NAME_REGEXP: RegExp;
 /** Async task break time (ms) */
 declare const CALL_BREAK_TIME = 48;
 /** Increment global counter and return new value */
@@ -665,7 +665,7 @@ declare class View {
     /** Whether rendered at least once */
     rendered?: boolean;
     /** Whether view has template */
-    tmpl?: AnyFunc | string;
+    template?: AnyFunc | string;
     /** Location observation config */
     locationObserved: ViewLocationObserved;
     /** Observed state keys */
@@ -813,8 +813,8 @@ declare class Frame extends EventEmitter implements FrameLike {
      * 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: string, viewInitParams?: Record<string, unknown>): void;
     /**
@@ -1399,12 +1399,12 @@ declare function multi<S = Record<string, unknown>>(useStore: LarkUseStore<S>):
  * @lark/framework Template Compiler
  *
  *   convertArtSyntax()    ({{}} → <% %>)
- *   processLarkEvents()      (lark-event prefix + param encoding)
+ *   processViewEvents()      (v-event prefix + param encoding)
  *   compileToFunction()  (<% %> → JS template function)
  *   extractGlobalVars()   (AST-based global var analysis via @babel/parser)
  *
  * - All template operators: = (escape), ! (raw), @ (ref lookup), : (binding)
- * - lark-event attribute processing with $g prefix + \x1e separator
+ * - v-event attribute processing with $g prefix + \x1e separator
  * - $n (null-safe toString), $e (HTML entity encode), $eu (URI encode), $eq (quote encode), $i (ref lookup)
  * - Debug mode with line tracking ($expr/$art/$line) and try-catch error wrapper
  * - View ID injection (\x1f → '+$viewId+')
@@ -1418,12 +1418,12 @@ declare function multi<S = Record<string, unknown>>(useStore: LarkUseStore<S>):
  *   {{@variable}}              → reference lookup for component data passing
  *   {{each list as item}}      → loop
  *   {{each list as item idx}}  → loop with index
- *   {{forin obj as val key}}   → object iteration
+ *   {{parse obj as val key}}   → object iteration
  *   {{for(let i=0;i<n;i++)}}  → generic for loop
  *   {{if condition}}           → conditional
  *   {{else if condition}}      → else-if
  *   {{else}}                   → else
- *   {{/if}} / {{/each}} / {{/forin}} / {{/for}} → close blocks
+ *   {{/if}} / {{/each}} / {{/parse}} / {{/for}} → close blocks
  *   {{set a = b}}              → variable declaration
  */
 /** Options for compileTemplate() */
@@ -1468,4 +1468,4 @@ declare function compileTemplate(source: string, options?: CompileOptions): stri
  */
 declare function extractGlobalVars(source: string): string[];
 
-export { type AnyFunc, Bag, type BagEntry, CALL_BREAK_TIME, Cache, type CacheEntry, type CacheOptions, type CompileOptions, type Constructable, EVT_METHOD_REG, EventDelegator, EventEmitter, type EventListenerEntry, Frame, type FrameBoundElement, type FrameChildrenMap, type FrameInvokeEntry, type FrameLike, type FrameReadyMap, Framework, type FrameworkConfig, LARK_VIEW, type LarkUseStore, type Location, type LocationDiff, type MixinEventHandler, type NodeUseStore, type ObservePayload, type ParamDiff, type ParsedUri, type PendingCacheEntry, Platform, ROUTER_EVENTS, type ReactUseStore, type RouteViewConfig, Router, SPLITTER, Service, type ServiceCacheInfo, type ServiceConstructor, type ServiceEntry, type ServiceMetaEntry, type ServiceOptions, State, type StoreConfig, type StoreMethods, TAG_ATTR_KEY, TAG_KEY, TAG_NAME_REGEX, TAG_VIEW_KEY, Updater, type UpdaterLike, type VDomOp, type VDomRef, VIEW_EVT_METHOD_REG, type VdomElement, View, type ViewClassInternal, type ViewEventObjectMap, type ViewEventSelectorEntry, type ViewEventSelectorMap, type ViewGlobalEventEntry, type ViewInstance, type ViewLocationObserved, type ViewResourceEntry, type ViewResourceMap, type VoidFunc, applyIdUpdates, applyStyle, applyVdomOps, assign, cell, classExtend, cloneData, cloneStore, compileTemplate, createState, createVdomRef, defineStore, delStore, encodeHTML, encodeQ, encodeSafe, encodeURIExtra, ensureElementId, extractGlobalVars, funcWithTry, generateId, getAttribute, getById, getPlatform, getStore, getUseStore, has, isArray, isPlainObject, isPrimitive, isPrimitiveOrFunc, isState, isStoreActive, keys, lazySet, mark$1 as mark, markBooted, markRouterBooted, multi, nextCounter, nodeInside, noop, now, observeCell, parseUri, registerViewClass, safeguard, setData, shallowSet, mark as storeMark, unmark as storeUnmark, syncCounter, toMap, toUri, translateData, unmark$1 as unmark, vdomGetCompareKey, vdomGetNode, vdomSetAttributes, vdomSetChildNodes, vdomSetNode, vdomSpecialDiff, vdomUnmountFrames };
+export { type AnyFunc, Bag, type BagEntry, CALL_BREAK_TIME, Cache, type CacheEntry, type CacheOptions, type CompileOptions, type Constructable, EVENT_METHOD_REGEXP, EventDelegator, EventEmitter, type EventListenerEntry, Frame, type FrameBoundElement, type FrameChildrenMap, type FrameInvokeEntry, type FrameLike, type FrameReadyMap, Framework, type FrameworkConfig, LARK_VIEW, type LarkUseStore, type Location, type LocationDiff, type MixinEventHandler, type NodeUseStore, type ObservePayload, type ParamDiff, type ParsedUri, type PendingCacheEntry, Platform, ROUTER_EVENTS, type ReactUseStore, type RouteViewConfig, Router, SPLITTER, Service, type ServiceCacheInfo, type ServiceConstructor, type ServiceEntry, type ServiceMetaEntry, type ServiceOptions, State, type StoreConfig, type StoreMethods, TAG_ATTR_KEY, TAG_KEY, TAG_NAME_REGEXP, TAG_VIEW_KEY, Updater, type UpdaterLike, type VDomOp, type VDomRef, VIEW_EVENT_METHOD_REGEXP, type VdomElement, View, type ViewClassInternal, type ViewEventObjectMap, type ViewEventSelectorEntry, type ViewEventSelectorMap, type ViewGlobalEventEntry, type ViewInstance, type ViewLocationObserved, type ViewResourceEntry, type ViewResourceMap, type VoidFunc, applyIdUpdates, applyStyle, applyVdomOps, assign, cell, classExtend, cloneData, cloneStore, compileTemplate, createState, createVdomRef, defineStore, delStore, encodeHTML, encodeQ, encodeSafe, encodeURIExtra, ensureElementId, extractGlobalVars, funcWithTry, generateId, getAttribute, getById, getPlatform, getStore, getUseStore, has, isArray, isPlainObject, isPrimitive, isPrimitiveOrFunc, isState, isStoreActive, keys, lazySet, mark$1 as mark, markBooted, markRouterBooted, multi, nextCounter, nodeInside, noop, now, observeCell, parseUri, registerViewClass, safeguard, setData, shallowSet, mark as storeMark, unmark as storeUnmark, syncCounter, toMap, toUri, translateData, unmark$1 as unmark, vdomGetCompareKey, vdomGetNode, vdomSetAttributes, vdomSetChildNodes, vdomSetNode, vdomSpecialDiff, vdomUnmountFrames };

package/dist/index.d.ts

@@ -155,7 +155,7 @@ interface ViewInstance {
     /** Whether rendered at least once */
     rendered?: boolean;
     /** Whether view has template */
-    tmpl?: AnyFunc | string;
+    template?: AnyFunc | string;
     /** Location observation config */
     locationObserved: ViewLocationObserved;
     /** Observed state keys */
@@ -439,11 +439,11 @@ declare const LARK_VIEW = "lark-view";
  * Group 2: handler name
  * Group 3: params string
  */
-declare const EVT_METHOD_REG: RegExp;
+declare const EVENT_METHOD_REGEXP: RegExp;
 /** View event method name regex: e.g. "name<click,mousedown>" or "$selector<click>" */
-declare const VIEW_EVT_METHOD_REG: RegExp;
-/** Tag name regex for I_GetNode */
-declare const TAG_NAME_REGEX: RegExp;
+declare const VIEW_EVENT_METHOD_REGEXP: RegExp;
+/** Tag name regexp for I_GetNode */
+declare const TAG_NAME_REGEXP: RegExp;
 /** Async task break time (ms) */
 declare const CALL_BREAK_TIME = 48;
 /** Increment global counter and return new value */
@@ -665,7 +665,7 @@ declare class View {
     /** Whether rendered at least once */
     rendered?: boolean;
     /** Whether view has template */
-    tmpl?: AnyFunc | string;
+    template?: AnyFunc | string;
     /** Location observation config */
     locationObserved: ViewLocationObserved;
     /** Observed state keys */
@@ -813,8 +813,8 @@ declare class Frame extends EventEmitter implements FrameLike {
      * 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: string, viewInitParams?: Record<string, unknown>): void;
     /**
@@ -1399,12 +1399,12 @@ declare function multi<S = Record<string, unknown>>(useStore: LarkUseStore<S>):
  * @lark/framework Template Compiler
  *
  *   convertArtSyntax()    ({{}} → <% %>)
- *   processLarkEvents()      (lark-event prefix + param encoding)
+ *   processViewEvents()      (v-event prefix + param encoding)
  *   compileToFunction()  (<% %> → JS template function)
  *   extractGlobalVars()   (AST-based global var analysis via @babel/parser)
  *
  * - All template operators: = (escape), ! (raw), @ (ref lookup), : (binding)
- * - lark-event attribute processing with $g prefix + \x1e separator
+ * - v-event attribute processing with $g prefix + \x1e separator
  * - $n (null-safe toString), $e (HTML entity encode), $eu (URI encode), $eq (quote encode), $i (ref lookup)
  * - Debug mode with line tracking ($expr/$art/$line) and try-catch error wrapper
  * - View ID injection (\x1f → '+$viewId+')
@@ -1418,12 +1418,12 @@ declare function multi<S = Record<string, unknown>>(useStore: LarkUseStore<S>):
  *   {{@variable}}              → reference lookup for component data passing
  *   {{each list as item}}      → loop
  *   {{each list as item idx}}  → loop with index
- *   {{forin obj as val key}}   → object iteration
+ *   {{parse obj as val key}}   → object iteration
  *   {{for(let i=0;i<n;i++)}}  → generic for loop
  *   {{if condition}}           → conditional
  *   {{else if condition}}      → else-if
  *   {{else}}                   → else
- *   {{/if}} / {{/each}} / {{/forin}} / {{/for}} → close blocks
+ *   {{/if}} / {{/each}} / {{/parse}} / {{/for}} → close blocks
  *   {{set a = b}}              → variable declaration
  */
 /** Options for compileTemplate() */
@@ -1468,4 +1468,4 @@ declare function compileTemplate(source: string, options?: CompileOptions): stri
  */
 declare function extractGlobalVars(source: string): string[];
 
-export { type AnyFunc, Bag, type BagEntry, CALL_BREAK_TIME, Cache, type CacheEntry, type CacheOptions, type CompileOptions, type Constructable, EVT_METHOD_REG, EventDelegator, EventEmitter, type EventListenerEntry, Frame, type FrameBoundElement, type FrameChildrenMap, type FrameInvokeEntry, type FrameLike, type FrameReadyMap, Framework, type FrameworkConfig, LARK_VIEW, type LarkUseStore, type Location, type LocationDiff, type MixinEventHandler, type NodeUseStore, type ObservePayload, type ParamDiff, type ParsedUri, type PendingCacheEntry, Platform, ROUTER_EVENTS, type ReactUseStore, type RouteViewConfig, Router, SPLITTER, Service, type ServiceCacheInfo, type ServiceConstructor, type ServiceEntry, type ServiceMetaEntry, type ServiceOptions, State, type StoreConfig, type StoreMethods, TAG_ATTR_KEY, TAG_KEY, TAG_NAME_REGEX, TAG_VIEW_KEY, Updater, type UpdaterLike, type VDomOp, type VDomRef, VIEW_EVT_METHOD_REG, type VdomElement, View, type ViewClassInternal, type ViewEventObjectMap, type ViewEventSelectorEntry, type ViewEventSelectorMap, type ViewGlobalEventEntry, type ViewInstance, type ViewLocationObserved, type ViewResourceEntry, type ViewResourceMap, type VoidFunc, applyIdUpdates, applyStyle, applyVdomOps, assign, cell, classExtend, cloneData, cloneStore, compileTemplate, createState, createVdomRef, defineStore, delStore, encodeHTML, encodeQ, encodeSafe, encodeURIExtra, ensureElementId, extractGlobalVars, funcWithTry, generateId, getAttribute, getById, getPlatform, getStore, getUseStore, has, isArray, isPlainObject, isPrimitive, isPrimitiveOrFunc, isState, isStoreActive, keys, lazySet, mark$1 as mark, markBooted, markRouterBooted, multi, nextCounter, nodeInside, noop, now, observeCell, parseUri, registerViewClass, safeguard, setData, shallowSet, mark as storeMark, unmark as storeUnmark, syncCounter, toMap, toUri, translateData, unmark$1 as unmark, vdomGetCompareKey, vdomGetNode, vdomSetAttributes, vdomSetChildNodes, vdomSetNode, vdomSpecialDiff, vdomUnmountFrames };
+export { type AnyFunc, Bag, type BagEntry, CALL_BREAK_TIME, Cache, type CacheEntry, type CacheOptions, type CompileOptions, type Constructable, EVENT_METHOD_REGEXP, EventDelegator, EventEmitter, type EventListenerEntry, Frame, type FrameBoundElement, type FrameChildrenMap, type FrameInvokeEntry, type FrameLike, type FrameReadyMap, Framework, type FrameworkConfig, LARK_VIEW, type LarkUseStore, type Location, type LocationDiff, type MixinEventHandler, type NodeUseStore, type ObservePayload, type ParamDiff, type ParsedUri, type PendingCacheEntry, Platform, ROUTER_EVENTS, type ReactUseStore, type RouteViewConfig, Router, SPLITTER, Service, type ServiceCacheInfo, type ServiceConstructor, type ServiceEntry, type ServiceMetaEntry, type ServiceOptions, State, type StoreConfig, type StoreMethods, TAG_ATTR_KEY, TAG_KEY, TAG_NAME_REGEXP, TAG_VIEW_KEY, Updater, type UpdaterLike, type VDomOp, type VDomRef, VIEW_EVENT_METHOD_REGEXP, type VdomElement, View, type ViewClassInternal, type ViewEventObjectMap, type ViewEventSelectorEntry, type ViewEventSelectorMap, type ViewGlobalEventEntry, type ViewInstance, type ViewLocationObserved, type ViewResourceEntry, type ViewResourceMap, type VoidFunc, applyIdUpdates, applyStyle, applyVdomOps, assign, cell, classExtend, cloneData, cloneStore, compileTemplate, createState, createVdomRef, defineStore, delStore, encodeHTML, encodeQ, encodeSafe, encodeURIExtra, ensureElementId, extractGlobalVars, funcWithTry, generateId, getAttribute, getById, getPlatform, getStore, getUseStore, has, isArray, isPlainObject, isPrimitive, isPrimitiveOrFunc, isState, isStoreActive, keys, lazySet, mark$1 as mark, markBooted, markRouterBooted, multi, nextCounter, nodeInside, noop, now, observeCell, parseUri, registerViewClass, safeguard, setData, shallowSet, mark as storeMark, unmark as storeUnmark, syncCounter, toMap, toUri, translateData, unmark$1 as unmark, vdomGetCompareKey, vdomGetNode, vdomSetAttributes, vdomSetChildNodes, vdomSetNode, vdomSpecialDiff, vdomUnmountFrames };

package/dist/index.js

@@ -10,17 +10,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;
@@ -158,10 +158,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 }
@@ -855,8 +855,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"]);
@@ -958,9 +958,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;
@@ -1062,7 +1062,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] || "",
@@ -1074,7 +1074,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);
@@ -1119,7 +1119,7 @@ function findFrameInfo(current, eventType) {
               }
             }
           }
-          if (view.tmpl && !backtrace) {
+          if (view.template && !backtrace) {
             if (match && !match.v) {
               match.v = frameId;
             }
@@ -1298,7 +1298,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["_"];
@@ -1527,10 +1527,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] + ";"
   );
 }
@@ -1544,16 +1544,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
@@ -1652,9 +1652,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,
@@ -1759,7 +1759,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];
@@ -1870,7 +1870,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 {
@@ -1968,7 +1968,7 @@ var View = class _View {
   /** Whether rendered at least once */
   rendered;
   /** Whether view has template */
-  tmpl;
+  template;
   /** Location observation config */
   locationObserved = {
     flag: 0,
@@ -2230,7 +2230,7 @@ var View = class _View {
           initParams,
           {
             node,
-            deep: !this.tmpl
+            deep: !this.template
           }
         ];
         const concatCtors = ctors.concat(mixinCtors || []);
@@ -2358,8 +2358,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);
@@ -2403,14 +2403,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);
@@ -3256,7 +3256,7 @@ var Framework = {
     const rootFrame2 = Frame.root(config.rootId);
     Router._bind();
     const defaultView = config.defaultView || "";
-    if (defaultView) {
+    if (defaultView && !rootFrame2.view) {
       rootFrame2.mountView(defaultView);
     }
   },
@@ -4216,9 +4216,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}`);
@@ -4240,19 +4240,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})"`;
     }
   );
 }
@@ -4325,7 +4325,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("");
 }
@@ -4424,7 +4424,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);
@@ -4446,12 +4446,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);
@@ -4472,18 +4472,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}<%}%>`;
@@ -4560,12 +4560,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 {
@@ -4624,8 +4624,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)}`;
@@ -4639,8 +4639,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);
@@ -4658,20 +4658,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;
@@ -4756,17 +4756,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));
@@ -4829,7 +4829,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:
@@ -4848,14 +4848,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,
@@ -4945,7 +4945,7 @@ export {
   Bag,
   CALL_BREAK_TIME,
   Cache,
-  EVT_METHOD_REG,
+  EVENT_METHOD_REGEXP,
   EventDelegator,
   EventEmitter,
   Frame,
@@ -4959,10 +4959,10 @@ export {
   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,