@ikonai/sdk-react-ui 1.2.0 → 1.3.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/app/use-ikon-app.d.ts +6 -0
- package/auth/auth-service.d.ts +46 -2
- package/auth/index.d.ts +1 -1
- package/fonts/files/crimson-pro-latin-ext-italic.woff2 +0 -0
- package/fonts/files/crimson-pro-latin-ext-normal.woff2 +0 -0
- package/fonts/files/crimson-pro-latin-italic.woff2 +0 -0
- package/fonts/files/crimson-pro-latin-normal.woff2 +0 -0
- package/fonts/files/crimson-pro-vietnamese-italic.woff2 +0 -0
- package/fonts/files/crimson-pro-vietnamese-normal.woff2 +0 -0
- package/fonts/files/inter-cyrillic-ext-italic.woff2 +0 -0
- package/fonts/files/inter-cyrillic-ext-normal.woff2 +0 -0
- package/fonts/files/inter-cyrillic-italic.woff2 +0 -0
- package/fonts/files/inter-cyrillic-normal.woff2 +0 -0
- package/fonts/files/inter-greek-ext-italic.woff2 +0 -0
- package/fonts/files/inter-greek-ext-normal.woff2 +0 -0
- package/fonts/files/inter-greek-italic.woff2 +0 -0
- package/fonts/files/inter-greek-normal.woff2 +0 -0
- package/fonts/files/inter-latin-ext-italic.woff2 +0 -0
- package/fonts/files/inter-latin-ext-normal.woff2 +0 -0
- package/fonts/files/inter-latin-italic.woff2 +0 -0
- package/fonts/files/inter-latin-normal.woff2 +0 -0
- package/fonts/files/inter-vietnamese-italic.woff2 +0 -0
- package/fonts/files/inter-vietnamese-normal.woff2 +0 -0
- package/fonts/files/jetbrains-mono-cyrillic-ext-italic.woff2 +0 -0
- package/fonts/files/jetbrains-mono-cyrillic-ext-normal.woff2 +0 -0
- package/fonts/files/jetbrains-mono-cyrillic-italic.woff2 +0 -0
- package/fonts/files/jetbrains-mono-cyrillic-normal.woff2 +0 -0
- package/fonts/files/jetbrains-mono-greek-italic.woff2 +0 -0
- package/fonts/files/jetbrains-mono-greek-normal.woff2 +0 -0
- package/fonts/files/jetbrains-mono-latin-ext-italic.woff2 +0 -0
- package/fonts/files/jetbrains-mono-latin-ext-normal.woff2 +0 -0
- package/fonts/files/jetbrains-mono-latin-italic.woff2 +0 -0
- package/fonts/files/jetbrains-mono-latin-normal.woff2 +0 -0
- package/fonts/files/jetbrains-mono-vietnamese-italic.woff2 +0 -0
- package/fonts/files/jetbrains-mono-vietnamese-normal.woff2 +0 -0
- package/fonts/files/poppins-devanagari-400-italic.woff2 +0 -0
- package/fonts/files/poppins-devanagari-400-normal.woff2 +0 -0
- package/fonts/files/poppins-devanagari-500-italic.woff2 +0 -0
- package/fonts/files/poppins-devanagari-500-normal.woff2 +0 -0
- package/fonts/files/poppins-devanagari-600-italic.woff2 +0 -0
- package/fonts/files/poppins-devanagari-600-normal.woff2 +0 -0
- package/fonts/files/poppins-devanagari-700-italic.woff2 +0 -0
- package/fonts/files/poppins-devanagari-700-normal.woff2 +0 -0
- package/fonts/files/poppins-latin-400-italic.woff2 +0 -0
- package/fonts/files/poppins-latin-400-normal.woff2 +0 -0
- package/fonts/files/poppins-latin-500-italic.woff2 +0 -0
- package/fonts/files/poppins-latin-500-normal.woff2 +0 -0
- package/fonts/files/poppins-latin-600-italic.woff2 +0 -0
- package/fonts/files/poppins-latin-600-normal.woff2 +0 -0
- package/fonts/files/poppins-latin-700-italic.woff2 +0 -0
- package/fonts/files/poppins-latin-700-normal.woff2 +0 -0
- package/fonts/files/poppins-latin-ext-400-italic.woff2 +0 -0
- package/fonts/files/poppins-latin-ext-400-normal.woff2 +0 -0
- package/fonts/files/poppins-latin-ext-500-italic.woff2 +0 -0
- package/fonts/files/poppins-latin-ext-500-normal.woff2 +0 -0
- package/fonts/files/poppins-latin-ext-600-italic.woff2 +0 -0
- package/fonts/files/poppins-latin-ext-600-normal.woff2 +0 -0
- package/fonts/files/poppins-latin-ext-700-italic.woff2 +0 -0
- package/fonts/files/poppins-latin-ext-700-normal.woff2 +0 -0
- package/fonts/ikon-fonts.css +1379 -0
- package/fonts/licenses/crimson-pro-OFL.txt +93 -0
- package/fonts/licenses/inter-OFL.txt +93 -0
- package/fonts/licenses/jetbrains-mono-OFL.txt +93 -0
- package/fonts/licenses/poppins-OFL.txt +93 -0
- package/hooks/index.d.ts +0 -1
- package/index.d.ts +1 -1
- package/index.js +840 -797
- package/package.json +8 -3
- package/theme/ikon-app.css +246 -0
- package/theme/ikon-auth.css +311 -0
- package/theme/ikon-surface.css +111 -0
- package/theme/ikon-tokens.css +132 -0
- package/hooks/use-lazy-font.d.ts +0 -18
package/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { IkonUiCore as e, LiveSnapshotCache as t, UiStreamStore as n, UiStreamStore as r, isPrerenderVisible as i, prefetchBootSnapshot as a } from "@ikonai/sdk-ui";
|
|
2
|
-
import { AccessDeniedError as o,
|
|
3
|
-
import { Fragment as
|
|
4
|
-
import { Fragment as
|
|
2
|
+
import { AccessDeniedError as o, AppStartupFailedError as s, AuthenticationError as c, IKON_INSPECT_MODE_CHANGED_EVENT as l, IkonClient as u, LogLevel as d, ProvisioningTimeoutError as f, ServerFullError as p, ServerUnavailableError as m, SessionNotFoundError as h, abortSignalTimeout as g, clearLoginPrompt as _, createLogger as v, deriveAuthUrl as y, deriveBackendType as ee, deriveCrossOriginAuthUrl as b, extractUserIdFromToken as x, getDebugOverlayParam as te, getLangParam as ne, getLoginPromptState as re, getOrCreateDeviceId as ie, getSameOriginAuthUrl as S, isCloudEnvironment as ae, isDebugModeEnabled as oe, isInspectModeEnabled as C, parseUrlParams as se, randomUuid as ce, reportConnectTimeline as le, subscribeLoginPrompt as w, subscribeToLogEvents as ue } from "@ikonai/sdk";
|
|
3
|
+
import { Fragment as de, createContext as fe, memo as T, use as E, useCallback as D, useEffect as O, useLayoutEffect as pe, useMemo as k, useReducer as me, useRef as A, useState as j, useSyncExternalStore as M } from "react";
|
|
4
|
+
import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
|
|
5
5
|
//#region src/renderer/use-root-view.ts
|
|
6
|
-
function
|
|
7
|
-
let n =
|
|
6
|
+
function he(e, t) {
|
|
7
|
+
let n = M((t) => e.subscribe(t), () => {
|
|
8
8
|
let n = e.getSnapshot(), r = t ?? n.rootViewId, i = r ? n.views.get(r) : void 0;
|
|
9
9
|
return `${r ?? ""}:${i?.id ?? ""}`;
|
|
10
10
|
}, () => {
|
|
11
11
|
let n = e.getSnapshot(), r = t ?? n.rootViewId, i = r ? n.views.get(r) : void 0;
|
|
12
12
|
return `${r ?? ""}:${i?.id ?? ""}`;
|
|
13
13
|
});
|
|
14
|
-
return
|
|
14
|
+
return k(() => {
|
|
15
15
|
let [e, t] = n.split(":");
|
|
16
16
|
return {
|
|
17
17
|
rootViewId: e || void 0,
|
|
@@ -21,9 +21,9 @@ function fe(e, t) {
|
|
|
21
21
|
}
|
|
22
22
|
//#endregion
|
|
23
23
|
//#region src/renderer/use-ui-node.ts
|
|
24
|
-
function
|
|
25
|
-
let n =
|
|
26
|
-
return
|
|
24
|
+
function I(e, t) {
|
|
25
|
+
let n = M((n) => e.subscribeNode(t, n), () => e.getNodeVersion(t), () => e.getNodeVersion(t));
|
|
26
|
+
return k(() => e.getNode(t), [
|
|
27
27
|
e,
|
|
28
28
|
t,
|
|
29
29
|
n
|
|
@@ -31,8 +31,8 @@ function L(e, t) {
|
|
|
31
31
|
}
|
|
32
32
|
//#endregion
|
|
33
33
|
//#region src/renderer/ui-renderer.tsx
|
|
34
|
-
var
|
|
35
|
-
function
|
|
34
|
+
var ge = v("UIRenderer");
|
|
35
|
+
function _e(e) {
|
|
36
36
|
if (e === void 0) return "{}";
|
|
37
37
|
if (typeof e == "string") return e;
|
|
38
38
|
try {
|
|
@@ -41,37 +41,37 @@ function me(e) {
|
|
|
41
41
|
return "{}";
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function ve(e) {
|
|
45
45
|
let t = e.styleIds;
|
|
46
46
|
return Array.isArray(t) ? t : [];
|
|
47
47
|
}
|
|
48
|
-
var
|
|
49
|
-
function
|
|
50
|
-
let [t, n] =
|
|
51
|
-
return
|
|
48
|
+
var L = 1500;
|
|
49
|
+
function ye(e) {
|
|
50
|
+
let [t, n] = j(0);
|
|
51
|
+
return O(() => {
|
|
52
52
|
if (e.subscribe) return e.subscribe(() => n((e) => e + 1));
|
|
53
53
|
}, [e]), t;
|
|
54
54
|
}
|
|
55
|
-
function
|
|
56
|
-
let [i, a] =
|
|
55
|
+
function be({ nodeType: e, nodeId: t, context: n, className: r }) {
|
|
56
|
+
let [i, a] = j(!1), o = I(n.store, t), s = ye(n.library), c = k(() => o ? n.library.resolve(o) : void 0, [
|
|
57
57
|
n.library,
|
|
58
58
|
o,
|
|
59
59
|
s
|
|
60
60
|
]);
|
|
61
|
-
return
|
|
62
|
-
let e = setTimeout(() => a(!0),
|
|
61
|
+
return O(() => {
|
|
62
|
+
let e = setTimeout(() => a(!0), L);
|
|
63
63
|
return () => clearTimeout(e);
|
|
64
|
-
}, [e]),
|
|
65
|
-
!i || c ||
|
|
64
|
+
}, [e]), O(() => {
|
|
65
|
+
!i || c || ge.error(`No React resolver is registered for node type '${e}', so it renders as an error placeholder instead of the component you expected. A custom node needs all four parts: (1) the React component, (2) a resolver that matches '${e}', (3) a registerModule(...) call for it in app.tsx, and (4) the C# view.AddNode("${e}", ...) extension. Prefer native view.* components where they fit.`);
|
|
66
66
|
}, [
|
|
67
67
|
i,
|
|
68
68
|
c,
|
|
69
69
|
e
|
|
70
|
-
]), c ? /* @__PURE__ */
|
|
70
|
+
]), c ? /* @__PURE__ */ P(c, {
|
|
71
71
|
nodeId: t,
|
|
72
72
|
context: n,
|
|
73
73
|
className: r
|
|
74
|
-
}) : i ? /* @__PURE__ */
|
|
74
|
+
}) : i ? /* @__PURE__ */ P("div", {
|
|
75
75
|
"data-ikon-node-id": t,
|
|
76
76
|
"data-ikon-unresolved-node": e,
|
|
77
77
|
role: "alert",
|
|
@@ -87,69 +87,69 @@ function _e({ nodeType: e, nodeId: t, context: n, className: r }) {
|
|
|
87
87
|
children: `Unregistered node type: ${e}\nNo React resolver is registered for it — register the component's module in app.tsx (see the console for details).`
|
|
88
88
|
}) : null;
|
|
89
89
|
}
|
|
90
|
-
function
|
|
90
|
+
function xe(e) {
|
|
91
91
|
let t = e.children;
|
|
92
92
|
return Array.isArray(t) ? t : [];
|
|
93
93
|
}
|
|
94
|
-
function
|
|
94
|
+
function Se(e, t) {
|
|
95
95
|
return e.nodeId === t.nodeId && e.context === t.context;
|
|
96
96
|
}
|
|
97
|
-
function
|
|
97
|
+
function Ce(e) {
|
|
98
98
|
if (e.length === 0) return "";
|
|
99
99
|
if (e.length === 1) return e[0].id;
|
|
100
100
|
let t = e[0].id;
|
|
101
101
|
for (let n = 1; n < e.length; n++) t += "," + e[n].id;
|
|
102
102
|
return t;
|
|
103
103
|
}
|
|
104
|
-
var
|
|
105
|
-
let r =
|
|
104
|
+
var we = T(function e({ nodeId: t, context: n }) {
|
|
105
|
+
let r = I(n.store, t), i = r ? xe(r) : [], a = Ce(i), o = k(() => i.length === 0 ? null : i.map((t) => /* @__PURE__ */ P(e, {
|
|
106
106
|
nodeId: t.id,
|
|
107
107
|
context: n
|
|
108
108
|
}, t.id)), [a, n]);
|
|
109
109
|
if (!r) return null;
|
|
110
|
-
if (r.type === "root") return /* @__PURE__ */
|
|
111
|
-
let s =
|
|
112
|
-
return l ? /* @__PURE__ */
|
|
110
|
+
if (r.type === "root") return /* @__PURE__ */ P(de, { children: o }, r.id);
|
|
111
|
+
let s = ve(r), c = s.length > 0 ? s.join(" ") : void 0, l = n.library.resolve(r);
|
|
112
|
+
return l ? /* @__PURE__ */ P(l, {
|
|
113
113
|
nodeId: t,
|
|
114
114
|
context: n,
|
|
115
115
|
className: c
|
|
116
|
-
}) : /* @__PURE__ */
|
|
116
|
+
}) : /* @__PURE__ */ P(be, {
|
|
117
117
|
nodeType: r.type,
|
|
118
118
|
nodeId: r.id,
|
|
119
119
|
context: n,
|
|
120
120
|
className: c
|
|
121
121
|
});
|
|
122
|
-
},
|
|
123
|
-
function
|
|
124
|
-
return !Array.isArray(e) || e.length === 0 ? null : e.map((e) => /* @__PURE__ */
|
|
122
|
+
}, Se);
|
|
123
|
+
function Te(e, t) {
|
|
124
|
+
return !Array.isArray(e) || e.length === 0 ? null : e.map((e) => /* @__PURE__ */ P(we, {
|
|
125
125
|
nodeId: e.id,
|
|
126
126
|
context: t
|
|
127
127
|
}, e.id));
|
|
128
128
|
}
|
|
129
|
-
function
|
|
129
|
+
function Ee(e, t) {
|
|
130
130
|
return e.store === t.store && e.library === t.library && e.viewId === t.viewId && e.emptyFallback === t.emptyFallback;
|
|
131
131
|
}
|
|
132
|
-
var
|
|
133
|
-
let { rootViewId: s, rootNodeId: c } =
|
|
132
|
+
var De = T(function({ store: e, library: t, viewId: n, emptyFallback: r = null, onAction: i, client: a, video: o }) {
|
|
133
|
+
let { rootViewId: s, rootNodeId: c } = he(e, n), l = A(i);
|
|
134
134
|
l.current = i;
|
|
135
|
-
let u =
|
|
135
|
+
let u = A(a);
|
|
136
136
|
u.current = a;
|
|
137
|
-
let d =
|
|
137
|
+
let d = A(o);
|
|
138
138
|
d.current = o;
|
|
139
|
-
let f =
|
|
139
|
+
let f = D((e, t) => {
|
|
140
140
|
if (!e) return;
|
|
141
|
-
let n =
|
|
141
|
+
let n = _e(t);
|
|
142
142
|
l.current?.(e, n);
|
|
143
|
-
}, []), p =
|
|
143
|
+
}, []), p = k(() => {
|
|
144
144
|
let n = {
|
|
145
145
|
store: e,
|
|
146
146
|
library: t,
|
|
147
147
|
handlerCache: e.handlerCache,
|
|
148
148
|
getPayload: (t) => e.getSnapshot().payloads.get(t),
|
|
149
|
-
renderChildren: (e) =>
|
|
149
|
+
renderChildren: (e) => Te(e, n),
|
|
150
150
|
renderView: (t) => {
|
|
151
151
|
let r = e.getSnapshot().views.get(t);
|
|
152
|
-
return r ? /* @__PURE__ */
|
|
152
|
+
return r ? /* @__PURE__ */ P(we, {
|
|
153
153
|
nodeId: r.id,
|
|
154
154
|
context: n
|
|
155
155
|
}) : null;
|
|
@@ -168,15 +168,15 @@ var we = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
|
|
|
168
168
|
t,
|
|
169
169
|
f
|
|
170
170
|
]);
|
|
171
|
-
return !s || !c ? r : /* @__PURE__ */
|
|
171
|
+
return !s || !c ? r : /* @__PURE__ */ P("div", {
|
|
172
172
|
"data-ikon-view-id": s,
|
|
173
173
|
style: { display: "contents" },
|
|
174
|
-
children: /* @__PURE__ */
|
|
174
|
+
children: /* @__PURE__ */ P(we, {
|
|
175
175
|
nodeId: c,
|
|
176
176
|
context: p
|
|
177
177
|
})
|
|
178
178
|
});
|
|
179
|
-
},
|
|
179
|
+
}, Ee), Oe = class {
|
|
180
180
|
fallback;
|
|
181
181
|
renderers = /* @__PURE__ */ new Map();
|
|
182
182
|
listeners = /* @__PURE__ */ new Set();
|
|
@@ -201,29 +201,29 @@ var we = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
|
|
|
201
201
|
for (let e of this.listeners) e();
|
|
202
202
|
}
|
|
203
203
|
};
|
|
204
|
-
function
|
|
205
|
-
return new
|
|
204
|
+
function ke(e, t) {
|
|
205
|
+
return new Oe(Object.entries(e), t);
|
|
206
206
|
}
|
|
207
207
|
//#endregion
|
|
208
208
|
//#region src/renderer/use-ui-store.ts
|
|
209
|
-
function
|
|
210
|
-
return
|
|
209
|
+
function Ae(e) {
|
|
210
|
+
return M((t) => e.subscribe(t), () => e.getSnapshot(), () => e.getSnapshot());
|
|
211
211
|
}
|
|
212
212
|
//#endregion
|
|
213
213
|
//#region src/inspect/inspect-overlay.tsx
|
|
214
|
-
function
|
|
215
|
-
let [e, t] =
|
|
216
|
-
return
|
|
214
|
+
function je() {
|
|
215
|
+
let [e, t] = j(C), n = A(!1);
|
|
216
|
+
return O(() => {
|
|
217
217
|
if (e) return;
|
|
218
218
|
let r = () => {
|
|
219
|
-
|
|
219
|
+
C() && t(!0);
|
|
220
220
|
}, i = (e) => {
|
|
221
221
|
e.data?.type === "ikon-inspect-mode" && e.data.enabled && (n.current = !0, t(!0));
|
|
222
222
|
};
|
|
223
|
-
return window.addEventListener(
|
|
224
|
-
window.removeEventListener(
|
|
223
|
+
return window.addEventListener(l, r), window.addEventListener("message", i), () => {
|
|
224
|
+
window.removeEventListener(l, r), window.removeEventListener("message", i);
|
|
225
225
|
};
|
|
226
|
-
}, [e]),
|
|
226
|
+
}, [e]), O(() => {
|
|
227
227
|
if (!e) return;
|
|
228
228
|
let t = window.parent === window || n.current, r = null, i = [], a = document.createElement("div");
|
|
229
229
|
a.style.cssText = "position:fixed;z-index:99999;pointer-events:none;padding:2px 6px;background:#1e1e2e;color:#cdd6f4;font-size:11px;border-radius:4px;border:1px solid #45475a;white-space:nowrap;display:none;font-family:monospace;", document.body.appendChild(a);
|
|
@@ -351,20 +351,20 @@ function Oe() {
|
|
|
351
351
|
}
|
|
352
352
|
//#endregion
|
|
353
353
|
//#region src/surface.tsx
|
|
354
|
-
var
|
|
355
|
-
function
|
|
354
|
+
var Me = v("IkonUiSurface"), Ne = "ikon-ui";
|
|
355
|
+
function Pe(e, t) {
|
|
356
356
|
return e === t;
|
|
357
357
|
}
|
|
358
|
-
var
|
|
359
|
-
let a =
|
|
358
|
+
var Fe = T(function({ stores: e, registry: t, category: n = Ne, onAction: r, client: i }) {
|
|
359
|
+
let a = k(() => Array.from(e.keys()).sort().join(","), [e]), o = A(r);
|
|
360
360
|
o.current = r;
|
|
361
|
-
let s =
|
|
361
|
+
let s = A(i);
|
|
362
362
|
s.current = i;
|
|
363
|
-
let c =
|
|
363
|
+
let c = k(() => {
|
|
364
364
|
let t = [];
|
|
365
365
|
for (let [r, i] of e) {
|
|
366
366
|
let e = i.store.getSnapshot();
|
|
367
|
-
|
|
367
|
+
Pe(i.category, n) && (!e.rootViewId || !e.views.has(e.rootViewId) || t.push({
|
|
368
368
|
key: r,
|
|
369
369
|
store: i.store
|
|
370
370
|
}));
|
|
@@ -374,17 +374,17 @@ var z = D(function({ stores: e, registry: t, category: n = Ae, onAction: r, clie
|
|
|
374
374
|
e,
|
|
375
375
|
n,
|
|
376
376
|
a
|
|
377
|
-
]), l =
|
|
378
|
-
return
|
|
379
|
-
u && !l.current && (l.current = !0,
|
|
380
|
-
}, [u]), u ? /* @__PURE__ */
|
|
377
|
+
]), l = A(!1), u = c.length > 0;
|
|
378
|
+
return O(() => {
|
|
379
|
+
u && !l.current && (l.current = !0, Me.debug("First UI render"));
|
|
380
|
+
}, [u]), u ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(je, {}), c.map(({ key: e, store: n }) => /* @__PURE__ */ P(De, {
|
|
381
381
|
store: n,
|
|
382
382
|
library: t,
|
|
383
383
|
onAction: o.current,
|
|
384
384
|
client: s.current,
|
|
385
385
|
video: s.current?.media?.video
|
|
386
386
|
}, e))] }) : null;
|
|
387
|
-
}),
|
|
387
|
+
}), Ie = class {
|
|
388
388
|
core;
|
|
389
389
|
ownsCore;
|
|
390
390
|
stores = /* @__PURE__ */ new Map();
|
|
@@ -456,7 +456,7 @@ var z = D(function({ stores: e, registry: t, category: n = Ae, onAction: r, clie
|
|
|
456
456
|
let t = this.stores.get(e);
|
|
457
457
|
if (t) return t;
|
|
458
458
|
let n = {
|
|
459
|
-
category:
|
|
459
|
+
category: Ne,
|
|
460
460
|
store: new r()
|
|
461
461
|
};
|
|
462
462
|
return this.stores.set(e, n), n;
|
|
@@ -476,13 +476,13 @@ var z = D(function({ stores: e, registry: t, category: n = Ae, onAction: r, clie
|
|
|
476
476
|
};
|
|
477
477
|
//#endregion
|
|
478
478
|
//#region src/base/base-div.tsx
|
|
479
|
-
function
|
|
479
|
+
function R(e) {
|
|
480
480
|
if (typeof e == "string") {
|
|
481
481
|
let t = e.trim();
|
|
482
482
|
return t.length > 0 ? t : void 0;
|
|
483
483
|
}
|
|
484
484
|
}
|
|
485
|
-
function
|
|
485
|
+
function z(e) {
|
|
486
486
|
if (typeof e == "string") {
|
|
487
487
|
let t = e.trim();
|
|
488
488
|
return t.length > 0 ? t : void 0;
|
|
@@ -492,7 +492,7 @@ function B(e) {
|
|
|
492
492
|
return t.length > 0 ? t.join(" ") : void 0;
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
|
-
function
|
|
495
|
+
function B(...e) {
|
|
496
496
|
let t = "";
|
|
497
497
|
for (let n of e) if (n) {
|
|
498
498
|
let e = n.trim();
|
|
@@ -500,8 +500,8 @@ function Pe(...e) {
|
|
|
500
500
|
}
|
|
501
501
|
return t || void 0;
|
|
502
502
|
}
|
|
503
|
-
var
|
|
504
|
-
function
|
|
503
|
+
var Le = /* @__PURE__ */ new WeakMap(), Re = {};
|
|
504
|
+
function ze(e) {
|
|
505
505
|
let t = {};
|
|
506
506
|
for (let n of e.split(";")) {
|
|
507
507
|
let e = n.indexOf(":");
|
|
@@ -513,28 +513,28 @@ function Le(e) {
|
|
|
513
513
|
}
|
|
514
514
|
return t;
|
|
515
515
|
}
|
|
516
|
-
function
|
|
516
|
+
function Be(e, t) {
|
|
517
517
|
let n = e && typeof e == "object" ? e : void 0;
|
|
518
518
|
return t ? {
|
|
519
519
|
...n ?? {},
|
|
520
520
|
cursor: t
|
|
521
521
|
} : n;
|
|
522
522
|
}
|
|
523
|
-
function
|
|
524
|
-
if (!e) return
|
|
525
|
-
let t =
|
|
523
|
+
function V(e) {
|
|
524
|
+
if (!e) return Re;
|
|
525
|
+
let t = Le.get(e);
|
|
526
526
|
if (t) return t;
|
|
527
527
|
let n = {};
|
|
528
528
|
for (let [t, r] of Object.entries(e)) if (r != null) {
|
|
529
529
|
if (t === "style" && typeof r == "string") {
|
|
530
|
-
n[t] =
|
|
530
|
+
n[t] = ze(r);
|
|
531
531
|
continue;
|
|
532
532
|
}
|
|
533
533
|
(typeof r == "string" || typeof r == "number" || typeof r == "boolean") && (n[t] = r);
|
|
534
534
|
}
|
|
535
|
-
return
|
|
535
|
+
return Le.set(e, n), n;
|
|
536
536
|
}
|
|
537
|
-
function
|
|
537
|
+
function Ve(e) {
|
|
538
538
|
let t = e.parentElement;
|
|
539
539
|
for (; t;) {
|
|
540
540
|
let e = window.getComputedStyle(t).overflowY;
|
|
@@ -543,34 +543,34 @@ function ze(e) {
|
|
|
543
543
|
}
|
|
544
544
|
return null;
|
|
545
545
|
}
|
|
546
|
-
var
|
|
547
|
-
function
|
|
546
|
+
var He = 1.5;
|
|
547
|
+
function H(e, t) {
|
|
548
548
|
requestAnimationFrame(() => {
|
|
549
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.scrollTop + (r.bottom - n.bottom) + 16, a = Math.abs(i - e.scrollTop) > e.clientHeight *
|
|
549
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.scrollTop + (r.bottom - n.bottom) + 16, a = Math.abs(i - e.scrollTop) > e.clientHeight * He ? "auto" : "smooth";
|
|
550
550
|
"scrollBehavior" in document.documentElement.style ? e.scrollTo({
|
|
551
551
|
top: i,
|
|
552
552
|
behavior: a
|
|
553
553
|
}) : e.scrollTop = i;
|
|
554
554
|
});
|
|
555
555
|
}
|
|
556
|
-
var
|
|
557
|
-
function
|
|
558
|
-
return Math.max(e.clientHeight *
|
|
556
|
+
var U = "data-ikon-scroll-indicator", Ue = .15, W = "data-ikon-at-bottom";
|
|
557
|
+
function We(e) {
|
|
558
|
+
return Math.max(e.clientHeight * Ue, 20);
|
|
559
559
|
}
|
|
560
|
-
function
|
|
561
|
-
return e.getAttribute(
|
|
560
|
+
function Ge(e) {
|
|
561
|
+
return e.getAttribute(W) !== "false";
|
|
562
562
|
}
|
|
563
|
-
function
|
|
564
|
-
e.getAttribute(
|
|
565
|
-
let { scrollTop: t, scrollHeight: n, clientHeight: r } = e, i = n - t - r <=
|
|
566
|
-
e.setAttribute(
|
|
563
|
+
function Ke(e) {
|
|
564
|
+
e.getAttribute(W) === null && (e.setAttribute(W, "true"), e.addEventListener("scroll", () => {
|
|
565
|
+
let { scrollTop: t, scrollHeight: n, clientHeight: r } = e, i = n - t - r <= We(e);
|
|
566
|
+
e.setAttribute(W, i ? "true" : "false");
|
|
567
567
|
}, { passive: !0 }));
|
|
568
568
|
}
|
|
569
|
-
function
|
|
570
|
-
let t = e.parentElement ?? e, n = t.querySelector(`[${
|
|
569
|
+
function qe(e) {
|
|
570
|
+
let t = e.parentElement ?? e, n = t.querySelector(`[${U}]`);
|
|
571
571
|
if (n) return n;
|
|
572
572
|
let r = document.createElement("button");
|
|
573
|
-
return r.setAttribute(
|
|
573
|
+
return r.setAttribute(U, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
|
|
574
574
|
position: "absolute",
|
|
575
575
|
bottom: "12px",
|
|
576
576
|
left: "50%",
|
|
@@ -598,36 +598,36 @@ function We(e) {
|
|
|
598
598
|
r.style.opacity = "0.9";
|
|
599
599
|
}), t.appendChild(r), r;
|
|
600
600
|
}
|
|
601
|
-
function
|
|
602
|
-
let n =
|
|
601
|
+
function Je(e, t) {
|
|
602
|
+
let n = qe(e);
|
|
603
603
|
n.style.display = "flex";
|
|
604
604
|
let r = () => {
|
|
605
|
-
|
|
605
|
+
H(e, t), n.style.display = "none";
|
|
606
606
|
}, i = () => {
|
|
607
607
|
let { scrollTop: t, scrollHeight: r, clientHeight: i } = e;
|
|
608
|
-
r - t - i <=
|
|
608
|
+
r - t - i <= We(e) && (n.style.display = "none");
|
|
609
609
|
};
|
|
610
610
|
return n.addEventListener("click", r), e.addEventListener("scroll", i, { passive: !0 }), () => {
|
|
611
611
|
n.removeEventListener("click", r), e.removeEventListener("scroll", i);
|
|
612
612
|
};
|
|
613
613
|
}
|
|
614
|
-
function
|
|
615
|
-
let e =
|
|
616
|
-
let n =
|
|
617
|
-
return
|
|
614
|
+
function Ye() {
|
|
615
|
+
let e = T(function({ nodeId: e, context: t }) {
|
|
616
|
+
let n = I(t.store, e), r = A(null), i = z(n?.props?.targetViewId), a = n?.props?.focusOnly, o = typeof a == "boolean" ? a : void 0, s = z(n?.props?.priority), c = z(n?.props?.key), l = n?.props?.preciseGeneratedAt;
|
|
617
|
+
return O(() => {
|
|
618
618
|
if (typeof document > "u") return;
|
|
619
619
|
let e = r.current;
|
|
620
620
|
if (!e || i && e.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i) return;
|
|
621
621
|
let t;
|
|
622
622
|
if (o !== !0) {
|
|
623
|
-
let n =
|
|
624
|
-
if (n) if (
|
|
623
|
+
let n = Ve(e);
|
|
624
|
+
if (n) if (Ke(n), s === "Polite" && !Ge(n)) t = Je(n, e);
|
|
625
625
|
else {
|
|
626
|
-
let t = (n.parentElement ?? n).querySelector(`[${
|
|
627
|
-
t && (t.style.display = "none"),
|
|
626
|
+
let t = (n.parentElement ?? n).querySelector(`[${U}]`);
|
|
627
|
+
t && (t.style.display = "none"), H(n, e);
|
|
628
628
|
}
|
|
629
629
|
else typeof e.scrollIntoView == "function" && requestAnimationFrame(() => {
|
|
630
|
-
let t = e.getBoundingClientRect().top, n = typeof window < "u" ? window.innerHeight : 0, r = Math.abs(t) > n *
|
|
630
|
+
let t = e.getBoundingClientRect().top, n = typeof window < "u" ? window.innerHeight : 0, r = Math.abs(t) > n * He ? "auto" : "smooth";
|
|
631
631
|
try {
|
|
632
632
|
e.scrollIntoView({
|
|
633
633
|
behavior: r,
|
|
@@ -652,7 +652,7 @@ function Ke() {
|
|
|
652
652
|
i,
|
|
653
653
|
c,
|
|
654
654
|
l
|
|
655
|
-
]), n ? /* @__PURE__ */
|
|
655
|
+
]), n ? /* @__PURE__ */ P("span", {
|
|
656
656
|
ref: r,
|
|
657
657
|
"data-ikon-node-id": n.id,
|
|
658
658
|
"data-ikon-source": n.sourceMarker,
|
|
@@ -670,16 +670,16 @@ function Ke() {
|
|
|
670
670
|
if (t === "std.focus-hint") return e;
|
|
671
671
|
};
|
|
672
672
|
}
|
|
673
|
-
function
|
|
674
|
-
let e =
|
|
675
|
-
let r =
|
|
673
|
+
function Xe() {
|
|
674
|
+
let e = T(function({ nodeId: e, context: t, className: n }) {
|
|
675
|
+
let r = I(t.store, e), i = R(r?.props?.onInvokeId), a = D(() => {
|
|
676
676
|
i && t.dispatchAction(i);
|
|
677
677
|
}, [i, t]);
|
|
678
678
|
if (!r) return null;
|
|
679
|
-
let o =
|
|
679
|
+
let o = V(r.props);
|
|
680
680
|
delete o.onInvokeId;
|
|
681
|
-
let s =
|
|
682
|
-
return /* @__PURE__ */
|
|
681
|
+
let s = B(z(r.props?.className), n), c = r.children?.length ? t.renderChildren(r.children) : void 0;
|
|
682
|
+
return /* @__PURE__ */ P("div", {
|
|
683
683
|
...o,
|
|
684
684
|
"data-ikon-node-id": r.id,
|
|
685
685
|
"data-ikon-source": r.sourceMarker,
|
|
@@ -690,7 +690,7 @@ function qe() {
|
|
|
690
690
|
onKeyDown: i ? (e) => {
|
|
691
691
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
|
|
692
692
|
} : void 0,
|
|
693
|
-
style:
|
|
693
|
+
style: Be(o.style, i ? "pointer" : void 0),
|
|
694
694
|
children: c
|
|
695
695
|
});
|
|
696
696
|
});
|
|
@@ -698,12 +698,12 @@ function qe() {
|
|
|
698
698
|
if (t === "std.div") return e;
|
|
699
699
|
};
|
|
700
700
|
}
|
|
701
|
-
function
|
|
702
|
-
let e =
|
|
703
|
-
let r =
|
|
701
|
+
function Ze() {
|
|
702
|
+
let e = T(function({ nodeId: e, context: t, className: n }) {
|
|
703
|
+
let r = I(t.store, e);
|
|
704
704
|
if (!r) return null;
|
|
705
|
-
let i =
|
|
706
|
-
return /* @__PURE__ */
|
|
705
|
+
let i = V(r.props), a = B("relative", z(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
|
|
706
|
+
return /* @__PURE__ */ P("div", {
|
|
707
707
|
...i,
|
|
708
708
|
"data-ikon-node-id": r.id,
|
|
709
709
|
"data-ikon-source": r.sourceMarker,
|
|
@@ -715,12 +715,12 @@ function Je() {
|
|
|
715
715
|
if (t === "std.stack") return e;
|
|
716
716
|
};
|
|
717
717
|
}
|
|
718
|
-
function
|
|
719
|
-
let e =
|
|
720
|
-
let r =
|
|
718
|
+
function Qe() {
|
|
719
|
+
let e = T(function({ nodeId: e, context: t, className: n }) {
|
|
720
|
+
let r = I(t.store, e);
|
|
721
721
|
if (!r) return null;
|
|
722
|
-
let i =
|
|
723
|
-
return /* @__PURE__ */
|
|
722
|
+
let i = V(r.props), a = B("absolute", z(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
|
|
723
|
+
return /* @__PURE__ */ P("div", {
|
|
724
724
|
...i,
|
|
725
725
|
"data-ikon-node-id": r.id,
|
|
726
726
|
"data-ikon-source": r.sourceMarker,
|
|
@@ -732,23 +732,23 @@ function Ye() {
|
|
|
732
732
|
if (t === "std.layer") return e;
|
|
733
733
|
};
|
|
734
734
|
}
|
|
735
|
-
function
|
|
735
|
+
function $e() {
|
|
736
736
|
return [
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
737
|
+
Xe(),
|
|
738
|
+
Ze(),
|
|
739
|
+
Qe(),
|
|
740
|
+
Ye()
|
|
741
741
|
];
|
|
742
742
|
}
|
|
743
743
|
//#endregion
|
|
744
744
|
//#region src/base/base-module.ts
|
|
745
|
-
var
|
|
746
|
-
function
|
|
747
|
-
e.registerModule(
|
|
745
|
+
var et = "base", tt = async () => $e();
|
|
746
|
+
function nt(e) {
|
|
747
|
+
e.registerModule(et, tt);
|
|
748
748
|
}
|
|
749
749
|
//#endregion
|
|
750
750
|
//#region src/media/audio-player.tsx
|
|
751
|
-
function
|
|
751
|
+
function rt(e) {
|
|
752
752
|
if (typeof e == "string") {
|
|
753
753
|
let t = e.trim();
|
|
754
754
|
return t.length > 0 ? t : void 0;
|
|
@@ -758,17 +758,17 @@ function et(e) {
|
|
|
758
758
|
return t.length > 0 ? t.join(" ") : void 0;
|
|
759
759
|
}
|
|
760
760
|
}
|
|
761
|
-
function
|
|
761
|
+
function it(...e) {
|
|
762
762
|
let t = [];
|
|
763
763
|
for (let n of e) n && n.trim() && t.push(n.trim());
|
|
764
764
|
return t.length > 0 ? t.join(" ") : void 0;
|
|
765
765
|
}
|
|
766
|
-
function
|
|
766
|
+
function at(e) {
|
|
767
767
|
if (typeof e != "string") return;
|
|
768
768
|
let t = e.trim();
|
|
769
769
|
return t.length > 0 ? t : void 0;
|
|
770
770
|
}
|
|
771
|
-
function
|
|
771
|
+
function ot(e) {
|
|
772
772
|
if (typeof e == "boolean") return e;
|
|
773
773
|
if (typeof e == "string") {
|
|
774
774
|
let t = e.trim().toLowerCase();
|
|
@@ -776,14 +776,14 @@ function rt(e) {
|
|
|
776
776
|
if (t === "false") return !1;
|
|
777
777
|
}
|
|
778
778
|
}
|
|
779
|
-
function
|
|
780
|
-
let e =
|
|
781
|
-
let r =
|
|
782
|
-
if (
|
|
779
|
+
function st() {
|
|
780
|
+
let e = T(function({ nodeId: e, context: t, className: n }) {
|
|
781
|
+
let r = I(t.store, e), i = A(null), a = r ? ot(r.props?.autoplay) : void 0, o = r ? at(r.props?.src) : void 0;
|
|
782
|
+
if (O(() => {
|
|
783
783
|
a && i.current && i.current.play().catch(() => {});
|
|
784
784
|
}, [a, o]), !r) return null;
|
|
785
|
-
let s =
|
|
786
|
-
return /* @__PURE__ */
|
|
785
|
+
let s = it(rt(r.props?.className), n), c = at(r.props?.preload), l = ot(r.props?.controls), u = ot(r.props?.loop), d = ot(r.props?.muted);
|
|
786
|
+
return /* @__PURE__ */ P("audio", {
|
|
787
787
|
ref: i,
|
|
788
788
|
src: o,
|
|
789
789
|
...c === void 0 ? {} : { preload: c },
|
|
@@ -802,7 +802,7 @@ function it() {
|
|
|
802
802
|
}
|
|
803
803
|
//#endregion
|
|
804
804
|
//#region src/media/video-canvas.tsx
|
|
805
|
-
function
|
|
805
|
+
function ct(e) {
|
|
806
806
|
if (typeof e == "string") {
|
|
807
807
|
let t = e.trim();
|
|
808
808
|
return t.length > 0 ? t : void 0;
|
|
@@ -812,28 +812,28 @@ function at(e) {
|
|
|
812
812
|
return t.length > 0 ? t.join(" ") : void 0;
|
|
813
813
|
}
|
|
814
814
|
}
|
|
815
|
-
function
|
|
815
|
+
function lt(...e) {
|
|
816
816
|
let t = [];
|
|
817
817
|
for (let n of e) n && n.trim() && t.push(n.trim());
|
|
818
818
|
return t.length > 0 ? t.join(" ") : void 0;
|
|
819
819
|
}
|
|
820
|
-
function
|
|
820
|
+
function ut(e) {
|
|
821
821
|
if (typeof e == "number" && Number.isFinite(e)) return Math.floor(e);
|
|
822
822
|
if (typeof e == "string" && e.trim().length > 0) {
|
|
823
823
|
let t = Number(e);
|
|
824
824
|
if (Number.isFinite(t)) return Math.floor(t);
|
|
825
825
|
}
|
|
826
826
|
}
|
|
827
|
-
function
|
|
827
|
+
function dt(e) {
|
|
828
828
|
if (typeof e != "string") return;
|
|
829
829
|
let t = e.trim();
|
|
830
830
|
return t.length > 0 ? t : void 0;
|
|
831
831
|
}
|
|
832
|
-
var
|
|
833
|
-
function
|
|
834
|
-
let e =
|
|
835
|
-
let r =
|
|
836
|
-
|
|
832
|
+
var ft = v("IkonVideoCanvas"), pt = 100, mt = 50, ht = "std.video-canvas", gt = "std.video-url-player";
|
|
833
|
+
function _t() {
|
|
834
|
+
let e = T(function({ nodeId: e, context: t, className: n }) {
|
|
835
|
+
let r = I(t.store, e), i = A(null), a = A(null), o = t.client, s = r ? dt(r.props?.streamId) : void 0, c = r ? ut(r.props?.width) : void 0, l = r ? ut(r.props?.height) : void 0, u = r ? lt(ct(r.props?.className), n) : n, [, d] = j(0);
|
|
836
|
+
O(() => {
|
|
837
837
|
if (!o?.isWebRtcEnabled) return;
|
|
838
838
|
let e = o.onWebRtcTrackMapChanged;
|
|
839
839
|
return o.onWebRtcTrackMapChanged = (t) => {
|
|
@@ -843,22 +843,22 @@ function mt() {
|
|
|
843
843
|
};
|
|
844
844
|
}, [o]);
|
|
845
845
|
let f = o?.isWebRtcEnabled && s ? o.getWebRtcVideoStreamByStreamId(s) : null;
|
|
846
|
-
return
|
|
846
|
+
return O(() => {
|
|
847
847
|
let e = i.current;
|
|
848
848
|
if (!e || !s || f) return;
|
|
849
849
|
let n = !1, r, a = 0, o = () => {
|
|
850
850
|
if (n) return;
|
|
851
851
|
let i = t.video ?? t.client?.media?.video;
|
|
852
852
|
if (!i) {
|
|
853
|
-
if (a++ >=
|
|
854
|
-
|
|
853
|
+
if (a++ >= mt) {
|
|
854
|
+
ft.warn(`Gave up attaching the canvas for stream ${s}: video playback never became available`);
|
|
855
855
|
return;
|
|
856
856
|
}
|
|
857
|
-
r = setTimeout(o,
|
|
857
|
+
r = setTimeout(o, pt);
|
|
858
858
|
return;
|
|
859
859
|
}
|
|
860
860
|
i.attachCanvas(s, e).catch((e) => {
|
|
861
|
-
|
|
861
|
+
ft.error(`Failed to attach the canvas for stream ${s}, it will stay blank: ${String(e)}`);
|
|
862
862
|
});
|
|
863
863
|
};
|
|
864
864
|
return o(), () => {
|
|
@@ -868,12 +868,12 @@ function mt() {
|
|
|
868
868
|
t,
|
|
869
869
|
s,
|
|
870
870
|
f
|
|
871
|
-
]),
|
|
871
|
+
]), O(() => {
|
|
872
872
|
let e = a.current;
|
|
873
873
|
if (!(!e || !f)) return e.srcObject = f, () => {
|
|
874
874
|
e.srcObject = null;
|
|
875
875
|
};
|
|
876
|
-
}, [f]), r ? f ? /* @__PURE__ */
|
|
876
|
+
}, [f]), r ? f ? /* @__PURE__ */ P("video", {
|
|
877
877
|
ref: a,
|
|
878
878
|
autoPlay: !0,
|
|
879
879
|
playsInline: !0,
|
|
@@ -884,7 +884,7 @@ function mt() {
|
|
|
884
884
|
className: u,
|
|
885
885
|
...c ? { width: c } : {},
|
|
886
886
|
...l ? { height: l } : {}
|
|
887
|
-
}, s) : /* @__PURE__ */
|
|
887
|
+
}, s) : /* @__PURE__ */ P("canvas", {
|
|
888
888
|
ref: i,
|
|
889
889
|
"data-ikon-node-id": r.id,
|
|
890
890
|
"data-ikon-source": r.sourceMarker,
|
|
@@ -898,14 +898,14 @@ function mt() {
|
|
|
898
898
|
if (t === "std.video-canvas") return e;
|
|
899
899
|
};
|
|
900
900
|
}
|
|
901
|
-
function
|
|
901
|
+
function vt() {
|
|
902
902
|
return [
|
|
903
|
-
mt(),
|
|
904
903
|
_t(),
|
|
905
|
-
|
|
904
|
+
bt(),
|
|
905
|
+
st()
|
|
906
906
|
];
|
|
907
907
|
}
|
|
908
|
-
function
|
|
908
|
+
function yt(e) {
|
|
909
909
|
if (typeof e == "boolean") return e;
|
|
910
910
|
if (typeof e == "string") {
|
|
911
911
|
let t = e.trim().toLowerCase();
|
|
@@ -913,14 +913,14 @@ function gt(e) {
|
|
|
913
913
|
if (t === "false") return !1;
|
|
914
914
|
}
|
|
915
915
|
}
|
|
916
|
-
function
|
|
917
|
-
let e =
|
|
918
|
-
let r =
|
|
919
|
-
if (
|
|
916
|
+
function bt() {
|
|
917
|
+
let e = T(function({ nodeId: e, context: t, className: n }) {
|
|
918
|
+
let r = I(t.store, e), i = A(null), a = r ? yt(r.props?.autoplay) : void 0, o = r ? dt(r.props?.src) : void 0;
|
|
919
|
+
if (O(() => {
|
|
920
920
|
a && i.current && i.current.play().catch(() => {});
|
|
921
921
|
}, [a, o]), !r) return null;
|
|
922
|
-
let s =
|
|
923
|
-
return /* @__PURE__ */
|
|
922
|
+
let s = lt(ct(r.props?.className), n), c = dt(r.props?.poster), l = yt(r.props?.controls), u = yt(r.props?.loop), d = yt(r.props?.muted), f = yt(r.props?.playsInline), p = ut(r.props?.width), m = ut(r.props?.height), h = r.children?.length ? t.renderChildren(r.children) : void 0;
|
|
923
|
+
return /* @__PURE__ */ P("video", {
|
|
924
924
|
ref: i,
|
|
925
925
|
src: o,
|
|
926
926
|
poster: c,
|
|
@@ -943,20 +943,20 @@ function _t() {
|
|
|
943
943
|
}
|
|
944
944
|
//#endregion
|
|
945
945
|
//#region src/media/media-module.ts
|
|
946
|
-
var
|
|
947
|
-
function
|
|
948
|
-
e.registerModule(
|
|
946
|
+
var xt = "media", St = async () => vt();
|
|
947
|
+
function Ct(e) {
|
|
948
|
+
e.registerModule(xt, St);
|
|
949
949
|
}
|
|
950
950
|
//#endregion
|
|
951
951
|
//#region src/shadertoy/shadertoy-gl.ts
|
|
952
|
-
var
|
|
953
|
-
function
|
|
952
|
+
var wt = "#version 300 es\nin vec4 a_position;\nvoid main() {\n gl_Position = a_position;\n}\n", Tt = 4;
|
|
953
|
+
function Et(e, t) {
|
|
954
954
|
return RegExp(`\\buniform\\s+\\w+\\s+${t}\\s*;`, "g").test(e);
|
|
955
955
|
}
|
|
956
|
-
function
|
|
956
|
+
function Dt(e, t) {
|
|
957
957
|
let n = [];
|
|
958
958
|
for (let [r, i] of Object.entries(t)) {
|
|
959
|
-
if (
|
|
959
|
+
if (Et(e, r)) continue;
|
|
960
960
|
let t;
|
|
961
961
|
switch (i.type) {
|
|
962
962
|
case "float":
|
|
@@ -1014,7 +1014,7 @@ void main() {
|
|
|
1014
1014
|
}
|
|
1015
1015
|
`;
|
|
1016
1016
|
}
|
|
1017
|
-
var
|
|
1017
|
+
var Ot = class {
|
|
1018
1018
|
gl;
|
|
1019
1019
|
program = null;
|
|
1020
1020
|
positionBuffer = null;
|
|
@@ -1030,7 +1030,7 @@ var Tt = class {
|
|
|
1030
1030
|
mouseClickY = 0;
|
|
1031
1031
|
channels = [];
|
|
1032
1032
|
channelResolution = /* @__PURE__ */ new Float32Array(12);
|
|
1033
|
-
channelTime = new Float32Array(
|
|
1033
|
+
channelTime = new Float32Array(Tt);
|
|
1034
1034
|
lastError = null;
|
|
1035
1035
|
currentShaderSource = "";
|
|
1036
1036
|
constructor(e) {
|
|
@@ -1065,7 +1065,7 @@ var Tt = class {
|
|
|
1065
1065
|
}
|
|
1066
1066
|
initializeChannels() {
|
|
1067
1067
|
let e = this.gl;
|
|
1068
|
-
for (let t = 0; t <
|
|
1068
|
+
for (let t = 0; t < Tt; t++) {
|
|
1069
1069
|
let t = e.createTexture();
|
|
1070
1070
|
e.bindTexture(e.TEXTURE_2D, t), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([
|
|
1071
1071
|
0,
|
|
@@ -1082,7 +1082,7 @@ var Tt = class {
|
|
|
1082
1082
|
e.bindTexture(e.TEXTURE_2D, null);
|
|
1083
1083
|
}
|
|
1084
1084
|
setChannels(e) {
|
|
1085
|
-
for (let t = 0; t <
|
|
1085
|
+
for (let t = 0; t < Tt; t++) {
|
|
1086
1086
|
let n = e[t] ?? null, r = this.channels[t];
|
|
1087
1087
|
if (r.url !== n) {
|
|
1088
1088
|
if (r.url = n, !n) {
|
|
@@ -1113,9 +1113,9 @@ var Tt = class {
|
|
|
1113
1113
|
}
|
|
1114
1114
|
compile(e, t = {}) {
|
|
1115
1115
|
this.lastError = null, this.customUniforms = t, this.currentShaderSource = e;
|
|
1116
|
-
let n = this.gl, r = this.compileShader(n.VERTEX_SHADER,
|
|
1116
|
+
let n = this.gl, r = this.compileShader(n.VERTEX_SHADER, wt);
|
|
1117
1117
|
if (!r) return !1;
|
|
1118
|
-
let i =
|
|
1118
|
+
let i = Dt(e, t), a = this.compileShader(n.FRAGMENT_SHADER, i);
|
|
1119
1119
|
if (!a) return n.deleteShader(r), !1;
|
|
1120
1120
|
let o = n.createProgram();
|
|
1121
1121
|
return o ? (n.attachShader(o, r), n.attachShader(o, a), n.linkProgram(o), n.deleteShader(r), n.deleteShader(a), n.getProgramParameter(o, n.LINK_STATUS) ? (this.program && n.deleteProgram(this.program), this.program = o, this.cacheUniformLocations(), !0) : (this.lastError = n.getProgramInfoLog(o) || "Program link failed", n.deleteProgram(o), !1)) : (this.lastError = "Failed to create program", n.deleteShader(r), n.deleteShader(a), !1);
|
|
@@ -1139,7 +1139,7 @@ var Tt = class {
|
|
|
1139
1139
|
"iMouse",
|
|
1140
1140
|
"iDate"
|
|
1141
1141
|
]) this.uniformLocations.set(t, e.getUniformLocation(this.program, t));
|
|
1142
|
-
for (let t = 0; t <
|
|
1142
|
+
for (let t = 0; t < Tt; t++) this.uniformLocations.set(`iChannel${t}`, e.getUniformLocation(this.program, `iChannel${t}`));
|
|
1143
1143
|
this.uniformLocations.set("iChannelResolution", e.getUniformLocation(this.program, "iChannelResolution[0]")), this.uniformLocations.set("iChannelTime", e.getUniformLocation(this.program, "iChannelTime[0]"));
|
|
1144
1144
|
for (let t of Object.keys(this.customUniforms)) this.uniformLocations.set(t, e.getUniformLocation(this.program, t));
|
|
1145
1145
|
}
|
|
@@ -1171,7 +1171,7 @@ var Tt = class {
|
|
|
1171
1171
|
let t = /* @__PURE__ */ new Date();
|
|
1172
1172
|
e.uniform4f(p, t.getFullYear(), t.getMonth(), t.getDate(), t.getHours() * 3600 + t.getMinutes() * 60 + t.getSeconds() + t.getMilliseconds() / 1e3);
|
|
1173
1173
|
}
|
|
1174
|
-
for (let t = 0; t <
|
|
1174
|
+
for (let t = 0; t < Tt; t++) {
|
|
1175
1175
|
e.activeTexture(e.TEXTURE0 + t), e.bindTexture(e.TEXTURE_2D, this.channels[t].texture);
|
|
1176
1176
|
let n = this.uniformLocations.get(`iChannel${t}`);
|
|
1177
1177
|
n && e.uniform1i(n, t);
|
|
@@ -1221,7 +1221,7 @@ var Tt = class {
|
|
|
1221
1221
|
};
|
|
1222
1222
|
//#endregion
|
|
1223
1223
|
//#region src/shadertoy/shadertoy-renderer.tsx
|
|
1224
|
-
function
|
|
1224
|
+
function kt(e) {
|
|
1225
1225
|
if (typeof e == "string") {
|
|
1226
1226
|
let t = e.trim();
|
|
1227
1227
|
return t.length > 0 ? t : void 0;
|
|
@@ -1231,22 +1231,22 @@ function Et(e) {
|
|
|
1231
1231
|
return t.length > 0 ? t.join(" ") : void 0;
|
|
1232
1232
|
}
|
|
1233
1233
|
}
|
|
1234
|
-
function
|
|
1234
|
+
function At(...e) {
|
|
1235
1235
|
let t = [];
|
|
1236
1236
|
for (let n of e) n && n.trim() && t.push(n.trim());
|
|
1237
1237
|
return t.length > 0 ? t.join(" ") : void 0;
|
|
1238
1238
|
}
|
|
1239
|
-
function
|
|
1239
|
+
function jt(e) {
|
|
1240
1240
|
if (typeof e == "number" && Number.isFinite(e)) return Math.floor(e);
|
|
1241
1241
|
if (typeof e == "string" && e.trim().length > 0) {
|
|
1242
1242
|
let t = Number(e);
|
|
1243
1243
|
if (Number.isFinite(t)) return Math.floor(t);
|
|
1244
1244
|
}
|
|
1245
1245
|
}
|
|
1246
|
-
function
|
|
1246
|
+
function Mt(e) {
|
|
1247
1247
|
return typeof e == "string" ? e : "";
|
|
1248
1248
|
}
|
|
1249
|
-
function
|
|
1249
|
+
function Nt(e) {
|
|
1250
1250
|
if (typeof e == "boolean") return e;
|
|
1251
1251
|
if (typeof e == "string") {
|
|
1252
1252
|
let t = e.trim().toLowerCase();
|
|
@@ -1254,7 +1254,7 @@ function At(e) {
|
|
|
1254
1254
|
if (t === "false") return !1;
|
|
1255
1255
|
}
|
|
1256
1256
|
}
|
|
1257
|
-
function
|
|
1257
|
+
function Pt(e) {
|
|
1258
1258
|
if (!e || typeof e != "object") return {};
|
|
1259
1259
|
let t = {}, n = e;
|
|
1260
1260
|
for (let [e, r] of Object.entries(n)) {
|
|
@@ -1274,10 +1274,10 @@ function jt(e) {
|
|
|
1274
1274
|
}
|
|
1275
1275
|
return t;
|
|
1276
1276
|
}
|
|
1277
|
-
function
|
|
1277
|
+
function Ft(e) {
|
|
1278
1278
|
return Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : null) : [];
|
|
1279
1279
|
}
|
|
1280
|
-
function
|
|
1280
|
+
function It(e, t) {
|
|
1281
1281
|
let n = Object.keys(e), r = Object.keys(t);
|
|
1282
1282
|
if (n.length !== r.length) return !1;
|
|
1283
1283
|
for (let r of n) {
|
|
@@ -1291,21 +1291,21 @@ function Nt(e, t) {
|
|
|
1291
1291
|
}
|
|
1292
1292
|
return !0;
|
|
1293
1293
|
}
|
|
1294
|
-
var
|
|
1295
|
-
function
|
|
1296
|
-
let e =
|
|
1297
|
-
let r =
|
|
1294
|
+
var Lt = "std.shadertoy-canvas";
|
|
1295
|
+
function Rt() {
|
|
1296
|
+
let e = T(function({ nodeId: e, context: t, className: n }) {
|
|
1297
|
+
let r = I(t.store, e), i = A(null), a = A(null), o = A(null), s = A(0), c = A(""), l = A({}), u = A({
|
|
1298
1298
|
x: 0,
|
|
1299
1299
|
y: 0,
|
|
1300
1300
|
clickX: 0,
|
|
1301
1301
|
clickY: 0,
|
|
1302
1302
|
isDown: !1
|
|
1303
|
-
}), d = r ?
|
|
1304
|
-
|
|
1303
|
+
}), d = r ? Mt(r.props?.shaderSource) : "", f = r ? jt(r.props?.fps) ?? 60 : 60, p = r?.props?.uniforms, m = k(() => Pt(p), [p]), h = r?.props?.channels, g = k(() => Ft(h), [h]), _ = r ? Nt(r.props?.enableMouse) ?? !0 : !0, v = r ? jt(r.props?.width) : void 0, y = r ? jt(r.props?.height) : void 0, ee = r ? At(kt(r.props?.className), n) : n;
|
|
1304
|
+
O(() => {
|
|
1305
1305
|
let e = i.current;
|
|
1306
1306
|
if (e) {
|
|
1307
1307
|
try {
|
|
1308
|
-
let t = new
|
|
1308
|
+
let t = new Ot(e);
|
|
1309
1309
|
a.current = t;
|
|
1310
1310
|
} catch (e) {
|
|
1311
1311
|
console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", e);
|
|
@@ -1314,20 +1314,20 @@ function Ft() {
|
|
|
1314
1314
|
a.current &&= (a.current.destroy(), null);
|
|
1315
1315
|
};
|
|
1316
1316
|
}
|
|
1317
|
-
}, []),
|
|
1317
|
+
}, []), O(() => {
|
|
1318
1318
|
let e = a.current;
|
|
1319
1319
|
if (!(!e || !d) && c.current !== d) if (e.compile(d, m)) c.current = d, l.current = m;
|
|
1320
1320
|
else {
|
|
1321
1321
|
let t = e.getError();
|
|
1322
1322
|
console.error("[ShadertoyRenderer] Shader compilation failed:", t);
|
|
1323
1323
|
}
|
|
1324
|
-
}, [d, m]),
|
|
1324
|
+
}, [d, m]), O(() => {
|
|
1325
1325
|
let e = a.current;
|
|
1326
|
-
!e || !c.current ||
|
|
1327
|
-
}, [m]),
|
|
1326
|
+
!e || !c.current || It(l.current, m) || (e.setCustomUniforms(m), l.current = m);
|
|
1327
|
+
}, [m]), O(() => {
|
|
1328
1328
|
let e = a.current;
|
|
1329
1329
|
e && e.setChannels(g);
|
|
1330
|
-
}, [g]),
|
|
1330
|
+
}, [g]), O(() => {
|
|
1331
1331
|
let e = a.current;
|
|
1332
1332
|
if (!e || !c.current) return;
|
|
1333
1333
|
let t = 1e3 / f, n = (r) => {
|
|
@@ -1338,22 +1338,22 @@ function Ft() {
|
|
|
1338
1338
|
o.current !== null && (cancelAnimationFrame(o.current), o.current = null);
|
|
1339
1339
|
};
|
|
1340
1340
|
}, [f]);
|
|
1341
|
-
let b =
|
|
1341
|
+
let b = D((e) => {
|
|
1342
1342
|
if (!_) return;
|
|
1343
1343
|
let t = i.current, n = a.current;
|
|
1344
1344
|
if (!t || !n) return;
|
|
1345
1345
|
let r = window.devicePixelRatio || 1, o = t.getBoundingClientRect(), s = (e.clientX - o.left) * r, c = (o.height - (e.clientY - o.top)) * r;
|
|
1346
1346
|
u.current.x = s, u.current.y = c, n.setMouse(s, c, u.current.clickX, u.current.clickY);
|
|
1347
|
-
}, [_]), x =
|
|
1347
|
+
}, [_]), x = D((e) => {
|
|
1348
1348
|
if (!_) return;
|
|
1349
1349
|
let t = i.current, n = a.current;
|
|
1350
1350
|
if (!t || !n) return;
|
|
1351
1351
|
let r = window.devicePixelRatio || 1, o = t.getBoundingClientRect(), s = (e.clientX - o.left) * r, c = (o.height - (e.clientY - o.top)) * r;
|
|
1352
1352
|
u.current.isDown = !0, u.current.clickX = s, u.current.clickY = c, n.setMouse(s, c, s, c);
|
|
1353
|
-
}, [_]),
|
|
1353
|
+
}, [_]), te = D(() => {
|
|
1354
1354
|
_ && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
|
|
1355
1355
|
}, [_]);
|
|
1356
|
-
return r ? /* @__PURE__ */
|
|
1356
|
+
return r ? /* @__PURE__ */ P("canvas", {
|
|
1357
1357
|
ref: i,
|
|
1358
1358
|
"data-ikon-node-id": r.id,
|
|
1359
1359
|
"data-ikon-source": r.sourceMarker,
|
|
@@ -1362,8 +1362,8 @@ function Ft() {
|
|
|
1362
1362
|
...y ? { height: y } : {},
|
|
1363
1363
|
onMouseMove: b,
|
|
1364
1364
|
onMouseDown: x,
|
|
1365
|
-
onMouseUp:
|
|
1366
|
-
onMouseLeave:
|
|
1365
|
+
onMouseUp: te,
|
|
1366
|
+
onMouseLeave: te
|
|
1367
1367
|
}) : null;
|
|
1368
1368
|
});
|
|
1369
1369
|
return ({ type: t }) => {
|
|
@@ -1372,13 +1372,13 @@ function Ft() {
|
|
|
1372
1372
|
}
|
|
1373
1373
|
//#endregion
|
|
1374
1374
|
//#region src/shadertoy/shadertoy-module.ts
|
|
1375
|
-
var
|
|
1376
|
-
function
|
|
1377
|
-
e.registerModule(
|
|
1375
|
+
var zt = "shadertoy", Bt = async () => Rt();
|
|
1376
|
+
function Vt(e) {
|
|
1377
|
+
e.registerModule(zt, Bt);
|
|
1378
1378
|
}
|
|
1379
1379
|
//#endregion
|
|
1380
1380
|
//#region src/ikon-ui-registry.ts
|
|
1381
|
-
var
|
|
1381
|
+
var Ht = v("UIRegistry"), Ut = class {
|
|
1382
1382
|
baseResolvers = [];
|
|
1383
1383
|
moduleLoaders = /* @__PURE__ */ new Map();
|
|
1384
1384
|
moduleResolvers = /* @__PURE__ */ new Map();
|
|
@@ -1404,14 +1404,14 @@ var zt = _("UIRegistry"), Bt = class {
|
|
|
1404
1404
|
async loadRegisteredModules() {
|
|
1405
1405
|
let e = !1;
|
|
1406
1406
|
for (let [t, n] of this.moduleLoaders.entries()) if (!this.moduleResolvers.has(t)) try {
|
|
1407
|
-
let r =
|
|
1407
|
+
let r = Kt(await n());
|
|
1408
1408
|
this.moduleResolvers.set(t, r), e = !0;
|
|
1409
1409
|
} catch (e) {
|
|
1410
|
-
|
|
1410
|
+
Ht.error(`[IkonUiRegistry] Failed to load module '${t}'.`, e);
|
|
1411
1411
|
}
|
|
1412
1412
|
let t = [];
|
|
1413
1413
|
for (let e of this.moduleLoaders.keys()) this.moduleResolvers.has(e) && t.push(e);
|
|
1414
|
-
return
|
|
1414
|
+
return qt(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e && this.notify(), e;
|
|
1415
1415
|
}
|
|
1416
1416
|
resolve(e) {
|
|
1417
1417
|
for (let t of this.baseResolvers) {
|
|
@@ -1421,7 +1421,7 @@ var zt = _("UIRegistry"), Bt = class {
|
|
|
1421
1421
|
for (let t of this.activeModuleOrder) {
|
|
1422
1422
|
let n = this.moduleResolvers.get(t);
|
|
1423
1423
|
if (!n) {
|
|
1424
|
-
|
|
1424
|
+
Ht.warn(`Missing resolvers for module ${t}`);
|
|
1425
1425
|
continue;
|
|
1426
1426
|
}
|
|
1427
1427
|
for (let t of n) {
|
|
@@ -1434,25 +1434,25 @@ var zt = _("UIRegistry"), Bt = class {
|
|
|
1434
1434
|
for (let e of this.listeners) e();
|
|
1435
1435
|
}
|
|
1436
1436
|
};
|
|
1437
|
-
function
|
|
1438
|
-
let e = new
|
|
1439
|
-
return
|
|
1437
|
+
function Wt() {
|
|
1438
|
+
let e = new Ut();
|
|
1439
|
+
return nt(e), Ct(e), Vt(e), e.loadRegisteredModules(), e;
|
|
1440
1440
|
}
|
|
1441
|
-
function
|
|
1441
|
+
function Gt(e) {
|
|
1442
1442
|
return Array.isArray(e) ? e : [e];
|
|
1443
1443
|
}
|
|
1444
|
-
function
|
|
1445
|
-
return e ?
|
|
1444
|
+
function Kt(e) {
|
|
1445
|
+
return e ? Gt(e).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
|
|
1446
1446
|
}
|
|
1447
|
-
function
|
|
1447
|
+
function qt(e, t) {
|
|
1448
1448
|
if (e.length !== t.length) return !1;
|
|
1449
1449
|
for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
|
|
1450
1450
|
return !0;
|
|
1451
1451
|
}
|
|
1452
1452
|
//#endregion
|
|
1453
1453
|
//#region src/parallax-view.tsx
|
|
1454
|
-
function
|
|
1455
|
-
return /* @__PURE__ */
|
|
1454
|
+
function Jt({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
|
|
1455
|
+
return /* @__PURE__ */ P(Fe, {
|
|
1456
1456
|
stores: t,
|
|
1457
1457
|
registry: n,
|
|
1458
1458
|
category: e,
|
|
@@ -1462,7 +1462,7 @@ function Gt({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
|
|
|
1462
1462
|
}
|
|
1463
1463
|
//#endregion
|
|
1464
1464
|
//#region src/motion/motion-controller.ts
|
|
1465
|
-
var
|
|
1465
|
+
var Yt = v("MotionController"), Xt = {
|
|
1466
1466
|
ease: [
|
|
1467
1467
|
.25,
|
|
1468
1468
|
.1,
|
|
@@ -1632,20 +1632,20 @@ var Kt = _("MotionController"), qt = {
|
|
|
1632
1632
|
1.55
|
|
1633
1633
|
]
|
|
1634
1634
|
};
|
|
1635
|
-
function
|
|
1635
|
+
function G(e) {
|
|
1636
1636
|
return e <= 0 ? 0 : e >= 1 ? 1 : e;
|
|
1637
1637
|
}
|
|
1638
|
-
function
|
|
1638
|
+
function Zt(e) {
|
|
1639
1639
|
if (e == null) return;
|
|
1640
1640
|
let t = e.trim();
|
|
1641
1641
|
if (!t) return;
|
|
1642
1642
|
let n = Number.parseFloat(t);
|
|
1643
1643
|
return Number.isFinite(n) ? n : void 0;
|
|
1644
1644
|
}
|
|
1645
|
-
function
|
|
1645
|
+
function Qt(e) {
|
|
1646
1646
|
return typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
|
|
1647
1647
|
}
|
|
1648
|
-
function
|
|
1648
|
+
function $t(e, t, n, r) {
|
|
1649
1649
|
let i = 1 / 10, a = /* @__PURE__ */ new Float32Array(11);
|
|
1650
1650
|
function o(e, t, n) {
|
|
1651
1651
|
return ((3 * t - 3 * n + 1) * e + (3 * n - 6 * t)) * e * e + 3 * t * e;
|
|
@@ -1679,34 +1679,34 @@ function Xt(e, t, n, r) {
|
|
|
1679
1679
|
for (let t = 0; t < 11; t += 1) a[t] = o(t * i, e, n);
|
|
1680
1680
|
return (e) => e <= 0 ? 0 : e >= 1 ? 1 : o(u(e), t, r);
|
|
1681
1681
|
}
|
|
1682
|
-
function
|
|
1682
|
+
function en(e) {
|
|
1683
1683
|
let t = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(e);
|
|
1684
|
-
if (!t) return (e) =>
|
|
1684
|
+
if (!t) return (e) => G(e);
|
|
1685
1685
|
let n = Math.max(1, parseInt(t[1], 10)), r = (t[2] ?? "end").toLowerCase();
|
|
1686
|
-
return r === "start" || r === "jump-start" ? (e) =>
|
|
1686
|
+
return r === "start" || r === "jump-start" ? (e) => G(Math.ceil(e * n) / n) : r === "none" || r === "jump-none" ? (e) => G(Math.round(e * n) / n) : r === "both" || r === "jump-both" ? (e) => G((Math.floor(e * n) + .5) / n) : (e) => G(Math.floor(e * n) / n);
|
|
1687
1687
|
}
|
|
1688
|
-
function
|
|
1689
|
-
if (!e) return (e) =>
|
|
1688
|
+
function tn(e) {
|
|
1689
|
+
if (!e) return (e) => G(e);
|
|
1690
1690
|
let t = e.trim().toLowerCase();
|
|
1691
|
-
if (!t || t === "linear") return (e) =>
|
|
1692
|
-
if (
|
|
1693
|
-
let [e, n, r, i] =
|
|
1694
|
-
return (e) =>
|
|
1691
|
+
if (!t || t === "linear") return (e) => G(e);
|
|
1692
|
+
if (Xt[t]) {
|
|
1693
|
+
let [e, n, r, i] = Xt[t], a = $t(e, n, r, i);
|
|
1694
|
+
return (e) => G(a(G(e)));
|
|
1695
1695
|
}
|
|
1696
1696
|
if (t.startsWith("cubic-bezier(") && t.endsWith(")")) {
|
|
1697
1697
|
let e = t.slice(13, -1).split(",").map((e) => Number.parseFloat(e.trim()));
|
|
1698
1698
|
if (e.length === 4 && e.every((e) => Number.isFinite(e))) {
|
|
1699
|
-
let [t, n, r, i] = e, a =
|
|
1700
|
-
return (e) =>
|
|
1699
|
+
let [t, n, r, i] = e, a = $t(t, n, r, i);
|
|
1700
|
+
return (e) => G(a(G(e)));
|
|
1701
1701
|
}
|
|
1702
1702
|
}
|
|
1703
1703
|
if (t.startsWith("steps(") && t.endsWith(")")) {
|
|
1704
|
-
let e =
|
|
1705
|
-
return (t) => e(
|
|
1704
|
+
let e = en(t);
|
|
1705
|
+
return (t) => e(G(t));
|
|
1706
1706
|
}
|
|
1707
|
-
return (e) =>
|
|
1707
|
+
return (e) => G(e);
|
|
1708
1708
|
}
|
|
1709
|
-
function
|
|
1709
|
+
function nn(e) {
|
|
1710
1710
|
if (!e) return;
|
|
1711
1711
|
let t = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(e);
|
|
1712
1712
|
if (!t) return;
|
|
@@ -1723,7 +1723,7 @@ function $t(e) {
|
|
|
1723
1723
|
outEnd: a
|
|
1724
1724
|
};
|
|
1725
1725
|
}
|
|
1726
|
-
var
|
|
1726
|
+
var rn = new class {
|
|
1727
1727
|
bindingsByStyle = /* @__PURE__ */ new Map();
|
|
1728
1728
|
observer;
|
|
1729
1729
|
observeScheduled = !1;
|
|
@@ -1748,7 +1748,7 @@ var en = new class {
|
|
|
1748
1748
|
for (let e of Array.from(this.globalCleanups)) try {
|
|
1749
1749
|
e();
|
|
1750
1750
|
} catch (e) {
|
|
1751
|
-
|
|
1751
|
+
Yt.warn("Failed to cleanup binding listener", e);
|
|
1752
1752
|
}
|
|
1753
1753
|
this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer &&= (this.observer.disconnect(), void 0);
|
|
1754
1754
|
}
|
|
@@ -1757,14 +1757,14 @@ var en = new class {
|
|
|
1757
1757
|
let t = (JSON.parse(e).motionBindings ?? []).map((e) => this.parseBinding(e)).filter((e) => e !== void 0);
|
|
1758
1758
|
return t.length === 0 ? void 0 : { bindings: t };
|
|
1759
1759
|
} catch (e) {
|
|
1760
|
-
|
|
1760
|
+
Yt.warn("Failed to parse motion metadata", e);
|
|
1761
1761
|
return;
|
|
1762
1762
|
}
|
|
1763
1763
|
}
|
|
1764
1764
|
parseBinding(e) {
|
|
1765
1765
|
let t = e.source?.trim();
|
|
1766
1766
|
if (!t) return;
|
|
1767
|
-
let n =
|
|
1767
|
+
let n = Zt(e.min) ?? 0, r = Zt(e.max), i = r === void 0 ? n + 100 : r, a = (e.clamp ?? "clamp").trim().toLowerCase(), o = !!e.reverse, s = tn(e.ease), c = nn(e.map), l = e.targetId?.trim() || void 0;
|
|
1768
1768
|
if (!(Number.isNaN(n) || Number.isNaN(i))) return {
|
|
1769
1769
|
source: t.toLowerCase(),
|
|
1770
1770
|
min: n,
|
|
@@ -1810,7 +1810,7 @@ var en = new class {
|
|
|
1810
1810
|
scanExistingNodes(e) {
|
|
1811
1811
|
let t = this.bindingsByStyle.get(e);
|
|
1812
1812
|
if (!t || typeof document > "u") return;
|
|
1813
|
-
let n = `.${
|
|
1813
|
+
let n = `.${Qt(e)}`;
|
|
1814
1814
|
document.querySelectorAll(n).forEach((n) => this.applyStyleToElement(n, e, t));
|
|
1815
1815
|
}
|
|
1816
1816
|
applyStyleToElement(e, t, n) {
|
|
@@ -1846,7 +1846,7 @@ var en = new class {
|
|
|
1846
1846
|
}
|
|
1847
1847
|
resolveScrollContainer(e, t) {
|
|
1848
1848
|
if (t.targetId) {
|
|
1849
|
-
let e = `[data-ikon-motion-source="${
|
|
1849
|
+
let e = `[data-ikon-motion-source="${Qt(t.targetId)}"]`, n = typeof document < "u" ? document.querySelector(e) : null;
|
|
1850
1850
|
if (n) return n;
|
|
1851
1851
|
}
|
|
1852
1852
|
return e.closest("[data-ikon-view-type=\"scroll-view\"]");
|
|
@@ -1866,7 +1866,7 @@ var en = new class {
|
|
|
1866
1866
|
case "freeze-start": return e < 0 ? 0 : e;
|
|
1867
1867
|
case "freeze-end": return e > 1 ? 1 : e;
|
|
1868
1868
|
case "unclamped": return e;
|
|
1869
|
-
default: return
|
|
1869
|
+
default: return G(e);
|
|
1870
1870
|
}
|
|
1871
1871
|
}
|
|
1872
1872
|
applyMap(e, t) {
|
|
@@ -1901,7 +1901,7 @@ var en = new class {
|
|
|
1901
1901
|
try {
|
|
1902
1902
|
e();
|
|
1903
1903
|
} catch (e) {
|
|
1904
|
-
|
|
1904
|
+
Yt.warn("Failed to cleanup listener", e);
|
|
1905
1905
|
}
|
|
1906
1906
|
this.globalCleanups.delete(e);
|
|
1907
1907
|
}
|
|
@@ -1941,28 +1941,28 @@ var en = new class {
|
|
|
1941
1941
|
}();
|
|
1942
1942
|
//#endregion
|
|
1943
1943
|
//#region src/use-ikon-styles.ts
|
|
1944
|
-
function
|
|
1945
|
-
let t =
|
|
1944
|
+
function an(e) {
|
|
1945
|
+
let t = A(/* @__PURE__ */ new Map()), n = D(({ styleId: e, css: n, common: r }) => {
|
|
1946
1946
|
if (!(!e || typeof document > "u")) {
|
|
1947
1947
|
if (n) {
|
|
1948
1948
|
let r = t.current.get(e);
|
|
1949
1949
|
r || (r = document.createElement("style"), r.setAttribute("data-ikon-style-id", e), document.head.appendChild(r), t.current.set(e, r)), r.textContent = n;
|
|
1950
1950
|
}
|
|
1951
|
-
|
|
1951
|
+
rn.registerStyle(e, r);
|
|
1952
1952
|
}
|
|
1953
|
-
}, []), r =
|
|
1953
|
+
}, []), r = D((e) => {
|
|
1954
1954
|
if (!(typeof document > "u")) for (let n of e) {
|
|
1955
1955
|
let e = t.current.get(n);
|
|
1956
|
-
e && (e.remove(), t.current.delete(n)),
|
|
1956
|
+
e && (e.remove(), t.current.delete(n)), rn.unregisterStyle(n);
|
|
1957
1957
|
}
|
|
1958
|
-
}, []), i =
|
|
1958
|
+
}, []), i = D(() => {
|
|
1959
1959
|
if (typeof document < "u") {
|
|
1960
1960
|
for (let e of t.current.values()) e.remove();
|
|
1961
1961
|
t.current.clear();
|
|
1962
1962
|
}
|
|
1963
|
-
|
|
1963
|
+
rn.reset();
|
|
1964
1964
|
}, []);
|
|
1965
|
-
return
|
|
1965
|
+
return O(() => {
|
|
1966
1966
|
if (!e) return;
|
|
1967
1967
|
for (let t of e.getUiStyles()) n(t);
|
|
1968
1968
|
let t = e.subscribeToStyles(n), a = e.subscribeToStyleDeletes?.(r);
|
|
@@ -1974,7 +1974,7 @@ function tn(e) {
|
|
|
1974
1974
|
i,
|
|
1975
1975
|
n,
|
|
1976
1976
|
r
|
|
1977
|
-
]),
|
|
1977
|
+
]), O(() => () => i(), [i]), {
|
|
1978
1978
|
setStyle: n,
|
|
1979
1979
|
deleteStyles: r,
|
|
1980
1980
|
reset: i
|
|
@@ -1982,7 +1982,7 @@ function tn(e) {
|
|
|
1982
1982
|
}
|
|
1983
1983
|
//#endregion
|
|
1984
1984
|
//#region src/use-ikon-ui-stores.ts
|
|
1985
|
-
function
|
|
1985
|
+
function on(e) {
|
|
1986
1986
|
let t = [];
|
|
1987
1987
|
for (let [n, r] of e) {
|
|
1988
1988
|
let e = r.store.getSnapshot(), i = e.rootViewId && e.views.has(e.rootViewId);
|
|
@@ -1990,15 +1990,15 @@ function nn(e) {
|
|
|
1990
1990
|
}
|
|
1991
1991
|
return t.sort(), t.join(",");
|
|
1992
1992
|
}
|
|
1993
|
-
function
|
|
1994
|
-
let [t, n] =
|
|
1995
|
-
return
|
|
1993
|
+
function sn(e) {
|
|
1994
|
+
let [t, n] = j(), r = A("");
|
|
1995
|
+
return O(() => {
|
|
1996
1996
|
if (!e) {
|
|
1997
1997
|
n(void 0), r.current = "";
|
|
1998
1998
|
return;
|
|
1999
1999
|
}
|
|
2000
2000
|
let t = () => {
|
|
2001
|
-
let t = e.getStores(), i =
|
|
2001
|
+
let t = e.getStores(), i = on(t);
|
|
2002
2002
|
i !== r.current && (r.current = i, n(t));
|
|
2003
2003
|
};
|
|
2004
2004
|
return t(), e.subscribe(t);
|
|
@@ -2006,16 +2006,16 @@ function rn(e) {
|
|
|
2006
2006
|
}
|
|
2007
2007
|
//#endregion
|
|
2008
2008
|
//#region src/shared/render-motion-letters.tsx
|
|
2009
|
-
var
|
|
2009
|
+
var K = {
|
|
2010
2010
|
None: 0,
|
|
2011
2011
|
Letter: 1,
|
|
2012
2012
|
Word: 2,
|
|
2013
2013
|
Line: 4,
|
|
2014
2014
|
Paragraph: 8,
|
|
2015
2015
|
Emoji: 16
|
|
2016
|
-
},
|
|
2016
|
+
}, cn = [
|
|
2017
2017
|
{
|
|
2018
|
-
flag:
|
|
2018
|
+
flag: K.Letter,
|
|
2019
2019
|
hints: [
|
|
2020
2020
|
"[data-motion-letter]",
|
|
2021
2021
|
"[data-letter]",
|
|
@@ -2024,7 +2024,7 @@ var q = {
|
|
|
2024
2024
|
]
|
|
2025
2025
|
},
|
|
2026
2026
|
{
|
|
2027
|
-
flag:
|
|
2027
|
+
flag: K.Word,
|
|
2028
2028
|
hints: [
|
|
2029
2029
|
"[data-motion-word]",
|
|
2030
2030
|
"[data-word]",
|
|
@@ -2033,7 +2033,7 @@ var q = {
|
|
|
2033
2033
|
]
|
|
2034
2034
|
},
|
|
2035
2035
|
{
|
|
2036
|
-
flag:
|
|
2036
|
+
flag: K.Line,
|
|
2037
2037
|
hints: [
|
|
2038
2038
|
"[data-motion-line]",
|
|
2039
2039
|
"[data-line]",
|
|
@@ -2042,7 +2042,7 @@ var q = {
|
|
|
2042
2042
|
]
|
|
2043
2043
|
},
|
|
2044
2044
|
{
|
|
2045
|
-
flag:
|
|
2045
|
+
flag: K.Paragraph,
|
|
2046
2046
|
hints: [
|
|
2047
2047
|
"[data-motion-paragraph]",
|
|
2048
2048
|
"[data-paragraph]",
|
|
@@ -2053,7 +2053,7 @@ var q = {
|
|
|
2053
2053
|
]
|
|
2054
2054
|
},
|
|
2055
2055
|
{
|
|
2056
|
-
flag:
|
|
2056
|
+
flag: K.Emoji,
|
|
2057
2057
|
hints: [
|
|
2058
2058
|
":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
|
|
2059
2059
|
"[data-motion-emoji]",
|
|
@@ -2062,16 +2062,16 @@ var q = {
|
|
|
2062
2062
|
"[data-emoji]"
|
|
2063
2063
|
]
|
|
2064
2064
|
}
|
|
2065
|
-
],
|
|
2066
|
-
function
|
|
2067
|
-
if (!e || e.length >
|
|
2068
|
-
let n =
|
|
2069
|
-
if (i ===
|
|
2065
|
+
], ln = K.Letter | K.Word | K.Line | K.Paragraph | K.Emoji, un = K.Letter | K.Word | K.Line | K.Paragraph, dn = /* @__PURE__ */ new Map(), fn = 16384;
|
|
2066
|
+
function pn(e, t) {
|
|
2067
|
+
if (!e || e.length > fn) return e;
|
|
2068
|
+
let n = Vn(t), r = q(n, K.Emoji), i = n & un;
|
|
2069
|
+
if (i === K.None && !r) return e;
|
|
2070
2070
|
let a = e.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
|
|
2071
|
-
if (i ===
|
|
2072
|
-
let o =
|
|
2073
|
-
if (o.length === 0) return r ?
|
|
2074
|
-
let s =
|
|
2071
|
+
if (i === K.None) return zn(a);
|
|
2072
|
+
let o = In(a);
|
|
2073
|
+
if (o.length === 0) return r ? zn(a) : e;
|
|
2074
|
+
let s = Ln(o), c = {
|
|
2075
2075
|
letter: 0,
|
|
2076
2076
|
word: 0,
|
|
2077
2077
|
line: 0,
|
|
@@ -2080,96 +2080,96 @@ function un(e, t) {
|
|
|
2080
2080
|
emoji: 0
|
|
2081
2081
|
}, l = [];
|
|
2082
2082
|
for (let e of s) {
|
|
2083
|
-
let t =
|
|
2083
|
+
let t = mn(e, n, c);
|
|
2084
2084
|
l.push(...t);
|
|
2085
2085
|
}
|
|
2086
2086
|
return l;
|
|
2087
2087
|
}
|
|
2088
|
-
function
|
|
2088
|
+
function mn(e, t, n) {
|
|
2089
2089
|
let r = [];
|
|
2090
2090
|
for (let i of e) {
|
|
2091
|
-
let e =
|
|
2091
|
+
let e = hn(i, t, n);
|
|
2092
2092
|
r.push(...e);
|
|
2093
2093
|
}
|
|
2094
|
-
if (
|
|
2094
|
+
if (q(t, K.Paragraph)) {
|
|
2095
2095
|
let e = n.paragraph++;
|
|
2096
|
-
return [/* @__PURE__ */
|
|
2096
|
+
return [/* @__PURE__ */ P("span", {
|
|
2097
2097
|
"data-motion-paragraph": !0,
|
|
2098
|
-
style:
|
|
2098
|
+
style: Rn(e),
|
|
2099
2099
|
children: r
|
|
2100
2100
|
}, `motion-paragraph-${e}`)];
|
|
2101
2101
|
}
|
|
2102
2102
|
return r;
|
|
2103
2103
|
}
|
|
2104
|
-
function
|
|
2105
|
-
let r =
|
|
2106
|
-
if (
|
|
2104
|
+
function hn(e, t, n) {
|
|
2105
|
+
let r = gn(e.text, t, n), i = [];
|
|
2106
|
+
if (q(t, K.Line)) {
|
|
2107
2107
|
let e = n.line++;
|
|
2108
|
-
i.push(/* @__PURE__ */
|
|
2108
|
+
i.push(/* @__PURE__ */ P("span", {
|
|
2109
2109
|
"data-motion-line": !0,
|
|
2110
|
-
style:
|
|
2110
|
+
style: Rn(e),
|
|
2111
2111
|
children: r
|
|
2112
2112
|
}, `motion-line-${e}`));
|
|
2113
2113
|
} else i.push(...r);
|
|
2114
|
-
for (let t = 0; t < e.breaks; t++) i.push(/* @__PURE__ */
|
|
2114
|
+
for (let t = 0; t < e.breaks; t++) i.push(/* @__PURE__ */ P("br", {}, `motion-break-${n.br++}`));
|
|
2115
2115
|
return i;
|
|
2116
2116
|
}
|
|
2117
|
-
function
|
|
2117
|
+
function gn(e, t, n) {
|
|
2118
2118
|
if (!e) return [];
|
|
2119
|
-
let r =
|
|
2119
|
+
let r = q(t, K.Word), i = [], a = /(\s+)/g, o = 0, s;
|
|
2120
2120
|
for (; (s = a.exec(e)) !== null;) {
|
|
2121
2121
|
if (s.index > o) {
|
|
2122
2122
|
let a = e.slice(o, s.index);
|
|
2123
|
-
i.push(
|
|
2123
|
+
i.push(_n(a, n, t, r));
|
|
2124
2124
|
}
|
|
2125
2125
|
i.push(s[0]), o = s.index + s[0].length;
|
|
2126
2126
|
}
|
|
2127
2127
|
if (o < e.length) {
|
|
2128
2128
|
let a = e.slice(o);
|
|
2129
|
-
i.push(
|
|
2129
|
+
i.push(_n(a, n, t, r));
|
|
2130
2130
|
}
|
|
2131
2131
|
return i;
|
|
2132
2132
|
}
|
|
2133
|
-
function
|
|
2134
|
-
let i = t.word++, a =
|
|
2135
|
-
return r ? /* @__PURE__ */
|
|
2133
|
+
function _n(e, t, n, r) {
|
|
2134
|
+
let i = t.word++, a = yn(e, n, t), o = `motion-word-${i}`, s = vn(i, r);
|
|
2135
|
+
return r ? /* @__PURE__ */ P("span", {
|
|
2136
2136
|
"data-motion-word": !0,
|
|
2137
2137
|
style: s,
|
|
2138
2138
|
children: a
|
|
2139
|
-
}, o) : /* @__PURE__ */
|
|
2139
|
+
}, o) : /* @__PURE__ */ P("span", {
|
|
2140
2140
|
style: s,
|
|
2141
2141
|
children: a
|
|
2142
2142
|
}, o);
|
|
2143
2143
|
}
|
|
2144
|
-
function
|
|
2144
|
+
function vn(e, t) {
|
|
2145
2145
|
return t ? {
|
|
2146
|
-
...
|
|
2146
|
+
...Rn(e),
|
|
2147
2147
|
whiteSpace: "nowrap"
|
|
2148
2148
|
} : { whiteSpace: "nowrap" };
|
|
2149
2149
|
}
|
|
2150
|
-
function
|
|
2150
|
+
function yn(e, t, n) {
|
|
2151
2151
|
if (!e) return [];
|
|
2152
|
-
let r =
|
|
2152
|
+
let r = q(t, K.Letter), i = q(t, K.Emoji);
|
|
2153
2153
|
if (!r) {
|
|
2154
2154
|
if (!i) return [e];
|
|
2155
|
-
let t =
|
|
2155
|
+
let t = bn(e);
|
|
2156
2156
|
if (t.length === 0) return [e];
|
|
2157
|
-
let { nodes: r } =
|
|
2157
|
+
let { nodes: r } = Bn(t, n);
|
|
2158
2158
|
return r;
|
|
2159
2159
|
}
|
|
2160
|
-
let a = [], o =
|
|
2160
|
+
let a = [], o = bn(e);
|
|
2161
2161
|
for (let e of o) {
|
|
2162
|
-
let t = n.letter++, r = `motion-letter-${t}`, o =
|
|
2162
|
+
let t = n.letter++, r = `motion-letter-${t}`, o = Rn(t);
|
|
2163
2163
|
if (e === "\n") {
|
|
2164
|
-
a.push(/* @__PURE__ */
|
|
2164
|
+
a.push(/* @__PURE__ */ P("span", {
|
|
2165
2165
|
"data-motion-letter": !0,
|
|
2166
2166
|
style: o,
|
|
2167
|
-
children: /* @__PURE__ */
|
|
2167
|
+
children: /* @__PURE__ */ P("br", {})
|
|
2168
2168
|
}, r));
|
|
2169
2169
|
continue;
|
|
2170
2170
|
}
|
|
2171
|
-
let s = i &&
|
|
2172
|
-
a.push(/* @__PURE__ */
|
|
2171
|
+
let s = i && Nn(e) ? { "data-motion-emoji": !0 } : void 0, c = e === " " ? "\xA0" : e;
|
|
2172
|
+
a.push(/* @__PURE__ */ P("span", {
|
|
2173
2173
|
"data-motion-letter": !0,
|
|
2174
2174
|
style: o,
|
|
2175
2175
|
...s,
|
|
@@ -2178,46 +2178,46 @@ function gn(e, t, n) {
|
|
|
2178
2178
|
}
|
|
2179
2179
|
return a;
|
|
2180
2180
|
}
|
|
2181
|
-
function
|
|
2181
|
+
function bn(e) {
|
|
2182
2182
|
if (!e) return [];
|
|
2183
|
-
let t =
|
|
2184
|
-
return t ? Array.from(t.segment(e), (e) => e.segment) :
|
|
2183
|
+
let t = Sn();
|
|
2184
|
+
return t ? Array.from(t.segment(e), (e) => e.segment) : Cn(e);
|
|
2185
2185
|
}
|
|
2186
|
-
var
|
|
2187
|
-
function
|
|
2188
|
-
return
|
|
2186
|
+
var xn;
|
|
2187
|
+
function Sn() {
|
|
2188
|
+
return xn === void 0 && (xn = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null), xn;
|
|
2189
2189
|
}
|
|
2190
|
-
function
|
|
2190
|
+
function Cn(e) {
|
|
2191
2191
|
let t = [], n = Array.from(e), r = "";
|
|
2192
2192
|
for (let e = 0; e < n.length; e++) {
|
|
2193
2193
|
let i = n[e], a = n[e + 1];
|
|
2194
|
-
r += i, !(a &&
|
|
2194
|
+
r += i, !(a && wn(i, a)) && (t.push(r), r = "");
|
|
2195
2195
|
}
|
|
2196
2196
|
return r && t.push(r), t;
|
|
2197
2197
|
}
|
|
2198
|
-
function
|
|
2199
|
-
return t ? !!(
|
|
2198
|
+
function wn(e, t) {
|
|
2199
|
+
return t ? !!(Tn(e) || Tn(t) || An(t) || En(t) || Dn(t) || On(e) && On(t)) : !1;
|
|
2200
2200
|
}
|
|
2201
|
-
function
|
|
2201
|
+
function Tn(e) {
|
|
2202
2202
|
return e.codePointAt(0) === 8205;
|
|
2203
2203
|
}
|
|
2204
|
-
function
|
|
2204
|
+
function En(e) {
|
|
2205
2205
|
let t = e.codePointAt(0);
|
|
2206
2206
|
return t === void 0 ? !1 : t >= 65024 && t <= 65039 || t >= 917760 && t <= 917999;
|
|
2207
2207
|
}
|
|
2208
|
-
function
|
|
2208
|
+
function Dn(e) {
|
|
2209
2209
|
let t = e.codePointAt(0);
|
|
2210
2210
|
return t !== void 0 && t >= 127995 && t <= 127999;
|
|
2211
2211
|
}
|
|
2212
|
-
function
|
|
2212
|
+
function On(e) {
|
|
2213
2213
|
let t = e.codePointAt(0);
|
|
2214
2214
|
return t !== void 0 && t >= 127462 && t <= 127487;
|
|
2215
2215
|
}
|
|
2216
|
-
var
|
|
2217
|
-
function
|
|
2218
|
-
return e ? (
|
|
2216
|
+
var kn;
|
|
2217
|
+
function An(e) {
|
|
2218
|
+
return e ? (kn ||= jn(), kn(e)) : !1;
|
|
2219
2219
|
}
|
|
2220
|
-
function
|
|
2220
|
+
function jn() {
|
|
2221
2221
|
try {
|
|
2222
2222
|
let e = /\p{Mark}/u;
|
|
2223
2223
|
return (t) => e.test(t);
|
|
@@ -2228,19 +2228,19 @@ function On() {
|
|
|
2228
2228
|
};
|
|
2229
2229
|
}
|
|
2230
2230
|
}
|
|
2231
|
-
var
|
|
2232
|
-
function
|
|
2233
|
-
return e ? (
|
|
2231
|
+
var Mn;
|
|
2232
|
+
function Nn(e) {
|
|
2233
|
+
return e ? (Mn ||= Pn(), Mn(e)) : !1;
|
|
2234
2234
|
}
|
|
2235
|
-
function
|
|
2235
|
+
function Pn() {
|
|
2236
2236
|
try {
|
|
2237
2237
|
let e = /\p{Extended_Pictographic}/u;
|
|
2238
2238
|
return (t) => e.test(t);
|
|
2239
2239
|
} catch {
|
|
2240
|
-
return
|
|
2240
|
+
return Fn;
|
|
2241
2241
|
}
|
|
2242
2242
|
}
|
|
2243
|
-
function
|
|
2243
|
+
function Fn(e) {
|
|
2244
2244
|
if (!e) return !1;
|
|
2245
2245
|
for (let t of Array.from(e)) {
|
|
2246
2246
|
let e = t.codePointAt(0);
|
|
@@ -2248,7 +2248,7 @@ function Mn(e) {
|
|
|
2248
2248
|
}
|
|
2249
2249
|
return !1;
|
|
2250
2250
|
}
|
|
2251
|
-
function
|
|
2251
|
+
function In(e) {
|
|
2252
2252
|
let t = [], n = "", r = 0;
|
|
2253
2253
|
for (let i = 0; i < e.length; i++) {
|
|
2254
2254
|
let a = e[i];
|
|
@@ -2266,16 +2266,16 @@ function Nn(e) {
|
|
|
2266
2266
|
breaks: r
|
|
2267
2267
|
}), t;
|
|
2268
2268
|
}
|
|
2269
|
-
function
|
|
2269
|
+
function Ln(e) {
|
|
2270
2270
|
if (e.length === 0) return [];
|
|
2271
2271
|
let t = [], n = [];
|
|
2272
2272
|
for (let r of e) n.push(r), r.breaks >= 2 && (t.push(n), n = []);
|
|
2273
2273
|
return n.length > 0 && t.push(n), t;
|
|
2274
2274
|
}
|
|
2275
|
-
function
|
|
2275
|
+
function q(e, t) {
|
|
2276
2276
|
return (e & t) === t;
|
|
2277
2277
|
}
|
|
2278
|
-
function
|
|
2278
|
+
function Rn(e) {
|
|
2279
2279
|
return {
|
|
2280
2280
|
"--tw-motion-seq-index": e.toString(),
|
|
2281
2281
|
backgroundColor: "inherit",
|
|
@@ -2292,22 +2292,22 @@ function Fn(e) {
|
|
|
2292
2292
|
WebkitTextFillColor: "inherit"
|
|
2293
2293
|
};
|
|
2294
2294
|
}
|
|
2295
|
-
function
|
|
2295
|
+
function zn(e) {
|
|
2296
2296
|
if (!e) return e;
|
|
2297
|
-
let t =
|
|
2297
|
+
let t = bn(e);
|
|
2298
2298
|
if (t.length === 0) return e;
|
|
2299
|
-
let { nodes: n, sawEmoji: r } =
|
|
2299
|
+
let { nodes: n, sawEmoji: r } = Bn(t);
|
|
2300
2300
|
return r ? n.length === 1 ? n[0] ?? e : n : e;
|
|
2301
2301
|
}
|
|
2302
|
-
function
|
|
2302
|
+
function Bn(e, t) {
|
|
2303
2303
|
let n = [], r = "", i = !1, a = t?.emoji ?? 0, o = () => {
|
|
2304
2304
|
r &&= (n.push(r), "");
|
|
2305
2305
|
};
|
|
2306
2306
|
for (let s of e) {
|
|
2307
|
-
if (
|
|
2307
|
+
if (Nn(s)) {
|
|
2308
2308
|
i = !0, o();
|
|
2309
2309
|
let e = `motion-emoji-${t ? t.emoji++ : a++}`;
|
|
2310
|
-
n.push(/* @__PURE__ */
|
|
2310
|
+
n.push(/* @__PURE__ */ P("span", {
|
|
2311
2311
|
"data-motion-emoji": !0,
|
|
2312
2312
|
children: s
|
|
2313
2313
|
}, e));
|
|
@@ -2323,16 +2323,16 @@ function Ln(e, t) {
|
|
|
2323
2323
|
sawEmoji: !1
|
|
2324
2324
|
};
|
|
2325
2325
|
}
|
|
2326
|
-
function
|
|
2327
|
-
if (!e) return
|
|
2326
|
+
function Vn(e) {
|
|
2327
|
+
if (!e) return K.None;
|
|
2328
2328
|
let t = e.trim();
|
|
2329
|
-
if (!t) return
|
|
2330
|
-
let n =
|
|
2329
|
+
if (!t) return K.None;
|
|
2330
|
+
let n = dn.get(t);
|
|
2331
2331
|
if (typeof n == "number") return n;
|
|
2332
|
-
if (typeof document > "u") return
|
|
2332
|
+
if (typeof document > "u") return K.None;
|
|
2333
2333
|
let r = t.split(/\s+/).filter(Boolean);
|
|
2334
|
-
if (r.length === 0) return
|
|
2335
|
-
let i = r.map((e) => `.${
|
|
2334
|
+
if (r.length === 0) return K.None;
|
|
2335
|
+
let i = r.map((e) => `.${Un(e)}`).map((e) => RegExp(`(^|[^a-zA-Z0-9_-])${Wn(e)}(?![a-zA-Z0-9_-])`)), a = K.None, o = !1;
|
|
2336
2336
|
for (let e of Array.from(document.styleSheets)) {
|
|
2337
2337
|
let t;
|
|
2338
2338
|
try {
|
|
@@ -2340,18 +2340,18 @@ function Rn(e) {
|
|
|
2340
2340
|
} catch {
|
|
2341
2341
|
continue;
|
|
2342
2342
|
}
|
|
2343
|
-
let n =
|
|
2344
|
-
if (n.mask && (a |= n.mask, a ===
|
|
2343
|
+
let n = Hn(t, i);
|
|
2344
|
+
if (n.mask && (a |= n.mask, a === ln)) break;
|
|
2345
2345
|
o ||= n.sawStyleRule;
|
|
2346
2346
|
}
|
|
2347
|
-
return (a !==
|
|
2347
|
+
return (a !== K.None || o) && dn.set(t, a), a;
|
|
2348
2348
|
}
|
|
2349
|
-
function
|
|
2349
|
+
function Hn(e, t) {
|
|
2350
2350
|
if (!e) return {
|
|
2351
|
-
mask:
|
|
2351
|
+
mask: K.None,
|
|
2352
2352
|
sawStyleRule: !1
|
|
2353
2353
|
};
|
|
2354
|
-
let n =
|
|
2354
|
+
let n = K.None, r = !1;
|
|
2355
2355
|
for (let i = 0; i < e.length; i++) {
|
|
2356
2356
|
let a = e[i];
|
|
2357
2357
|
if (a) {
|
|
@@ -2359,14 +2359,14 @@ function zn(e, t) {
|
|
|
2359
2359
|
let e = a.selectorText ?? "";
|
|
2360
2360
|
if (!e || !t.some((t) => t.test(e))) continue;
|
|
2361
2361
|
r = !0;
|
|
2362
|
-
for (let t of
|
|
2363
|
-
if (n ===
|
|
2362
|
+
for (let t of cn) t.hints.some((t) => e.includes(t)) && (n |= t.flag);
|
|
2363
|
+
if (n === ln) return {
|
|
2364
2364
|
mask: n,
|
|
2365
2365
|
sawStyleRule: !0
|
|
2366
2366
|
};
|
|
2367
2367
|
} else if ("cssRules" in a) {
|
|
2368
|
-
let e =
|
|
2369
|
-
if (e.mask && (n |= e.mask, n ===
|
|
2368
|
+
let e = Hn(a.cssRules, t);
|
|
2369
|
+
if (e.mask && (n |= e.mask, n === ln)) return {
|
|
2370
2370
|
mask: n,
|
|
2371
2371
|
sawStyleRule: !0
|
|
2372
2372
|
};
|
|
@@ -2379,71 +2379,71 @@ function zn(e, t) {
|
|
|
2379
2379
|
sawStyleRule: r
|
|
2380
2380
|
};
|
|
2381
2381
|
}
|
|
2382
|
-
function
|
|
2382
|
+
function Un(e) {
|
|
2383
2383
|
return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
|
|
2384
2384
|
}
|
|
2385
|
-
function
|
|
2385
|
+
function Wn(e) {
|
|
2386
2386
|
return e.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
|
|
2387
2387
|
}
|
|
2388
2388
|
//#endregion
|
|
2389
2389
|
//#region src/auth/storage.ts
|
|
2390
|
-
var
|
|
2391
|
-
function
|
|
2390
|
+
var Gn = "ikon-auth-session", Kn = "ikon-auth-auto-login-attempted-run", qn = 6048e5, Jn = 6e4;
|
|
2391
|
+
function Yn(e) {
|
|
2392
2392
|
try {
|
|
2393
2393
|
let t = e.split(".");
|
|
2394
2394
|
if (t.length !== 3) return !0;
|
|
2395
2395
|
let n = t[1].replace(/-/g, "+").replace(/_/g, "/"), r = n + "=".repeat((4 - n.length % 4) % 4), i = JSON.parse(atob(r));
|
|
2396
|
-
return typeof i.exp == "number" && Date.now() >= i.exp * 1e3 -
|
|
2396
|
+
return typeof i.exp == "number" && Date.now() >= i.exp * 1e3 - Jn;
|
|
2397
2397
|
} catch {
|
|
2398
2398
|
return !0;
|
|
2399
2399
|
}
|
|
2400
2400
|
}
|
|
2401
|
-
function
|
|
2401
|
+
function J(e) {
|
|
2402
2402
|
try {
|
|
2403
|
-
localStorage.setItem(
|
|
2403
|
+
localStorage.setItem(Gn, JSON.stringify(e));
|
|
2404
2404
|
} catch {
|
|
2405
2405
|
console.warn("Failed to save auth session to localStorage");
|
|
2406
2406
|
}
|
|
2407
2407
|
}
|
|
2408
|
-
function
|
|
2408
|
+
function Xn() {
|
|
2409
2409
|
try {
|
|
2410
|
-
let e = localStorage.getItem(
|
|
2410
|
+
let e = localStorage.getItem(Gn);
|
|
2411
2411
|
if (!e) return null;
|
|
2412
2412
|
let t = JSON.parse(e);
|
|
2413
|
-
return Date.now() - t.authenticatedAt >
|
|
2413
|
+
return Date.now() - t.authenticatedAt > qn || Yn(t.token) ? (Qn(), null) : t;
|
|
2414
2414
|
} catch {
|
|
2415
2415
|
return console.warn("Failed to load auth session from localStorage"), null;
|
|
2416
2416
|
}
|
|
2417
2417
|
}
|
|
2418
|
-
function
|
|
2418
|
+
function Zn() {
|
|
2419
2419
|
try {
|
|
2420
2420
|
if (typeof window < "u" && new URLSearchParams(window.location.search).get("ikon_token")) return !0;
|
|
2421
2421
|
} catch {}
|
|
2422
|
-
let e =
|
|
2422
|
+
let e = Xn()?.provider;
|
|
2423
2423
|
return e !== void 0 && e !== "anonymous";
|
|
2424
2424
|
}
|
|
2425
|
-
function
|
|
2425
|
+
function Qn() {
|
|
2426
2426
|
try {
|
|
2427
|
-
localStorage.removeItem(
|
|
2427
|
+
localStorage.removeItem(Gn);
|
|
2428
2428
|
} catch {
|
|
2429
2429
|
console.warn("Failed to clear auth session from localStorage");
|
|
2430
2430
|
}
|
|
2431
2431
|
}
|
|
2432
|
-
function
|
|
2432
|
+
function $n(e) {
|
|
2433
2433
|
if (e) try {
|
|
2434
|
-
sessionStorage.setItem(
|
|
2434
|
+
sessionStorage.setItem(Kn, e);
|
|
2435
2435
|
} catch {
|
|
2436
2436
|
console.warn("Failed to record auto-login attempt in sessionStorage");
|
|
2437
2437
|
}
|
|
2438
2438
|
}
|
|
2439
|
-
function
|
|
2439
|
+
function er() {
|
|
2440
2440
|
try {
|
|
2441
|
-
return sessionStorage.getItem(
|
|
2441
|
+
return sessionStorage.getItem(Kn);
|
|
2442
2442
|
} catch {
|
|
2443
2443
|
return null;
|
|
2444
2444
|
}
|
|
2445
2445
|
}
|
|
2446
|
-
function
|
|
2446
|
+
function Y(e) {
|
|
2447
2447
|
return {
|
|
2448
2448
|
id: "",
|
|
2449
2449
|
provider: e.provider,
|
|
@@ -2453,8 +2453,8 @@ function X(e) {
|
|
|
2453
2453
|
}
|
|
2454
2454
|
//#endregion
|
|
2455
2455
|
//#region src/auth/auth-service.ts
|
|
2456
|
-
var
|
|
2457
|
-
async function
|
|
2456
|
+
var tr = 15e3, nr = v("AuthService");
|
|
2457
|
+
async function rr(e) {
|
|
2458
2458
|
try {
|
|
2459
2459
|
return await fetch(e, {
|
|
2460
2460
|
method: "GET",
|
|
@@ -2464,8 +2464,35 @@ async function er(e) {
|
|
|
2464
2464
|
return `no-cors probe ALSO FAILED (${e instanceof Error ? e.name : "Error"}) → origin is unreachable: TLS handshake / certificate, DNS, or network (old browser may not trust this host's cert)`;
|
|
2465
2465
|
}
|
|
2466
2466
|
}
|
|
2467
|
-
|
|
2468
|
-
|
|
2467
|
+
var ir = "x-ikon-auth-service";
|
|
2468
|
+
function ar(e) {
|
|
2469
|
+
if (e.headers.get(ir) !== null) return !1;
|
|
2470
|
+
if (e.status === 404 || e.status === 405) return !0;
|
|
2471
|
+
let t = e.headers.get("content-type") ?? "";
|
|
2472
|
+
return e.status === 200 && t.includes("text/html");
|
|
2473
|
+
}
|
|
2474
|
+
async function X(e, t, n) {
|
|
2475
|
+
let r = `${e}${t}`, i = S(), a = i !== null && e === i, o = a ? await b() : i, s = o !== null && o !== e ? `${o}${t}` : null, c;
|
|
2476
|
+
try {
|
|
2477
|
+
c = await fetch(r, n);
|
|
2478
|
+
} catch (i) {
|
|
2479
|
+
let a = i instanceof Error ? `${i.name}: ${i.message}` : String(i);
|
|
2480
|
+
if (!s) {
|
|
2481
|
+
let n = await rr(e);
|
|
2482
|
+
throw nr.error(`Auth request ${t} could not reach ${r} — ${a}. ${n}`), Error(`Auth request could not reach ${r} (${a}). ${n}`, { cause: i });
|
|
2483
|
+
}
|
|
2484
|
+
nr.warn(`Auth request ${t} could not reach ${r} (${a}); falling back to ${s}`);
|
|
2485
|
+
try {
|
|
2486
|
+
return await fetch(s, n);
|
|
2487
|
+
} catch (n) {
|
|
2488
|
+
let i = n instanceof Error ? `${n.name}: ${n.message}` : String(n), o = await rr(e);
|
|
2489
|
+
throw nr.error(`Auth request ${t} failed on both ${r} (${a}) and ${s} (${i}). ${o}`), Error(`Auth request unreachable: ${r} (${a}) and ${s} (${i})`, { cause: n });
|
|
2490
|
+
}
|
|
2491
|
+
}
|
|
2492
|
+
return a && s !== null && ar(c) ? (nr.warn(`Auth request ${t} got a non-auth-service answer from ${r} (${c.status}); this LB has no /ikon/auth route, falling back to ${s}`), fetch(s, n)) : c;
|
|
2493
|
+
}
|
|
2494
|
+
async function or(e, t, n) {
|
|
2495
|
+
let r = ie(), i = n === "guest" ? "anonymous" : n, a = {
|
|
2469
2496
|
method: "POST",
|
|
2470
2497
|
headers: { "Content-Type": "application/json" },
|
|
2471
2498
|
body: JSON.stringify({
|
|
@@ -2473,61 +2500,44 @@ async function tr(e, t, n) {
|
|
|
2473
2500
|
space: e,
|
|
2474
2501
|
...i ? { method: i } : {}
|
|
2475
2502
|
})
|
|
2476
|
-
}, o = typeof window < "u" ? window.location.origin : "?"
|
|
2477
|
-
|
|
2478
|
-
let
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
try {
|
|
2486
|
-
c = await fetch(i, a);
|
|
2487
|
-
} catch (e) {
|
|
2488
|
-
let r = e instanceof Error ? `${e.name}: ${e.message}` : String(e), a = await er(t);
|
|
2489
|
-
throw $n.error(`Anonymous auth failed on both direct (${s}: ${n}) and same-origin (${i}: ${r}). ${a}`), Error(`Anonymous auth unreachable: direct ${s} (${n}) and same-origin ${i} (${r})`, { cause: e });
|
|
2490
|
-
}
|
|
2491
|
-
} else {
|
|
2492
|
-
let r = await er(t);
|
|
2493
|
-
throw $n.error(`Anonymous auth fetch threw for ${s} — ${n}. ${r}`), Error(`Anonymous auth could not reach ${s} (${n}). ${r}`, { cause: e });
|
|
2494
|
-
}
|
|
2495
|
-
}
|
|
2496
|
-
if (!c.ok) {
|
|
2497
|
-
let e = await c.text().catch(() => "Unknown error");
|
|
2498
|
-
throw $n.error(`Anonymous auth HTTP ${c.status} from ${c.url}: ${e}`), Error(`Anonymous auth failed: ${c.status} ${e}`);
|
|
2499
|
-
}
|
|
2500
|
-
let { token: l } = await c.json(), u = {
|
|
2501
|
-
token: l,
|
|
2503
|
+
}, o = typeof window < "u" ? window.location.origin : "?";
|
|
2504
|
+
nr.debug(`Anonymous auth: POST ${t}/anonymous (space=${e}, origin=${o})`);
|
|
2505
|
+
let s = await X(t, "/anonymous", a);
|
|
2506
|
+
if (!s.ok) {
|
|
2507
|
+
let e = await s.text().catch(() => "Unknown error");
|
|
2508
|
+
throw nr.error(`Anonymous auth HTTP ${s.status} from ${s.url}: ${e}`), Error(`Anonymous auth failed: ${s.status} ${e}`);
|
|
2509
|
+
}
|
|
2510
|
+
let { token: c } = await s.json(), l = {
|
|
2511
|
+
token: c,
|
|
2502
2512
|
provider: "anonymous",
|
|
2503
2513
|
authenticatedAt: Date.now()
|
|
2504
2514
|
};
|
|
2505
|
-
return
|
|
2515
|
+
return J(l), l;
|
|
2506
2516
|
}
|
|
2507
|
-
async function
|
|
2508
|
-
let r = await
|
|
2517
|
+
async function sr({ email: e, spaceId: t, authUrl: n }) {
|
|
2518
|
+
let r = await X(n, "/email/send", {
|
|
2509
2519
|
method: "POST",
|
|
2510
2520
|
headers: { "Content-Type": "application/json" },
|
|
2511
2521
|
body: JSON.stringify({
|
|
2512
2522
|
email: e.trim(),
|
|
2513
2523
|
space: t
|
|
2514
2524
|
}),
|
|
2515
|
-
signal:
|
|
2525
|
+
signal: g(tr)
|
|
2516
2526
|
});
|
|
2517
2527
|
if (!r.ok) {
|
|
2518
2528
|
let e = await r.text().catch(() => "Failed to send login code");
|
|
2519
2529
|
throw Error(e);
|
|
2520
2530
|
}
|
|
2521
2531
|
}
|
|
2522
|
-
async function
|
|
2523
|
-
let r = await
|
|
2532
|
+
async function cr({ email: e, code: t, authUrl: n }) {
|
|
2533
|
+
let r = await X(n, "/email/code", {
|
|
2524
2534
|
method: "POST",
|
|
2525
2535
|
headers: { "Content-Type": "application/json" },
|
|
2526
2536
|
body: JSON.stringify({
|
|
2527
2537
|
email: e.trim(),
|
|
2528
2538
|
code: t.trim()
|
|
2529
2539
|
}),
|
|
2530
|
-
signal:
|
|
2540
|
+
signal: g(tr)
|
|
2531
2541
|
});
|
|
2532
2542
|
if (!r.ok) {
|
|
2533
2543
|
let e = await r.text().catch(() => "Invalid code");
|
|
@@ -2538,27 +2548,60 @@ async function rr({ email: e, code: t, authUrl: n }) {
|
|
|
2538
2548
|
provider: "email",
|
|
2539
2549
|
authenticatedAt: Date.now()
|
|
2540
2550
|
};
|
|
2541
|
-
return
|
|
2551
|
+
return J(a), a;
|
|
2542
2552
|
}
|
|
2543
|
-
function
|
|
2553
|
+
function lr() {
|
|
2544
2554
|
let e = new URLSearchParams(window.location.search), t = e.get("ikon_token"), n = e.get("ikon_provider");
|
|
2545
2555
|
return t && n ? {
|
|
2546
2556
|
token: t,
|
|
2547
2557
|
provider: n
|
|
2548
2558
|
} : null;
|
|
2549
2559
|
}
|
|
2550
|
-
function
|
|
2551
|
-
|
|
2560
|
+
function ur() {
|
|
2561
|
+
let e = new URLSearchParams(window.location.search), t = e.get("error");
|
|
2562
|
+
return t ? {
|
|
2563
|
+
code: t,
|
|
2564
|
+
provider: e.get("ikon_provider")
|
|
2565
|
+
} : null;
|
|
2566
|
+
}
|
|
2567
|
+
function dr() {
|
|
2568
|
+
return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("ikon-signed-out");
|
|
2552
2569
|
}
|
|
2553
|
-
|
|
2554
|
-
|
|
2570
|
+
var fr = {
|
|
2571
|
+
google: "Google",
|
|
2572
|
+
facebook: "Facebook",
|
|
2573
|
+
apple: "Apple",
|
|
2574
|
+
microsoft: "Microsoft",
|
|
2575
|
+
signicat: "eID"
|
|
2576
|
+
};
|
|
2577
|
+
function pr(e, t, n) {
|
|
2578
|
+
let r = t ? fr[t] ?? t : "this provider";
|
|
2579
|
+
switch (e) {
|
|
2580
|
+
case "account_exists_unverified_email": {
|
|
2581
|
+
let e = `This email address already has an account on this app that uses a different sign-in method. For security, ${r} sign-in can't be connected to it automatically.`;
|
|
2582
|
+
return n?.emailSignInAvailable ? `${e} Sign in with your email below instead — we'll send you a code to confirm it's you.` : `${e} Sign in the way this account was originally created.`;
|
|
2583
|
+
}
|
|
2584
|
+
case "authentication_failed": return "Sign-in did not complete. Please try again.";
|
|
2585
|
+
case "invalid_redirect_url": return "Sign-in failed because the return address was not accepted.";
|
|
2586
|
+
default: return e;
|
|
2587
|
+
}
|
|
2555
2588
|
}
|
|
2556
|
-
function
|
|
2589
|
+
function mr() {
|
|
2590
|
+
let e = new URLSearchParams(window.location.search);
|
|
2591
|
+
for (let t of [
|
|
2592
|
+
"ikon_token",
|
|
2593
|
+
"ikon_provider",
|
|
2594
|
+
"error"
|
|
2595
|
+
]) e.delete(t);
|
|
2596
|
+
let t = e.toString();
|
|
2597
|
+
window.history.replaceState({}, "", t.length > 0 ? `${window.location.pathname}?${t}` : window.location.pathname);
|
|
2598
|
+
}
|
|
2599
|
+
function hr(e, t, n, r) {
|
|
2557
2600
|
let i = r ?? window.location.origin + window.location.pathname + window.location.search;
|
|
2558
2601
|
return `${n}/oauth/${e}?space=${encodeURIComponent(t)}&return=${encodeURIComponent(i)}`;
|
|
2559
2602
|
}
|
|
2560
|
-
async function
|
|
2561
|
-
let t = await
|
|
2603
|
+
async function gr(e) {
|
|
2604
|
+
let t = await X(e, "/passkey/registration/options", {
|
|
2562
2605
|
method: "POST",
|
|
2563
2606
|
headers: { "Content-Type": "application/json" }
|
|
2564
2607
|
});
|
|
@@ -2568,8 +2611,8 @@ async function cr(e) {
|
|
|
2568
2611
|
}
|
|
2569
2612
|
return t.json();
|
|
2570
2613
|
}
|
|
2571
|
-
async function
|
|
2572
|
-
let r = await
|
|
2614
|
+
async function _r(e, t, n) {
|
|
2615
|
+
let r = await X(e, "/passkey/registration/verify", {
|
|
2573
2616
|
method: "POST",
|
|
2574
2617
|
headers: { "Content-Type": "application/json" },
|
|
2575
2618
|
body: JSON.stringify({
|
|
@@ -2586,10 +2629,10 @@ async function lr(e, t, n) {
|
|
|
2586
2629
|
provider: "passkey",
|
|
2587
2630
|
authenticatedAt: Date.now()
|
|
2588
2631
|
};
|
|
2589
|
-
return
|
|
2632
|
+
return J(a), a;
|
|
2590
2633
|
}
|
|
2591
|
-
async function
|
|
2592
|
-
let n = await
|
|
2634
|
+
async function vr(e, t) {
|
|
2635
|
+
let n = await X(e, "/passkey/authentication/options", {
|
|
2593
2636
|
method: "POST",
|
|
2594
2637
|
headers: { "Content-Type": "application/json" },
|
|
2595
2638
|
body: JSON.stringify({ email: t })
|
|
@@ -2600,8 +2643,8 @@ async function ur(e, t) {
|
|
|
2600
2643
|
}
|
|
2601
2644
|
return n.json();
|
|
2602
2645
|
}
|
|
2603
|
-
async function
|
|
2604
|
-
let n = await
|
|
2646
|
+
async function yr(e, t) {
|
|
2647
|
+
let n = await X(e, "/passkey/authentication/verify", {
|
|
2605
2648
|
method: "POST",
|
|
2606
2649
|
headers: { "Content-Type": "application/json" },
|
|
2607
2650
|
body: JSON.stringify({ response: t })
|
|
@@ -2615,7 +2658,7 @@ async function dr(e, t) {
|
|
|
2615
2658
|
provider: "passkey",
|
|
2616
2659
|
authenticatedAt: Date.now()
|
|
2617
2660
|
};
|
|
2618
|
-
return
|
|
2661
|
+
return J(i), i;
|
|
2619
2662
|
}
|
|
2620
2663
|
//#endregion
|
|
2621
2664
|
//#region ../../node_modules/@simplewebauthn/browser/esm/helpers/bufferToBase64URLString.js
|
|
@@ -2626,30 +2669,30 @@ function Z(e) {
|
|
|
2626
2669
|
}
|
|
2627
2670
|
//#endregion
|
|
2628
2671
|
//#region ../../node_modules/@simplewebauthn/browser/esm/helpers/base64URLStringToBuffer.js
|
|
2629
|
-
function
|
|
2672
|
+
function br(e) {
|
|
2630
2673
|
let t = e.replace(/-/g, "+").replace(/_/g, "/"), n = (4 - t.length % 4) % 4, r = t.padEnd(t.length + n, "="), i = atob(r), a = new ArrayBuffer(i.length), o = new Uint8Array(a);
|
|
2631
2674
|
for (let e = 0; e < i.length; e++) o[e] = i.charCodeAt(e);
|
|
2632
2675
|
return a;
|
|
2633
2676
|
}
|
|
2634
2677
|
//#endregion
|
|
2635
2678
|
//#region ../../node_modules/@simplewebauthn/browser/esm/helpers/browserSupportsWebAuthn.js
|
|
2636
|
-
function
|
|
2637
|
-
return
|
|
2679
|
+
function xr() {
|
|
2680
|
+
return Sr.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
|
|
2638
2681
|
}
|
|
2639
|
-
var
|
|
2682
|
+
var Sr = { stubThis: (e) => e };
|
|
2640
2683
|
//#endregion
|
|
2641
2684
|
//#region ../../node_modules/@simplewebauthn/browser/esm/helpers/toPublicKeyCredentialDescriptor.js
|
|
2642
|
-
function
|
|
2685
|
+
function Cr(e) {
|
|
2643
2686
|
let { id: t } = e;
|
|
2644
2687
|
return {
|
|
2645
2688
|
...e,
|
|
2646
|
-
id:
|
|
2689
|
+
id: br(t),
|
|
2647
2690
|
transports: e.transports
|
|
2648
2691
|
};
|
|
2649
2692
|
}
|
|
2650
2693
|
//#endregion
|
|
2651
2694
|
//#region ../../node_modules/@simplewebauthn/browser/esm/helpers/isValidDomain.js
|
|
2652
|
-
function
|
|
2695
|
+
function wr(e) {
|
|
2653
2696
|
return e === "localhost" || /^((xn--[a-z0-9-]+|[a-z0-9]+(-[a-z0-9]+)*)\.)+([a-z]{2,}|xn--[a-z0-9-]+)$/i.test(e);
|
|
2654
2697
|
}
|
|
2655
2698
|
//#endregion
|
|
@@ -2666,7 +2709,7 @@ var Q = class extends Error {
|
|
|
2666
2709
|
};
|
|
2667
2710
|
//#endregion
|
|
2668
2711
|
//#region ../../node_modules/@simplewebauthn/browser/esm/helpers/identifyRegistrationError.js
|
|
2669
|
-
function
|
|
2712
|
+
function Tr({ error: e, options: t }) {
|
|
2670
2713
|
let { publicKey: n } = t;
|
|
2671
2714
|
if (!n) throw Error("options was missing required publicKey property");
|
|
2672
2715
|
if (e.name === "AbortError") {
|
|
@@ -2712,7 +2755,7 @@ function _r({ error: e, options: t }) {
|
|
|
2712
2755
|
});
|
|
2713
2756
|
else if (e.name === "SecurityError") {
|
|
2714
2757
|
let t = globalThis.location.hostname;
|
|
2715
|
-
if (!
|
|
2758
|
+
if (!wr(t)) return new Q({
|
|
2716
2759
|
message: `${globalThis.location.hostname} is an invalid domain`,
|
|
2717
2760
|
code: "ERROR_INVALID_DOMAIN",
|
|
2718
2761
|
cause: e
|
|
@@ -2735,7 +2778,7 @@ function _r({ error: e, options: t }) {
|
|
|
2735
2778
|
});
|
|
2736
2779
|
return e;
|
|
2737
2780
|
}
|
|
2738
|
-
var
|
|
2781
|
+
var Er = new class {
|
|
2739
2782
|
constructor() {
|
|
2740
2783
|
Object.defineProperty(this, "controller", {
|
|
2741
2784
|
enumerable: !0,
|
|
@@ -2758,31 +2801,31 @@ var vr = new class {
|
|
|
2758
2801
|
e.name = "AbortError", this.controller.abort(e), this.controller = void 0;
|
|
2759
2802
|
}
|
|
2760
2803
|
}
|
|
2761
|
-
}(),
|
|
2762
|
-
function
|
|
2763
|
-
if (e && !(
|
|
2804
|
+
}(), Dr = ["cross-platform", "platform"];
|
|
2805
|
+
function Or(e) {
|
|
2806
|
+
if (e && !(Dr.indexOf(e) < 0)) return e;
|
|
2764
2807
|
}
|
|
2765
2808
|
//#endregion
|
|
2766
2809
|
//#region ../../node_modules/@simplewebauthn/browser/esm/methods/startRegistration.js
|
|
2767
|
-
async function
|
|
2810
|
+
async function kr(e) {
|
|
2768
2811
|
!e.optionsJSON && e.challenge && (console.warn("startRegistration() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), e = { optionsJSON: e });
|
|
2769
2812
|
let { optionsJSON: t, useAutoRegister: n = !1 } = e;
|
|
2770
|
-
if (!
|
|
2813
|
+
if (!xr()) throw Error("WebAuthn is not supported in this browser");
|
|
2771
2814
|
let r = {
|
|
2772
2815
|
...t,
|
|
2773
|
-
challenge:
|
|
2816
|
+
challenge: br(t.challenge),
|
|
2774
2817
|
user: {
|
|
2775
2818
|
...t.user,
|
|
2776
|
-
id:
|
|
2819
|
+
id: br(t.user.id)
|
|
2777
2820
|
},
|
|
2778
|
-
excludeCredentials: t.excludeCredentials?.map(
|
|
2821
|
+
excludeCredentials: t.excludeCredentials?.map(Cr)
|
|
2779
2822
|
}, i = {};
|
|
2780
|
-
n && (i.mediation = "conditional"), i.publicKey = r, i.signal =
|
|
2823
|
+
n && (i.mediation = "conditional"), i.publicKey = r, i.signal = Er.createNewAbortSignal();
|
|
2781
2824
|
let a;
|
|
2782
2825
|
try {
|
|
2783
2826
|
a = await navigator.credentials.create(i);
|
|
2784
2827
|
} catch (e) {
|
|
2785
|
-
throw
|
|
2828
|
+
throw Tr({
|
|
2786
2829
|
error: e,
|
|
2787
2830
|
options: i
|
|
2788
2831
|
});
|
|
@@ -2794,20 +2837,20 @@ async function xr(e) {
|
|
|
2794
2837
|
if (typeof c.getPublicKeyAlgorithm == "function") try {
|
|
2795
2838
|
d = c.getPublicKeyAlgorithm();
|
|
2796
2839
|
} catch (e) {
|
|
2797
|
-
|
|
2840
|
+
Ar("getPublicKeyAlgorithm()", e);
|
|
2798
2841
|
}
|
|
2799
2842
|
let f;
|
|
2800
2843
|
if (typeof c.getPublicKey == "function") try {
|
|
2801
2844
|
let e = c.getPublicKey();
|
|
2802
2845
|
e !== null && (f = Z(e));
|
|
2803
2846
|
} catch (e) {
|
|
2804
|
-
|
|
2847
|
+
Ar("getPublicKey()", e);
|
|
2805
2848
|
}
|
|
2806
2849
|
let p;
|
|
2807
2850
|
if (typeof c.getAuthenticatorData == "function") try {
|
|
2808
2851
|
p = Z(c.getAuthenticatorData());
|
|
2809
2852
|
} catch (e) {
|
|
2810
|
-
|
|
2853
|
+
Ar("getAuthenticatorData()", e);
|
|
2811
2854
|
}
|
|
2812
2855
|
return {
|
|
2813
2856
|
id: o,
|
|
@@ -2822,23 +2865,23 @@ async function xr(e) {
|
|
|
2822
2865
|
},
|
|
2823
2866
|
type: l,
|
|
2824
2867
|
clientExtensionResults: a.getClientExtensionResults(),
|
|
2825
|
-
authenticatorAttachment:
|
|
2868
|
+
authenticatorAttachment: Or(a.authenticatorAttachment)
|
|
2826
2869
|
};
|
|
2827
2870
|
}
|
|
2828
|
-
function
|
|
2871
|
+
function Ar(e, t) {
|
|
2829
2872
|
console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${e}. You should report this error to them.\n`, t);
|
|
2830
2873
|
}
|
|
2831
2874
|
//#endregion
|
|
2832
2875
|
//#region ../../node_modules/@simplewebauthn/browser/esm/helpers/browserSupportsWebAuthnAutofill.js
|
|
2833
|
-
function
|
|
2834
|
-
if (!
|
|
2876
|
+
function jr() {
|
|
2877
|
+
if (!xr()) return Mr.stubThis(new Promise((e) => e(!1)));
|
|
2835
2878
|
let e = globalThis.PublicKeyCredential;
|
|
2836
|
-
return e?.isConditionalMediationAvailable === void 0 ?
|
|
2879
|
+
return e?.isConditionalMediationAvailable === void 0 ? Mr.stubThis(new Promise((e) => e(!1))) : Mr.stubThis(e.isConditionalMediationAvailable());
|
|
2837
2880
|
}
|
|
2838
|
-
var
|
|
2881
|
+
var Mr = { stubThis: (e) => e };
|
|
2839
2882
|
//#endregion
|
|
2840
2883
|
//#region ../../node_modules/@simplewebauthn/browser/esm/helpers/identifyAuthenticationError.js
|
|
2841
|
-
function
|
|
2884
|
+
function Nr({ error: e, options: t }) {
|
|
2842
2885
|
let { publicKey: n } = t;
|
|
2843
2886
|
if (!n) throw Error("options was missing required publicKey property");
|
|
2844
2887
|
if (e.name === "AbortError") {
|
|
@@ -2854,7 +2897,7 @@ function Tr({ error: e, options: t }) {
|
|
|
2854
2897
|
});
|
|
2855
2898
|
else if (e.name === "SecurityError") {
|
|
2856
2899
|
let t = globalThis.location.hostname;
|
|
2857
|
-
if (!
|
|
2900
|
+
if (!wr(t)) return new Q({
|
|
2858
2901
|
message: `${globalThis.location.hostname} is an invalid domain`,
|
|
2859
2902
|
code: "ERROR_INVALID_DOMAIN",
|
|
2860
2903
|
cause: e
|
|
@@ -2873,28 +2916,28 @@ function Tr({ error: e, options: t }) {
|
|
|
2873
2916
|
}
|
|
2874
2917
|
//#endregion
|
|
2875
2918
|
//#region ../../node_modules/@simplewebauthn/browser/esm/methods/startAuthentication.js
|
|
2876
|
-
async function
|
|
2919
|
+
async function Pr(e) {
|
|
2877
2920
|
!e.optionsJSON && e.challenge && (console.warn("startAuthentication() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), e = { optionsJSON: e });
|
|
2878
2921
|
let { optionsJSON: t, useBrowserAutofill: n = !1, verifyBrowserAutofillInput: r = !0 } = e;
|
|
2879
|
-
if (!
|
|
2922
|
+
if (!xr()) throw Error("WebAuthn is not supported in this browser");
|
|
2880
2923
|
let i;
|
|
2881
|
-
t.allowCredentials?.length !== 0 && (i = t.allowCredentials?.map(
|
|
2924
|
+
t.allowCredentials?.length !== 0 && (i = t.allowCredentials?.map(Cr));
|
|
2882
2925
|
let a = {
|
|
2883
2926
|
...t,
|
|
2884
|
-
challenge:
|
|
2927
|
+
challenge: br(t.challenge),
|
|
2885
2928
|
allowCredentials: i
|
|
2886
2929
|
}, o = {};
|
|
2887
2930
|
if (n) {
|
|
2888
|
-
if (!await
|
|
2931
|
+
if (!await jr()) throw Error("Browser does not support WebAuthn autofill");
|
|
2889
2932
|
if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && r) throw Error("No <input> with \"webauthn\" as the only or last value in its `autocomplete` attribute was detected");
|
|
2890
2933
|
o.mediation = "conditional", a.allowCredentials = [];
|
|
2891
2934
|
}
|
|
2892
|
-
o.publicKey = a, o.signal =
|
|
2935
|
+
o.publicKey = a, o.signal = Er.createNewAbortSignal();
|
|
2893
2936
|
let s;
|
|
2894
2937
|
try {
|
|
2895
2938
|
s = await navigator.credentials.get(o);
|
|
2896
2939
|
} catch (e) {
|
|
2897
|
-
throw
|
|
2940
|
+
throw Nr({
|
|
2898
2941
|
error: e,
|
|
2899
2942
|
options: o
|
|
2900
2943
|
});
|
|
@@ -2912,54 +2955,54 @@ async function Er(e) {
|
|
|
2912
2955
|
},
|
|
2913
2956
|
type: d,
|
|
2914
2957
|
clientExtensionResults: s.getClientExtensionResults(),
|
|
2915
|
-
authenticatorAttachment:
|
|
2958
|
+
authenticatorAttachment: Or(s.authenticatorAttachment)
|
|
2916
2959
|
};
|
|
2917
2960
|
}
|
|
2918
2961
|
//#endregion
|
|
2919
2962
|
//#region src/auth/auth-context.tsx
|
|
2920
|
-
var
|
|
2921
|
-
function
|
|
2922
|
-
let [r, i] =
|
|
2963
|
+
var Fr = fe(null);
|
|
2964
|
+
function Ir({ children: e, config: n }) {
|
|
2965
|
+
let [r, i] = j({
|
|
2923
2966
|
isAuthenticated: !1,
|
|
2924
2967
|
isLoading: !0,
|
|
2925
2968
|
user: null,
|
|
2926
2969
|
error: null
|
|
2927
|
-
});
|
|
2928
|
-
|
|
2970
|
+
}), a = n.methods.includes("email");
|
|
2971
|
+
O(() => {
|
|
2929
2972
|
(() => {
|
|
2930
|
-
let e = n.devLoginRunId, t = !!e &&
|
|
2931
|
-
e &&
|
|
2932
|
-
let r = !!n.devLoginToken && !!e && !t && !
|
|
2933
|
-
if (
|
|
2934
|
-
|
|
2973
|
+
let e = n.devLoginRunId, t = !!e && er() === e;
|
|
2974
|
+
e && !dr() && $n(e);
|
|
2975
|
+
let r = !!n.devLoginToken && !!e && !t && !Yn(n.devLoginToken) && !dr(), o = ur();
|
|
2976
|
+
if (o) {
|
|
2977
|
+
mr(), i({
|
|
2935
2978
|
isAuthenticated: !1,
|
|
2936
2979
|
isLoading: !1,
|
|
2937
2980
|
user: null,
|
|
2938
|
-
error: a
|
|
2981
|
+
error: pr(o.code, o.provider, { emailSignInAvailable: a })
|
|
2939
2982
|
});
|
|
2940
2983
|
return;
|
|
2941
2984
|
}
|
|
2942
|
-
let
|
|
2943
|
-
if (
|
|
2985
|
+
let s = lr();
|
|
2986
|
+
if (s) {
|
|
2944
2987
|
let e = {
|
|
2945
|
-
token:
|
|
2946
|
-
provider:
|
|
2988
|
+
token: s.token,
|
|
2989
|
+
provider: s.provider,
|
|
2947
2990
|
authenticatedAt: Date.now()
|
|
2948
2991
|
};
|
|
2949
|
-
|
|
2992
|
+
J(e), mr(), i({
|
|
2950
2993
|
isAuthenticated: !0,
|
|
2951
2994
|
isLoading: !1,
|
|
2952
|
-
user:
|
|
2995
|
+
user: Y(e),
|
|
2953
2996
|
error: null
|
|
2954
2997
|
});
|
|
2955
2998
|
return;
|
|
2956
2999
|
}
|
|
2957
|
-
let
|
|
2958
|
-
if (
|
|
3000
|
+
let c = Xn();
|
|
3001
|
+
if (c && !(r && c.provider === "anonymous")) {
|
|
2959
3002
|
i({
|
|
2960
3003
|
isAuthenticated: !0,
|
|
2961
3004
|
isLoading: !1,
|
|
2962
|
-
user:
|
|
3005
|
+
user: Y(c),
|
|
2963
3006
|
error: null
|
|
2964
3007
|
});
|
|
2965
3008
|
return;
|
|
@@ -2970,10 +3013,10 @@ function Or({ children: e, config: n }) {
|
|
|
2970
3013
|
provider: "dev",
|
|
2971
3014
|
authenticatedAt: Date.now()
|
|
2972
3015
|
};
|
|
2973
|
-
|
|
3016
|
+
J(e), i({
|
|
2974
3017
|
isAuthenticated: !0,
|
|
2975
3018
|
isLoading: !1,
|
|
2976
|
-
user:
|
|
3019
|
+
user: Y(e),
|
|
2977
3020
|
error: null
|
|
2978
3021
|
});
|
|
2979
3022
|
return;
|
|
@@ -2985,8 +3028,12 @@ function Or({ children: e, config: n }) {
|
|
|
2985
3028
|
error: null
|
|
2986
3029
|
});
|
|
2987
3030
|
})();
|
|
2988
|
-
}, [
|
|
2989
|
-
|
|
3031
|
+
}, [
|
|
3032
|
+
n.devLoginToken,
|
|
3033
|
+
n.devLoginRunId,
|
|
3034
|
+
a
|
|
3035
|
+
]);
|
|
3036
|
+
let o = D(async (e) => {
|
|
2990
3037
|
if (!n.spaceId) {
|
|
2991
3038
|
i((e) => ({
|
|
2992
3039
|
...e,
|
|
@@ -2996,7 +3043,7 @@ function Or({ children: e, config: n }) {
|
|
|
2996
3043
|
}
|
|
2997
3044
|
let t;
|
|
2998
3045
|
try {
|
|
2999
|
-
t = await
|
|
3046
|
+
t = await y(n.authUrl);
|
|
3000
3047
|
} catch (e) {
|
|
3001
3048
|
i((t) => ({
|
|
3002
3049
|
...t,
|
|
@@ -3011,11 +3058,11 @@ function Or({ children: e, config: n }) {
|
|
|
3011
3058
|
isLoading: !0
|
|
3012
3059
|
}));
|
|
3013
3060
|
try {
|
|
3014
|
-
let r = await
|
|
3061
|
+
let r = await or(n.spaceId, t, e);
|
|
3015
3062
|
i({
|
|
3016
3063
|
isAuthenticated: !0,
|
|
3017
3064
|
isLoading: !1,
|
|
3018
|
-
user:
|
|
3065
|
+
user: Y(r),
|
|
3019
3066
|
error: null
|
|
3020
3067
|
});
|
|
3021
3068
|
} catch (e) {
|
|
@@ -3034,11 +3081,11 @@ function Or({ children: e, config: n }) {
|
|
|
3034
3081
|
error: null
|
|
3035
3082
|
}));
|
|
3036
3083
|
try {
|
|
3037
|
-
let e = await
|
|
3084
|
+
let e = await Pr({ optionsJSON: await vr(t) }), n = await yr(t, e);
|
|
3038
3085
|
i({
|
|
3039
3086
|
isAuthenticated: !0,
|
|
3040
3087
|
isLoading: !1,
|
|
3041
|
-
user:
|
|
3088
|
+
user: Y(n),
|
|
3042
3089
|
error: null
|
|
3043
3090
|
});
|
|
3044
3091
|
} catch (e) {
|
|
@@ -3051,34 +3098,34 @@ function Or({ children: e, config: n }) {
|
|
|
3051
3098
|
return;
|
|
3052
3099
|
}
|
|
3053
3100
|
if (e === "email") throw Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
|
|
3054
|
-
window.location.href =
|
|
3055
|
-
}, [n.authUrl, n.spaceId]),
|
|
3101
|
+
window.location.href = hr(e, n.spaceId, t);
|
|
3102
|
+
}, [n.authUrl, n.spaceId]), s = D(async (e) => {
|
|
3056
3103
|
if (!n.spaceId) throw i((e) => ({
|
|
3057
3104
|
...e,
|
|
3058
3105
|
error: "Space ID is not configured"
|
|
3059
3106
|
})), Error("Space ID is not configured");
|
|
3060
|
-
let t = await
|
|
3061
|
-
await
|
|
3107
|
+
let t = await y(n.authUrl);
|
|
3108
|
+
await sr({
|
|
3062
3109
|
email: e,
|
|
3063
3110
|
spaceId: n.spaceId,
|
|
3064
3111
|
authUrl: t
|
|
3065
3112
|
});
|
|
3066
|
-
}, [n.authUrl, n.spaceId]),
|
|
3113
|
+
}, [n.authUrl, n.spaceId]), c = D(async (e, t) => {
|
|
3067
3114
|
i((e) => ({
|
|
3068
3115
|
...e,
|
|
3069
3116
|
isLoading: !0,
|
|
3070
3117
|
error: null
|
|
3071
3118
|
}));
|
|
3072
3119
|
try {
|
|
3073
|
-
let r = await
|
|
3120
|
+
let r = await cr({
|
|
3074
3121
|
email: e,
|
|
3075
3122
|
code: t,
|
|
3076
|
-
authUrl: await
|
|
3123
|
+
authUrl: await y(n.authUrl)
|
|
3077
3124
|
});
|
|
3078
3125
|
i({
|
|
3079
3126
|
isAuthenticated: !0,
|
|
3080
3127
|
isLoading: !1,
|
|
3081
|
-
user:
|
|
3128
|
+
user: Y(r),
|
|
3082
3129
|
error: null
|
|
3083
3130
|
});
|
|
3084
3131
|
} catch (e) {
|
|
@@ -3089,26 +3136,26 @@ function Or({ children: e, config: n }) {
|
|
|
3089
3136
|
error: t
|
|
3090
3137
|
})), e;
|
|
3091
3138
|
}
|
|
3092
|
-
}, [n.authUrl]),
|
|
3093
|
-
|
|
3139
|
+
}, [n.authUrl]), l = D(() => {
|
|
3140
|
+
Qn(), t.clearAll(), i({
|
|
3094
3141
|
isAuthenticated: !1,
|
|
3095
3142
|
isLoading: !1,
|
|
3096
3143
|
user: null,
|
|
3097
3144
|
error: null
|
|
3098
3145
|
});
|
|
3099
|
-
}, []),
|
|
3100
|
-
let t = await
|
|
3146
|
+
}, []), u = D(async (e) => {
|
|
3147
|
+
let t = await y(n.authUrl);
|
|
3101
3148
|
i((e) => ({
|
|
3102
3149
|
...e,
|
|
3103
3150
|
isLoading: !0,
|
|
3104
3151
|
error: null
|
|
3105
3152
|
}));
|
|
3106
3153
|
try {
|
|
3107
|
-
let n = await
|
|
3154
|
+
let n = await _r(t, await kr({ optionsJSON: await gr(t) }), e);
|
|
3108
3155
|
i({
|
|
3109
3156
|
isAuthenticated: !0,
|
|
3110
3157
|
isLoading: !1,
|
|
3111
|
-
user:
|
|
3158
|
+
user: Y(n),
|
|
3112
3159
|
error: null
|
|
3113
3160
|
});
|
|
3114
3161
|
} catch (e) {
|
|
@@ -3118,52 +3165,52 @@ function Or({ children: e, config: n }) {
|
|
|
3118
3165
|
error: e instanceof Error ? e.message : "Passkey registration failed"
|
|
3119
3166
|
}));
|
|
3120
3167
|
}
|
|
3121
|
-
}, [n.authUrl]),
|
|
3168
|
+
}, [n.authUrl]), d = D(() => r.user?.token ?? null, [r.user]), f = k(() => ({
|
|
3122
3169
|
state: r,
|
|
3123
|
-
login:
|
|
3124
|
-
logout:
|
|
3125
|
-
getToken:
|
|
3126
|
-
registerPasskey:
|
|
3127
|
-
requestEmailCode:
|
|
3128
|
-
submitEmailCode:
|
|
3170
|
+
login: o,
|
|
3171
|
+
logout: l,
|
|
3172
|
+
getToken: d,
|
|
3173
|
+
registerPasskey: u,
|
|
3174
|
+
requestEmailCode: s,
|
|
3175
|
+
submitEmailCode: c
|
|
3129
3176
|
}), [
|
|
3130
3177
|
r,
|
|
3131
|
-
a,
|
|
3132
|
-
c,
|
|
3133
|
-
u,
|
|
3134
|
-
l,
|
|
3135
3178
|
o,
|
|
3136
|
-
|
|
3179
|
+
l,
|
|
3180
|
+
d,
|
|
3181
|
+
u,
|
|
3182
|
+
s,
|
|
3183
|
+
c
|
|
3137
3184
|
]);
|
|
3138
|
-
return /* @__PURE__ */
|
|
3139
|
-
value:
|
|
3185
|
+
return /* @__PURE__ */ P(Fr, {
|
|
3186
|
+
value: f,
|
|
3140
3187
|
children: e
|
|
3141
3188
|
});
|
|
3142
3189
|
}
|
|
3143
|
-
function
|
|
3144
|
-
let e =
|
|
3190
|
+
function Lr() {
|
|
3191
|
+
let e = E(Fr);
|
|
3145
3192
|
if (!e) throw Error("useAuth must be used within an AuthProvider");
|
|
3146
3193
|
return e;
|
|
3147
3194
|
}
|
|
3148
|
-
function
|
|
3149
|
-
return
|
|
3195
|
+
function Rr() {
|
|
3196
|
+
return E(Fr);
|
|
3150
3197
|
}
|
|
3151
3198
|
//#endregion
|
|
3152
3199
|
//#region src/auth/use-auth-guard.ts
|
|
3153
|
-
function
|
|
3154
|
-
let { config: t, guestUrlParam: n } = e, { state: r, login: i } =
|
|
3155
|
-
|
|
3156
|
-
o && r.isAuthenticated && r.user && r.user.provider !== "anonymous" &&
|
|
3200
|
+
function zr(e) {
|
|
3201
|
+
let { config: t, guestUrlParam: n } = e, { state: r, login: i } = Lr(), a = A(!1), o = M(w, re, re).required;
|
|
3202
|
+
O(() => {
|
|
3203
|
+
o && r.isAuthenticated && r.user && r.user.provider !== "anonymous" && _();
|
|
3157
3204
|
}, [
|
|
3158
3205
|
o,
|
|
3159
3206
|
r.isAuthenticated,
|
|
3160
3207
|
r.user
|
|
3161
|
-
]),
|
|
3208
|
+
]), O(() => {
|
|
3162
3209
|
if (!n || r.isAuthenticated || r.isLoading || a.current) return;
|
|
3163
3210
|
let e = t.methods.includes("global") ? "global" : t.methods.includes("guest") ? "guest" : null;
|
|
3164
3211
|
if (!e) return;
|
|
3165
3212
|
let o = new URLSearchParams(window.location.search), s = o.get(n);
|
|
3166
|
-
if (s === "true" || s === "1" || s === "") {
|
|
3213
|
+
if (s === "true" || s === "1" || s === "" || dr()) {
|
|
3167
3214
|
o.delete(n);
|
|
3168
3215
|
let t = o.toString(), r = window.location.pathname + (t ? `?${t}` : "");
|
|
3169
3216
|
window.history.replaceState({}, "", r), a.current = !0, i(e);
|
|
@@ -3182,22 +3229,22 @@ function jr(e) {
|
|
|
3182
3229
|
isAuthenticated: r.isAuthenticated,
|
|
3183
3230
|
error: r.error,
|
|
3184
3231
|
isLoginPrompt: o && !s,
|
|
3185
|
-
dismissLoginPrompt:
|
|
3232
|
+
dismissLoginPrompt: _
|
|
3186
3233
|
};
|
|
3187
3234
|
}
|
|
3188
3235
|
//#endregion
|
|
3189
3236
|
//#region src/debug/debug-overlay.tsx
|
|
3190
|
-
var
|
|
3237
|
+
var Br = (() => {
|
|
3191
3238
|
try {
|
|
3192
|
-
return
|
|
3239
|
+
return te();
|
|
3193
3240
|
} catch {
|
|
3194
3241
|
return !1;
|
|
3195
3242
|
}
|
|
3196
|
-
})(),
|
|
3197
|
-
function
|
|
3198
|
-
$.push(`[+${((Date.now() -
|
|
3243
|
+
})(), Vr = Date.now(), $ = [], Hr = 300;
|
|
3244
|
+
function Ur(e) {
|
|
3245
|
+
$.push(`[+${((Date.now() - Vr) / 1e3).toFixed(1)}s] ${e}`), $.length > Hr && $.shift();
|
|
3199
3246
|
}
|
|
3200
|
-
function
|
|
3247
|
+
function Wr(e) {
|
|
3201
3248
|
if (typeof e == "string") return e;
|
|
3202
3249
|
if (e instanceof Error) return `${e.name}: ${e.message}`;
|
|
3203
3250
|
try {
|
|
@@ -3206,10 +3253,10 @@ function Ir(e) {
|
|
|
3206
3253
|
return String(e);
|
|
3207
3254
|
}
|
|
3208
3255
|
}
|
|
3209
|
-
var
|
|
3210
|
-
function
|
|
3211
|
-
if (
|
|
3212
|
-
|
|
3256
|
+
var Gr = !1;
|
|
3257
|
+
function Kr() {
|
|
3258
|
+
if (Gr || typeof window > "u") return;
|
|
3259
|
+
Gr = !0, window.addEventListener("error", (e) => Ur(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Ur(`unhandledRejection: ${Wr(e.reason)}`));
|
|
3213
3260
|
let e = console;
|
|
3214
3261
|
for (let t of [
|
|
3215
3262
|
"error",
|
|
@@ -3220,17 +3267,17 @@ function Rr() {
|
|
|
3220
3267
|
let n = e[t]?.bind(console) ?? (() => void 0);
|
|
3221
3268
|
e[t] = (...e) => {
|
|
3222
3269
|
try {
|
|
3223
|
-
|
|
3270
|
+
Ur(`console.${t}: ${e.map(Wr).join(" ")}`);
|
|
3224
3271
|
} catch {}
|
|
3225
3272
|
n(...e);
|
|
3226
3273
|
};
|
|
3227
3274
|
}
|
|
3228
3275
|
try {
|
|
3229
|
-
|
|
3276
|
+
ue((e) => Ur(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: d.DEBUG });
|
|
3230
3277
|
} catch {}
|
|
3231
3278
|
}
|
|
3232
|
-
|
|
3233
|
-
function
|
|
3279
|
+
Br && Kr();
|
|
3280
|
+
function qr() {
|
|
3234
3281
|
let e = !1;
|
|
3235
3282
|
try {
|
|
3236
3283
|
let t = URL.createObjectURL(new Blob([""]));
|
|
@@ -3240,11 +3287,11 @@ function zr() {
|
|
|
3240
3287
|
} catch {}
|
|
3241
3288
|
return e;
|
|
3242
3289
|
}
|
|
3243
|
-
function
|
|
3290
|
+
function Jr() {
|
|
3244
3291
|
let e = globalThis;
|
|
3245
3292
|
return [
|
|
3246
3293
|
`Worker=${typeof Worker < "u"}`,
|
|
3247
|
-
`moduleWorker=${
|
|
3294
|
+
`moduleWorker=${qr()}`,
|
|
3248
3295
|
`WebSocket=${typeof WebSocket < "u"}`,
|
|
3249
3296
|
`WebTransport=${e.WebTransport !== void 0}`,
|
|
3250
3297
|
`RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
|
|
@@ -3257,17 +3304,17 @@ function Br() {
|
|
|
3257
3304
|
`online=${typeof navigator < "u" ? navigator.onLine : "?"}`
|
|
3258
3305
|
].join(" ");
|
|
3259
3306
|
}
|
|
3260
|
-
function
|
|
3307
|
+
function Yr(e) {
|
|
3261
3308
|
return /ERROR|error:|Rejection/.test(e) ? "#f88" : /WARN|warn:/.test(e) ? "#fc6" : "#9d9";
|
|
3262
3309
|
}
|
|
3263
|
-
function
|
|
3264
|
-
let n =
|
|
3265
|
-
return
|
|
3310
|
+
function Xr({ state: e = "", forceVisible: t = !1 }) {
|
|
3311
|
+
let n = Br || t, r = e === "connected" || e === "reconnecting", [, i] = me((e) => e + 1, 0), [a, o] = j(!0);
|
|
3312
|
+
return O(() => {
|
|
3266
3313
|
if (!n) return;
|
|
3267
|
-
|
|
3314
|
+
Kr();
|
|
3268
3315
|
let e = setInterval(i, 1e3);
|
|
3269
3316
|
return () => clearInterval(e);
|
|
3270
|
-
}, [n]), n ? r && a ? /* @__PURE__ */
|
|
3317
|
+
}, [n]), n ? r && a ? /* @__PURE__ */ F("button", {
|
|
3271
3318
|
type: "button",
|
|
3272
3319
|
onClick: () => o(!1),
|
|
3273
3320
|
style: {
|
|
@@ -3287,7 +3334,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
|
|
|
3287
3334
|
$.length,
|
|
3288
3335
|
")"
|
|
3289
3336
|
]
|
|
3290
|
-
}) : /* @__PURE__ */
|
|
3337
|
+
}) : /* @__PURE__ */ F("div", {
|
|
3291
3338
|
style: {
|
|
3292
3339
|
...r ? {
|
|
3293
3340
|
position: "fixed",
|
|
@@ -3308,7 +3355,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
|
|
|
3308
3355
|
zIndex: 2147483647
|
|
3309
3356
|
},
|
|
3310
3357
|
children: [
|
|
3311
|
-
/* @__PURE__ */
|
|
3358
|
+
/* @__PURE__ */ F("div", {
|
|
3312
3359
|
style: {
|
|
3313
3360
|
color: "#fff",
|
|
3314
3361
|
fontSize: "18px",
|
|
@@ -3318,11 +3365,11 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
|
|
|
3318
3365
|
"Ikon debug overlay — state: ",
|
|
3319
3366
|
e || "?",
|
|
3320
3367
|
", +",
|
|
3321
|
-
Math.round((Date.now() -
|
|
3368
|
+
Math.round((Date.now() - Vr) / 1e3),
|
|
3322
3369
|
"s, ",
|
|
3323
3370
|
$.length,
|
|
3324
3371
|
" entries",
|
|
3325
|
-
r && /* @__PURE__ */
|
|
3372
|
+
r && /* @__PURE__ */ P("button", {
|
|
3326
3373
|
type: "button",
|
|
3327
3374
|
onClick: () => o(!0),
|
|
3328
3375
|
style: {
|
|
@@ -3338,7 +3385,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
|
|
|
3338
3385
|
})
|
|
3339
3386
|
]
|
|
3340
3387
|
}),
|
|
3341
|
-
/* @__PURE__ */
|
|
3388
|
+
/* @__PURE__ */ P("div", {
|
|
3342
3389
|
style: {
|
|
3343
3390
|
color: "#9cf",
|
|
3344
3391
|
wordBreak: "break-all",
|
|
@@ -3346,7 +3393,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
|
|
|
3346
3393
|
},
|
|
3347
3394
|
children: typeof window < "u" ? window.location.href : ""
|
|
3348
3395
|
}),
|
|
3349
|
-
/* @__PURE__ */
|
|
3396
|
+
/* @__PURE__ */ P("div", {
|
|
3350
3397
|
style: {
|
|
3351
3398
|
color: "#ff0",
|
|
3352
3399
|
wordBreak: "break-all",
|
|
@@ -3354,23 +3401,23 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
|
|
|
3354
3401
|
},
|
|
3355
3402
|
children: typeof navigator < "u" ? navigator.userAgent : "no navigator"
|
|
3356
3403
|
}),
|
|
3357
|
-
/* @__PURE__ */
|
|
3404
|
+
/* @__PURE__ */ P("div", {
|
|
3358
3405
|
style: {
|
|
3359
3406
|
color: "#8cf",
|
|
3360
3407
|
marginBottom: "4px"
|
|
3361
3408
|
},
|
|
3362
|
-
children:
|
|
3409
|
+
children: Jr()
|
|
3363
3410
|
}),
|
|
3364
|
-
/* @__PURE__ */
|
|
3411
|
+
/* @__PURE__ */ P("div", {
|
|
3365
3412
|
style: {
|
|
3366
3413
|
color: "#8cf",
|
|
3367
3414
|
marginBottom: "10px"
|
|
3368
3415
|
},
|
|
3369
3416
|
children: typeof window < "u" ? `viewport=${window.innerWidth}x${window.innerHeight} dpr=${window.devicePixelRatio}` : ""
|
|
3370
3417
|
}),
|
|
3371
|
-
/* @__PURE__ */
|
|
3418
|
+
/* @__PURE__ */ P("div", { children: $.length === 0 ? "(nothing captured yet)" : $.map((e, t) => /* @__PURE__ */ P("div", {
|
|
3372
3419
|
style: {
|
|
3373
|
-
color:
|
|
3420
|
+
color: Yr(e),
|
|
3374
3421
|
wordBreak: "break-all"
|
|
3375
3422
|
},
|
|
3376
3423
|
children: e
|
|
@@ -3380,8 +3427,8 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
|
|
|
3380
3427
|
}
|
|
3381
3428
|
//#endregion
|
|
3382
3429
|
//#region src/app/connection-state-renderer.tsx
|
|
3383
|
-
function
|
|
3384
|
-
let m =
|
|
3430
|
+
function Zr({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, stores: i, registry: a, client: o, onAction: s, renderIdle: c, renderConnecting: l, renderConnectingSlow: u, renderConnected: d, renderOffline: f, renderError: p }) {
|
|
3431
|
+
let m = A(!1), h = (() => {
|
|
3385
3432
|
switch (e) {
|
|
3386
3433
|
case "waitingForExternalConnectUrl":
|
|
3387
3434
|
case "connecting": return r ? u() : l();
|
|
@@ -3406,227 +3453,223 @@ function Ur({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, sto
|
|
|
3406
3453
|
default: return null;
|
|
3407
3454
|
}
|
|
3408
3455
|
})();
|
|
3409
|
-
return /* @__PURE__ */
|
|
3456
|
+
return /* @__PURE__ */ F(N, { children: [h, /* @__PURE__ */ P(Xr, { state: e })] });
|
|
3410
3457
|
}
|
|
3411
3458
|
//#endregion
|
|
3412
3459
|
//#region src/app/boot-snapshot-variant.ts
|
|
3413
|
-
function
|
|
3460
|
+
function Qr(e, t) {
|
|
3414
3461
|
return e === !1 ? !1 : t ? "signed-in" : "guest";
|
|
3415
3462
|
}
|
|
3416
3463
|
//#endregion
|
|
3417
3464
|
//#region src/app/use-ikon-app.ts
|
|
3418
|
-
var
|
|
3419
|
-
function
|
|
3465
|
+
var $r = v("useIkonApp");
|
|
3466
|
+
function ei() {
|
|
3420
3467
|
if (typeof window < "u" && window.__IKON_AUTH_CONFIG__) return window.__IKON_AUTH_CONFIG__;
|
|
3421
3468
|
}
|
|
3422
|
-
function
|
|
3469
|
+
function ti() {
|
|
3423
3470
|
if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__) return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
|
|
3424
3471
|
}
|
|
3425
|
-
function
|
|
3426
|
-
let { authConfig: n, modules: r, timeouts:
|
|
3427
|
-
|
|
3428
|
-
let [
|
|
3472
|
+
function ni(e) {
|
|
3473
|
+
let { authConfig: n, modules: r, timeouts: l, backgroundAudio: d, webRtc: g, audio: _, video: v, websocket: b, webtransport: te, proxy: ne, liveSnapshot: re, bootSnapshot: ie } = e, S = n === void 0 ? ei() ?? null : n, oe = ti(), C = Rr(), ce = !!C && C.state.isLoading, w = A(null), ue = A(null), de = A(null), fe = A(!1), T = A(!1), E = A(d), pe = A(l), me = A(g), M = A(_), N = A(v), P = A(b), F = A(te), he = A(ne), I = A(re), ge = A(ie), _e = A("local"), ve = A(void 0);
|
|
3474
|
+
E.current = d, pe.current = l, me.current = g, M.current = _, N.current = v, P.current = b, F.current = te, he.current = ne, I.current = re, ge.current = ie;
|
|
3475
|
+
let [L, ye] = j("connecting"), [be, xe] = j(!1), [Se, Ce] = j(!1), [we, Te] = j(null), [Ee, De] = j(null), [Oe, ke] = j(!1), [Ae, je] = j(!1), [Me, Ne] = j(!1), [Pe, Fe] = j(null), [R, z] = j(null), [B, Le] = j(!1), Re = A(!1), [ze, Be] = j(0), V = k(() => {
|
|
3429
3476
|
try {
|
|
3430
|
-
return
|
|
3477
|
+
return se();
|
|
3431
3478
|
} catch {
|
|
3432
3479
|
return { parameters: {} };
|
|
3433
3480
|
}
|
|
3434
|
-
}, []),
|
|
3435
|
-
|
|
3436
|
-
let H =
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3442
|
-
]), U =
|
|
3443
|
-
|
|
3444
|
-
|
|
3481
|
+
}, []), Ve = (S?.methods?.length ?? 0) > 0, He = Qr(ie, Ve && Zn());
|
|
3482
|
+
He !== !1 && !i() && a(He);
|
|
3483
|
+
let H = k(() => S?.spaceId ? Xn() : null, [
|
|
3484
|
+
S?.spaceId,
|
|
3485
|
+
ze,
|
|
3486
|
+
C?.state.isLoading,
|
|
3487
|
+
C?.state.isAuthenticated,
|
|
3488
|
+
C?.state.user?.token
|
|
3489
|
+
]), U = oe?.enabled ?? !1, Ue = oe?.host ?? "localhost", W = oe?.port ?? 8443, We = !ce && !!S && !H && !S.requireSignIn && !!S.spaceId && (ae() || U);
|
|
3490
|
+
We && !R && !B && !Re.current && (Re.current = !0, y(S.authUrl).then((e) => or(S.spaceId, e)).then((e) => {
|
|
3491
|
+
z(e.token), Le(!0);
|
|
3445
3492
|
}).catch((e) => {
|
|
3446
|
-
|
|
3493
|
+
$r.error("Anonymous auth failed:", e), Re.current = !1, U ? Le(!0) : Te(e instanceof Error ? e.message : "Anonymous auth failed");
|
|
3447
3494
|
}));
|
|
3448
|
-
let
|
|
3449
|
-
if (
|
|
3495
|
+
let Ge = k(() => {
|
|
3496
|
+
if (ce) return null;
|
|
3450
3497
|
if (U) {
|
|
3451
|
-
if (
|
|
3452
|
-
let e = H?.token ??
|
|
3498
|
+
if (We && !B) return null;
|
|
3499
|
+
let e = H?.token ?? R ?? void 0, t = e ? x(e) ?? void 0 : void 0;
|
|
3453
3500
|
return { local: {
|
|
3454
|
-
host:
|
|
3455
|
-
httpsPort:
|
|
3501
|
+
host: Ue,
|
|
3502
|
+
httpsPort: W,
|
|
3456
3503
|
userId: t,
|
|
3457
3504
|
token: H?.token ?? void 0,
|
|
3458
3505
|
identityToken: e,
|
|
3459
|
-
spaceId:
|
|
3460
|
-
backendUrl:
|
|
3461
|
-
authUrl:
|
|
3506
|
+
spaceId: S?.spaceId,
|
|
3507
|
+
backendUrl: S?.backendUrl,
|
|
3508
|
+
authUrl: S?.authUrl,
|
|
3462
3509
|
parameters: V.parameters
|
|
3463
3510
|
} };
|
|
3464
3511
|
}
|
|
3465
|
-
return H?.token &&
|
|
3512
|
+
return H?.token && S?.spaceId ? { sessionToken: {
|
|
3466
3513
|
token: H.token,
|
|
3467
|
-
spaceId:
|
|
3468
|
-
backendType:
|
|
3514
|
+
spaceId: S.spaceId,
|
|
3515
|
+
backendType: ee(),
|
|
3469
3516
|
sessionIdentityHash: V.sessionIdentityHash,
|
|
3470
3517
|
parameters: V.parameters
|
|
3471
|
-
} } :
|
|
3472
|
-
token:
|
|
3473
|
-
spaceId:
|
|
3474
|
-
backendType:
|
|
3518
|
+
} } : R && S?.spaceId ? { sessionToken: {
|
|
3519
|
+
token: R,
|
|
3520
|
+
spaceId: S.spaceId,
|
|
3521
|
+
backendType: ee(),
|
|
3475
3522
|
sessionIdentityHash: V.sessionIdentityHash,
|
|
3476
3523
|
parameters: V.parameters
|
|
3477
|
-
} } :
|
|
3478
|
-
host:
|
|
3479
|
-
httpsPort:
|
|
3480
|
-
spaceId:
|
|
3481
|
-
backendUrl:
|
|
3482
|
-
authUrl:
|
|
3524
|
+
} } : ae() ? null : { local: {
|
|
3525
|
+
host: Ue,
|
|
3526
|
+
httpsPort: W,
|
|
3527
|
+
spaceId: S?.spaceId,
|
|
3528
|
+
backendUrl: S?.backendUrl,
|
|
3529
|
+
authUrl: S?.authUrl,
|
|
3483
3530
|
parameters: V.parameters
|
|
3484
3531
|
} };
|
|
3485
3532
|
}, [
|
|
3486
|
-
|
|
3533
|
+
ce,
|
|
3487
3534
|
U,
|
|
3535
|
+
Ue,
|
|
3488
3536
|
W,
|
|
3489
|
-
Be,
|
|
3490
3537
|
H?.token,
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3538
|
+
S?.spaceId,
|
|
3539
|
+
S?.backendUrl,
|
|
3540
|
+
S?.authUrl,
|
|
3541
|
+
R,
|
|
3542
|
+
We,
|
|
3496
3543
|
B,
|
|
3497
3544
|
V.sessionIdentityHash,
|
|
3498
3545
|
V.parameters
|
|
3499
3546
|
]);
|
|
3500
|
-
|
|
3501
|
-
let
|
|
3502
|
-
|
|
3503
|
-
if (!
|
|
3504
|
-
if (
|
|
3505
|
-
|
|
3506
|
-
|
|
3547
|
+
_e.current = S?.spaceId ?? "local", ve.current = H?.token ?? R ?? void 0, an(Pe);
|
|
3548
|
+
let Ke = sn(Pe);
|
|
3549
|
+
O(() => {
|
|
3550
|
+
if (!fe.current) {
|
|
3551
|
+
if (fe.current = !0, de.current = Wt(), r) for (let e of r) e(de.current);
|
|
3552
|
+
de.current.loadRegisteredModules().catch((e) => {
|
|
3553
|
+
$r.error("Failed to load UI modules", e);
|
|
3507
3554
|
});
|
|
3508
3555
|
}
|
|
3509
|
-
}, []),
|
|
3510
|
-
if (!
|
|
3511
|
-
let e = new
|
|
3512
|
-
...
|
|
3513
|
-
timeouts:
|
|
3514
|
-
audio:
|
|
3515
|
-
enabled:
|
|
3516
|
-
...
|
|
3556
|
+
}, []), O(() => {
|
|
3557
|
+
if (!Ge) return;
|
|
3558
|
+
let e = new u({
|
|
3559
|
+
...Ge,
|
|
3560
|
+
timeouts: pe.current,
|
|
3561
|
+
audio: M.current !== void 0 || E.current ? {
|
|
3562
|
+
enabled: M.current,
|
|
3563
|
+
...E.current ? { background: {
|
|
3517
3564
|
allowOnDesktop: !0,
|
|
3518
3565
|
allowOnMobile: !0
|
|
3519
3566
|
} } : {}
|
|
3520
3567
|
} : void 0,
|
|
3521
|
-
video:
|
|
3568
|
+
video: N.current === void 0 ? void 0 : { enabled: N.current },
|
|
3522
3569
|
mediaSession: {
|
|
3523
3570
|
title: document.title || void 0,
|
|
3524
3571
|
artist: document.title || void 0
|
|
3525
3572
|
},
|
|
3526
|
-
webRtc:
|
|
3527
|
-
websocket:
|
|
3528
|
-
webtransport:
|
|
3529
|
-
proxy:
|
|
3573
|
+
webRtc: me.current === !1 ? { enabled: !1 } : void 0,
|
|
3574
|
+
websocket: P.current,
|
|
3575
|
+
webtransport: F.current,
|
|
3576
|
+
proxy: he.current,
|
|
3530
3577
|
onConnectionStateChange: (e) => {
|
|
3531
|
-
|
|
3578
|
+
ye(e);
|
|
3532
3579
|
},
|
|
3533
3580
|
onError: (e) => {
|
|
3534
|
-
|
|
3581
|
+
Te(e.message);
|
|
3535
3582
|
}
|
|
3536
3583
|
});
|
|
3537
|
-
|
|
3538
|
-
let n =
|
|
3584
|
+
w.current = e;
|
|
3585
|
+
let n = I.current ?? !0, r = ve.current, i = r ? x(r) ?? null : null, a = n && i ? {
|
|
3539
3586
|
enabled: !0,
|
|
3540
|
-
appId:
|
|
3587
|
+
appId: _e.current,
|
|
3541
3588
|
userId: i
|
|
3542
|
-
} : void 0,
|
|
3589
|
+
} : void 0, l = H != null && H.provider !== "anonymous", d = Ve && (l || Zn()), g = new Ie({
|
|
3543
3590
|
client: e,
|
|
3544
3591
|
liveSnapshot: a,
|
|
3545
|
-
bootSnapshot:
|
|
3592
|
+
bootSnapshot: Qr(ge.current, d)
|
|
3546
3593
|
});
|
|
3547
|
-
|
|
3548
|
-
let
|
|
3549
|
-
|
|
3594
|
+
ue.current = g, Fe(g), Ce(!1);
|
|
3595
|
+
let _ = g.subscribeToUiUpdates(() => {
|
|
3596
|
+
Ce(!0), le();
|
|
3550
3597
|
});
|
|
3551
3598
|
return e.connect().catch((e) => {
|
|
3552
|
-
if (
|
|
3553
|
-
|
|
3599
|
+
if ($r.error("Connection failed:", e), e instanceof o) {
|
|
3600
|
+
De(e.reason);
|
|
3554
3601
|
return;
|
|
3555
3602
|
}
|
|
3556
|
-
if (e instanceof
|
|
3557
|
-
|
|
3603
|
+
if (e instanceof p) {
|
|
3604
|
+
ke(!0);
|
|
3558
3605
|
return;
|
|
3559
3606
|
}
|
|
3560
|
-
if (e instanceof
|
|
3561
|
-
|
|
3607
|
+
if (e instanceof h) {
|
|
3608
|
+
je(!0);
|
|
3562
3609
|
return;
|
|
3563
3610
|
}
|
|
3564
|
-
|
|
3611
|
+
if (!(e instanceof m)) {
|
|
3612
|
+
if (e instanceof s) {
|
|
3613
|
+
Ne(!0);
|
|
3614
|
+
return;
|
|
3615
|
+
}
|
|
3616
|
+
e instanceof f || e instanceof c && !T.current && (T.current = !0, $r.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), C ? C.logout() : (Qn(), Be((e) => e + 1)));
|
|
3617
|
+
}
|
|
3565
3618
|
}), () => {
|
|
3566
|
-
|
|
3619
|
+
_(), e.disconnect(), w.current = null, g.dispose(), ue.current = null;
|
|
3567
3620
|
};
|
|
3568
|
-
}, [
|
|
3569
|
-
let
|
|
3621
|
+
}, [Ge]);
|
|
3622
|
+
let qe = D((e, t) => {
|
|
3570
3623
|
let n = typeof t == "string" ? t : JSON.stringify(t ?? {});
|
|
3571
|
-
|
|
3624
|
+
w.current?.sendActionCall(e, n);
|
|
3572
3625
|
}, []);
|
|
3573
|
-
|
|
3574
|
-
if (
|
|
3575
|
-
|
|
3626
|
+
O(() => {
|
|
3627
|
+
if (L !== "connecting") {
|
|
3628
|
+
xe(!1);
|
|
3576
3629
|
return;
|
|
3577
3630
|
}
|
|
3578
|
-
let e =
|
|
3631
|
+
let e = w.current?.slowConnectionThresholdMs ?? 5e3, t = setTimeout(() => xe(!0), e);
|
|
3579
3632
|
return () => clearTimeout(t);
|
|
3580
|
-
}, [
|
|
3581
|
-
let
|
|
3582
|
-
return k(() => {
|
|
3583
|
-
typeof document > "u" || (document.documentElement.dataset.ikonLive = String(Ge));
|
|
3584
|
-
}, [Ge]), {
|
|
3585
|
-
connectionState: R,
|
|
3586
|
-
error: Se,
|
|
3587
|
-
accessDeniedReason: we,
|
|
3588
|
-
isServerFull: Ee,
|
|
3589
|
-
isSessionExpired: Oe,
|
|
3590
|
-
stores: He,
|
|
3591
|
-
client: T.current,
|
|
3592
|
-
registry: E.current,
|
|
3593
|
-
clientRef: T,
|
|
3594
|
-
uiRef: ce,
|
|
3595
|
-
registryRef: E,
|
|
3596
|
-
onAction: Ue,
|
|
3597
|
-
isReady: We,
|
|
3598
|
-
isLive: Ge,
|
|
3599
|
-
brandingRequired: T.current?.brandingRequired ?? !1,
|
|
3600
|
-
isConnectingSlow: ve,
|
|
3601
|
-
webRtcVideoStreams: T.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
|
|
3602
|
-
webRtcTrackMap: T.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
|
|
3603
|
-
};
|
|
3604
|
-
}
|
|
3605
|
-
//#endregion
|
|
3606
|
-
//#region src/hooks/use-lazy-font.ts
|
|
3607
|
-
function Yr(e) {
|
|
3608
|
-
let t = j(!1);
|
|
3633
|
+
}, [L]);
|
|
3634
|
+
let Je = L === "connected" || L === "reconnecting", Ye = Se && L !== "offline";
|
|
3609
3635
|
return O(() => {
|
|
3610
|
-
|
|
3611
|
-
|
|
3612
|
-
|
|
3613
|
-
|
|
3614
|
-
|
|
3636
|
+
typeof document > "u" || (document.documentElement.dataset.ikonLive = String(Ye));
|
|
3637
|
+
}, [Ye]), {
|
|
3638
|
+
connectionState: L,
|
|
3639
|
+
error: we,
|
|
3640
|
+
accessDeniedReason: Ee,
|
|
3641
|
+
isServerFull: Oe,
|
|
3642
|
+
isSessionExpired: Ae,
|
|
3643
|
+
isStartupFailed: Me,
|
|
3644
|
+
stores: Ke,
|
|
3645
|
+
client: w.current,
|
|
3646
|
+
registry: de.current,
|
|
3647
|
+
clientRef: w,
|
|
3648
|
+
uiRef: ue,
|
|
3649
|
+
registryRef: de,
|
|
3650
|
+
onAction: qe,
|
|
3651
|
+
isReady: Je,
|
|
3652
|
+
isLive: Ye,
|
|
3653
|
+
brandingRequired: w.current?.brandingRequired ?? !1,
|
|
3654
|
+
isConnectingSlow: be,
|
|
3655
|
+
webRtcVideoStreams: w.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
|
|
3656
|
+
webRtcTrackMap: w.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
|
|
3657
|
+
};
|
|
3615
3658
|
}
|
|
3616
3659
|
//#endregion
|
|
3617
3660
|
//#region src/hooks/use-toasts.ts
|
|
3618
|
-
var
|
|
3619
|
-
function
|
|
3620
|
-
let [n, r] =
|
|
3661
|
+
var ri = 0;
|
|
3662
|
+
function ii(e = 5, t = 5e3) {
|
|
3663
|
+
let [n, r] = j([]), i = A(/* @__PURE__ */ new Map()), a = D((e) => {
|
|
3621
3664
|
let t = i.current.get(e);
|
|
3622
3665
|
t && (clearTimeout(t), i.current.delete(e)), r((t) => t.filter((t) => t.id !== e));
|
|
3623
3666
|
}, []);
|
|
3624
|
-
return
|
|
3625
|
-
let n = i.current, o =
|
|
3626
|
-
if (!
|
|
3627
|
-
let o = `toast-${++
|
|
3667
|
+
return O(() => {
|
|
3668
|
+
let n = i.current, o = ue((i) => {
|
|
3669
|
+
if (!oe()) return;
|
|
3670
|
+
let o = `toast-${++ri}`, s = {
|
|
3628
3671
|
id: o,
|
|
3629
|
-
level: i.level ===
|
|
3672
|
+
level: i.level === d.ERROR ? "error" : "warn",
|
|
3630
3673
|
message: i.message,
|
|
3631
3674
|
component: i.component
|
|
3632
3675
|
};
|
|
@@ -3635,7 +3678,7 @@ function Zr(e = 5, t = 5e3) {
|
|
|
3635
3678
|
a(o);
|
|
3636
3679
|
}, t);
|
|
3637
3680
|
n.set(o, c);
|
|
3638
|
-
}, { minLevel:
|
|
3681
|
+
}, { minLevel: d.WARN });
|
|
3639
3682
|
return () => {
|
|
3640
3683
|
o();
|
|
3641
3684
|
for (let e of n.values()) clearTimeout(e);
|
|
@@ -3652,9 +3695,9 @@ function Zr(e = 5, t = 5e3) {
|
|
|
3652
3695
|
}
|
|
3653
3696
|
//#endregion
|
|
3654
3697
|
//#region src/hooks/use-ikon-reactive.ts
|
|
3655
|
-
function
|
|
3656
|
-
let [r, i] =
|
|
3657
|
-
return
|
|
3698
|
+
function ai(e, t, n) {
|
|
3699
|
+
let [r, i] = j(n);
|
|
3700
|
+
return O(() => {
|
|
3658
3701
|
if (!e) return;
|
|
3659
3702
|
let n = !0, r = null;
|
|
3660
3703
|
return e.reactiveRegistry.subscribe(t, (e) => {
|
|
@@ -3670,9 +3713,9 @@ function Qr(e, t, n) {
|
|
|
3670
3713
|
}
|
|
3671
3714
|
//#endregion
|
|
3672
3715
|
//#region src/hooks/use-reactive.ts
|
|
3673
|
-
function
|
|
3674
|
-
let [r, i] =
|
|
3675
|
-
return
|
|
3716
|
+
function oi(e, t, n) {
|
|
3717
|
+
let [r, i] = j(null);
|
|
3718
|
+
return O(() => {
|
|
3676
3719
|
if (!e) return;
|
|
3677
3720
|
let n = !0;
|
|
3678
3721
|
return e.call("Ikon.Reactive.GetStableIdByName", [t]).then((e) => {
|
|
@@ -3682,56 +3725,56 @@ function $r(e, t, n) {
|
|
|
3682
3725
|
}), () => {
|
|
3683
3726
|
n = !1;
|
|
3684
3727
|
};
|
|
3685
|
-
}, [e, t]),
|
|
3728
|
+
}, [e, t]), ai(r ? e : null, r ?? "", n);
|
|
3686
3729
|
}
|
|
3687
3730
|
//#endregion
|
|
3688
3731
|
//#region src/app/use-ikon-debug.ts
|
|
3689
|
-
var
|
|
3732
|
+
var si = v("IkonDebug"), ci = {
|
|
3690
3733
|
Digit1: "connecting",
|
|
3691
3734
|
Digit2: "connected",
|
|
3692
3735
|
Digit3: "reconnecting",
|
|
3693
3736
|
Digit4: "offline",
|
|
3694
3737
|
Digit5: "offline",
|
|
3695
3738
|
Digit0: "clear"
|
|
3696
|
-
},
|
|
3697
|
-
function
|
|
3698
|
-
let t =
|
|
3699
|
-
return
|
|
3739
|
+
}, li = "Digit5", ui = "Digit6", di = "Synthetic debug error (Ctrl+Shift+5)", fi = "Synthetic debug access-denied (Ctrl+Shift+6)", pi = 5e3;
|
|
3740
|
+
function mi(e) {
|
|
3741
|
+
let t = oe(), [n, r] = j(null), [i, a] = j(!1), [o, s] = j(null), [c, l] = j(null), [u, d] = j(!1), [f, p] = j(!1), [m, h] = j(!1);
|
|
3742
|
+
return O(() => {
|
|
3700
3743
|
if (!t) return;
|
|
3701
3744
|
let e = (e) => {
|
|
3702
3745
|
if (!e.ctrlKey || !e.shiftKey) return;
|
|
3703
3746
|
if (e.code === "KeyE") {
|
|
3704
|
-
e.preventDefault(), d((e) => (
|
|
3747
|
+
e.preventDefault(), d((e) => (si.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
|
|
3705
3748
|
return;
|
|
3706
3749
|
}
|
|
3707
3750
|
if (e.code === "Digit7") {
|
|
3708
|
-
e.preventDefault(), p((e) => (
|
|
3751
|
+
e.preventDefault(), p((e) => (si.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
|
|
3709
3752
|
return;
|
|
3710
3753
|
}
|
|
3711
3754
|
if (e.code === "Digit8") {
|
|
3712
|
-
e.preventDefault(), h((e) => (
|
|
3755
|
+
e.preventDefault(), h((e) => (si.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
|
|
3713
3756
|
return;
|
|
3714
3757
|
}
|
|
3715
|
-
if (e.code ===
|
|
3716
|
-
e.preventDefault(), l(
|
|
3758
|
+
if (e.code === ui) {
|
|
3759
|
+
e.preventDefault(), l(fi), r(null), s(null), si.warn("Forced access denied");
|
|
3717
3760
|
return;
|
|
3718
3761
|
}
|
|
3719
|
-
let t =
|
|
3762
|
+
let t = ci[e.code];
|
|
3720
3763
|
if (t === void 0) return;
|
|
3721
3764
|
if (e.preventDefault(), t === "clear") {
|
|
3722
|
-
r(null), s(null), l(null),
|
|
3765
|
+
r(null), s(null), l(null), si.warn("Cleared forced state");
|
|
3723
3766
|
return;
|
|
3724
3767
|
}
|
|
3725
|
-
let n = e.code ===
|
|
3726
|
-
r(t), s(n ?
|
|
3768
|
+
let n = e.code === li;
|
|
3769
|
+
r(t), s(n ? di : null), l(null), si.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
|
|
3727
3770
|
};
|
|
3728
3771
|
return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
|
|
3729
|
-
}, [t]),
|
|
3772
|
+
}, [t]), O(() => {
|
|
3730
3773
|
if (n !== "connecting") {
|
|
3731
3774
|
a(!1);
|
|
3732
3775
|
return;
|
|
3733
3776
|
}
|
|
3734
|
-
let e = setTimeout(() => a(!0),
|
|
3777
|
+
let e = setTimeout(() => a(!0), pi);
|
|
3735
3778
|
return () => clearTimeout(e);
|
|
3736
3779
|
}, [n]), !t || n === null && !u && c === null && !f && !m ? {
|
|
3737
3780
|
app: e,
|
|
@@ -3762,64 +3805,64 @@ function si(e) {
|
|
|
3762
3805
|
}
|
|
3763
3806
|
//#endregion
|
|
3764
3807
|
//#region src/app/ikon-app.tsx
|
|
3765
|
-
function
|
|
3808
|
+
function hi(e, t) {
|
|
3766
3809
|
return e === void 0 ? null : typeof e == "function" ? e(t) : e;
|
|
3767
3810
|
}
|
|
3768
|
-
function
|
|
3811
|
+
function gi(e) {
|
|
3769
3812
|
return e === void 0 ? null : typeof e == "function" ? e() : e;
|
|
3770
3813
|
}
|
|
3771
|
-
function
|
|
3814
|
+
function _i(e, t) {
|
|
3772
3815
|
return e === void 0 ? null : typeof e == "function" ? e(t) : e;
|
|
3773
3816
|
}
|
|
3774
|
-
function
|
|
3817
|
+
function vi(e, t) {
|
|
3775
3818
|
return e === void 0 ? null : typeof e == "function" ? e(t) : e;
|
|
3776
3819
|
}
|
|
3777
|
-
function
|
|
3778
|
-
let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o =
|
|
3820
|
+
function yi(e) {
|
|
3821
|
+
let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = mi(a), { app: s } = o, { connectionState: c, isConnectingSlow: l, stores: u, registry: d, client: f, onAction: p, isReady: m, error: h, accessDeniedReason: g, brandingRequired: _ } = s, v = _ || o.forcedBranding, y = A(null);
|
|
3779
3822
|
u && d && (m || u.size > 0) && (y.current = {
|
|
3780
3823
|
stores: u,
|
|
3781
3824
|
registry: d,
|
|
3782
3825
|
client: f
|
|
3783
3826
|
});
|
|
3784
3827
|
let ee = y.current != null || !!g;
|
|
3785
|
-
if (
|
|
3828
|
+
if (pe(() => {
|
|
3786
3829
|
!ee || typeof document > "u" || document.querySelectorAll("[data-ikon-prerender]").forEach((e) => e.remove());
|
|
3787
|
-
}, [ee]), g) return
|
|
3830
|
+
}, [ee]), g) return vi(i, g);
|
|
3788
3831
|
let b = y.current, x;
|
|
3789
3832
|
switch (c) {
|
|
3790
3833
|
case "waitingForExternalConnectUrl":
|
|
3791
3834
|
case "connecting":
|
|
3792
|
-
x =
|
|
3835
|
+
x = hi(t, l);
|
|
3793
3836
|
break;
|
|
3794
3837
|
case "reconnecting":
|
|
3795
|
-
x =
|
|
3838
|
+
x = gi(n);
|
|
3796
3839
|
break;
|
|
3797
3840
|
case "offline":
|
|
3798
|
-
x =
|
|
3841
|
+
x = _i(r, h);
|
|
3799
3842
|
break;
|
|
3800
3843
|
default: x = null;
|
|
3801
3844
|
}
|
|
3802
|
-
return /* @__PURE__ */
|
|
3803
|
-
b && /* @__PURE__ */
|
|
3845
|
+
return /* @__PURE__ */ F(N, { children: [
|
|
3846
|
+
b && /* @__PURE__ */ P(Fe, {
|
|
3804
3847
|
stores: b.stores,
|
|
3805
3848
|
registry: b.registry,
|
|
3806
3849
|
client: b.client,
|
|
3807
3850
|
onAction: p
|
|
3808
3851
|
}),
|
|
3809
3852
|
x,
|
|
3810
|
-
v && /* @__PURE__ */
|
|
3811
|
-
/* @__PURE__ */
|
|
3812
|
-
/* @__PURE__ */
|
|
3853
|
+
v && /* @__PURE__ */ P(xi, {}),
|
|
3854
|
+
/* @__PURE__ */ P(Si, {}),
|
|
3855
|
+
/* @__PURE__ */ P(Xr, {
|
|
3813
3856
|
state: c,
|
|
3814
3857
|
forceVisible: o.forcedDebugOverlay
|
|
3815
3858
|
})
|
|
3816
3859
|
] });
|
|
3817
3860
|
}
|
|
3818
|
-
var
|
|
3819
|
-
function
|
|
3820
|
-
return /* @__PURE__ */
|
|
3861
|
+
var bi = "https://ikonai.com";
|
|
3862
|
+
function xi() {
|
|
3863
|
+
return /* @__PURE__ */ F("a", {
|
|
3821
3864
|
className: "ikon-branding-banner",
|
|
3822
|
-
href:
|
|
3865
|
+
href: bi,
|
|
3823
3866
|
target: "_blank",
|
|
3824
3867
|
rel: "noopener noreferrer",
|
|
3825
3868
|
style: {
|
|
@@ -3840,43 +3883,43 @@ function mi() {
|
|
|
3840
3883
|
boxShadow: "0 -1px 8px rgba(0, 0, 0, 0.25)",
|
|
3841
3884
|
pointerEvents: "auto"
|
|
3842
3885
|
},
|
|
3843
|
-
children: [/* @__PURE__ */
|
|
3886
|
+
children: [/* @__PURE__ */ P("span", {
|
|
3844
3887
|
style: { opacity: .75 },
|
|
3845
3888
|
children: "Powered by"
|
|
3846
|
-
}), /* @__PURE__ */
|
|
3889
|
+
}), /* @__PURE__ */ P("span", {
|
|
3847
3890
|
style: { fontWeight: 700 },
|
|
3848
3891
|
children: "Ikon"
|
|
3849
3892
|
})]
|
|
3850
3893
|
});
|
|
3851
3894
|
}
|
|
3852
|
-
function
|
|
3853
|
-
let { toasts: e, dismissToast: t } =
|
|
3854
|
-
return e.length === 0 ? null : /* @__PURE__ */
|
|
3895
|
+
function Si() {
|
|
3896
|
+
let { toasts: e, dismissToast: t } = ii();
|
|
3897
|
+
return e.length === 0 ? null : /* @__PURE__ */ P("div", {
|
|
3855
3898
|
className: "ikon-toast-overlay",
|
|
3856
|
-
children: e.map((e) => /* @__PURE__ */
|
|
3899
|
+
children: e.map((e) => /* @__PURE__ */ P(Ci, {
|
|
3857
3900
|
toast: e,
|
|
3858
3901
|
onDismiss: t
|
|
3859
3902
|
}, e.id))
|
|
3860
3903
|
});
|
|
3861
3904
|
}
|
|
3862
|
-
function
|
|
3863
|
-
return /* @__PURE__ */
|
|
3905
|
+
function Ci({ toast: e, onDismiss: t }) {
|
|
3906
|
+
return /* @__PURE__ */ F("div", {
|
|
3864
3907
|
className: `ikon-toast-overlay-chip ikon-toast-overlay-chip--${e.level}`,
|
|
3865
3908
|
onClick: () => t(e.id),
|
|
3866
3909
|
role: "alert",
|
|
3867
|
-
children: [/* @__PURE__ */
|
|
3910
|
+
children: [/* @__PURE__ */ P("span", {
|
|
3868
3911
|
className: "ikon-toast-overlay-icon",
|
|
3869
3912
|
children: e.level === "error" ? "🚨" : "⚠️"
|
|
3870
|
-
}), /* @__PURE__ */
|
|
3913
|
+
}), /* @__PURE__ */ F("div", {
|
|
3871
3914
|
className: "ikon-toast-overlay-content",
|
|
3872
|
-
children: [/* @__PURE__ */
|
|
3915
|
+
children: [/* @__PURE__ */ F("span", {
|
|
3873
3916
|
className: "ikon-toast-overlay-component",
|
|
3874
3917
|
children: [
|
|
3875
3918
|
"[",
|
|
3876
3919
|
e.component,
|
|
3877
3920
|
"]"
|
|
3878
3921
|
]
|
|
3879
|
-
}), /* @__PURE__ */
|
|
3922
|
+
}), /* @__PURE__ */ P("span", {
|
|
3880
3923
|
className: "ikon-toast-overlay-message",
|
|
3881
3924
|
children: e.message
|
|
3882
3925
|
})]
|
|
@@ -3885,37 +3928,37 @@ function gi({ toast: e, onDismiss: t }) {
|
|
|
3885
3928
|
}
|
|
3886
3929
|
//#endregion
|
|
3887
3930
|
//#region src/i18n/i18n.tsx
|
|
3888
|
-
var
|
|
3889
|
-
function
|
|
3931
|
+
var wi = fe(null);
|
|
3932
|
+
function Ti(e, t) {
|
|
3890
3933
|
return t ? e.replace(/\{(\w+)\}/g, (e, n) => t[n] ?? `{${n}}`) : e;
|
|
3891
3934
|
}
|
|
3892
|
-
function
|
|
3893
|
-
let n =
|
|
3935
|
+
function Ei(e, t) {
|
|
3936
|
+
let n = ne();
|
|
3894
3937
|
if (n && e.includes(n)) return n;
|
|
3895
3938
|
let r = navigator.language.split("-")[0];
|
|
3896
3939
|
return e.includes(r) ? r : t && e.includes(t) ? t : "en";
|
|
3897
3940
|
}
|
|
3898
|
-
function
|
|
3899
|
-
return t ?
|
|
3941
|
+
function Di(e, t, n) {
|
|
3942
|
+
return t ? Ei(e, n) : n && e.includes(n) ? n : "en";
|
|
3900
3943
|
}
|
|
3901
|
-
function
|
|
3902
|
-
let i =
|
|
3944
|
+
function Oi({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
|
|
3945
|
+
let i = Di(Object.keys(t), r, n), a = t[i] ?? t.en, o = k(() => ({
|
|
3903
3946
|
t: (e, t) => {
|
|
3904
3947
|
let n = a[e];
|
|
3905
|
-
return
|
|
3948
|
+
return Ti(n, t);
|
|
3906
3949
|
},
|
|
3907
3950
|
locale: i,
|
|
3908
3951
|
translations: a
|
|
3909
3952
|
}), [a, i]);
|
|
3910
|
-
return /* @__PURE__ */
|
|
3953
|
+
return /* @__PURE__ */ P(wi, {
|
|
3911
3954
|
value: o,
|
|
3912
3955
|
children: e
|
|
3913
3956
|
});
|
|
3914
3957
|
}
|
|
3915
|
-
function
|
|
3916
|
-
let e =
|
|
3958
|
+
function ki() {
|
|
3959
|
+
let e = E(wi);
|
|
3917
3960
|
if (!e) throw Error("useI18n must be used within an I18nProvider");
|
|
3918
3961
|
return e;
|
|
3919
3962
|
}
|
|
3920
3963
|
//#endregion
|
|
3921
|
-
export {
|
|
3964
|
+
export { Ir as AuthProvider, Zr as ConnectionStateRenderer, Br as DEBUG_OVERLAY_ENABLED, Xr as DebugOverlay, Oi as I18nProvider, et as IKON_UI_BASE_MODULE, xt as IKON_UI_MEDIA_MODULE, zt as IKON_UI_SHADERTOY_MODULE, Lt as IKON_UI_SHADERTOY_TYPE, Ne as IKON_UI_STREAM_CATEGORY, ht as IKON_UI_VIDEO_CANVAS_TYPE, gt as IKON_UI_VIDEO_URL_PLAYER_TYPE, yi as IkonApp, Ie as IkonUi, Ut as IkonUiRegistry, Fe as IkonUiSurface, je as InspectOverlay, Jt as ParallaxView, Oe as UiComponentRegistry, De as UiRenderer, n as UiStreamStore, or as authenticateAnonymous, hr as buildOAuthRedirectUrl, Qn as clearAuthSession, mr as clearOAuthParams, $e as createBaseResolvers, ke as createComponentLibrary, Wt as createIkonUiRegistry, vt as createMediaResolvers, Rt as createShadertoyRendererResolver, Pe as isIkonUiCategoryMatch, Xn as loadAuthSession, tt as loadBaseModule, St as loadMediaModule, Bt as loadShadertoyModule, lr as parseOAuthCallback, ur as parseOAuthError, ce as randomUuid, nt as registerBaseModule, Ct as registerMediaModule, Vt as registerShadertoyModule, Te as renderChildren, pn as renderMotionLetters, J as saveAuthSession, sr as sendLoginCode, Y as sessionToUser, Lr as useAuth, zr as useAuthGuard, Rr as useAuthOptional, ki as useI18n, ni as useIkonApp, mi as useIkonDebug, ai as useIkonReactive, an as useIkonStyles, sn as useIkonUiStores, oi as useReactive, ii as useToasts, I as useUiNode, Ae as useUiStore, cr as verifyLoginCode };
|