@saolabs/client 1.0.0 → 1.1.0

package/dist/src/core/{hellpers → helpers}/app.js

@@ -1,9 +1,14 @@
-import { Application } from "../app/Application";
+import { Application } from "../app/Application.js";
 /**
  * Container instance để quản lý services
  * Tương tự Laravel's app container
  */
 const AppInstance = new Application();
+// Tự đăng ký container dưới key 'App' — compiled view luôn gọi `app("App")`
+// để lấy Application (App.View, App.Helper, App.Router...). Thiếu dòng này thì
+// mọi view compiled ném "Cannot resolve: App". (Unit test cũ dùng `new View()`
+// trực tiếp nên không lộ; chỉ lộ khi chạy view compiled thật trên trình duyệt.)
+AppInstance.instance('App', AppInstance);
 /**
  * Helper function để lấy/đăng ký services
  * Cách dùng:
@@ -31,6 +36,11 @@ const appFactory = (key, value) => {
         // Không truyền gì → trả về container
         return AppInstance;
     }
+    // Compiler contract: mọi generated view dùng app("App"). Alias này phải
+    // tồn tại cả sau flush()/test teardown, không phụ thuộc singleton map.
+    if (key === 'App' && value === undefined) {
+        return AppInstance;
+    }
     if (value !== undefined) {
         // Truyền 2 tham số → đăng ký instance
         AppInstance.instance(key, value);

package/dist/src/core/helpers/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../src/core/helpers/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIpD;;;GAGG;AACH,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;AAEtC,4EAA4E;AAC5E,+EAA+E;AAC/E,+EAA+E;AAC/E,gFAAgF;AAChF,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,GAAG,CAAI,GAAgB,EAAE,KAAW,EAAgC,EAAE;IAClF,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACpC,qCAAqC;QACrC,OAAO,WAAW,CAAC;IACvB,CAAC;IACD,wEAAwE;IACxE,uEAAuE;IACvE,IAAI,GAAG,KAAK,KAAK,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACvC,OAAO,WAAW,CAAC;IACvB,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACtB,sCAAsC;QACtC,WAAW,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACjC,OAAO;IACX,CAAC;IACD,iCAAiC;IACjC,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,+DAA+D;AAC/D,UAAU,CAAC,IAAI,GAAG,CAAI,IAAgB,EAAK,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrE,UAAU,CAAC,QAAQ,GAAG,CAAI,IAAgB,EAAE,KAAQ,EAAe,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACxG,UAAU,CAAC,OAAO,GAAG,CAAI,IAAgB,EAAE,YAAgB,EAAK,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AAC3G,UAAU,CAAC,QAAQ,GAAG,CAAI,IAAgB,EAAE,OAAgB,EAAe,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC9G,UAAU,CAAC,IAAI,GAAG,CAAI,IAAgB,EAAE,OAAgB,EAAe,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC1G,UAAU,CAAC,SAAS,GAAG,CAAI,IAAgB,EAAE,OAAgB,EAAe,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACpH,UAAU,CAAC,GAAG,GAAG,CAAC,IAAgB,EAAW,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACtE,UAAU,CAAC,KAAK,GAAG,GAAS,EAAE,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;AACxD,UAAU,CAAC,OAAO,GAAG,GAAS,EAAE,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5D,MAAM,CAAC,MAAM,GAAG,GAAG,UAAwB,CAAC"}

package/dist/src/core/helpers/transition.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Transition enter/leave cho element — `@transition('fade')`.
+ *
+ * # Quy ước class (giống Vue, để người dùng không phải học lại)
+ *   enter: `{n}-enter-from` `{n}-enter-active` → frame sau → `{n}-enter-to`
+ *   leave: `{n}-leave-from` `{n}-leave-active` → frame sau → `{n}-leave-to`
+ * `-active` có mặt suốt quá trình (chỗ đặt `transition:`), `-from`/`-to` là
+ * hai đầu giá trị.
+ *
+ * # Vì sao dùng `getAnimations()` chứ không nghe `transitionend`
+ * `transitionend` bắn MỘT lần cho MỖI property, không bắn nếu giá trị không
+ * đổi, và không phân biệt transition của element với của con nó — nên cách
+ * làm kinh điển phải parse `transition-duration` + hẹn giờ dự phòng.
+ * `element.getAnimations()` trả thẳng mọi animation/transition đang chạy trên
+ * element kèm promise `.finished`, xử lý đúng cả trường hợp nhiều property và
+ * bị huỷ giữa chừng. Không có animation nào → resolve ngay → hành vi y hệt
+ * lúc chưa có transition (đây cũng là đường chạy trong jsdom).
+ *
+ * # Vì sao cần `isLeaving()`
+ * Element rời đi phải NẰM LẠI DOM tới khi animation xong, trong khi
+ * `Reactive.clearContent()`/`_cleanOrphanNodes()` quét sạch mọi node giữa cặp
+ * marker. Hai vòng quét đó phải bỏ qua node đang leave, nếu không node bị giật
+ * đi ngay và animation không bao giờ thấy được.
+ */
+/** True khi node đang chạy leave và chưa được gỡ. */
+export declare function isLeaving(node: Node): boolean;
+/** Chạy enter. Bị enter/leave khác chen ngang → thoát, không đụng DOM nữa. */
+export declare function runEnter(el: Element, name: string): Promise<void>;
+/**
+ * Chạy leave rồi GỠ node. Trả promise resolve sau khi node đã rời DOM.
+ * Element được đánh dấu leaving ngay lập tức để không ai giật mất giữa chừng.
+ */
+export declare function runLeave(el: Element, name: string): Promise<void>;
+//# sourceMappingURL=transition.d.ts.map

