@trebired/frontend 6.0.7 → 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 +13 -0
- package/dist/actions/forms.d.ts +2 -1
- package/dist/actions/forms.d.ts.map +1 -1
- package/dist/actions/forms.js +10 -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/binding.d.ts +28 -0
- package/dist/dom/binding.d.ts.map +1 -0
- package/dist/dom/binding.js +75 -0
- package/dist/dom/binding.js.map +1 -0
- package/dist/dom/element-helpers.d.ts +33 -0
- package/dist/dom/element-helpers.d.ts.map +1 -0
- package/dist/dom/element-helpers.js +113 -0
- package/dist/dom/element-helpers.js.map +1 -0
- package/dist/dom/index.d.ts +6 -1
- package/dist/dom/index.d.ts.map +1 -1
- package/dist/dom/index.js +46 -3
- package/dist/dom/index.js.map +1 -1
- package/dist/explorer/tree.d.ts +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/http/index.d.ts +1 -0
- package/dist/http/index.d.ts.map +1 -1
- package/dist/http/index.js +1 -0
- package/dist/http/index.js.map +1 -1
- package/dist/http/paged.d.ts +6 -0
- package/dist/http/paged.d.ts.map +1 -0
- package/dist/http/paged.js +39 -0
- package/dist/http/paged.js.map +1 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +26 -9
- package/dist/index.js.map +1 -1
- package/dist/inputs/advanced/dropdown/shared.d.ts +3 -1
- package/dist/inputs/advanced/dropdown/shared.d.ts.map +1 -1
- package/dist/inputs/advanced/dropdown/shared.js +37 -2
- package/dist/inputs/advanced/dropdown/shared.js.map +1 -1
- package/dist/inputs/advanced/index.d.ts +2 -2
- package/dist/inputs/advanced/index.d.ts.map +1 -1
- package/dist/inputs/advanced/index.js +2 -2
- package/dist/inputs/advanced/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 +11 -25
- package/dist/live/index.d.ts.map +1 -1
- package/dist/live/index.js +10 -88
- package/dist/live/index.js.map +1 -1
- package/dist/live/infinite.d.ts +13 -0
- package/dist/live/infinite.d.ts.map +1 -0
- package/dist/live/infinite.js +139 -0
- package/dist/live/infinite.js.map +1 -0
- 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/logs/shared.d.ts +1 -4
- package/dist/logs/shared.d.ts.map +1 -1
- package/dist/logs/shared.js +1 -6
- package/dist/logs/shared.js.map +1 -1
- 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/sidebar/dynamic/runtime/dom.d.ts +1 -2
- package/dist/sidebar/dynamic/runtime/dom.d.ts.map +1 -1
- package/dist/sidebar/dynamic/runtime/dom.js +1 -4
- package/dist/sidebar/dynamic/runtime/dom.js.map +1 -1
- 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 +10 -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/binding.d.ts +28 -0
- package/dist/src/dom/binding.d.ts.map +1 -0
- package/dist/src/dom/binding.js +75 -0
- package/dist/src/dom/binding.js.map +1 -0
- package/dist/src/dom/element-helpers.d.ts +33 -0
- package/dist/src/dom/element-helpers.d.ts.map +1 -0
- package/dist/src/dom/element-helpers.js +113 -0
- package/dist/src/dom/element-helpers.js.map +1 -0
- package/dist/src/dom/index.d.ts +6 -1
- package/dist/src/dom/index.d.ts.map +1 -1
- package/dist/src/dom/index.js +46 -3
- package/dist/src/dom/index.js.map +1 -1
- package/dist/src/explorer/tree.d.ts +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/http/index.d.ts +1 -0
- package/dist/src/http/index.d.ts.map +1 -1
- package/dist/src/http/index.js +1 -0
- package/dist/src/http/index.js.map +1 -1
- package/dist/src/http/paged.d.ts +6 -0
- package/dist/src/http/paged.d.ts.map +1 -0
- package/dist/src/http/paged.js +39 -0
- package/dist/src/http/paged.js.map +1 -0
- package/dist/src/index.d.ts +5 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +26 -9
- package/dist/src/index.js.map +1 -1
- package/dist/src/inputs/advanced/dropdown/shared.d.ts +3 -1
- package/dist/src/inputs/advanced/dropdown/shared.d.ts.map +1 -1
- package/dist/src/inputs/advanced/dropdown/shared.js +37 -2
- package/dist/src/inputs/advanced/dropdown/shared.js.map +1 -1
- package/dist/src/inputs/advanced/index.d.ts +2 -2
- package/dist/src/inputs/advanced/index.d.ts.map +1 -1
- package/dist/src/inputs/advanced/index.js +2 -2
- package/dist/src/inputs/advanced/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 +11 -25
- package/dist/src/live/index.d.ts.map +1 -1
- package/dist/src/live/index.js +10 -88
- package/dist/src/live/index.js.map +1 -1
- package/dist/src/live/infinite.d.ts +13 -0
- package/dist/src/live/infinite.d.ts.map +1 -0
- package/dist/src/live/infinite.js +139 -0
- package/dist/src/live/infinite.js.map +1 -0
- 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/logs/shared.d.ts +1 -4
- package/dist/src/logs/shared.d.ts.map +1 -1
- package/dist/src/logs/shared.js +1 -6
- package/dist/src/logs/shared.js.map +1 -1
- 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/sidebar/dynamic/runtime/dom.d.ts +1 -2
- package/dist/src/sidebar/dynamic/runtime/dom.d.ts.map +1 -1
- package/dist/src/sidebar/dynamic/runtime/dom.js +1 -4
- package/dist/src/sidebar/dynamic/runtime/dom.js.map +1 -1
- 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,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,29 +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";
|
|
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";
|
|
29
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,5 +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";
|
|
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";
|
|
103
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,13 @@
|
|
|
1
|
+
type InfiniteObserverConfig = {
|
|
2
|
+
recheckAfterLoad?: boolean;
|
|
3
|
+
recheckOnInit?: boolean;
|
|
4
|
+
rootMargin?: string;
|
|
5
|
+
};
|
|
6
|
+
declare function createInfiniteObserver(root: Element | null, sentinel: HTMLElement | null, onReachEnd: (() => Promise<unknown> | unknown) | null, options?: InfiniteObserverConfig | null): {
|
|
7
|
+
disconnect(): void;
|
|
8
|
+
observer: IntersectionObserver;
|
|
9
|
+
recheck(): void;
|
|
10
|
+
};
|
|
11
|
+
export { createInfiniteObserver };
|
|
12
|
+
export type { InfiniteObserverConfig };
|
|
13
|
+
//# sourceMappingURL=infinite.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"infinite.d.ts","sourceRoot":"","sources":["../../../src/live/infinite.ts"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAyHF,iBAAS,sBAAsB,CAC7B,IAAI,EAAE,OAAO,GAAG,IAAI,EACpB,QAAQ,EAAE,WAAW,GAAG,IAAI,EAC5B,UAAU,EAAE,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,GAAG,IAAI,EACrD,OAAO,GAAE,sBAAsB,GAAG,IAAW;;;;EAoC9C;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
function normalizeInfiniteObserverConfig(options) {
|
|
2
|
+
const config = options && typeof options === "object" ? options : {};
|
|
3
|
+
return {
|
|
4
|
+
recheckAfterLoad: config.recheckAfterLoad !== false,
|
|
5
|
+
recheckOnInit: config.recheckOnInit !== false,
|
|
6
|
+
rootMargin: typeof config.rootMargin === "string" && config.rootMargin.trim()
|
|
7
|
+
? config.rootMargin.trim()
|
|
8
|
+
: "160px 0px",
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
function infiniteRootMarginPixels(state) {
|
|
12
|
+
const first = state.config.rootMargin.trim().split(/\s+/u)[0] || "0px";
|
|
13
|
+
const parsed = Number.parseFloat(first);
|
|
14
|
+
return Number.isFinite(parsed) ? parsed : 0;
|
|
15
|
+
}
|
|
16
|
+
function infiniteRootRect(state) {
|
|
17
|
+
if (state.root && typeof state.root.getBoundingClientRect === "function") {
|
|
18
|
+
return state.root.getBoundingClientRect();
|
|
19
|
+
}
|
|
20
|
+
return {
|
|
21
|
+
bottom: window.innerHeight || document.documentElement.clientHeight || 0,
|
|
22
|
+
top: 0,
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
function isInfiniteSentinelVisible(state) {
|
|
26
|
+
if (state.sentinel.hidden === true)
|
|
27
|
+
return false;
|
|
28
|
+
const sentinelRect = state.sentinel.getBoundingClientRect();
|
|
29
|
+
const margin = infiniteRootMarginPixels(state);
|
|
30
|
+
const rootRect = infiniteRootRect(state);
|
|
31
|
+
return (sentinelRect.bottom >= rootRect.top - margin &&
|
|
32
|
+
sentinelRect.top <= rootRect.bottom + margin);
|
|
33
|
+
}
|
|
34
|
+
function scheduleInfiniteVisibilityCheck(state) {
|
|
35
|
+
window.requestAnimationFrame(() => {
|
|
36
|
+
if (state.destroyed || state.busy)
|
|
37
|
+
return;
|
|
38
|
+
if (isInfiniteSentinelVisible(state))
|
|
39
|
+
void triggerInfiniteLoad(state);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
async function triggerInfiniteLoad(state) {
|
|
43
|
+
if (state.destroyed || state.busy)
|
|
44
|
+
return;
|
|
45
|
+
state.busy = true;
|
|
46
|
+
try {
|
|
47
|
+
await state.onReachEnd();
|
|
48
|
+
}
|
|
49
|
+
finally {
|
|
50
|
+
state.busy = false;
|
|
51
|
+
if (state.config.recheckAfterLoad)
|
|
52
|
+
scheduleInfiniteVisibilityCheck(state);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
function bindInfiniteScrollEvents(state) {
|
|
56
|
+
const handler = () => scheduleInfiniteVisibilityCheck(state);
|
|
57
|
+
state.handleVisibilityChange = handler;
|
|
58
|
+
state.scrollTarget?.addEventListener("scroll", handler, { passive: true });
|
|
59
|
+
window.addEventListener("resize", handler);
|
|
60
|
+
window.addEventListener("orientationchange", handler);
|
|
61
|
+
}
|
|
62
|
+
function bindInfiniteMutationObserver(state) {
|
|
63
|
+
if (typeof MutationObserver !== "function")
|
|
64
|
+
return;
|
|
65
|
+
state.mutationObserver = new MutationObserver(() => {
|
|
66
|
+
scheduleInfiniteVisibilityCheck(state);
|
|
67
|
+
});
|
|
68
|
+
state.mutationObserver.observe(state.sentinel, {
|
|
69
|
+
attributeFilter: ["hidden", "style"],
|
|
70
|
+
attributes: true,
|
|
71
|
+
});
|
|
72
|
+
if (state.root && state.root !== state.sentinel) {
|
|
73
|
+
state.mutationObserver.observe(state.root, {
|
|
74
|
+
attributeFilter: ["hidden", "style"],
|
|
75
|
+
attributes: true,
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
function bindInfiniteResizeObserver(state) {
|
|
80
|
+
if (typeof ResizeObserver !== "function")
|
|
81
|
+
return;
|
|
82
|
+
state.resizeObserver = new ResizeObserver(() => {
|
|
83
|
+
scheduleInfiniteVisibilityCheck(state);
|
|
84
|
+
});
|
|
85
|
+
if (state.root)
|
|
86
|
+
state.resizeObserver.observe(state.root);
|
|
87
|
+
state.resizeObserver.observe(state.sentinel);
|
|
88
|
+
}
|
|
89
|
+
function disconnectInfiniteObserver(state) {
|
|
90
|
+
state.destroyed = true;
|
|
91
|
+
if (state.handleVisibilityChange) {
|
|
92
|
+
state.scrollTarget?.removeEventListener("scroll", state.handleVisibilityChange);
|
|
93
|
+
window.removeEventListener("resize", state.handleVisibilityChange);
|
|
94
|
+
window.removeEventListener("orientationchange", state.handleVisibilityChange);
|
|
95
|
+
}
|
|
96
|
+
state.mutationObserver?.disconnect();
|
|
97
|
+
state.resizeObserver?.disconnect();
|
|
98
|
+
state.observer?.disconnect();
|
|
99
|
+
}
|
|
100
|
+
function createInfiniteObserver(root, sentinel, onReachEnd, options = null) {
|
|
101
|
+
if (!sentinel || typeof IntersectionObserver !== "function" || !onReachEnd) {
|
|
102
|
+
return null;
|
|
103
|
+
}
|
|
104
|
+
const state = {
|
|
105
|
+
busy: false,
|
|
106
|
+
config: normalizeInfiniteObserverConfig(options),
|
|
107
|
+
destroyed: false,
|
|
108
|
+
mutationObserver: null,
|
|
109
|
+
observer: null,
|
|
110
|
+
onReachEnd,
|
|
111
|
+
resizeObserver: null,
|
|
112
|
+
root,
|
|
113
|
+
scrollTarget: root || window,
|
|
114
|
+
sentinel,
|
|
115
|
+
};
|
|
116
|
+
state.observer = new IntersectionObserver((entries) => {
|
|
117
|
+
entries.forEach((entry) => {
|
|
118
|
+
if (entry.isIntersecting)
|
|
119
|
+
void triggerInfiniteLoad(state);
|
|
120
|
+
});
|
|
121
|
+
}, { root, rootMargin: state.config.rootMargin });
|
|
122
|
+
bindInfiniteScrollEvents(state);
|
|
123
|
+
bindInfiniteMutationObserver(state);
|
|
124
|
+
bindInfiniteResizeObserver(state);
|
|
125
|
+
state.observer.observe(sentinel);
|
|
126
|
+
if (state.config.recheckOnInit)
|
|
127
|
+
scheduleInfiniteVisibilityCheck(state);
|
|
128
|
+
return {
|
|
129
|
+
disconnect() {
|
|
130
|
+
disconnectInfiniteObserver(state);
|
|
131
|
+
},
|
|
132
|
+
observer: state.observer,
|
|
133
|
+
recheck() {
|
|
134
|
+
scheduleInfiniteVisibilityCheck(state);
|
|
135
|
+
},
|
|
136
|
+
};
|
|
137
|
+
}
|
|
138
|
+
export { createInfiniteObserver };
|
|
139
|
+
//# sourceMappingURL=infinite.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"infinite.js","sourceRoot":"","sources":["../../../src/live/infinite.ts"],"names":[],"mappings":"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"}
|
|
@@ -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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"}
|