@declarion/react 0.65.1 → 0.66.0

package/dist-lib/stores/auth.js

@@ -0,0 +1,84 @@
+import { startOrderNow as e } from "../api/access-expiry.js";
+import { cancelProactiveRefresh as t, ensureRefresh as n, publishLanguage as r, scheduleProactiveRefresh as i } from "../api/client.js";
+import { getMe as a, listTenants as o, logout as s, probeSession as c } from "../api/auth.js";
+import { warmRoutePages as l } from "../lib/capabilityPrefetch.js";
+import { create as u } from "zustand";
+//#region src/stores/auth.ts
+async function d(e, t, n) {
+	try {
+		let r = await n();
+		i(r.access_expires_at), e({
+			user: r,
+			isAuthenticated: !0,
+			isLoading: !1,
+			activeTenant: r.tenant ?? null,
+			identitySince: performance.now()
+		}), t().loadTenants();
+	} catch {
+		e({
+			user: null,
+			isAuthenticated: !1,
+			isLoading: !1,
+			sessionPresumed: !1,
+			identitySince: performance.now()
+		});
+	}
+}
+var f = u((r, i) => ({
+	user: null,
+	isAuthenticated: !1,
+	isLoading: !0,
+	activeTenant: null,
+	tenants: [],
+	sessionPresumed: !1,
+	identitySince: 0,
+	initialize: async () => {
+		let t = e();
+		t === "refresh-first" && (t = await n().then(() => "first-wave", () => "probe-first")), r({ sessionPresumed: t === "first-wave" }), t === "first-wave" && l(), await d(r, i, c), t === "probe-first" && i().isAuthenticated && l();
+	},
+	reloadSession: () => d(r, i, a),
+	refreshMe: async () => {
+		try {
+			let e = await a(), t = i(), n = t.user?.id !== e.id || t.activeTenant?.id !== e.tenant?.id;
+			r({
+				user: e,
+				activeTenant: e.tenant ?? null,
+				...n ? { identitySince: performance.now() } : {}
+			});
+		} catch {}
+	},
+	setUser: (e, t) => {
+		r({
+			user: e,
+			isAuthenticated: !0,
+			isLoading: !1,
+			activeTenant: t ?? null,
+			identitySince: performance.now()
+		});
+	},
+	loadTenants: () => {
+		o().then((e) => r({ tenants: e }), () => void 0);
+	},
+	setActiveTenant: (e) => {
+		r({ activeTenant: e });
+	},
+	logout: async () => {
+		t();
+		try {
+			await s();
+		} catch {}
+		r({
+			user: null,
+			isAuthenticated: !1,
+			activeTenant: null,
+			tenants: [],
+			sessionPresumed: !1,
+			identitySince: performance.now()
+		});
+	}
+}));
+f.subscribe((e, t) => {
+	e.isAuthenticated !== t.isAuthenticated && r(null);
+});
+//#endregion
+export { f as useAuthStore };

package/dist-lib/stores/icon-registry.js

@@ -0,0 +1,24 @@
+//#region src/stores/icon-registry.ts
+var e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = 0;
+function r() {
+	n += 1;
+	for (let e of t) e();
+}
+function i(t) {
+	e.clear();
+	for (let [n, r] of Object.entries(t)) e.set(n, r);
+	r();
+}
+function a(t) {
+	return e.get(t);
+}
+function o(e) {
+	return t.add(e), () => {
+		t.delete(e);
+	};
+}
+function s() {
+	return n;
+}
+//#endregion
+export { a as getIcon, s as getIconRegistryVersion, i as setIconRegistry, o as subscribeIconRegistry };

package/dist-lib/stores/list-layout.js