package/dist/src/core/helpers/transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../../src/core/helpers/transition.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAQH,qDAAqD;AACrD,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAE7C;AAgDD,8EAA8E;AAC9E,wBAAsB,QAAQ,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBvE;AAED;;;GAGG;AACH,wBAAsB,QAAQ,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBvE"}

package/dist/src/core/helpers/transition.js

@@ -0,0 +1,118 @@
+/**
+ * Transition enter/leave cho element — `@transition('fade')`.
+ *
+ * # Quy ước class (giống Vue, để người dùng không phải học lại)
+ *   enter: `{n}-enter-from` `{n}-enter-active` → frame sau → `{n}-enter-to`
+ *   leave: `{n}-leave-from` `{n}-leave-active` → frame sau → `{n}-leave-to`
+ * `-active` có mặt suốt quá trình (chỗ đặt `transition:`), `-from`/`-to` là
+ * hai đầu giá trị.
+ *
+ * # Vì sao dùng `getAnimations()` chứ không nghe `transitionend`
+ * `transitionend` bắn MỘT lần cho MỖI property, không bắn nếu giá trị không
+ * đổi, và không phân biệt transition của element với của con nó — nên cách
+ * làm kinh điển phải parse `transition-duration` + hẹn giờ dự phòng.
+ * `element.getAnimations()` trả thẳng mọi animation/transition đang chạy trên
+ * element kèm promise `.finished`, xử lý đúng cả trường hợp nhiều property và
+ * bị huỷ giữa chừng. Không có animation nào → resolve ngay → hành vi y hệt
+ * lúc chưa có transition (đây cũng là đường chạy trong jsdom).
+ *
+ * # Vì sao cần `isLeaving()`
+ * Element rời đi phải NẰM LẠI DOM tới khi animation xong, trong khi
+ * `Reactive.clearContent()`/`_cleanOrphanNodes()` quét sạch mọi node giữa cặp
+ * marker. Hai vòng quét đó phải bỏ qua node đang leave, nếu không node bị giật
+ * đi ngay và animation không bao giờ thấy được.
+ */
+/** Node đang chạy leave — vòng quét DOM giữa marker phải BỎ QUA. */
+const leavingNodes = new WeakSet();
+/** Sequence hiện tại của mỗi element — chống enter/leave chồng nhau (reorder). */
+const generation = new WeakMap();
+/** True khi node đang chạy leave và chưa được gỡ. */
+export function isLeaving(node) {
+    return leavingNodes.has(node);
+}
+function bump(el) {
+    const next = (generation.get(el) ?? 0) + 1;
+    generation.set(el, next);
+    return next;
+}
+const isCurrent = (el, token) => generation.get(el) === token;
+/** Đợi sang frame kế — để trình duyệt kịp áp `-from` trước khi đổi sang `-to`. */
+function nextFrame() {
+    return new Promise(resolve => {
+        if (typeof requestAnimationFrame !== 'function')
+            return resolve();
+        requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+    });
+}
+/**
+ * Đợi mọi animation/transition trên element kết thúc.
+ * `allSettled` vì `.finished` REJECT khi animation bị huỷ — với ta thì huỷ
+ * cũng là xong, không phải lỗi.
+ *
+ * ponytail: animation vô hạn (`animation-iteration-count: infinite`) trên
+ * element đang leave sẽ giữ node lại mãi. Thêm timeout trần nếu gặp thật.
+ */
+async function whenAnimationsDone(el) {
+    const getAnimations = el.getAnimations;
+    if (typeof getAnimations !== 'function')
+        return; // jsdom / browser cũ
+    const running = getAnimations.call(el);
+    if (!running || running.length === 0)
+        return;
+    await Promise.allSettled(running.map(a => a.finished));
+}
+const classesOf = (name, phase) => ({
+    from: `${name}-${phase}-from`,
+    active: `${name}-${phase}-active`,
+    to: `${name}-${phase}-to`,
+});
+/** Gỡ mọi class transition của cả 2 phase — dùng khi bị huỷ giữa chừng. */
+function clearClasses(el, name) {
+    for (const phase of ['enter', 'leave']) {
+        const c = classesOf(name, phase);
+        el.classList.remove(c.from, c.active, c.to);
+    }
+}
+/** Chạy enter. Bị enter/leave khác chen ngang → thoát, không đụng DOM nữa. */
+export async function runEnter(el, name) {
+    const token = bump(el);
+    const c = classesOf(name, 'enter');
+    clearClasses(el, name);
+    el.classList.add(c.from, c.active);
+    await nextFrame();
+    if (!isCurrent(el, token))
+        return;
+    el.classList.remove(c.from);
+    el.classList.add(c.to);
+    await whenAnimationsDone(el);
+    if (!isCurrent(el, token))
+        return;
+    el.classList.remove(c.active, c.to);
+}
+/**
+ * Chạy leave rồi GỠ node. Trả promise resolve sau khi node đã rời DOM.
+ * Element được đánh dấu leaving ngay lập tức để không ai giật mất giữa chừng.
+ */
+export async function runLeave(el, name) {
+    const token = bump(el);
+    const c = classesOf(name, 'leave');
+    leavingNodes.add(el);
+    clearClasses(el, name);
+    el.classList.add(c.from, c.active);
+    await nextFrame();
+    if (!isCurrent(el, token)) {
+        leavingNodes.delete(el);
+        return;
+    }
+    el.classList.remove(c.from);
+    el.classList.add(c.to);
+    await whenAnimationsDone(el);
+    if (!isCurrent(el, token)) {
+        leavingNodes.delete(el);
+        return;
+    }
+    leavingNodes.delete(el);
+    el.classList.remove(c.active, c.to);
+    el.remove();
+}
+//# sourceMappingURL=transition.js.map

