@lark.js/mvc 0.0.9 → 0.0.10

package/dist/index.js

@@ -1,4 +1,4 @@
-// src/constants.ts
+// src/common.ts
 var globalCounter = 0;
 var SPLITTER = String.fromCharCode(30);
 var RouterEvents = {
@@ -14,6 +14,7 @@ var VIEW_EVENT_METHOD_REGEXP = /^(\$?)([\w]*)<(.*?)>(?:<([\w ,]*)>)?$/;
 var URL_TRIM_HASH_REGEXP = /(?:^.*\/\/[^/]+|#.*$)/gi;
 var URL_TRIM_QUERY_REGEXP = /^[^#]*#?!?/;
 var URL_PARAM_REGEXP = /([^=&?/#]+)=?([^&#?]*)/g;
+var IS_URL_PARAMS = /(?!^)=|&/;
 var URL_QUERY_HASH_REGEXP = /[#?].*$/;
 var SVG_NS = "http://www.w3.org/2000/svg";
 var MATH_NS = "http://www.w3.org/1998/Math/MathML";
@@ -22,13 +23,66 @@ var CALL_BREAK_TIME = 48;
 function nextCounter() {
   return ++globalCounter;
 }
+var HTML_ENT_MAP = {
+  "&": "amp",
+  "<": "lt",
+  ">": "gt",
+  '"': "#34",
+  "'": "#39",
+  "`": "#96"
+};
+var HTML_ENT_REGEXP = /[&<>"'`]/g;
+function encodeSafe(v) {
+  return String(v == null ? "" : v);
+}
+function encodeHTML(v) {
+  return String(v == null ? "" : v).replace(
+    HTML_ENT_REGEXP,
+    (m) => "&" + HTML_ENT_MAP[m] + ";"
+  );
+}
+var URI_ENT_MAP = {
+  "!": "%21",
+  "'": "%27",
+  "(": "%28",
+  ")": "%29",
+  "*": "%2A"
+};
+var URI_ENT_REGEXP = /[!')(*]/g;
+function encodeURIExtra(v) {
+  return encodeURIComponent(encodeSafe(v)).replace(
+    URI_ENT_REGEXP,
+    (m) => URI_ENT_MAP[m]
+  );
+}
+var QUOTE_ENT_REGEXP = /['"\\]/g;
+function encodeQ(v) {
+  return encodeSafe(v).replace(QUOTE_ENT_REGEXP, "\\$&");
+}
+function refFn(ref, value, key) {
+  const counter = ref[SPLITTER];
+  for (let i = counter; --i; ) {
+    key = SPLITTER + i;
+    if (ref[key] === value) return key;
+  }
+  key = SPLITTER + ref[SPLITTER]++;
+  ref[key] = value;
+  return key;
+}
+function isRefToken(s) {
+  if (s.length < 2 || s[0] !== SPLITTER) return false;
+  for (let i = 1; i < s.length; i++) {
+    const c = s.charCodeAt(i);
+    if (c < "0".charCodeAt(0) || c > "9".charCodeAt(0)) return false;
+  }
+  return true;
+}
 
 // src/utils.ts
 function isPlainObject(value) {
   if (typeof value !== "object" || value === null) return false;
   const proto = Object.getPrototypeOf(value);
-  if (proto === null) return true;
-  return proto === Object.prototype || proto === null;
+  return proto === null || proto === Object.prototype;
 }
 function isPrimitiveOrFunc(value) {
   return !value || typeof value !== "object" && typeof value !== "function";
@@ -40,9 +94,6 @@ var _localCounter = 0;
 function generateId(prefix) {
   return (prefix || "lark_") + _localCounter++;
 }
-function syncCounter(val) {
-  _localCounter = val;
-}
 function noop() {
 }
 function hasOwnProperty(owner, prop) {
@@ -97,14 +148,6 @@ function setData(newData, oldData, changedKeys2, excludes) {
   }
   return changed;
 }
-function isRefToken(s) {
-  if (s.length < 2 || s[0] !== SPLITTER) return false;
-  for (let i = 1; i < s.length; i++) {
-    const c = s.charCodeAt(i);
-    if (c < 48 || c > 57) return false;
-  }
-  return true;
-}
 function translateData(data, value) {
   if (isPrimitive(value)) {
     const prop = String(value);
@@ -133,11 +176,11 @@ function getById(id) {
 function getAttribute(element, attr) {
   return Element.prototype.getAttribute.call(element, attr) ?? "";
 }
-function ensureElementId(element) {
+function ensureElementId(element, prefix) {
   const id = element.getAttribute("id");
   if (id) return id;
   element.autoId = 1;
-  const newId = generateId();
+  const newId = generateId(prefix);
   element.id = newId;
   return newId;
 }
@@ -167,11 +210,6 @@ function parseUri(uri) {
   });
   return { path: actualPath, params };
 }
-var IS_URL_PARAMS = {
-  test(s) {
-    return /(?!^)=|&/.test(s);
-  }
-};
 function toUri(path, params, keepEmpty) {
   const pairs = [];
   let hasParams = false;
@@ -199,7 +237,7 @@ function toMap(list, key) {
   return map;
 }
 function now() {
-  return Date.now ? Date.now() : (/* @__PURE__ */ new Date()).getTime();
+  return Date.now();
 }
 
 // src/apply-style.ts
@@ -838,14 +876,12 @@ function getChanged(oldLoc, newLoc) {
   setDiff("path", oldLoc["path"], newLoc["path"]);
   if (changedParams["path"]) {
     result["path"] = changedParams["path"];
-    hasChanged = true;
     result.changed = true;
   }
   const viewKey = "view";
   setDiff(viewKey, oldLoc.view, newLoc.view);
   if (changedParams[viewKey]) {
     result.view = changedParams[viewKey];
-    hasChanged = true;
     result.changed = true;
   }
   const finalResult = {
@@ -1627,57 +1663,8 @@ function applyIdUpdates(updates) {
     }
   }
 }
-var EncoderMap = {
-  "&": "amp",
-  "<": "lt",
-  ">": "gt",
-  '"': "#34",
-  "'": "#39",
-  "`": "#96"
-};
-var ENCODE_REGEXP = /[&<>"'`]/g;
-function encodeHTML(v) {
-  return String(v == null ? "" : v).replace(
-    ENCODE_REGEXP,
-    (m) => "&" + EncoderMap[m] + ";"
-  );
-}
-function encodeSafe(v) {
-  return String(v == null ? "" : v);
-}
-var URIMap = {
-  "!": "%21",
-  "'": "%27",
-  "(": "%28",
-  ")": "%29",
-  "*": "%2A"
-};
-var URI_ENCODE_REGEXP = /[!')(*]/g;
-function encodeURIExtra(v) {
-  return encodeURIComponent(encodeSafe(v)).replace(
-    URI_ENCODE_REGEXP,
-    (m) => URIMap[m]
-  );
-}
-var QUOTE_REGEXP = /['"\\]/g;
-function encodeQ(v) {
-  return encodeSafe(v).replace(QUOTE_REGEXP, "\\$&");
-}
 
 // src/updater.ts
-function updaterRef(refDataIn, value, key) {
-  const refData = refDataIn;
-  const counter = refData[SPLITTER];
-  for (let i = counter; --i; ) {
-    key = SPLITTER + i;
-    if (refData[key] === value) {
-      return key;
-    }
-  }
-  key = SPLITTER + refData[SPLITTER]++;
-  refData[key] = value;
-  return key;
-}
 var Updater = class {
   /** View ID (same as owner frame ID) */
   viewId;
@@ -1785,7 +1772,7 @@ var Updater = class {
           encodeHTML,
           encodeSafe,
           encodeURIExtra,
-          updaterRef,
+          refFn,
           encodeQ
         );
         const newDom = domGetNode(html, node);
@@ -1833,17 +1820,12 @@ var Updater = class {
    * Translate a refData reference back to its original value.
    *
    * The ref protocol is `SPLITTER` + ascii decimal digits — the exact format
-   * emitted by `updaterRef`. We require that exact shape so a user-supplied
+   * emitted by `refFn`. We require that exact shape so a user-supplied
    * string that merely begins with SPLITTER is never accidentally resolved
    * (or mishandled as a "missing ref").
    */
   translate(data) {
-    if (typeof data !== "string") return data;
-    if (data.length < 2 || data[0] !== SPLITTER) return data;
-    for (let i = 1; i < data.length; i++) {
-      const c = data.charCodeAt(i);
-      if (c < 48 || c > 57) return data;
-    }
+    if (typeof data !== "string" || !isRefToken(data)) return data;
     return hasOwnProperty(this.refData, data) ? this.refData[data] : data;
   }
   /**
@@ -1910,8 +1892,6 @@ var View = class _View {
   observedStateKeys;
   /** Resource map */
   resources = {};
-  /** Assign method reference */
-  assignMethod;
   /** Whether endUpdate pending */
   endUpdatePending;
   /** Internal event storage */
@@ -1988,7 +1968,7 @@ var View = class _View {
    */
   beginUpdate(id) {
     if (this.signature > 0 && this.endUpdatePending !== void 0) {
-      this.ownerFrame.unmountZone(id, true);
+      this.ownerFrame.unmountZone(id);
     }
   }
   /**
@@ -2007,7 +1987,7 @@ var View = class _View {
         this.rendered = true;
       }
       const ownerFrame = this.ownerFrame;
-      ownerFrame.mountZone(updateId, inner);
+      ownerFrame.mountZone(updateId);
       if (!flag) {
         setTimeout(
           this.wrapAsync(() => {
@@ -2232,7 +2212,6 @@ var View = class _View {
     proto["$evtObjMap"] = eventsObject;
     proto["$globalEvtList"] = eventsList;
     proto["$selMap"] = selectorObject;
-    proto["$assignFn"] = proto["assign"];
     return makes;
   }
   /**
@@ -2746,7 +2725,7 @@ var Frame = class _Frame extends EventEmitter {
   /**
    * Unmount a child frame.
    */
-  unmountFrame(id, _inner) {
+  unmountFrame(id) {
     const targetId = id ? this.childrenMap[id] : this.id;
     const frame = frameRegistry.get(targetId);
     if (!frame) return;
@@ -2768,7 +2747,7 @@ var Frame = class _Frame extends EventEmitter {
   /**
    * Mount all views in a zone.
    */
-  mountZone(zoneId, _inner) {
+  mountZone(zoneId) {
     const targetZone = zoneId || this.id;
     this.holdFireCreated = 1;
     const rootEl = document.getElementById(targetZone);
@@ -2778,7 +2757,7 @@ var Frame = class _Frame extends EventEmitter {
     viewElements.forEach((el) => {
       if (!(el instanceof HTMLElement)) return;
       if (htmlElIsBound(el)) return;
-      const elId = ensureElementId2(el);
+      const elId = ensureElementId(el, "frame_");
       el.frameBound = 1;
       const viewPath = getAttribute(el, LARK_VIEW);
       frames.push([elId, viewPath]);
@@ -2792,7 +2771,7 @@ var Frame = class _Frame extends EventEmitter {
   /**
    * Unmount all views in a zone.
    */
-  unmountZone(zoneId, _inner) {
+  unmountZone(zoneId) {
     for (const childId in this.childrenMap) {
       if (hasOwnProperty(this.childrenMap, childId)) {
         if (!zoneId || childId !== zoneId) {
@@ -2921,17 +2900,6 @@ var Frame = class _Frame extends EventEmitter {
     }
     return rootFrame;
   }
-  /**
-   * @deprecated Use `Frame.getRoot()` for read-only access or
-   * `Frame.createRoot(id)` to create the root explicitly. The single-method
-   * `root()` blurred the distinction and was a common source of bugs in
-   * Micro-Frontend hosts.
-   *
-   * Kept for backward compatibility — behavior unchanged.
-   */
-  static root(rootId) {
-    return _Frame.createRoot(rootId);
-  }
   /** Bind event listener (static) */
   static on(event, handler) {
     staticEmitter.on(event, handler);
@@ -2950,14 +2918,6 @@ var Frame = class _Frame extends EventEmitter {
 function htmlElIsBound(element) {
   return !!element.frameBound;
 }
-function ensureElementId2(element) {
-  const id = element.getAttribute("id");
-  if (id) return id;
-  element.autoId = 1;
-  const newId = generateId("frame_");
-  element.id = newId;
-  return newId;
-}
 function removeFrame(id, wasCreated) {
   const frameInstance = frameRegistry.get(id);
   if (!frameInstance) return;
@@ -4138,18 +4098,14 @@ function create(name, creator) {
         changedKeys2.add(key);
       }
     }
-    let recomputed = false;
     for (const [key, def] of computedDefs) {
       if (def.deps.some((dep) => changedKeys2.has(dep))) {
         const newVal = def.fn();
         if (!Object.is(state[key], newVal)) {
           state[key] = newVal;
-          recomputed = true;
         }
       }
     }
-    if (recomputed) {
-    }
   };
   const subscribe = (listener) => {
     listeners.add(listener);
@@ -4214,7 +4170,6 @@ function bindStore(view, store, selector) {
   view.on("destroy", off);
   return off;
 }
-var defineStore = create;
 export {
   CALL_BREAK_TIME,
   Cache,
@@ -4236,58 +4191,23 @@ export {
   Updater,
   VIEW_EVENT_METHOD_REGEXP,
   View,
-  applyDomOps,
-  applyIdUpdates,
   applyStyle,
-  assign,
   bindStore,
   computed,
   create,
-  createDomRef,
-  defineStore,
   defineView,
-  domGetCompareKey,
-  domGetNode,
-  domSetAttributes,
-  domSetChildNodes,
-  domSetNode,
-  domSpecialDiff,
-  domUnmountFrames,
-  encodeHTML,
-  encodeQ,
-  encodeSafe,
-  encodeURIExtra,
-  ensureElementId,
   config as frameworkConfig,
-  funcWithTry,
-  generateId,
-  getAttribute,
-  getById,
   getRouteMode,
-  hasOwnProperty,
   installFrameVisualizerBridge,
   invalidateViewClass,
-  isPlainObject,
-  isPrimitive,
-  isPrimitiveOrFunc,
-  keys,
   mark,
   markBooted,
   markRouterBooted,
   nextCounter,
-  nodeInside,
-  noop,
-  now,
-  parseUri,
   registerViewClass,
   resetProjectsMap,
   safeguard,
   serializeFrameTree,
-  setData,
-  syncCounter,
-  toMap,
-  toUri,
-  translateData,
   unmark,
   use,
   useUrlState

package/dist/runtime.cjs

@@ -27,6 +27,12 @@ __export(runtime_exports, {
   strSafe: () => strSafe
 });
 module.exports = __toCommonJS(runtime_exports);
+
+// src/common.ts
+var SPLITTER = String.fromCharCode(30);
+var EVENT_METHOD_REGEXP = new RegExp(
+  `(?:([\\w-]+)${SPLITTER})?([^(]+)\\(([\\s\\S]*?)?\\)`
+);
 var HTML_ENT_MAP = {
   "&": "amp",
   "<": "lt",
@@ -35,9 +41,16 @@ var HTML_ENT_MAP = {
   "'": "#39",
   "`": "#96"
 };
-var HTML_ENT_REGEXP = /[&<>"`']/g;
-var strSafe = (v) => "" + (v == null ? "" : v);
-var encHtml = (v) => strSafe(v).replace(HTML_ENT_REGEXP, (m) => "&" + HTML_ENT_MAP[m] + ";");
+var HTML_ENT_REGEXP = /[&<>"'`]/g;
+function encodeSafe(v) {
+  return String(v == null ? "" : v);
+}
+function encodeHTML(v) {
+  return String(v == null ? "" : v).replace(
+    HTML_ENT_REGEXP,
+    (m) => "&" + HTML_ENT_MAP[m] + ";"
+  );
+}
 var URI_ENT_MAP = {
   "!": "%21",
   "'": "%27",
@@ -46,11 +59,17 @@ var URI_ENT_MAP = {
   "*": "%2A"
 };
 var URI_ENT_REGEXP = /[!')(*]/g;
-var encUri = (v) => encodeURIComponent(strSafe(v)).replace(URI_ENT_REGEXP, (m) => URI_ENT_MAP[m]);
-var QUOTE_REGEXP = /['"\\]/g;
-var encQuote = (v) => strSafe(v).replace(QUOTE_REGEXP, "\\$&");
-var refFn = (ref, value, key) => {
-  const SPLITTER = String.fromCharCode(30);
+function encodeURIExtra(v) {
+  return encodeURIComponent(encodeSafe(v)).replace(
+    URI_ENT_REGEXP,
+    (m) => URI_ENT_MAP[m]
+  );
+}
+var QUOTE_ENT_REGEXP = /['"\\]/g;
+function encodeQ(v) {
+  return encodeSafe(v).replace(QUOTE_ENT_REGEXP, "\\$&");
+}
+function refFn(ref, value, key) {
   const counter = ref[SPLITTER];
   for (let i = counter; --i; ) {
     key = SPLITTER + i;
@@ -59,7 +78,13 @@ var refFn = (ref, value, key) => {
   key = SPLITTER + ref[SPLITTER]++;
   ref[key] = value;
   return key;
-};
+}
+
+// src/runtime.ts
+var strSafe = encodeSafe;
+var encHtml = encodeHTML;
+var encUri = encodeURIExtra;
+var encQuote = encodeQ;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   encHtml,

package/dist/runtime.d.cts

@@ -1,3 +1,17 @@
+/** Null-safe String conversion */
+declare function encodeSafe(v: unknown): string;
+/** HTML entity encoding for safe output */
+declare function encodeHTML(v: unknown): string;
+/** URI-encode with extra character encoding */
+declare function encodeURIExtra(v: unknown): string;
+/** Quote-encode for attribute values */
+declare function encodeQ(v: unknown): string;
+/**
+ * Template reference function for creating stable keys for objects.
+ * Stores objects in refData with SPLITTER-prefixed keys.
+ */
+declare function refFn(ref: Record<string, unknown>, value: unknown, key: string): string;
+
 /**
  * Template runtime helpers.
  *
@@ -7,23 +21,18 @@
  *
  * The helpers below are aliased to `$strSafe / $encHtml / $encUri / $encQuote /
  * $refFn` inside the IIFE that the compiler produces — see `compiler.ts`.
+ *
+ * Canonical implementations live in `./common` so that dom.ts, runtime.ts,
+ * and updater.ts all share a single copy.
  */
+
 /** Null-safe `String(value)` — `null`/`undefined` become `""`. */
-declare const strSafe: (v: unknown) => string;
+declare const strSafe: typeof encodeSafe;
 /** HTML-escape a value for safe embedding in markup. */
-declare const encHtml: (v: unknown) => string;
+declare const encHtml: typeof encodeHTML;
 /** Percent-encode a value, with extra characters escaped for stricter URIs. */
-declare const encUri: (v: unknown) => string;
+declare const encUri: typeof encodeURIExtra;
 /** Backslash-escape quotes and backslashes for attribute string contents. */
-declare const encQuote: (v: unknown) => string;
-/**
- * Look up (or assign) a stable refData token for an object value.
- *
- * Templates use `{{@expr}}` to pass live JS values (objects/functions) through
- * the DOM by writing the token into an attribute, then resolving it back to
- * the original value when the event fires. `refData[SPLITTER]` holds the
- * monotonic counter; `refData[SPLITTER + n]` holds the slot.
- */
-declare const refFn: (ref: Record<string, unknown>, value: unknown, key: string) => string;
+declare const encQuote: typeof encodeQ;
 
 export { encHtml, encQuote, encUri, refFn, strSafe };

package/dist/runtime.d.ts

@@ -1,3 +1,17 @@
+/** Null-safe String conversion */
+declare function encodeSafe(v: unknown): string;
+/** HTML entity encoding for safe output */
+declare function encodeHTML(v: unknown): string;
+/** URI-encode with extra character encoding */
+declare function encodeURIExtra(v: unknown): string;
+/** Quote-encode for attribute values */
+declare function encodeQ(v: unknown): string;
+/**
+ * Template reference function for creating stable keys for objects.
+ * Stores objects in refData with SPLITTER-prefixed keys.
+ */
+declare function refFn(ref: Record<string, unknown>, value: unknown, key: string): string;
+
 /**
  * Template runtime helpers.
  *
@@ -7,23 +21,18 @@
  *
  * The helpers below are aliased to `$strSafe / $encHtml / $encUri / $encQuote /
  * $refFn` inside the IIFE that the compiler produces — see `compiler.ts`.
+ *
+ * Canonical implementations live in `./common` so that dom.ts, runtime.ts,
+ * and updater.ts all share a single copy.
  */
+
 /** Null-safe `String(value)` — `null`/`undefined` become `""`. */
-declare const strSafe: (v: unknown) => string;
+declare const strSafe: typeof encodeSafe;
 /** HTML-escape a value for safe embedding in markup. */
-declare const encHtml: (v: unknown) => string;
+declare const encHtml: typeof encodeHTML;
 /** Percent-encode a value, with extra characters escaped for stricter URIs. */
-declare const encUri: (v: unknown) => string;
+declare const encUri: typeof encodeURIExtra;
 /** Backslash-escape quotes and backslashes for attribute string contents. */
-declare const encQuote: (v: unknown) => string;
-/**
- * Look up (or assign) a stable refData token for an object value.
- *
- * Templates use `{{@expr}}` to pass live JS values (objects/functions) through
- * the DOM by writing the token into an attribute, then resolving it back to
- * the original value when the event fires. `refData[SPLITTER]` holds the
- * monotonic counter; `refData[SPLITTER + n]` holds the slot.
- */
-declare const refFn: (ref: Record<string, unknown>, value: unknown, key: string) => string;
+declare const encQuote: typeof encodeQ;
 
 export { encHtml, encQuote, encUri, refFn, strSafe };

package/dist/runtime.js

@@ -1,4 +1,8 @@
-// src/runtime.ts
+// src/common.ts
+var SPLITTER = String.fromCharCode(30);
+var EVENT_METHOD_REGEXP = new RegExp(
+  `(?:([\\w-]+)${SPLITTER})?([^(]+)\\(([\\s\\S]*?)?\\)`
+);
 var HTML_ENT_MAP = {
   "&": "amp",
   "<": "lt",
@@ -7,9 +11,16 @@ var HTML_ENT_MAP = {
   "'": "#39",
   "`": "#96"
 };
-var HTML_ENT_REGEXP = /[&<>"`']/g;
-var strSafe = (v) => "" + (v == null ? "" : v);
-var encHtml = (v) => strSafe(v).replace(HTML_ENT_REGEXP, (m) => "&" + HTML_ENT_MAP[m] + ";");
+var HTML_ENT_REGEXP = /[&<>"'`]/g;
+function encodeSafe(v) {
+  return String(v == null ? "" : v);
+}
+function encodeHTML(v) {
+  return String(v == null ? "" : v).replace(
+    HTML_ENT_REGEXP,
+    (m) => "&" + HTML_ENT_MAP[m] + ";"
+  );
+}
 var URI_ENT_MAP = {
   "!": "%21",
   "'": "%27",
@@ -18,11 +29,17 @@ var URI_ENT_MAP = {
   "*": "%2A"
 };
 var URI_ENT_REGEXP = /[!')(*]/g;
-var encUri = (v) => encodeURIComponent(strSafe(v)).replace(URI_ENT_REGEXP, (m) => URI_ENT_MAP[m]);
-var QUOTE_REGEXP = /['"\\]/g;
-var encQuote = (v) => strSafe(v).replace(QUOTE_REGEXP, "\\$&");
-var refFn = (ref, value, key) => {
-  const SPLITTER = String.fromCharCode(30);
+function encodeURIExtra(v) {
+  return encodeURIComponent(encodeSafe(v)).replace(
+    URI_ENT_REGEXP,
+    (m) => URI_ENT_MAP[m]
+  );
+}
+var QUOTE_ENT_REGEXP = /['"\\]/g;
+function encodeQ(v) {
+  return encodeSafe(v).replace(QUOTE_ENT_REGEXP, "\\$&");
+}
+function refFn(ref, value, key) {
   const counter = ref[SPLITTER];
   for (let i = counter; --i; ) {
     key = SPLITTER + i;
@@ -31,7 +48,13 @@ var refFn = (ref, value, key) => {
   key = SPLITTER + ref[SPLITTER]++;
   ref[key] = value;
   return key;
-};
+}
+
+// src/runtime.ts
+var strSafe = encodeSafe;
+var encHtml = encodeHTML;
+var encUri = encodeURIExtra;
+var encQuote = encodeQ;
 export {
   encHtml,
   encQuote,