@@ -0,0 +1,178 @@
+import { useCallback as e } from "react";
+import { create as t } from "zustand";
+var n = 1200, r = null, i = null;
+function a() {
+	return !r || !i ? null : `declarion::${r}::${i}::listlayout`;
+}
+function o() {
+	return {
+		v: 2,
+		widths: {},
+		resizeEduShown: !1
+	};
+}
+function s(e) {
+	if (typeof e != "object" || !e) return {};
+	let t = {};
+	for (let [n, r] of Object.entries(e)) typeof r == "number" && Number.isFinite(r) && r >= 60 && (t[n] = r);
+	return t;
+}
+function c(e) {
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch {
+		return null;
+	}
+	if (typeof t != "object" || !t) return null;
+	let n = t;
+	if (n.v !== 2) return null;
+	let r = {};
+	if (n.widths && typeof n.widths == "object") for (let [e, t] of Object.entries(n.widths)) r[e] = s(t);
+	return {
+		v: 2,
+		widths: r,
+		resizeEduShown: n.resizeEduShown === !0
+	};
+}
+function l(e) {
+	if (typeof window > "u") return;
+	let t = a();
+	if (t) try {
+		localStorage.setItem(t, JSON.stringify(e));
+	} catch {}
+}
+function u(e, t) {
+	return {
+		v: 2,
+		widths: {
+			...e.widths,
+			...t.widths
+		},
+		resizeEduShown: e.resizeEduShown || t.resizeEduShown
+	};
+}
+function d(e) {
+	return Math.min(n, Math.max(60, Math.round(e)));
+}
+var f = t((e) => ({
+	...o(),
+	setScope: (e, t) => {
+		r = e, i = t;
+	},
+	hydrate: () => {
+		if (typeof window > "u") return;
+		let t = a();
+		if (!t) {
+			e(o());
+			return;
+		}
+		let n = localStorage.getItem(t);
+		e((n ? c(n) : null) ?? o());
+	},
+	setWidth: (t, n, r) => {
+		e((e) => {
+			let i = {
+				...e.widths[t] ?? {},
+				[n]: d(r)
+			}, a = {
+				...e,
+				widths: {
+					...e.widths,
+					[t]: i
+				}
+			};
+			return l(a), a;
+		});
+	},
+	setWidths: (t, n) => {
+		e((e) => {
+			let r = {};
+			for (let [e, t] of Object.entries(n)) r[e] = d(t);
+			let i = {
+				...e.widths[t] ?? {},
+				...r
+			}, a = {
+				...e,
+				widths: {
+					...e.widths,
+					[t]: i
+				}
+			};
+			return l(a), a;
+		});
+	},
+	resetWidths: (t) => {
+		e((e) => {
+			let n = {
+				...e,
+				widths: {
+					...e.widths,
+					[t]: {}
+				}
+			};
+			return l(n), n;
+		});
+	},
+	prune: (t, n) => {
+		let r = new Set(n);
+		e((e) => {
+			let n = e.widths[t];
+			if (!n) return e;
+			let i = {}, a = !1;
+			for (let [e, t] of Object.entries(n)) r.has(e) ? i[e] = t : a = !0;
+			if (!a) return e;
+			let o = {
+				...e,
+				widths: {
+					...e.widths,
+					[t]: i
+				}
+			};
+			return l(o), o;
+		});
+	},
+	markResizeEduShown: () => {
+		e((e) => {
+			if (e.resizeEduShown) return e;
+			let t = {
+				...e,
+				resizeEduShown: !0
+			};
+			return l(t), t;
+		});
+	}
+})), p = !1;
+function m() {
+	typeof window > "u" || p || (p = !0, window.addEventListener("storage", (e) => {
+		let t = a();
+		if (!t || e.key !== t || e.newValue == null) return;
+		let n = c(e.newValue);
+		n && f.setState((e) => u(e, n));
+	}));
+}
+var h = {}, g = () => {};
+function _(t) {
+	let n = !!t && a() !== null, r = f((e) => t ? e.widths[t] : void 0), i = f((e) => e.resizeEduShown === !0), o = e((e, r) => {
+		n && t && f.getState().setWidth(t, e, r);
+	}, [n, t]), s = e((e) => {
+		n && t && f.getState().setWidths(t, e);
+	}, [n, t]), c = e(() => {
+		n && t && f.getState().resetWidths(t);
+	}, [n, t]), l = e((e) => {
+		n && t && f.getState().prune(t, e);
+	}, [n, t]), u = e(() => {
+		n && f.getState().markResizeEduShown();
+	}, [n]);
+	return {
+		widths: n ? r ?? h : h,
+		resizeEduShown: i,
+		setWidth: n ? o : g,
+		setWidths: n ? s : g,
+		resetWidths: n ? c : g,
+		prune: n ? l : g,
+		markResizeEduShown: n ? u : g
+	};
+}
+//#endregion
+export { n as MAX_COL_WIDTH, u as mergeSnapshot, c as parseLayoutSnapshot, m as startListLayoutCrossTabSync, _ as useListLayout, f as useListLayoutStore };

package/dist-lib/{page-state-eA6J_KIR.js → stores/page-state.js}

@@ -121,4 +121,4 @@ function c(e, t) {
 	}
 }
 //#endregion
-export { r as n, s as r, t };
+export { t as DEFAULT_PAGE_STATE_TTL_MS, r as setPageStateQueryClient, s as usePageStateStore };

package/dist-lib/stores/preferences.js