package/dist/src/core/helpers/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","sourceRoot":"","sources":["../../../../src/core/helpers/transition.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,oEAAoE;AACpE,MAAM,YAAY,GAAG,IAAI,OAAO,EAAQ,CAAC;AAEzC,kFAAkF;AAClF,MAAM,UAAU,GAAG,IAAI,OAAO,EAAmB,CAAC;AAElD,qDAAqD;AACrD,MAAM,UAAU,SAAS,CAAC,IAAU;IAChC,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC;AAED,SAAS,IAAI,CAAC,EAAW;IACrB,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAC3C,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACzB,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAW,EAAE,KAAa,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC;AAE/E,kFAAkF;AAClF,SAAS,SAAS;IACd,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QACzB,IAAI,OAAO,qBAAqB,KAAK,UAAU;YAAE,OAAO,OAAO,EAAE,CAAC;QAClE,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;AACP,CAAC;AAED;;;;;;;GAOG;AACH,KAAK,UAAU,kBAAkB,CAAC,EAAW;IACzC,MAAM,aAAa,GAAI,EAAU,CAAC,aAAa,CAAC;IAChD,IAAI,OAAO,aAAa,KAAK,UAAU;QAAE,OAAO,CAAG,qBAAqB;IACxE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAgB,CAAC;IACtD,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO;IAC7C,MAAM,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,KAAwB,EAAE,EAAE,CAAC,CAAC;IAC3D,IAAI,EAAE,GAAG,IAAI,IAAI,KAAK,OAAO;IAC7B,MAAM,EAAE,GAAG,IAAI,IAAI,KAAK,SAAS;IACjC,EAAE,EAAE,GAAG,IAAI,IAAI,KAAK,KAAK;CAC5B,CAAC,CAAC;AAEH,2EAA2E;AAC3E,SAAS,YAAY,CAAC,EAAW,EAAE,IAAY;IAC3C,KAAK,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE,OAAO,CAAU,EAAE,CAAC;QAC9C,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACjC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC;AACL,CAAC;AAED,8EAA8E;AAC9E,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,EAAW,EAAE,IAAY;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACvB,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEnC,YAAY,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACvB,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAEnC,MAAM,SAAS,EAAE,CAAC;IAClB,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC;QAAE,OAAO;IAElC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5B,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEvB,MAAM,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC7B,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC;QAAE,OAAO;IAElC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACxC,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,EAAW,EAAE,IAAY;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACvB,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEnC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACrB,YAAY,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACvB,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAEnC,MAAM,SAAS,EAAE,CAAC;IAClB,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IAE/D,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5B,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEvB,MAAM,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC7B,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IAE/D,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACxB,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACnC,EAAgB,CAAC,MAAM,EAAE,CAAC;AAC/B,CAAC"}

