@openrails/contentkit-ui 0.93.1 → 0.95.0

package/dist/react/discovery.js

@@ -1,43 +1,43 @@
-import { toContentKitError as e } from "../client/errors.js";
-import { ContentKitContext as t, useGuarded as n } from "./context.js";
-import { keyOf as r, useContentScope as i, useList as a, useResource as o } from "./use-resource.js";
-import { recentSearchLimit as s } from "../client/browser-search-history.js";
-import { Beacons as c, eventId as l } from "../client/beacons.js";
-import { useCallback as u, useContext as d, useEffect as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g, useSyncExternalStore as _ } from "react";
+import { ContentKitError as e, toContentKitError as t } from "../client/errors.js";
+import { ContentKitContext as n, useGuarded as r } from "./context.js";
+import { keyOf as i, useContentScope as a, useList as o, useResource as s } from "./use-resource.js";
+import { recentSearchLimit as c } from "../client/browser-search-history.js";
+import { Beacons as l, eventId as u } from "../client/beacons.js";
+import { useCallback as d, useContext as f, useEffect as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _, useSyncExternalStore as v } from "react";
 //#region src/react/discovery.ts
-var v = (e) => ({
+var y = (e) => ({
 	items: e.contents,
 	next: e.next_cursor ?? null
-}), y = [];
-function b(e, t) {
-	let n = m(() => ({
+}), b = [];
+function x(e, t) {
+	let n = h(() => ({
 		client: e,
 		scope: t
-	}), [e, t]), r = h(n);
-	return p(() => (r.current = n, () => {
+	}), [e, t]), r = g(n);
+	return m(() => (r.current = n, () => {
 		r.current = null;
-	}), [n]), u(() => r.current === n, [n]);
+	}), [n]), d(() => r.current === n, [n]);
 }
-function x(e) {
-	let n = d(t)?.language;
-	return m(() => e && !e.display_language && n ? {
+function S(e) {
+	let t = f(n)?.language;
+	return h(() => e && !e.display_language && t ? {
 		...e,
-		display_language: n
-	} : e, [e, n]);
+		display_language: t
+	} : e, [e, t]);
 }
-function S(e, t = {}) {
-	let { client: n, store: o, scope: s } = i(t.client), c = x(e);
-	return a(o, c ? r("cards", s, "list", c) : null, { type: "cards" }, async (e, t) => v(await n.discovery.list({
+function C(e, t = {}) {
+	let { client: n, store: r, scope: s } = a(t.client), c = S(e);
+	return o(r, c ? i("cards", s, "list", c) : null, { type: "cards" }, async (e, t) => y(await n.discovery.list({
 		...c,
 		cursor: e
 	}, t)));
 }
-function C(e, t = {}) {
-	let { client: n, store: a, scope: s } = i(t.client), c = x(m(() => {
+function w(e, t = {}) {
+	let { client: n, store: r, scope: o } = a(t.client), c = S(h(() => {
 		if (!e) return null;
 		let { sort: t, cursor: n, limit: r, card_entities: i, mode: a, ...o } = e;
 		return o;
-	}, [e])), l = o(a, c ? r("release-dates", s, "locked", c) : null, { type: "release-dates" }, async (e) => {
+	}, [e])), l = s(r, c ? i("release-dates", o, "locked", c) : null, { type: "release-dates" }, async (e) => {
 		let t = async (t) => (await n.discovery.releaseDates({
 			...c,
 			mode: t,
@@ -51,37 +51,37 @@ function C(e, t = {}) {
 		loading: l.loading
 	};
 }
-function w(e, t = {}) {
-	let { client: n, store: o, scope: s, viewer: c } = i(t.client), l = x(e?.q.trim() ? e : null), u = b(n, s);
-	return a(o, l ? r("cards", s, "search", l) : null, { type: "cards" }, async (e, t) => {
+function T(e, t = {}) {
+	let { client: n, store: r, scope: s, viewer: c } = a(t.client), l = S(e?.q.trim() ? e : null), u = x(n, s);
+	return o(r, l ? i("cards", s, "search", l) : null, { type: "cards" }, async (e, t) => {
 		let r = await n.discovery.search({
 			...l,
 			cursor: e
 		}, t);
-		return !e && c === null && !t.aborted && u() && n.discovery.browserSearches.record(l.q, r.contents.length), v(r);
+		return !e && c === null && !t.aborted && u() && n.discovery.browserSearches.record(l.q, r.contents.length), y(r);
 	});
 }
-function T(e, t, n) {
-	let { store: r } = i(n.client), a = o(r, e, { type: "cards" }, async (e) => (await t(e)).contents), s = a.error?.code === "not_configured";
+function E(e, t, n) {
+	let { store: r } = a(n.client), i = s(r, e, { type: "cards" }, async (e) => (await t(e)).contents), o = i.error?.code === "not_configured";
 	return {
-		items: a.data ?? [],
-		loading: !!e && (a.loading || !a.loaded),
-		error: s ? void 0 : a.error,
-		unavailable: s,
-		reload: a.reload
+		items: i.data ?? [],
+		loading: !!e && (i.loading || !i.loaded),
+		error: o ? void 0 : i.error,
+		unavailable: o,
+		reload: i.reload
 	};
 }
-function E(e, t = {}, n = {}) {
-	let { client: a, scope: o } = i(n.client), s = x(t);
-	return T(e ? r("cards", o, "similar", e, s) : null, (t) => a.discovery.similar(e, s, t), n);
-}
-function D(e = {}, t = {}) {
-	let { client: n, scope: a, viewer: o } = i(t.client), s = x(e);
-	return T(o === null || !s ? null : r("cards", a, "recommended", s), (e) => n.discovery.recommendations(s, e), t);
+function D(e, t = {}, n = {}) {
+	let { client: r, scope: o } = a(n.client), s = S(t);
+	return E(e ? i("cards", o, "similar", e, s) : null, (t) => r.discovery.similar(e, s, t), n);
 }
 function O(e = {}, t = {}) {
-	let { client: n, store: o, scope: s } = i(t.client), c = x(e);
-	return a(o, r("release-dates", s, c), { type: "release-dates" }, async (e, t) => {
+	let { client: n, scope: r, viewer: o } = a(t.client), s = S(e);
+	return E(o === null || !s ? null : i("cards", r, "recommended", s), (e) => n.discovery.recommendations(s, e), t);
+}
+function k(e = {}, t = {}) {
+	let { client: n, store: r, scope: s } = a(t.client), c = S(e);
+	return o(r, i("release-dates", s, c), { type: "release-dates" }, async (e, t) => {
 		let r = await n.discovery.releaseDates({
 			...c,
 			cursor: e
@@ -95,173 +95,220 @@ function O(e = {}, t = {}) {
 		};
 	});
 }
-function k(e = {}, t = {}) {
-	let { client: o, store: s, scope: c, viewer: l } = i(t.client), d = x(e), f = n(), p = a(s, l === null || !d ? null : r("history", c, d), { type: "history" }, async (e, t) => v(await o.discovery.history({
-		...d,
+function A(e = {}, t = {}) {
+	let { client: n, store: r, scope: o } = a(t.client), c = S(e), l = s(r, c ? i("daily-releases", o, c) : null, { type: "daily-releases" }, (e) => n.discovery.releases(c, e));
+	return {
+		data: l.data,
+		loading: !!c && (l.loading || !l.loaded),
+		error: l.error,
+		reload: l.reload
+	};
+}
+function j(e = {}, t = {}) {
+	let { client: n, store: s, scope: c, viewer: l } = a(t.client), u = S(e), f = r(), p = o(s, l === null || !u ? null : i("history", c, u), { type: "history" }, async (e, t) => y(await n.discovery.history({
+		...u,
 		cursor: e
-	}, t))), m = u((e = {}) => f(() => o.discovery.forgetHistory(e)), [o, f]);
+	}, t))), m = d((e = {}) => f(() => n.discovery.forgetHistory(e)), [n, f]);
 	return {
 		...p,
 		forget: m
 	};
 }
-function A(e = {}) {
-	let { client: t, store: a, scope: c, viewer: l } = i(e.client), d = n(), p = b(t, c), h = l === null, g = e.enabled !== !1, v = t.discovery.browserSearches, x = u((e) => h && g ? v.subscribe(e) : () => {}, [
-		v,
-		h,
+function M(e = {}) {
+	let { client: t, store: n, scope: o, viewer: l } = a(e.client), u = r(), f = x(t, o), m = l === null, g = e.enabled !== !1, _ = t.discovery.browserSearches, y = d((e) => m && g ? _.subscribe(e) : () => {}, [
+		_,
+		m,
 		g
-	]), S = u(() => h && g ? v.snapshot() : y, [
-		v,
-		h,
+	]), S = d(() => m && g ? _.snapshot() : b, [
+		_,
+		m,
 		g
-	]), C = _(x, S, () => y), w = m(() => C.slice(0, s(e.limit)), [C, e.limit]), T = !g || h ? null : r("searches", c, e.limit ?? 10), E = o(a, T, { type: "searches" }, async (n) => (await t.discovery.recentSearches({ limit: e.limit }, n)).searches);
-	f(() => {
+	]), C = v(y, S, () => b), w = h(() => C.slice(0, c(e.limit)), [C, e.limit]), T = !g || m ? null : i("searches", o, e.limit ?? 10), E = s(n, T, { type: "searches" }, async (n) => (await t.discovery.recentSearches({ limit: e.limit }, n)).searches);
+	p(() => {
 		if (!T) return;
 		let e = () => {
-			a.snapshot(T).loading || a.load(T, !0);
+			n.snapshot(T).loading || n.load(T, !0);
 		};
-		a.snapshot(T).loaded && e();
+		n.snapshot(T).loaded && e();
 		let t = () => {
 			document.visibilityState === "visible" && e();
 		};
 		return typeof window < "u" && window.addEventListener("focus", e), typeof document < "u" && document.addEventListener("visibilitychange", t), () => {
 			typeof window < "u" && window.removeEventListener("focus", e), typeof document < "u" && document.removeEventListener("visibilitychange", t);
 		};
-	}, [T, a]);
-	let D = u(async (e) => {
-		if (p()) {
-			if (h) {
-				v.clear(e);
+	}, [T, n]);
+	let D = d(async (e) => {
+		if (f()) {
+			if (m) {
+				_.clear(e);
 				return;
 			}
-			await d(() => p() ? t.discovery.clearSearches(e ? { query: e } : {}) : Promise.resolve());
+			await u(() => f() ? t.discovery.clearSearches(e ? { query: e } : {}) : Promise.resolve());
 		}
 	}, [
-		v,
+		_,
 		t,
-		h,
-		d,
-		p
+		m,
+		u,
+		f
 	]);
-	return h ? {
-		searches: g ? w : y,
+	return m ? {
+		searches: g ? w : b,
 		loading: !1,
 		clear: D
 	} : {
-		searches: E.data ?? y,
+		searches: E.data ?? b,
 		loading: !!T && (E.loading || !E.loaded),
 		error: E.error,
 		clear: D
 	};
 }
-var j = (e) => ({
+var N = (e) => ({
 	items: e.items.map((e) => ({
 		...e,
 		id: e.content?.id ?? e.entity?.id ?? ""
 	})),
 	next: e.next_cursor ?? null
 });
-function M(e = {}, t = {}) {
-	let { client: n, store: o, scope: s, viewer: c } = i(t.client), l = x(e);
-	return a(o, c === null ? null : r("favorites", s, l), { type: "favorites" }, async (e, t) => j(await n.favorites.mine({
+function P(e = {}, t = {}) {
+	let { client: n, store: r, scope: s, viewer: c } = a(t.client), l = S(e);
+	return o(r, c === null ? null : i("favorites", s, l), { type: "favorites" }, async (e, t) => N(await n.favorites.mine({
 		...l,
 		cursor: e
 	}, t)));
 }
-function N(e = {}, t = {}) {
-	let { client: n, store: o, scope: s, viewer: c } = i(t.client), l = x(e);
-	return a(o, c === null ? null : r("reactions", s, l), { type: "reactions" }, async (e, t) => j(await n.reactions.mine({
+function F(e = {}, t = {}) {
+	let { client: n, store: r, scope: s, viewer: c } = a(t.client), l = S(e);
+	return o(r, c === null ? null : i("reactions", s, l), { type: "reactions" }, async (e, t) => N(await n.reactions.mine({
 		...l,
 		cursor: e
 	}, t)));
 }
-function P(e = {}) {
-	let { client: t, store: a, scope: s, viewer: c, language: l } = i(e.client), d = e.language ?? l, f = c === null ? null : r("content-filters", s, d), p = o(a, f, { type: "content-filters" }, (e) => t.discovery.contentFilters(d, e)), m = n(), [_, v] = g(0), y = h(p.data);
-	y.current = p.data;
-	let b = u(async (e) => {
-		v((e) => e + 1);
+function I(t = {}) {
+	let { client: n, store: o, scope: c, viewer: l, language: u } = a(t.client), f = t.language ?? u, m = l === null, y = n.preferences.browser, b = v(y.subscribe, y.snapshot, y.snapshot), S = i("content-filters", c, f), C = g(null), w = m && C.current?.guest && C.current.client === n && C.current.language === f ? C.current.data : void 0, T = s(o, S, { type: "content-filters" }, (e) => n.discovery.contentFilters(f, e), { initial: w });
+	C.current = {
+		client: n,
+		language: f,
+		guest: m,
+		data: T.data
+	};
+	let E = d((e, t = b.filters) => {
+		let n = new Map(t.map((e) => [e.group_id, e.visible]));
+		return {
+			include_deleted: !1,
+			filters: e.filters.map((e) => ({
+				...e,
+				visible: n.get(e.entity.id) ?? e.default_visible,
+				overridden: n.has(e.entity.id)
+			}))
+		};
+	}, [b.filters]), D = h(() => T.data && m ? E(T.data) : T.data, [
+		T.data,
+		m,
+		E
+	]), O = r(), k = x(n, c), [A, j] = _(0), M = g(D);
+	M.current = D, p(() => {
+		j(0);
+	}, [n, c]);
+	let N = d(async (t) => {
+		if (!k()) throw new e("aborted", "The account changed.");
+		if (m) {
+			let n = M.current;
+			if (!n) throw new e("invalid_request", "Content filters have not loaded.");
+			let r = new Set(n.filters.map((e) => e.entity.id));
+			if (t.filters.some((e) => !r.has(e.group_id))) throw new e("invalid_request", "This content filter is not configured.");
+			return y.setFilters(t.filters), E(n, t.filters);
+		}
+		j((e) => e + 1);
 		try {
-			let n = await m(() => t.discovery.setContentFilters(e, d));
-			return f && a.set(f, n), n;
+			let r = await O(() => {
+				if (!k()) throw new e("aborted", "The account changed.");
+				return n.discovery.setContentFilters(t, f);
+			});
+			return k() && o.set(S, r), r;
 		} finally {
-			v((e) => e - 1);
+			j((e) => Math.max(0, e - 1));
 		}
 	}, [
-		t,
-		m,
-		d,
+		n,
+		O,
 		f,
-		a
-	]), x = (e) => e.filters.filter((e) => e.overridden).map((e) => ({
+		S,
+		o,
+		k,
+		m,
+		y,
+		E
+	]), P = (e) => e.filters.filter((e) => e.overridden).map((e) => ({
 		group_id: e.entity.id,
 		visible: e.visible
-	})), S = u((e, t) => {
-		let n = y.current;
-		return n ? b({
-			filters: [...x(n).filter((t) => t.group_id !== e), {
+	})), F = d((e, t) => {
+		let n = M.current;
+		return n ? N({
+			filters: [...P(n).filter((t) => t.group_id !== e), {
 				group_id: e,
 				visible: t
 			}],
 			include_deleted: n.include_deleted
 		}) : Promise.reject(/* @__PURE__ */ Error("contentkit-ui: the content filters have not loaded"));
-	}, [b]), C = u((e) => {
-		let t = y.current;
-		return t ? b({
-			filters: x(t),
+	}, [N]), I = d((e) => {
+		let t = M.current;
+		return t ? N({
+			filters: P(t),
 			include_deleted: e
 		}) : Promise.reject(/* @__PURE__ */ Error("contentkit-ui: the content filters have not loaded"));
-	}, [b]);
+	}, [N]);
 	return {
-		filters: p.data ?? null,
-		loading: !!f && (p.loading || !p.loaded),
-		error: p.error,
-		saving: _ > 0,
-		save: b,
-		setVisible: S,
-		setIncludeDeleted: C
+		filters: D ?? null,
+		loading: T.loading || !T.loaded,
+		error: T.error,
+		saving: A > 0,
+		save: N,
+		setVisible: F,
+		setIncludeDeleted: I
 	};
 }
-var F = {
+var L = {
 	contents: [],
 	entities: []
 };
-function I(t, n = {}) {
-	let { client: r, language: a } = i(n.client), { debounce: o = 150, minLength: s = 1, client: c, ...l } = n, u = t.trim(), d = m(() => ({
-		display_language: a,
+function R(e, n = {}) {
+	let { client: r, language: i } = a(n.client), { debounce: o = 150, minLength: s = 1, client: c, ...l } = n, u = e.trim(), d = h(() => ({
+		display_language: i,
 		...l,
 		q: u
 	}), [
-		a,
+		i,
 		u,
 		JSON.stringify(l)
-	]), [p, h] = g({
-		...F,
+	]), [f, m] = _({
+		...L,
 		query: "",
 		loading: !1
 	});
-	return f(() => {
+	return p(() => {
 		if (u.length < s) {
-			h({
-				...F,
+			m({
+				...L,
 				query: "",
 				loading: !1
 			});
 			return;
 		}
-		h((e) => ({
+		m((e) => ({
 			...e,
 			loading: !0
 		}));
-		let t = new AbortController(), n = setTimeout(() => {
-			r.discovery.typeahead(d, t.signal).then((e) => h({
+		let e = new AbortController(), n = setTimeout(() => {
+			r.discovery.typeahead(d, e.signal).then((e) => m({
 				contents: e.contents,
 				entities: e.entities,
 				query: u,
 				loading: !1
-			}), (t) => {
-				let n = e(t);
-				n.code !== "aborted" && h({
-					...F,
+			}), (e) => {
+				let n = t(e);
+				n.code !== "aborted" && m({
+					...L,
 					query: u,
 					loading: !1,
 					error: n
@@ -269,7 +316,7 @@ function I(t, n = {}) {
 			});
 		}, o);
 		return () => {
-			clearTimeout(n), t.abort();
+			clearTimeout(n), e.abort();
 		};
 	}, [
 		r,
@@ -277,27 +324,27 @@ function I(t, n = {}) {
 		u,
 		o,
 		s
-	]), p;
+	]), f;
 }
-var L = /* @__PURE__ */ new WeakMap();
-function R(e, t) {
-	let n = L.get(e);
-	return n || L.set(e, n = new c(e, t)), n;
+var z = /* @__PURE__ */ new WeakMap();
+function B(e, t) {
+	let n = z.get(e);
+	return n || z.set(e, n = new l(e, t)), n;
 }
-function z(e = {}) {
-	let { client: t } = i(e.client);
-	return R(t);
+function V(e = {}) {
+	let { client: t } = a(e.client);
+	return B(t);
 }
-function B(e, t, n = {}) {
-	let r = z(n), { client: i, ...a } = n, o = m(() => e ? r.view(e, t, a) : null, [
+function H(e, t, n = {}) {
+	let r = V(n), { client: i, ...a } = n, o = h(() => e ? r.view(e, t, a) : null, [
 		r,
 		e,
 		t
 	]);
-	return u((e) => o?.update(e), [o]);
+	return d((e) => o?.update(e), [o]);
 }
-function V(e, t) {
-	let n = z(t), r = m(() => l(), [t.render]), i = m(() => ({
+function U(e, t) {
+	let n = V(t), r = h(() => u(), [t.render]), i = h(() => ({
 		render_id: r,
 		surface: t.surface,
 		ranker: t.ranker,
@@ -309,10 +356,10 @@ function V(e, t) {
 		t.ranker,
 		t.query_id,
 		t.language
-	]), a = h(/* @__PURE__ */ new Set()), o = h(/* @__PURE__ */ new Set());
-	f(() => {
+	]), a = g(/* @__PURE__ */ new Set()), o = g(/* @__PURE__ */ new Set());
+	p(() => {
 		a.current = /* @__PURE__ */ new Set(), o.current = /* @__PURE__ */ new Set();
-	}, [r]), f(() => {
+	}, [r]), p(() => {
 		let t = e.flatMap((e, t) => a.current.has(e.id) ? [] : [{
 			content_id: e.id,
 			position: t + 1
@@ -329,7 +376,7 @@ function V(e, t) {
 		i,
 		e
 	]);
-	let s = h([]), c = h(void 0), d = m(() => typeof IntersectionObserver == "function" ? new IntersectionObserver((e) => {
+	let s = g([]), c = g(void 0), l = h(() => typeof IntersectionObserver == "function" ? new IntersectionObserver((e) => {
 		for (let t of e) {
 			if (!t.isIntersecting) continue;
 			let e = t.target, n = e.dataset.exposureContent;
@@ -349,12 +396,12 @@ function V(e, t) {
 			});
 		}, 300);
 	}, { threshold: .5 }) : null, [n, i]);
-	return f(() => () => d?.disconnect(), [d]), {
+	return p(() => () => l?.disconnect(), [l]), {
 		render_id: r,
-		track: u((e, t) => (n) => {
-			n && d && (n.dataset.exposureContent = e, n.dataset.exposurePosition = String(t), d.observe(n));
-		}, [d]),
-		click: u((e, i) => n.click(e, {
+		track: d((e, t) => (n) => {
+			n && l && (n.dataset.exposureContent = e, n.dataset.exposurePosition = String(t), l.observe(n));
+		}, [l]),
+		click: d((e, i) => n.click(e, {
 			render_id: r,
 			surface: t.surface,
 			position: i
@@ -366,6 +413,6 @@ function V(e, t) {
 	};
 }
 //#endregion
-export { R as beaconsFor, z as useBeacons, P as useContentFilters, S as useContents, V as useExposure, k as useHistory, C as useLockedCount, M as useMyFavorites, N as useMyReactions, A as useRecentSearches, D as useRecommendations, O as useReleaseDates, w as useSearch, E as useSimilar, I as useTypeahead, B as useViewSignal };
+export { B as beaconsFor, V as useBeacons, I as useContentFilters, C as useContents, A as useDailyReleases, U as useExposure, j as useHistory, w as useLockedCount, P as useMyFavorites, F as useMyReactions, M as useRecentSearches, O as useRecommendations, k as useReleaseDates, T as useSearch, D as useSimilar, R as useTypeahead, H as useViewSignal };
 
 //# sourceMappingURL=discovery.js.map