@@ -0,0 +1,126 @@
+import { create as e } from "zustand";
+//#region src/stores/preferences.ts
+var t = {
+	colorScheme: "light",
+	accent: "violet",
+	density: "compact",
+	sidebar: "wide",
+	tabsPosition: "top",
+	tabsMaxOpen: 12,
+	tabsPersist: !0,
+	radius: 7,
+	zebra: !0,
+	aiSurface: "both",
+	toastPosition: "bottom-right"
+}, n = ["light", "dark"], r = [
+	"violet",
+	"blue",
+	"teal",
+	"amber",
+	"rose"
+], i = [
+	"compact",
+	"comfortable",
+	"cozy"
+], a = ["wide", "collapsed"], o = ["top", "bottom"], s = [
+	"command",
+	"panel",
+	"both",
+	"off"
+], c = [
+	"top-left",
+	"top-center",
+	"top-right",
+	"bottom-left",
+	"bottom-center",
+	"bottom-right"
+];
+function l(e, t) {
+	return typeof t == "string" && e.includes(t) ? t : void 0;
+}
+function u(e) {
+	let t = {}, u = l(n, e.colorScheme);
+	u && (t.colorScheme = u);
+	let d = l(r, e.accent);
+	d && (t.accent = d);
+	let f = l(i, e.density);
+	f && (t.density = f);
+	let p = l(a, e.sidebar);
+	p && (t.sidebar = p);
+	let m = l(o, e.tabsPosition);
+	m && (t.tabsPosition = m);
+	let h = l(s, e.aiSurface);
+	h && (t.aiSurface = h);
+	let g = l(c, e.toastPosition);
+	return g && (t.toastPosition = g), typeof e.tabsMaxOpen == "number" && e.tabsMaxOpen > 0 && (t.tabsMaxOpen = e.tabsMaxOpen), typeof e.radius == "number" && e.radius >= 0 && e.radius <= 32 && (t.radius = e.radius), typeof e.zebra == "boolean" && (t.zebra = e.zebra), typeof e.tabsPersist == "boolean" && (t.tabsPersist = e.tabsPersist), t;
+}
+var d = ["declarion-preferences", "declarion-appearance"];
+function f() {
+	if (typeof window < "u") try {
+		for (let e of d) localStorage.removeItem(e);
+	} catch {}
+}
+function p(e) {
+	if (typeof document > "u") return;
+	let t = document.documentElement;
+	t.dataset.colorScheme = e.colorScheme, t.dataset.accent = e.accent, t.dataset.density = e.density, t.dataset.sidebar = e.sidebar, t.dataset.tabbar = e.tabsPosition, t.dataset.zebra = e.zebra ? "on" : "off", t.dataset.ai = e.aiSurface, t.style.setProperty("--radius-md", `${e.radius}px`);
+}
+function m(e) {
+	return {
+		colorScheme: e.color_scheme,
+		accent: e.accent,
+		density: e.density,
+		sidebar: e.sidebar,
+		tabsPosition: e.tabs_position,
+		tabsMaxOpen: e.tabs_max_open,
+		tabsPersist: e.tabs_persist,
+		radius: e.radius,
+		zebra: e.zebra_rows,
+		aiSurface: e.ai_surface,
+		toastPosition: e.toast_position
+	};
+}
+f();
+var h = /* @__PURE__ */ new Set(), g = { ...t };
+typeof window < "u" && p(g);
+var _ = e((e, n) => ({
+	...g,
+	set: (t, r) => {
+		let i = u({ [t]: r });
+		i[t] !== void 0 && (p({
+			...n(),
+			...i
+		}), h.add(t), e(i));
+	},
+	setMany: (t) => {
+		let r = u(t);
+		if (Object.keys(r).length) {
+			p({
+				...n(),
+				...r
+			});
+			for (let e of Object.keys(r)) h.add(e);
+			e(r);
+		}
+	},
+	hydrateFromBranding: (t) => {
+		if (!t) return;
+		let n = m(t), r = {};
+		for (let [e, t] of Object.entries(n)) h.has(e) || t !== void 0 && (r[e] = t);
+		let i = u(r);
+		Object.keys(i).length && (p({
+			..._.getState(),
+			...i
+		}), e(i));
+	},
+	resetToDefaults: (n) => {
+		h.clear(), f();
+		let r = n ? u(m(n)) : {}, i = {
+			...t,
+			...r
+		};
+		p(i), e(i);
+	}
+}));
+//#endregion
+export { p as applyPreferences, _ as usePreferencesStore };

package/dist-lib/stores/realtime.js