package/dist/src/core/{hellpers → helpers}/utils.d.ts

@@ -16,11 +16,11 @@ export declare function isHTMLElement(value: any): boolean;
 export declare function isNode(value: any): boolean;
 export declare function isCommentNode(value: any): boolean;
 export declare function isTextNode(value: any): boolean;
-export declare function isOneElement(value: any): boolean;
+export declare function isSaoElement(value: any): boolean;
 export declare function isOneHtml(value: any): boolean;
 export declare function isOneText(value: any): boolean;
 export declare function isOneNativeElement(value: any): boolean;
 export declare function isOneReactive(value: any): boolean;
-export declare function isOneFragment(value: any): boolean;
+export declare function isSaoFragment(value: any): boolean;
 export declare function isOneBlock(value: any): boolean;
 //# sourceMappingURL=utils.d.ts.map

package/dist/src/core/helpers/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/core/helpers/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,MAAM,GAAE,MAAW,GAAG,MAAM,CAMxD;AAUD,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE9C;AACD,wBAAgB,OAAO,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAM3C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE5C;AACD,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAE3D;AACD,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAE3D;AACD,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAEjE;AACD,wBAAgB,OAAO,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE3C;AACD,wBAAgB,OAAO,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE3C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE5C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE5C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE7C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE9C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE7C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAEjD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE1C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAEjD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE9C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAEhD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE7C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE7C;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAEtD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAEjD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAEjD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE9C"}

