@trebired/frontend 6.0.8 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/actions/forms.d.ts +2 -1
- package/dist/actions/forms.d.ts.map +1 -1
- package/dist/actions/forms.js +8 -4
- package/dist/actions/forms.js.map +1 -1
- package/dist/actions/index.d.ts +3 -3
- package/dist/actions/index.d.ts.map +1 -1
- package/dist/actions/index.js +3 -3
- package/dist/actions/index.js.map +1 -1
- package/dist/actions/request.d.ts +9 -2
- package/dist/actions/request.d.ts.map +1 -1
- package/dist/actions/request.js +103 -23
- package/dist/actions/request.js.map +1 -1
- package/dist/actions/response.d.ts.map +1 -1
- package/dist/actions/response.js +25 -3
- package/dist/actions/response.js.map +1 -1
- package/dist/actions/triggers.d.ts +10 -1
- package/dist/actions/triggers.d.ts.map +1 -1
- package/dist/actions/triggers.js +27 -3
- package/dist/actions/triggers.js.map +1 -1
- package/dist/actions/types.d.ts +13 -0
- package/dist/actions/types.d.ts.map +1 -1
- package/dist/data/index.d.ts +27 -0
- package/dist/data/index.d.ts.map +1 -0
- package/dist/data/index.js +80 -0
- package/dist/data/index.js.map +1 -0
- package/dist/dom/index.d.ts +2 -1
- package/dist/dom/index.d.ts.map +1 -1
- package/dist/dom/index.js +7 -1
- package/dist/dom/index.js.map +1 -1
- package/dist/files/index.d.ts +6 -0
- package/dist/files/index.d.ts.map +1 -0
- package/dist/files/index.js +6 -0
- package/dist/files/index.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +25 -8
- package/dist/index.js.map +1 -1
- package/dist/live/cards.d.ts +15 -0
- package/dist/live/cards.d.ts.map +1 -0
- package/dist/live/cards.js +85 -0
- package/dist/live/cards.js.map +1 -0
- package/dist/live/connections.d.ts +34 -0
- package/dist/live/connections.d.ts.map +1 -0
- package/dist/live/connections.js +140 -0
- package/dist/live/connections.js.map +1 -0
- package/dist/live/index.d.ts +10 -25
- package/dist/live/index.d.ts.map +1 -1
- package/dist/live/index.js +9 -88
- package/dist/live/index.js.map +1 -1
- package/dist/live/regions.d.ts +25 -0
- package/dist/live/regions.d.ts.map +1 -0
- package/dist/live/regions.js +100 -0
- package/dist/live/regions.js.map +1 -0
- package/dist/live/router.d.ts +26 -0
- package/dist/live/router.d.ts.map +1 -0
- package/dist/live/router.js +161 -0
- package/dist/live/router.js.map +1 -0
- package/dist/live/scroll-overflow.d.ts +10 -0
- package/dist/live/scroll-overflow.d.ts.map +1 -0
- package/dist/live/scroll-overflow.js +66 -0
- package/dist/live/scroll-overflow.js.map +1 -0
- package/dist/live/socket.d.ts +32 -0
- package/dist/live/socket.d.ts.map +1 -0
- package/dist/live/socket.js +112 -0
- package/dist/live/socket.js.map +1 -0
- package/dist/live/state.d.ts +12 -0
- package/dist/live/state.d.ts.map +1 -0
- package/dist/live/state.js +82 -0
- package/dist/live/state.js.map +1 -0
- package/dist/media/index.d.ts +11 -0
- package/dist/media/index.d.ts.map +1 -0
- package/dist/media/index.js +29 -0
- package/dist/media/index.js.map +1 -0
- package/dist/progress/index.d.ts +6 -2
- package/dist/progress/index.d.ts.map +1 -1
- package/dist/progress/index.js +43 -1
- package/dist/progress/index.js.map +1 -1
- package/dist/react/assets.d.ts +14 -0
- package/dist/react/assets.d.ts.map +1 -0
- package/dist/react/assets.js +70 -0
- package/dist/react/assets.js.map +1 -0
- package/dist/react/index.d.ts +15 -6
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +11 -2
- package/dist/react/index.js.map +1 -1
- package/dist/settings/index.d.ts +3 -0
- package/dist/settings/index.d.ts.map +1 -0
- package/dist/settings/index.js +2 -0
- package/dist/settings/index.js.map +1 -0
- package/dist/settings/save-policy/bindings.d.ts +5 -0
- package/dist/settings/save-policy/bindings.d.ts.map +1 -0
- package/dist/settings/save-policy/bindings.js +16 -0
- package/dist/settings/save-policy/bindings.js.map +1 -0
- package/dist/settings/save-policy/constants.d.ts +5 -0
- package/dist/settings/save-policy/constants.d.ts.map +1 -0
- package/dist/settings/save-policy/constants.js +9 -0
- package/dist/settings/save-policy/constants.js.map +1 -0
- package/dist/settings/save-policy/controller.d.ts +6 -0
- package/dist/settings/save-policy/controller.d.ts.map +1 -0
- package/dist/settings/save-policy/controller.js +246 -0
- package/dist/settings/save-policy/controller.js.map +1 -0
- package/dist/settings/save-policy/fields.d.ts +13 -0
- package/dist/settings/save-policy/fields.d.ts.map +1 -0
- package/dist/settings/save-policy/fields.js +96 -0
- package/dist/settings/save-policy/fields.js.map +1 -0
- package/dist/settings/save-policy/index.d.ts +6 -0
- package/dist/settings/save-policy/index.d.ts.map +1 -0
- package/dist/settings/save-policy/index.js +5 -0
- package/dist/settings/save-policy/index.js.map +1 -0
- package/dist/settings/save-policy/types.d.ts +55 -0
- package/dist/settings/save-policy/types.d.ts.map +1 -0
- package/dist/settings/save-policy/types.js +2 -0
- package/dist/settings/save-policy/types.js.map +1 -0
- package/dist/socket/index.d.ts +16 -0
- package/dist/socket/index.d.ts.map +1 -0
- package/dist/socket/index.js +25 -0
- package/dist/socket/index.js.map +1 -0
- package/dist/src/actions/forms.d.ts +2 -1
- package/dist/src/actions/forms.d.ts.map +1 -1
- package/dist/src/actions/forms.js +8 -4
- package/dist/src/actions/forms.js.map +1 -1
- package/dist/src/actions/index.d.ts +3 -3
- package/dist/src/actions/index.d.ts.map +1 -1
- package/dist/src/actions/index.js +3 -3
- package/dist/src/actions/index.js.map +1 -1
- package/dist/src/actions/request.d.ts +9 -2
- package/dist/src/actions/request.d.ts.map +1 -1
- package/dist/src/actions/request.js +103 -23
- package/dist/src/actions/request.js.map +1 -1
- package/dist/src/actions/response.d.ts.map +1 -1
- package/dist/src/actions/response.js +25 -3
- package/dist/src/actions/response.js.map +1 -1
- package/dist/src/actions/triggers.d.ts +10 -1
- package/dist/src/actions/triggers.d.ts.map +1 -1
- package/dist/src/actions/triggers.js +27 -3
- package/dist/src/actions/triggers.js.map +1 -1
- package/dist/src/actions/types.d.ts +13 -0
- package/dist/src/actions/types.d.ts.map +1 -1
- package/dist/src/data/index.d.ts +27 -0
- package/dist/src/data/index.d.ts.map +1 -0
- package/dist/src/data/index.js +80 -0
- package/dist/src/data/index.js.map +1 -0
- package/dist/src/dom/index.d.ts +2 -1
- package/dist/src/dom/index.d.ts.map +1 -1
- package/dist/src/dom/index.js +7 -1
- package/dist/src/dom/index.js.map +1 -1
- package/dist/src/files/index.d.ts +6 -0
- package/dist/src/files/index.d.ts.map +1 -0
- package/dist/src/files/index.js +6 -0
- package/dist/src/files/index.js.map +1 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +25 -8
- package/dist/src/index.js.map +1 -1
- package/dist/src/live/cards.d.ts +15 -0
- package/dist/src/live/cards.d.ts.map +1 -0
- package/dist/src/live/cards.js +85 -0
- package/dist/src/live/cards.js.map +1 -0
- package/dist/src/live/connections.d.ts +34 -0
- package/dist/src/live/connections.d.ts.map +1 -0
- package/dist/src/live/connections.js +140 -0
- package/dist/src/live/connections.js.map +1 -0
- package/dist/src/live/index.d.ts +10 -25
- package/dist/src/live/index.d.ts.map +1 -1
- package/dist/src/live/index.js +9 -88
- package/dist/src/live/index.js.map +1 -1
- package/dist/src/live/regions.d.ts +25 -0
- package/dist/src/live/regions.d.ts.map +1 -0
- package/dist/src/live/regions.js +100 -0
- package/dist/src/live/regions.js.map +1 -0
- package/dist/src/live/router.d.ts +26 -0
- package/dist/src/live/router.d.ts.map +1 -0
- package/dist/src/live/router.js +161 -0
- package/dist/src/live/router.js.map +1 -0
- package/dist/src/live/scroll-overflow.d.ts +10 -0
- package/dist/src/live/scroll-overflow.d.ts.map +1 -0
- package/dist/src/live/scroll-overflow.js +66 -0
- package/dist/src/live/scroll-overflow.js.map +1 -0
- package/dist/src/live/socket.d.ts +32 -0
- package/dist/src/live/socket.d.ts.map +1 -0
- package/dist/src/live/socket.js +112 -0
- package/dist/src/live/socket.js.map +1 -0
- package/dist/src/live/state.d.ts +12 -0
- package/dist/src/live/state.d.ts.map +1 -0
- package/dist/src/live/state.js +82 -0
- package/dist/src/live/state.js.map +1 -0
- package/dist/src/media/index.d.ts +11 -0
- package/dist/src/media/index.d.ts.map +1 -0
- package/dist/src/media/index.js +29 -0
- package/dist/src/media/index.js.map +1 -0
- package/dist/src/progress/index.d.ts +6 -2
- package/dist/src/progress/index.d.ts.map +1 -1
- package/dist/src/progress/index.js +43 -1
- package/dist/src/progress/index.js.map +1 -1
- package/dist/src/react/assets.d.ts +14 -0
- package/dist/src/react/assets.d.ts.map +1 -0
- package/dist/src/react/assets.js +70 -0
- package/dist/src/react/assets.js.map +1 -0
- package/dist/src/react/index.d.ts +15 -6
- package/dist/src/react/index.d.ts.map +1 -1
- package/dist/src/react/index.js +11 -2
- package/dist/src/react/index.js.map +1 -1
- package/dist/src/settings/index.d.ts +3 -0
- package/dist/src/settings/index.d.ts.map +1 -0
- package/dist/src/settings/index.js +2 -0
- package/dist/src/settings/index.js.map +1 -0
- package/dist/src/settings/save-policy/bindings.d.ts +5 -0
- package/dist/src/settings/save-policy/bindings.d.ts.map +1 -0
- package/dist/src/settings/save-policy/bindings.js +16 -0
- package/dist/src/settings/save-policy/bindings.js.map +1 -0
- package/dist/src/settings/save-policy/constants.d.ts +5 -0
- package/dist/src/settings/save-policy/constants.d.ts.map +1 -0
- package/dist/src/settings/save-policy/constants.js +9 -0
- package/dist/src/settings/save-policy/constants.js.map +1 -0
- package/dist/src/settings/save-policy/controller.d.ts +6 -0
- package/dist/src/settings/save-policy/controller.d.ts.map +1 -0
- package/dist/src/settings/save-policy/controller.js +246 -0
- package/dist/src/settings/save-policy/controller.js.map +1 -0
- package/dist/src/settings/save-policy/fields.d.ts +13 -0
- package/dist/src/settings/save-policy/fields.d.ts.map +1 -0
- package/dist/src/settings/save-policy/fields.js +96 -0
- package/dist/src/settings/save-policy/fields.js.map +1 -0
- package/dist/src/settings/save-policy/index.d.ts +6 -0
- package/dist/src/settings/save-policy/index.d.ts.map +1 -0
- package/dist/src/settings/save-policy/index.js +5 -0
- package/dist/src/settings/save-policy/index.js.map +1 -0
- package/dist/src/settings/save-policy/types.d.ts +55 -0
- package/dist/src/settings/save-policy/types.d.ts.map +1 -0
- package/dist/src/settings/save-policy/types.js +2 -0
- package/dist/src/settings/save-policy/types.js.map +1 -0
- package/dist/src/socket/index.d.ts +16 -0
- package/dist/src/socket/index.d.ts.map +1 -0
- package/dist/src/socket/index.js +25 -0
- package/dist/src/socket/index.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { queryAll } from "../../dom/index.js";
|
|
2
|
+
const LIVE_CARD_SELECTOR = "[data-tbf-live-card]";
|
|
3
|
+
const boundLiveCards = new WeakSet();
|
|
4
|
+
function liveCardTarget(host) {
|
|
5
|
+
const child = host.firstElementChild;
|
|
6
|
+
return child instanceof HTMLElement ? child : host;
|
|
7
|
+
}
|
|
8
|
+
function freshLiveCardTarget(wrapper) {
|
|
9
|
+
const freshHost = wrapper.querySelector(LIVE_CARD_SELECTOR);
|
|
10
|
+
if (freshHost)
|
|
11
|
+
return liveCardTarget(freshHost);
|
|
12
|
+
const fresh = wrapper.firstElementChild;
|
|
13
|
+
return fresh instanceof HTMLElement ? fresh : null;
|
|
14
|
+
}
|
|
15
|
+
function syncLiveCardAttributes(target, fresh) {
|
|
16
|
+
Array.from(target.attributes).forEach((attr) => {
|
|
17
|
+
if (attr.name !== "id" && !fresh.hasAttribute(attr.name)) {
|
|
18
|
+
target.removeAttribute(attr.name);
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
Array.from(fresh.attributes).forEach((attr) => {
|
|
22
|
+
if (attr.name !== "id")
|
|
23
|
+
target.setAttribute(attr.name, attr.value);
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
function rehydrateLiveCard(target, options) {
|
|
27
|
+
options.bind?.(target);
|
|
28
|
+
target.dispatchEvent(new CustomEvent("tbf:rehydrate", {
|
|
29
|
+
bubbles: true,
|
|
30
|
+
detail: { root: target },
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
33
|
+
function swapLiveCardHtml(host, html, options = {}) {
|
|
34
|
+
if (typeof html !== "string" || !html.trim())
|
|
35
|
+
return false;
|
|
36
|
+
const wrapper = document.createElement("div");
|
|
37
|
+
wrapper.innerHTML = html;
|
|
38
|
+
const fresh = freshLiveCardTarget(wrapper);
|
|
39
|
+
const target = liveCardTarget(host);
|
|
40
|
+
if (!(fresh instanceof Element))
|
|
41
|
+
return false;
|
|
42
|
+
target.innerHTML = fresh.innerHTML;
|
|
43
|
+
syncLiveCardAttributes(target, fresh);
|
|
44
|
+
rehydrateLiveCard(target, options);
|
|
45
|
+
return true;
|
|
46
|
+
}
|
|
47
|
+
function defaultLiveCardRoom(host) {
|
|
48
|
+
const kind = String(host.getAttribute("data-tbf-live-kind") || "").trim();
|
|
49
|
+
const id = String(host.getAttribute("data-tbf-live-id") || "").trim();
|
|
50
|
+
return kind && id ? `${kind}:${id}` : "";
|
|
51
|
+
}
|
|
52
|
+
function liveCardHtmlFromPayload(payload) {
|
|
53
|
+
const data = payload.data && typeof payload.data === "object"
|
|
54
|
+
? payload.data
|
|
55
|
+
: {};
|
|
56
|
+
return typeof data.html === "string" ? data.html : "";
|
|
57
|
+
}
|
|
58
|
+
function bindLiveCardHost(host, options = {}) {
|
|
59
|
+
if (boundLiveCards.has(host))
|
|
60
|
+
return false;
|
|
61
|
+
const subscribe = options.subscribe;
|
|
62
|
+
if (typeof subscribe !== "function")
|
|
63
|
+
return false;
|
|
64
|
+
const room = (options.room || defaultLiveCardRoom)(host);
|
|
65
|
+
if (!room)
|
|
66
|
+
return false;
|
|
67
|
+
boundLiveCards.add(host);
|
|
68
|
+
subscribe(room, (payload) => {
|
|
69
|
+
const event = typeof payload.event === "string" ? payload.event : "";
|
|
70
|
+
const expected = String(options.event || "card").trim();
|
|
71
|
+
if (expected && event && event !== expected)
|
|
72
|
+
return;
|
|
73
|
+
const html = liveCardHtmlFromPayload(payload);
|
|
74
|
+
if (html)
|
|
75
|
+
swapLiveCardHtml(host, html, options);
|
|
76
|
+
});
|
|
77
|
+
return true;
|
|
78
|
+
}
|
|
79
|
+
function bindLiveCards(root = document, options = {}) {
|
|
80
|
+
queryAll(root, LIVE_CARD_SELECTOR).forEach((host) => {
|
|
81
|
+
bindLiveCardHost(host, options);
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
export { LIVE_CARD_SELECTOR, bindLiveCardHost, bindLiveCards, swapLiveCardHtml, };
|
|
85
|
+
//# sourceMappingURL=cards.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cards.js","sourceRoot":"","sources":["../../../src/live/cards.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type LiveOptions } from "./regions.js";
|
|
2
|
+
import { subscribeRoom, type LiveSocketPayload } from "./socket.js";
|
|
3
|
+
type LiveEventFilter = string | string[] | undefined;
|
|
4
|
+
type LiveFieldTarget = Element | ((value: unknown) => void) | null | undefined;
|
|
5
|
+
type LiveFieldsOptions = {
|
|
6
|
+
event?: LiveEventFilter;
|
|
7
|
+
fields?: Record<string, LiveFieldTarget>;
|
|
8
|
+
room?: string;
|
|
9
|
+
subscribe?: typeof subscribeRoom;
|
|
10
|
+
};
|
|
11
|
+
type LiveRefreshOptions = LiveOptions & {
|
|
12
|
+
anchor?: string;
|
|
13
|
+
event?: LiveEventFilter;
|
|
14
|
+
room?: string;
|
|
15
|
+
subscribe?: typeof subscribeRoom;
|
|
16
|
+
url?: string;
|
|
17
|
+
};
|
|
18
|
+
type UseLiveOptions<T> = {
|
|
19
|
+
event?: LiveEventFilter;
|
|
20
|
+
initialData?: T | null;
|
|
21
|
+
onUpdate?: (data: T | null, payload: LiveSocketPayload) => void;
|
|
22
|
+
subscribe?: typeof subscribeRoom;
|
|
23
|
+
};
|
|
24
|
+
declare function eventMatches(filter: LiveEventFilter, actual: unknown): boolean;
|
|
25
|
+
declare function liveConnect(room: string, event: LiveEventFilter, onUpdate: (data: unknown, payload: LiveSocketPayload) => void, subscribe?: typeof subscribeRoom): () => void;
|
|
26
|
+
declare function useLive<T = unknown>(room: string, options?: UseLiveOptions<T>): T;
|
|
27
|
+
declare function applyLiveFieldValue(target: LiveFieldTarget, value: unknown): void;
|
|
28
|
+
declare function connectLiveFields(options?: LiveFieldsOptions): () => void;
|
|
29
|
+
declare function liveRefreshTarget(root: Document | ParentNode, anchor: unknown): HTMLElement;
|
|
30
|
+
declare function connectLiveRefresh(options?: LiveRefreshOptions): () => void;
|
|
31
|
+
declare function requestSidebarSync(sidebars: unknown[]): Promise<any[]>;
|
|
32
|
+
export { applyLiveFieldValue, connectLiveFields, connectLiveRefresh, eventMatches, liveConnect, liveRefreshTarget, requestSidebarSync, useLive, };
|
|
33
|
+
export type { LiveEventFilter, LiveFieldTarget, LiveFieldsOptions, LiveRefreshOptions, UseLiveOptions, };
|
|
34
|
+
//# sourceMappingURL=connections.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connections.d.ts","sourceRoot":"","sources":["../../../src/live/connections.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAEL,aAAa,EACb,KAAK,iBAAiB,EACvB,MAAM,aAAa,CAAC;AAGrB,KAAK,eAAe,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;AACrD,KAAK,eAAe,GAAG,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAC/E,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,aAAa,CAAC;CAClC,CAAC;AACF,KAAK,kBAAkB,GAAG,WAAW,GAAG;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,aAAa,CAAC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,aAAa,CAAC;CAClC,CAAC;AAQF,iBAAS,YAAY,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,WAI7D;AAED,iBAAS,WAAW,CAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,KAAK,IAAI,EAC7D,SAAS,GAAE,OAAO,aAA6B,cAQhD;AAED,iBAAS,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,cAAc,CAAC,CAAC,CAAM,KAsB1E;AAED,iBAAS,mBAAmB,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,QAgBnE;AAED,iBAAS,iBAAiB,CAAC,OAAO,GAAE,iBAAsB,cAmBzD;AAED,iBAAS,iBAAiB,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,EAAE,MAAM,EAAE,OAAO,eAkBtE;AAaD,iBAAS,kBAAkB,CAAC,OAAO,GAAE,kBAAuB,cA6B3D;AAED,iBAAS,kBAAkB,CAAC,QAAQ,EAAE,OAAO,EAAE,kBAW9C;AAED,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,OAAO,GACR,CAAC;AACF,YAAY,EACV,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,GACf,CAAC"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { rehydrate } from "./regions.js";
|
|
3
|
+
import { emitLiveSocketAck, subscribeRoom, } from "./socket.js";
|
|
4
|
+
import { importChildNodes } from "./state.js";
|
|
5
|
+
function eventMatches(filter, actual) {
|
|
6
|
+
if (!filter)
|
|
7
|
+
return true;
|
|
8
|
+
const event = typeof actual === "string" ? actual : "";
|
|
9
|
+
return Array.isArray(filter) ? filter.includes(event) : filter === event;
|
|
10
|
+
}
|
|
11
|
+
function liveConnect(room, event, onUpdate, subscribe = subscribeRoom) {
|
|
12
|
+
const key = String(room || "").trim();
|
|
13
|
+
if (!key || typeof onUpdate !== "function")
|
|
14
|
+
return () => { };
|
|
15
|
+
return subscribe(key, (payload) => {
|
|
16
|
+
if (!eventMatches(event, payload.event))
|
|
17
|
+
return;
|
|
18
|
+
onUpdate(payload.data, payload);
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function useLive(room, options = {}) {
|
|
22
|
+
const [value, setValue] = React.useState(options.initialData ?? null);
|
|
23
|
+
const onUpdateRef = React.useRef(options.onUpdate);
|
|
24
|
+
onUpdateRef.current = options.onUpdate;
|
|
25
|
+
React.useEffect(() => {
|
|
26
|
+
if (!room)
|
|
27
|
+
return undefined;
|
|
28
|
+
return liveConnect(room, options.event, (data, payload) => {
|
|
29
|
+
const next = data;
|
|
30
|
+
setValue(next);
|
|
31
|
+
onUpdateRef.current?.(next, payload);
|
|
32
|
+
}, options.subscribe || subscribeRoom);
|
|
33
|
+
}, [room, options.event, options.subscribe]);
|
|
34
|
+
return value;
|
|
35
|
+
}
|
|
36
|
+
function applyLiveFieldValue(target, value) {
|
|
37
|
+
if (typeof target === "function") {
|
|
38
|
+
target(value);
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
if (!(target instanceof Element))
|
|
42
|
+
return;
|
|
43
|
+
const next = value == null ? "" : String(value);
|
|
44
|
+
if (target instanceof HTMLInputElement ||
|
|
45
|
+
target instanceof HTMLTextAreaElement ||
|
|
46
|
+
target instanceof HTMLSelectElement) {
|
|
47
|
+
target.value = next;
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
target.textContent = next;
|
|
51
|
+
}
|
|
52
|
+
function connectLiveFields(options = {}) {
|
|
53
|
+
const room = String(options.room || "").trim();
|
|
54
|
+
const fields = options.fields || {};
|
|
55
|
+
if (!room)
|
|
56
|
+
return () => { };
|
|
57
|
+
return liveConnect(room, options.event, (data) => {
|
|
58
|
+
const source = data && typeof data === "object"
|
|
59
|
+
? data
|
|
60
|
+
: {};
|
|
61
|
+
Object.keys(fields).forEach((key) => {
|
|
62
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
63
|
+
applyLiveFieldValue(fields[key], source[key]);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
}, options.subscribe || subscribeRoom);
|
|
67
|
+
}
|
|
68
|
+
function liveRefreshTarget(root, anchor) {
|
|
69
|
+
const value = String(anchor || "").trim();
|
|
70
|
+
if (!value || !("querySelector" in root))
|
|
71
|
+
return null;
|
|
72
|
+
if (value.startsWith("#")) {
|
|
73
|
+
const id = value.slice(1);
|
|
74
|
+
return root instanceof Document
|
|
75
|
+
? root.getElementById(id)
|
|
76
|
+
: root.querySelector(`#${CSS.escape(id)}`);
|
|
77
|
+
}
|
|
78
|
+
if (/^[A-Za-z][A-Za-z0-9_-]*$/u.test(value)) {
|
|
79
|
+
return root instanceof Document
|
|
80
|
+
? root.getElementById(value)
|
|
81
|
+
: root.querySelector(`#${CSS.escape(value)}`);
|
|
82
|
+
}
|
|
83
|
+
if (value.startsWith("[data-") && !/[\s,>+~]/u.test(value)) {
|
|
84
|
+
return root.querySelector(value);
|
|
85
|
+
}
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
88
|
+
function replaceLiveFragment(anchor, doc, options) {
|
|
89
|
+
const fresh = liveRefreshTarget(doc, anchor);
|
|
90
|
+
const current = liveRefreshTarget(document, anchor);
|
|
91
|
+
if (!(fresh instanceof HTMLElement) || !(current instanceof HTMLElement)) {
|
|
92
|
+
return false;
|
|
93
|
+
}
|
|
94
|
+
current.replaceChildren(...importChildNodes(fresh));
|
|
95
|
+
rehydrate(current, options);
|
|
96
|
+
return true;
|
|
97
|
+
}
|
|
98
|
+
function connectLiveRefresh(options = {}) {
|
|
99
|
+
const room = String(options.room || "").trim();
|
|
100
|
+
const anchor = String(options.anchor || "").trim();
|
|
101
|
+
if (!room || !liveRefreshTarget(document, anchor))
|
|
102
|
+
return () => { };
|
|
103
|
+
let inflight = false;
|
|
104
|
+
return liveConnect(room, options.event, () => {
|
|
105
|
+
if (inflight)
|
|
106
|
+
return;
|
|
107
|
+
inflight = true;
|
|
108
|
+
const url = String(options.url || window.location.href).trim();
|
|
109
|
+
fetch(url, {
|
|
110
|
+
credentials: "same-origin",
|
|
111
|
+
headers: { Accept: "text/html" },
|
|
112
|
+
})
|
|
113
|
+
.then((response) => response.ok ? response.text() : "")
|
|
114
|
+
.then((html) => {
|
|
115
|
+
if (!html)
|
|
116
|
+
return;
|
|
117
|
+
const doc = new DOMParser().parseFromString(html, "text/html");
|
|
118
|
+
replaceLiveFragment(anchor, doc, options);
|
|
119
|
+
})
|
|
120
|
+
.finally(() => {
|
|
121
|
+
inflight = false;
|
|
122
|
+
});
|
|
123
|
+
}, options.subscribe || subscribeRoom);
|
|
124
|
+
}
|
|
125
|
+
function requestSidebarSync(sidebars) {
|
|
126
|
+
const list = Array.isArray(sidebars) ? sidebars : [];
|
|
127
|
+
if (!list.length)
|
|
128
|
+
return Promise.resolve([]);
|
|
129
|
+
return emitLiveSocketAck("sidebar:sync", {
|
|
130
|
+
sidebars: list,
|
|
131
|
+
}).then((response) => {
|
|
132
|
+
if (!response || response.ok !== true)
|
|
133
|
+
return null;
|
|
134
|
+
return Array.isArray(response.data?.sidebars)
|
|
135
|
+
? response.data.sidebars
|
|
136
|
+
: [];
|
|
137
|
+
});
|
|
138
|
+
}
|
|
139
|
+
export { applyLiveFieldValue, connectLiveFields, connectLiveRefresh, eventMatches, liveConnect, liveRefreshTarget, requestSidebarSync, useLive, };
|
|
140
|
+
//# sourceMappingURL=connections.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connections.js","sourceRoot":"","sources":["../../../src/live/connections.ts"],"names":[],"mappings":"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"}
|
package/dist/src/live/index.d.ts
CHANGED
|
@@ -1,30 +1,15 @@
|
|
|
1
1
|
import { type BindRoot } from "../../dom/index.d.ts";
|
|
2
|
-
type
|
|
3
|
-
shouldSkip?: (element: Element) => boolean;
|
|
4
|
-
};
|
|
5
|
-
type LiveOptions = {
|
|
6
|
-
bind?: (root: BindRoot) => void;
|
|
7
|
-
contentSelector?: string;
|
|
8
|
-
skip?: LiveSkipAdapter;
|
|
9
|
-
};
|
|
10
|
-
declare const LIVE_REGION_SELECTOR = "[data-tbf-live-region]";
|
|
2
|
+
import { type LiveOptions } from "./regions.js";
|
|
11
3
|
declare const LIVE_REFRESH_SELECTOR = "[data-tbf-live-refresh]";
|
|
12
|
-
declare function shouldSkipLiveElement(element: Element, options?: LiveOptions): boolean;
|
|
13
|
-
declare function captureFormState(root: ParentNode): Map<string, {
|
|
14
|
-
checked: boolean;
|
|
15
|
-
value: string;
|
|
16
|
-
}>;
|
|
17
|
-
declare function restoreFormState(root: ParentNode, state: Map<string, {
|
|
18
|
-
checked: boolean;
|
|
19
|
-
value: string;
|
|
20
|
-
}>): void;
|
|
21
|
-
declare function rehydrate(root?: BindRoot, options?: LiveOptions): void;
|
|
22
|
-
declare function replaceLiveRegions(doc: Document, options?: LiveOptions): boolean;
|
|
23
|
-
declare function refreshLive(options?: LiveOptions & {
|
|
24
|
-
url?: string;
|
|
25
|
-
}): Promise<boolean>;
|
|
26
4
|
declare function bindLiveRefresh(root?: BindRoot, options?: LiveOptions): void;
|
|
27
|
-
export { LIVE_REFRESH_SELECTOR,
|
|
28
|
-
export type { LiveOptions
|
|
5
|
+
export { LIVE_REFRESH_SELECTOR, bindLiveRefresh };
|
|
6
|
+
export type { LiveOptions };
|
|
7
|
+
export * from "./cards.js";
|
|
8
|
+
export * from "./connections.js";
|
|
29
9
|
export * from "./infinite.js";
|
|
10
|
+
export * from "./regions.js";
|
|
11
|
+
export * from "./router.js";
|
|
12
|
+
export * from "./scroll-overflow.js";
|
|
13
|
+
export * from "./socket.js";
|
|
14
|
+
export * from "./state.js";
|
|
30
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/live/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/live/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAE7D,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AAExD,iBAAS,eAAe,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,WAAgB,QAU5E;AAED,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
|
package/dist/src/live/index.js
CHANGED
|
@@ -1,92 +1,6 @@
|
|
|
1
1
|
import { queryAll } from "../../dom/index.js";
|
|
2
|
-
|
|
2
|
+
import { refreshLive } from "./regions.js";
|
|
3
3
|
const LIVE_REFRESH_SELECTOR = "[data-tbf-live-refresh]";
|
|
4
|
-
let inflight = false;
|
|
5
|
-
function shouldSkipLiveElement(element, options = {}) {
|
|
6
|
-
if (element.hasAttribute("data-tbf-live-skip"))
|
|
7
|
-
return true;
|
|
8
|
-
return options.skip?.shouldSkip?.(element) === true;
|
|
9
|
-
}
|
|
10
|
-
function captureFormState(root) {
|
|
11
|
-
const state = new Map();
|
|
12
|
-
root.querySelectorAll("input,select,textarea").forEach((element) => {
|
|
13
|
-
const key = element.name || element.id;
|
|
14
|
-
if (!key)
|
|
15
|
-
return;
|
|
16
|
-
state.set(key, {
|
|
17
|
-
checked: element instanceof HTMLInputElement ? element.checked : false,
|
|
18
|
-
value: element.value,
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
return state;
|
|
22
|
-
}
|
|
23
|
-
function restoreFormState(root, state) {
|
|
24
|
-
root.querySelectorAll("input,select,textarea").forEach((element) => {
|
|
25
|
-
const snapshot = state.get(element.name || element.id);
|
|
26
|
-
if (!snapshot)
|
|
27
|
-
return;
|
|
28
|
-
element.value = snapshot.value;
|
|
29
|
-
if (element instanceof HTMLInputElement)
|
|
30
|
-
element.checked = snapshot.checked;
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
function liveRegionKey(element) {
|
|
34
|
-
return (element.getAttribute("data-tbf-live-region") ||
|
|
35
|
-
element.id ||
|
|
36
|
-
element.getAttribute("data-tbf-live-key") ||
|
|
37
|
-
"").trim();
|
|
38
|
-
}
|
|
39
|
-
function findMatchingRegion(doc, current) {
|
|
40
|
-
const key = liveRegionKey(current);
|
|
41
|
-
if (!key)
|
|
42
|
-
return null;
|
|
43
|
-
const byId = doc.getElementById(key);
|
|
44
|
-
if (byId)
|
|
45
|
-
return byId;
|
|
46
|
-
return doc.querySelector(`[data-tbf-live-region="${CSS.escape(key)}"]`);
|
|
47
|
-
}
|
|
48
|
-
function rehydrate(root = document, options = {}) {
|
|
49
|
-
options.bind?.(root);
|
|
50
|
-
document.dispatchEvent(new CustomEvent("tbf:rehydrate", { detail: { root } }));
|
|
51
|
-
}
|
|
52
|
-
function replaceLiveRegions(doc, options = {}) {
|
|
53
|
-
let changed = false;
|
|
54
|
-
queryAll(document, LIVE_REGION_SELECTOR).forEach((current) => {
|
|
55
|
-
if (shouldSkipLiveElement(current, options))
|
|
56
|
-
return;
|
|
57
|
-
const next = findMatchingRegion(doc, current);
|
|
58
|
-
if (!(next instanceof HTMLElement))
|
|
59
|
-
return;
|
|
60
|
-
const state = captureFormState(current);
|
|
61
|
-
current.replaceChildren(...Array.from(next.childNodes).map((node) => {
|
|
62
|
-
return document.importNode(node, true);
|
|
63
|
-
}));
|
|
64
|
-
restoreFormState(current, state);
|
|
65
|
-
rehydrate(current, options);
|
|
66
|
-
changed = true;
|
|
67
|
-
});
|
|
68
|
-
return changed;
|
|
69
|
-
}
|
|
70
|
-
async function refreshLive(options = {}) {
|
|
71
|
-
if (inflight || typeof window === "undefined")
|
|
72
|
-
return false;
|
|
73
|
-
inflight = true;
|
|
74
|
-
const url = options.url || window.location.href;
|
|
75
|
-
try {
|
|
76
|
-
const response = await fetch(url, {
|
|
77
|
-
credentials: "same-origin",
|
|
78
|
-
headers: { Accept: "text/html", "X-Requested-With": "tbf-live" },
|
|
79
|
-
});
|
|
80
|
-
if (!response.ok)
|
|
81
|
-
return false;
|
|
82
|
-
const html = await response.text();
|
|
83
|
-
const doc = new DOMParser().parseFromString(html, "text/html");
|
|
84
|
-
return replaceLiveRegions(doc, options);
|
|
85
|
-
}
|
|
86
|
-
finally {
|
|
87
|
-
inflight = false;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
4
|
function bindLiveRefresh(root = document, options = {}) {
|
|
91
5
|
queryAll(root, LIVE_REFRESH_SELECTOR).forEach((trigger) => {
|
|
92
6
|
if (trigger.hasAttribute("data-tbf-live-bound"))
|
|
@@ -99,6 +13,13 @@ function bindLiveRefresh(root = document, options = {}) {
|
|
|
99
13
|
});
|
|
100
14
|
});
|
|
101
15
|
}
|
|
102
|
-
export { LIVE_REFRESH_SELECTOR,
|
|
16
|
+
export { LIVE_REFRESH_SELECTOR, bindLiveRefresh };
|
|
17
|
+
export * from "./cards.js";
|
|
18
|
+
export * from "./connections.js";
|
|
103
19
|
export * from "./infinite.js";
|
|
20
|
+
export * from "./regions.js";
|
|
21
|
+
export * from "./router.js";
|
|
22
|
+
export * from "./scroll-overflow.js";
|
|
23
|
+
export * from "./socket.js";
|
|
24
|
+
export * from "./state.js";
|
|
104
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/live/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/live/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,WAAW,EAAoB,MAAM,cAAc,CAAC;AAE7D,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAExD,SAAS,eAAe,CAAC,OAAiB,QAAQ,EAAE,UAAuB,EAAE;IAC3E,QAAQ,CAAc,IAAI,EAAE,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACnE,IAAI,OAAO,CAAC,YAAY,CAAC,qBAAqB,CAAC;YAAE,OAAO;QACxD,OAAO,CAAC,YAAY,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;QACpD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,mBAAmB,CAAC,IAAI,SAAS,CAAC;YACnE,KAAK,WAAW,CAAC,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,CAAC;AAElD,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type BindRoot } from "../../dom/index.d.ts";
|
|
2
|
+
import { type LiveCardsOptions } from "./cards.js";
|
|
3
|
+
type LiveSkipAdapter = {
|
|
4
|
+
shouldSkip?: (element: Element) => boolean;
|
|
5
|
+
};
|
|
6
|
+
type LiveOptions = {
|
|
7
|
+
bind?: (root: BindRoot) => void;
|
|
8
|
+
cards?: LiveCardsOptions | false;
|
|
9
|
+
chromeIds?: string[];
|
|
10
|
+
closeOverlays?: () => void;
|
|
11
|
+
contentSelector?: string;
|
|
12
|
+
fullReloadSelector?: string;
|
|
13
|
+
skip?: LiveSkipAdapter;
|
|
14
|
+
};
|
|
15
|
+
declare const LIVE_REGION_SELECTOR = "[data-tbf-live-region]";
|
|
16
|
+
declare function shouldSkipLiveElement(element: Element, options?: LiveOptions): boolean;
|
|
17
|
+
declare function findMatchingRegion(doc: Document, current: Element): Element;
|
|
18
|
+
declare function rehydrate(root?: BindRoot, options?: LiveOptions): void;
|
|
19
|
+
declare function replaceLiveRegions(doc: Document, options?: LiveOptions): boolean;
|
|
20
|
+
declare function refreshLive(options?: LiveOptions & {
|
|
21
|
+
url?: string;
|
|
22
|
+
}): Promise<boolean>;
|
|
23
|
+
export { LIVE_REGION_SELECTOR, findMatchingRegion, refreshLive, rehydrate, replaceLiveRegions, shouldSkipLiveElement, };
|
|
24
|
+
export type { LiveOptions, LiveSkipAdapter };
|
|
25
|
+
//# sourceMappingURL=regions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"regions.d.ts","sourceRoot":"","sources":["../../../src/live/regions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AASlE,KAAK,eAAe,GAAG;IACrB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;CAC5C,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,oBAAoB,2BAA2B,CAAC;AAGtD,iBAAS,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,GAAE,WAAgB,WAGzE;AAWD,iBAAS,kBAAkB,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,WAM1D;AA+BD,iBAAS,SAAS,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,WAAgB,QAKtE;AAED,iBAAS,kBAAkB,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,GAAE,WAAgB,WAenE;AAED,iBAAe,WAAW,CAAC,OAAO,GAAE,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAO,oBAgBtE;AAED,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,GACtB,CAAC;AACF,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { cssEscape, queryAll } from "../../dom/index.js";
|
|
2
|
+
import { bindLiveCards } from "./cards.js";
|
|
3
|
+
import { captureFormState, captureWizardSteps, importChildNodes, restoreFormState, restoreWizardSteps, } from "./state.js";
|
|
4
|
+
const LIVE_REGION_SELECTOR = "[data-tbf-live-region]";
|
|
5
|
+
let refreshInflight = false;
|
|
6
|
+
function shouldSkipLiveElement(element, options = {}) {
|
|
7
|
+
if (element.hasAttribute("data-tbf-live-skip"))
|
|
8
|
+
return true;
|
|
9
|
+
return options.skip?.shouldSkip?.(element) === true;
|
|
10
|
+
}
|
|
11
|
+
function liveRegionKey(element) {
|
|
12
|
+
return (element.getAttribute("data-tbf-live-region") ||
|
|
13
|
+
element.id ||
|
|
14
|
+
element.getAttribute("data-tbf-live-key") ||
|
|
15
|
+
"").trim();
|
|
16
|
+
}
|
|
17
|
+
function findMatchingRegion(doc, current) {
|
|
18
|
+
const key = liveRegionKey(current);
|
|
19
|
+
if (!key)
|
|
20
|
+
return null;
|
|
21
|
+
const byId = doc.getElementById(key);
|
|
22
|
+
if (byId)
|
|
23
|
+
return byId;
|
|
24
|
+
return doc.querySelector(`[data-tbf-live-region="${cssEscape(key)}"]`);
|
|
25
|
+
}
|
|
26
|
+
function isOpenOverlay(element) {
|
|
27
|
+
return Boolean(element.getAttribute("data-tbf-open") === "true" ||
|
|
28
|
+
element.getAttribute("data-tbf-opening") === "true");
|
|
29
|
+
}
|
|
30
|
+
function reconcilePortaledDuplicates(root) {
|
|
31
|
+
if (!root || typeof root.querySelectorAll !== "function")
|
|
32
|
+
return;
|
|
33
|
+
root.querySelectorAll("[id]").forEach((freshElement) => {
|
|
34
|
+
if (!(root instanceof Node) || !root.contains(freshElement))
|
|
35
|
+
return;
|
|
36
|
+
const id = freshElement.id;
|
|
37
|
+
if (!id)
|
|
38
|
+
return;
|
|
39
|
+
document
|
|
40
|
+
.querySelectorAll(`[id="${cssEscape(id)}"]`)
|
|
41
|
+
.forEach((otherElement) => {
|
|
42
|
+
if (otherElement === freshElement || root.contains(otherElement)) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
if (isOpenOverlay(otherElement)) {
|
|
46
|
+
otherElement.innerHTML = freshElement.innerHTML;
|
|
47
|
+
freshElement.remove();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
otherElement.remove();
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
function rehydrate(root = document, options = {}) {
|
|
55
|
+
reconcilePortaledDuplicates(root);
|
|
56
|
+
if (options.cards !== false)
|
|
57
|
+
bindLiveCards(root, options.cards || {});
|
|
58
|
+
options.bind?.(root);
|
|
59
|
+
document.dispatchEvent(new CustomEvent("tbf:rehydrate", { detail: { root } }));
|
|
60
|
+
}
|
|
61
|
+
function replaceLiveRegions(doc, options = {}) {
|
|
62
|
+
let changed = false;
|
|
63
|
+
queryAll(document, LIVE_REGION_SELECTOR).forEach((current) => {
|
|
64
|
+
if (shouldSkipLiveElement(current, options))
|
|
65
|
+
return;
|
|
66
|
+
const next = findMatchingRegion(doc, current);
|
|
67
|
+
if (!(next instanceof HTMLElement))
|
|
68
|
+
return;
|
|
69
|
+
const formState = captureFormState(current);
|
|
70
|
+
const wizardState = captureWizardSteps(current);
|
|
71
|
+
current.replaceChildren(...importChildNodes(next));
|
|
72
|
+
restoreWizardSteps(current, wizardState);
|
|
73
|
+
restoreFormState(current, formState);
|
|
74
|
+
rehydrate(current, options);
|
|
75
|
+
changed = true;
|
|
76
|
+
});
|
|
77
|
+
return changed;
|
|
78
|
+
}
|
|
79
|
+
async function refreshLive(options = {}) {
|
|
80
|
+
if (refreshInflight || typeof window === "undefined")
|
|
81
|
+
return false;
|
|
82
|
+
refreshInflight = true;
|
|
83
|
+
const url = options.url || window.location.href;
|
|
84
|
+
try {
|
|
85
|
+
const response = await fetch(url, {
|
|
86
|
+
credentials: "same-origin",
|
|
87
|
+
headers: { Accept: "text/html", "X-Requested-With": "tbf-live" },
|
|
88
|
+
});
|
|
89
|
+
if (!response.ok)
|
|
90
|
+
return false;
|
|
91
|
+
const html = await response.text();
|
|
92
|
+
const doc = new DOMParser().parseFromString(html, "text/html");
|
|
93
|
+
return replaceLiveRegions(doc, options);
|
|
94
|
+
}
|
|
95
|
+
finally {
|
|
96
|
+
refreshInflight = false;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
export { LIVE_REGION_SELECTOR, findMatchingRegion, refreshLive, rehydrate, replaceLiveRegions, shouldSkipLiveElement, };
|
|
100
|
+
//# sourceMappingURL=regions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"regions.js","sourceRoot":"","sources":["../../../src/live/regions.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { BindRoot } from "../../dom/index.d.ts";
|
|
2
|
+
import { type LiveOptions } from "./regions.js";
|
|
3
|
+
type LiveNavigationOptions = LiveOptions & {
|
|
4
|
+
history?: "none" | "push" | "replace";
|
|
5
|
+
preserveState?: boolean;
|
|
6
|
+
push?: boolean;
|
|
7
|
+
updateUrl?: boolean;
|
|
8
|
+
url?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const DEFAULT_CONTENT_SELECTOR = "[data-tbf-live-content],#live_content";
|
|
11
|
+
declare const DEFAULT_FULL_RELOAD_SELECTOR = "[data-tbf-full-reload]";
|
|
12
|
+
declare function seedLoadedScripts(): void;
|
|
13
|
+
declare function injectNewScripts(doc: Document): void;
|
|
14
|
+
declare function contentRoot(root: Document, selector?: string): HTMLElement;
|
|
15
|
+
declare function replaceLiveContent(doc: Document, url: string, options: LiveNavigationOptions): boolean;
|
|
16
|
+
declare function softVisit(url: string, options?: LiveNavigationOptions): Promise<boolean>;
|
|
17
|
+
declare function softReload(options?: LiveNavigationOptions): Promise<boolean>;
|
|
18
|
+
declare function isFullReloadOptOut(element: Element | null, selector?: string): boolean;
|
|
19
|
+
declare function createLiveNavigationAdapter(options?: LiveNavigationOptions): {
|
|
20
|
+
navigate(url: string): Promise<boolean>;
|
|
21
|
+
shouldFullReload(trigger: HTMLElement): boolean;
|
|
22
|
+
};
|
|
23
|
+
declare function bindLiveRouter(options?: LiveNavigationOptions): void;
|
|
24
|
+
export { DEFAULT_CONTENT_SELECTOR, DEFAULT_FULL_RELOAD_SELECTOR, bindLiveRouter, contentRoot, createLiveNavigationAdapter, injectNewScripts, isFullReloadOptOut, replaceLiveContent, seedLoadedScripts, softReload, softVisit, };
|
|
25
|
+
export type { BindRoot, LiveNavigationOptions };
|
|
26
|
+
//# sourceMappingURL=router.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../../src/live/router.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAS3D,KAAK,qBAAqB,GAAG,WAAW,GAAG;IACzC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,wBAAwB,0CAA0C,CAAC;AACzE,QAAA,MAAM,4BAA4B,2BAA2B,CAAC;AAI9D,iBAAS,iBAAiB,SAMzB;AAED,iBAAS,gBAAgB,CAAC,GAAG,EAAE,QAAQ,QAUtC;AAED,iBAAS,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,SAA2B,eAGvE;AA6BD,iBAAS,kBAAkB,CACzB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,qBAAqB,WA0B/B;AAsBD,iBAAe,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,qBAA0B,oBA8BxE;AAED,iBAAS,UAAU,CAAC,OAAO,GAAE,qBAA0B,oBAKtD;AAED,iBAAS,kBAAkB,CACzB,OAAO,EAAE,OAAO,GAAG,IAAI,EACvB,QAAQ,SAA+B,WAGxC;AAED,iBAAS,2BAA2B,CAAC,OAAO,GAAE,qBAA0B;kBAGtD,MAAM;8BAGM,WAAW;EAIxC;AAED,iBAAS,cAAc,CAAC,OAAO,GAAE,qBAA0B,QAK1D;AAED,OAAO,EACL,wBAAwB,EACxB,4BAA4B,EAC5B,cAAc,EACd,WAAW,EACX,2BAA2B,EAC3B,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,SAAS,GACV,CAAC;AACF,YAAY,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC"}
|