@@ -0,0 +1,115 @@
+import { useEffect as e, useReducer as t } from "react";
+import { create as n } from "zustand";
+//#region src/stores/realtime.ts
+var r = n((e, t) => {
+	let n = 0, r = 0;
+	return {
+		degradedEntities: /* @__PURE__ */ new Map(),
+		markDegraded: (r) => {
+			if (!r) return;
+			let i = new Map(t().degradedEntities);
+			i.set(r, {
+				mark: ++n,
+				since: i.get(r)?.since ?? Date.now()
+			}), e({ degradedEntities: i });
+		},
+		unmarkDegraded: (n) => {
+			let r = new Map(t().degradedEntities);
+			for (let [e, t] of n) r.get(e)?.mark === t && r.delete(e);
+			r.size !== t().degradedEntities.size && e({ degradedEntities: r });
+		},
+		connectionInterruptedSince: null,
+		holdConnectionInterruption: () => {
+			t().connectionInterruptedSince === null && e({ connectionInterruptedSince: Date.now() });
+		},
+		clearConnectionInterruption: () => {
+			t().connectionInterruptedSince !== null && e({ connectionInterruptedSince: null });
+		},
+		relayInterruptedSince: null,
+		holdRelayInterruption: () => {
+			t().relayInterruptedSince === null && e({ relayInterruptedSince: Date.now() });
+		},
+		clearRelayInterruption: () => {
+			t().relayInterruptedSince !== null && e({ relayInterruptedSince: null });
+		},
+		replayStartedAt: null,
+		startReplay: () => {
+			t().replayStartedAt === null && e({ replayStartedAt: Date.now() });
+		},
+		endReplay: () => {
+			t().replayStartedAt !== null && e({ replayStartedAt: null });
+		},
+		thresholds: null,
+		setThresholds: (n) => {
+			let r = t().thresholds;
+			r === n || typeof r == "object" && r && typeof n == "object" && n && r.pauseGraceMs === n.pauseGraceMs && r.silenceMs === n.silenceMs || e({ thresholds: n });
+		},
+		resyncs: [],
+		addResync: (n) => {
+			let i = ++r;
+			return e({ resyncs: [...t().resyncs, {
+				...n,
+				id: i
+			}] }), i;
+		},
+		updateResync: (n, r) => {
+			e({ resyncs: t().resyncs.map((e) => e.id === n ? {
+				...e,
+				...r
+			} : e) });
+		},
+		removeResync: (n) => {
+			t().resyncs.some((e) => e.id === n) && e({ resyncs: t().resyncs.filter((e) => e.id !== n) });
+		}
+	};
+});
+function i(e, t, n) {
+	return e === !0 && !t.has(n);
+}
+function a(e, t, n, r) {
+	let i = {
+		live: !1,
+		recheckAt: null
+	};
+	if (t !== !0 || e.degradedEntities.has(n) || e.thresholds === "unreadable") return i;
+	let a = [];
+	for (let t of [
+		e.connectionInterruptedSince,
+		e.relayInterruptedSince,
+		e.replayStartedAt
+	]) t !== null && a.push(t);
+	for (let t of e.resyncs) if (t.blocking.has(n)) {
+		if (t.standing) return i;
+		a.push(t.openedAt);
+	}
+	if (a.length === 0 || e.thresholds === null) return {
+		live: !0,
+		recheckAt: null
+	};
+	let o = e.thresholds.pauseGraceMs, s = null;
+	for (let e of a) {
+		if (r - e >= o) return i;
+		s = s === null ? e + o : Math.min(s, e + o);
+	}
+	return {
+		live: !0,
+		recheckAt: s
+	};
+}
+function o(n, i) {
+	let o = r((e) => e.degradedEntities), s = r((e) => e.connectionInterruptedSince), c = r((e) => e.relayInterruptedSince), l = r((e) => e.replayStartedAt), u = r((e) => e.thresholds), d = r((e) => e.resyncs), [, f] = t((e) => e + 1, 0), { live: p, recheckAt: m } = a({
+		degradedEntities: o,
+		connectionInterruptedSince: s,
+		relayInterruptedSince: c,
+		replayStartedAt: l,
+		thresholds: u,
+		resyncs: d
+	}, n, i, Date.now());
+	return e(() => {
+		if (m === null) return;
+		let e = setTimeout(f, Math.max(0, m - Date.now()));
+		return () => clearTimeout(e);
+	}, [m]), p;
+}
+//#endregion
+export { i as isEntityLive, a as screenCurrentness, r as useRealtimeStore, o as useScreenIsLive };

package/dist-lib/stores/screen-registry.js

@@ -0,0 +1,10 @@
+//#region src/stores/screen-registry.ts
+var e = /* @__PURE__ */ new Map();
+function t(t, n) {
+	e.set(t, n);
+}
+function n(t) {
+	return e.get(t);
+}
+//#endregion
+export { n as getRegisteredScreen, t as registerScreen };