package/dist/src/core/{hellpers → helpers}/utils.js

@@ -72,8 +72,8 @@ export function isCommentNode(value) {
 export function isTextNode(value) {
     return value instanceof Text;
 }
-export function isOneElement(value) {
-    return value && typeof value === 'object' && 'isOneElement' in value && value.isOneElement === true;
+export function isSaoElement(value) {
+    return value && typeof value === 'object' && 'isSaoElement' in value && value.isSaoElement === true;
 }
 export function isOneHtml(value) {
     return value && typeof value === 'object' && 'isOneHtml' in value && value.isOneHtml === true;
@@ -87,8 +87,8 @@ export function isOneNativeElement(value) {
 export function isOneReactive(value) {
     return value && typeof value === 'object' && 'isOneReactive' in value && value.isOneReactive === true;
 }
-export function isOneFragment(value) {
-    return value && typeof value === 'object' && 'isOneFragment' in value && value.isOneFragment === true;
+export function isSaoFragment(value) {
+    return value && typeof value === 'object' && 'isSaoFragment' in value && value.isSaoFragment === true;
 }
 export function isOneBlock(value) {
     return value && typeof value === 'object' && 'isOneBlock' in value && value.isOneBlock === true;

package/dist/src/core/helpers/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/core/helpers/utils.ts"],"names":[],"mappings":"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"}

package/dist/src/core/helpers/view.d.ts

@@ -0,0 +1,39 @@
+import type { HtmlInterface, SaoNodeInterface, SaoElementChildren, DOMElement, WrapperInterface, SaoChildrenFactoryOutput } from "../contracts/ElementInterface.js";
+import type { ViewControllerInterface } from "../contracts/ViewControllerInterface.js";
+/** Commit initial data; hydration discards pending notifications before subscribe. */
+export declare function commitView(ctrl: ViewControllerInterface, discardPending?: boolean): void;
+/** Flush state + reactive queues after a lifecycle transition. */
+export declare function flushView(ctrl: ViewControllerInterface): void;
+/** Start a view through its controller, then make the initial DOM snapshot current. */
+export declare function activateView(ctrl: ViewControllerInterface): void;
+/**
+ * Claim an already-rendered Wrapper tree without inserting or clearing DOM.
+ * Used by both route hydration and nested @include hydration.
+ */
+export declare function claimHydratedView(ctrl: ViewControllerInterface, root: HtmlInterface, wrapper?: WrapperInterface | null): void;
+/**
+ * Mount danh sách children vào TRƯỚC một anchor node (RUNTIME_CONTRACT.md §2 —
+ * insertion point tường minh). Dùng cho Component (@include), và mọi chỗ cần
+ * mount content vào giữa cặp markers có sẵn.
+ */
+export declare function mountChildrenBeforeAnchor(anchor: Node, children: SaoChildrenFactoryOutput | SaoElementChildren, parentForSao: HtmlInterface | null): void;
+/**
+ * Hydrate mode: gọi render() đệ quy trên children để tạo JS objects
+ * và claim DOM nodes, nhưng KHÔNG appendChild/insertBefore vào DOM
+ * (vì DOM đã có từ server-rendered HTML).
+ *
+ * Khác mountElementList ở chỗ: bỏ mọi thao tác DOM mutation,
+ * chỉ giữ lại phần tạo element tree + gán parent.
+ */
+export declare function hydrateElementList(root: HtmlInterface, elements: SaoElementChildren): void;
+/**
+ * Mounts a list of SaoNodeInterface elements into a given root HtmlInterface.
+ * This function is responsible for appending the DOM nodes of each element
+ * to the root's DOM element and returning the list of mounted DOM nodes.
+ * @param root - The HtmlInterface to mount the elements into.
+ * @param elements - An array of SaoNodeInterface elements to be mounted.
+ * @returns An array of the mounted DOM nodes.
+ */
+export declare function mountElementList(root: HtmlInterface, elements: SaoNodeInterface[] | DOMElement[] | SaoElementChildren): Element[];
+export declare function mountElementListBefore(root: HtmlInterface, elements: SaoNodeInterface[] | DOMElement[] | SaoElementChildren): Element[];
+//# sourceMappingURL=view.d.ts.map

package/dist/src/core/helpers/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/core/helpers/view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAc,UAAU,EAAE,gBAAgB,EAAiB,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC/L,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAEvF,sFAAsF;AACtF,wBAAgB,UAAU,CAAC,IAAI,EAAE,uBAAuB,EAAE,cAAc,GAAE,OAAe,GAAG,IAAI,CAG/F;AAED,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,IAAI,EAAE,uBAAuB,GAAG,IAAI,CAG7D;AAED,uFAAuF;AACvF,wBAAgB,YAAY,CAAC,IAAI,EAAE,uBAAuB,GAAG,IAAI,CAGhE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,uBAAuB,EAC7B,IAAI,EAAE,aAAa,EACnB,OAAO,GAAE,gBAAgB,GAAG,IAAuB,GACpD,IAAI,CAMN;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACrC,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,wBAAwB,GAAG,kBAAkB,EACvD,YAAY,EAAE,aAAa,GAAG,IAAI,GACnC,IAAI,CAwBN;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAsC1F;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE,GAAG,kBAAkB,GAAG,OAAO,EAAE,CA4EjI;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE,GAAG,kBAAkB,GAAG,OAAO,EAAE,CA4EvI"}

package/dist/src/core/helpers/view.js

@@ -0,0 +1,286 @@
+/** Commit initial data; hydration discards pending notifications before subscribe. */
+export function commitView(ctrl, discardPending = false) {
+    ctrl.commitData();
+    if (discardPending)
+        ctrl.states.__.flushNow();
+}
+/** Flush state + reactive queues after a lifecycle transition. */
+export function flushView(ctrl) {
+    ctrl.states.__.flushNow();
+    ctrl.flushReactiveUpdatesNow();
+}
+/** Start a view through its controller, then make the initial DOM snapshot current. */
+export function activateView(ctrl) {
+    ctrl.start();
+    flushView(ctrl);
+}
+/**
+ * Claim an already-rendered Wrapper tree without inserting or clearing DOM.
+ * Used by both route hydration and nested @include hydration.
+ */
+export function claimHydratedView(ctrl, root, wrapper = ctrl.mainElement) {
+    ctrl.setParentElement(root);
+    if (!wrapper)
+        return;
+    wrapper.setParentElement(root);
+    const children = wrapper.render();
+    if (children && children.length > 0)
+        hydrateElementList(root, children);
+}
+/**
+ * Mount danh sách children vào TRƯỚC một anchor node (RUNTIME_CONTRACT.md §2 —
+ * insertion point tường minh). Dùng cho Component (@include), và mọi chỗ cần
+ * mount content vào giữa cặp markers có sẵn.
+ */
+export function mountChildrenBeforeAnchor(anchor, children, parentForSao) {
+    const container = anchor.parentNode;
+    if (!container || !Array.isArray(children))
+        return;
+    const insert = (node) => container.insertBefore(node, anchor);
+    for (const child of children) {
+        if (child === null || child === undefined)
+            continue;
+        if (typeof child === 'string' || typeof child === 'number') {
+            insert(document.createTextNode(String(child)));
+        }
+        else if (child instanceof Node) {
+            insert(child);
+        }
+        else if (typeof child === 'object') {
+            if ('element' in child && child.element) {
+                insert(child.element);
+                child.render?.();
+            }
+            else if ('openTag' in child) {
+                if ('parent' in child)
+                    child.parent = parentForSao;
+                if ('parentElement' in child)
+                    child.parentElement = parentForSao;
+                insert(child.openTag);
+                insert(child.closeTag);
+                child.render?.();
+            }
+        }
+    }
+}
+/**
+ * Hydrate mode: gọi render() đệ quy trên children để tạo JS objects
+ * và claim DOM nodes, nhưng KHÔNG appendChild/insertBefore vào DOM
+ * (vì DOM đã có từ server-rendered HTML).
+ *
+ * Khác mountElementList ở chỗ: bỏ mọi thao tác DOM mutation,
+ * chỉ giữ lại phần tạo element tree + gán parent.
+ */
+export function hydrateElementList(root, elements) {
+    if (!Array.isArray(elements))
+        return;
+    for (const element of elements) {
+        if (element === null || element === undefined)
+            continue;
+        if (typeof element === 'string' || typeof element === 'number')
+            continue;
+        if (element instanceof Node)
+            continue;
+        if (typeof element === 'object' && 'saoType' in element) {
+            const saoEl = element;
+            switch (saoEl.saoType) {
+                case 'Html': {
+                    const html = saoEl;
+                    html.render();
+                    break;
+                }
+                case 'TextElement':
+                    break;
+                case 'Output':
+                case 'Reactive':
+                case 'Fragment':
+                case 'BlockOutlet':
+                case 'Block':
+                case 'Component':
+                case 'Yield': {
+                    const saoNode = saoEl;
+                    if (typeof saoNode.setParentElement === 'function') {
+                        saoNode.setParentElement(root);
+                    }
+                    else {
+                        if ('parent' in saoNode)
+                            saoNode.parent = root;
+                        if ('parentElement' in saoNode)
+                            saoNode.parentElement = root;
+                    }
+                    saoNode.render();
+                    break;
+                }
+            }
+        }
+    }
+}
+/**
+ * Mounts a list of SaoNodeInterface elements into a given root HtmlInterface.
+ * This function is responsible for appending the DOM nodes of each element
+ * to the root's DOM element and returning the list of mounted DOM nodes.
+ * @param root - The HtmlInterface to mount the elements into.
+ * @param elements - An array of SaoNodeInterface elements to be mounted.
+ * @returns An array of the mounted DOM nodes.
+ */
+export function mountElementList(root, elements) {
+    const mountedNodes = [];
+    if (Array.isArray(elements)) {
+        const rootElement = root.getElement();
+        elements.forEach((element) => {
+            if (typeof element === 'string' || typeof element === 'number') {
+                const el = document.createTextNode(element.toString());
+                rootElement.appendChild(el);
+                mountedNodes.push(el);
+            }
+            else if (element instanceof Node) {
+                // FIX(baseline#2): raw DOM node — append trực tiếp, trước đây bị drop
+                rootElement.appendChild(element);
+                mountedNodes.push(element);
+            }
+            else if (typeof element === 'object' && element !== null && 'saoType' in element) {
+                const saoEl = element;
+                switch (saoEl.saoType) {
+                    case 'Wrapper':
+                        const wrapper = saoEl;
+                        wrapper.appendTo(root);
+                        mountedNodes.push(wrapper.openTag);
+                        wrapper.domChildren.forEach((node) => {
+                            mountedNodes.push(node);
+                        });
+                        mountedNodes.push(wrapper.closeTag);
+                        break;
+                    case 'Html':
+                        const html = saoEl;
+                        const htmlNode = html.render();
+                        rootElement.appendChild(htmlNode);
+                        mountedNodes.push(htmlNode);
+                        break;
+                    case 'TextElement':
+                        const textElement = saoEl;
+                        const textNode = textElement.render();
+                        rootElement.appendChild(textNode);
+                        mountedNodes.push(textNode);
+                        break;
+                    case 'Reactive':
+                    case 'Output':
+                    case 'Fragment':
+                    case 'BlockOutlet':
+                    case 'Block':
+                    case 'Component':
+                    case 'Yield':
+                        const saoNode = saoEl;
+                        if (typeof saoNode.setParentElement === 'function') {
+                            saoNode.setParentElement(root);
+                        }
+                        else {
+                            if ('parent' in saoNode) {
+                                saoNode.parent = root;
+                            }
+                            if ('parentElement' in saoNode) {
+                                saoNode.parentElement = root;
+                            }
+                        }
+                        saoNode.render();
+                        if (saoNode.openTag) {
+                            mountedNodes.push(saoNode.openTag);
+                        }
+                        if (saoEl.saoType === 'Fragment' && Array.isArray(saoNode.nodes)) {
+                            saoNode.nodes.forEach((node) => {
+                                mountedNodes.push(node);
+                            });
+                        }
+                        if (saoNode.closeTag) {
+                            mountedNodes.push(saoNode.closeTag);
+                        }
+                        break;
+                    default:
+                        //
+                        break;
+                }
+            }
+        });
+    }
+    return mountedNodes;
+}
+export function mountElementListBefore(root, elements) {
+    const mountedNodes = [];
+    if (Array.isArray(elements)) {
+        const rootElement = root.getElement();
+        elements.forEach((element) => {
+            if (typeof element === 'string' || typeof element === 'number') {
+                const el = document.createTextNode(element.toString());
+                rootElement.appendChild(el);
+                mountedNodes.push(el);
+            }
+            else if (element instanceof Node) {
+                // FIX(baseline#2): raw DOM node — append trực tiếp, trước đây bị drop
+                rootElement.appendChild(element);
+                mountedNodes.push(element);
+            }
+            else if (typeof element === 'object' && element !== null && 'saoType' in element) {
+                const saoEl = element;
+                switch (saoEl.saoType) {
+                    case 'Wrapper':
+                        const wrapper = saoEl;
+                        wrapper.appendTo(root);
+                        mountedNodes.push(wrapper.openTag);
+                        wrapper.domChildren.forEach((node) => {
+                            mountedNodes.push(node);
+                        });
+                        mountedNodes.push(wrapper.closeTag);
+                        break;
+                    case 'Html':
+                        const html = saoEl;
+                        const htmlNode = html.render();
+                        rootElement.appendChild(htmlNode);
+                        mountedNodes.push(htmlNode);
+                        break;
+                    case 'TextElement':
+                        const textElement = saoEl;
+                        const textNode = textElement.render();
+                        rootElement.appendChild(textNode);
+                        mountedNodes.push(textNode);
+                        break;
+                    case 'Reactive':
+                    case 'Output':
+                    case 'Fragment':
+                    case 'BlockOutlet':
+                    case 'Block':
+                    case 'Component':
+                    case 'Yield':
+                        const saoNode = saoEl;
+                        if (typeof saoNode.setParentElement === 'function') {
+                            saoNode.setParentElement(root);
+                        }
+                        else {
+                            if ('parent' in saoNode) {
+                                saoNode.parent = root;
+                            }
+                            if ('parentElement' in saoNode) {
+                                saoNode.parentElement = root;
+                            }
+                        }
+                        saoNode.render();
+                        if (saoNode.openTag) {
+                            mountedNodes.push(saoNode.openTag);
+                        }
+                        if (saoEl.saoType === 'Fragment' && Array.isArray(saoNode.nodes)) {
+                            saoNode.nodes.forEach((node) => {
+                                mountedNodes.push(node);
+                            });
+                        }
+                        if (saoNode.closeTag) {
+                            mountedNodes.push(saoNode.closeTag);
+                        }
+                        break;
+                    default:
+                        //
+                        break;
+                }
+            }
+        });
+    }
+    return mountedNodes;
+}
+//# sourceMappingURL=view.js.map

package/dist/src/core/helpers/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../src/core/helpers/view.ts"],"names":[],"mappings":"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"}