@openrails/contentkit-ui 0.0.0-stage → 0.68.1

package/dist/react/gallery.d.ts

@@ -0,0 +1,140 @@
+import { KeyboardEvent, MouseEvent, PointerEvent } from 'react';
+import { GalleryView } from '../client/gallery.js';
+import { AbrPolicy, PlaybackError } from '../client/playback.js';
+import { PlayerTrack } from '../client/player.js';
+export declare const GALLERY_VIEW_KEY = "ckui.media-gallery.view";
+export interface GalleryViewOptions {
+    /** Controlled view. */
+    view?: GalleryView;
+    defaultView?: GalleryView;
+    onViewChange?: (view: GalleryView) => void;
+    /** localStorage key remembering the viewer's choice; null disables. */
+    storageKey?: string | null;
+}
+/** Carousel or grid, controlled or not; the viewer's last choice is remembered. */
+export declare function useGalleryView({ view, defaultView, onViewChange, storageKey }?: GalleryViewOptions): readonly [GalleryView, (v: GalleryView) => void];
+export interface CarouselOptions {
+    count: number;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+}
+export interface UseCarousel {
+    index: number;
+    go: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+    /** Pixels the track follows the finger by during a swipe. */
+    offset: number;
+    dragging: boolean;
+    /** Spread on the swipe surface (touch-action: pan-y keeps vertical scrolling). */
+    swipe: {
+        onPointerDown: (e: PointerEvent<HTMLElement>) => void;
+        onPointerMove: (e: PointerEvent<HTMLElement>) => void;
+        onPointerUp: (e: PointerEvent<HTMLElement>) => void;
+        onPointerCancel: (e: PointerEvent<HTMLElement>) => void;
+        onClickCapture: (e: MouseEvent<HTMLElement>) => void;
+    };
+    /** ← → Home End. */
+    onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
+}
+/** Index, keyboard and swipe state for any carousel UI. */
+export declare function useCarousel({ count, index: given, defaultIndex, onIndexChange }: CarouselOptions): UseCarousel;
+export type PlayerStatus = "idle" | "loading" | "playing" | "paused" | "buffering" | "ended" | "error";
+export interface HlsPlayerOptions {
+    /** The master playlist; nothing loads while absent. */
+    src?: string | null;
+    /** Adds auth to playlist and segment requests (e.g. a bearer header for the app's read API). */
+    xhrSetup?: (xhr: XMLHttpRequest, url: string) => void | Promise<void>;
+    /**
+     * Re-grants access (refetch the read API). Called shortly before `expires`,
+     * and once after a 401, 403 or 404 — media-gateway answers an expired token
+     * with 404 — after which the player retries, resuming where it was.
+     */
+    refresh?: () => unknown;
+    /**
+     * The read's `expires` (unix seconds). When a later one arrives the player
+     * loads its playlists again at the playhead if their URLs carry the token.
+     */
+    expires?: number;
+    /** Inactive pauses (a swiped-away slide). Default true. */
+    active?: boolean;
+    /** No playback progress and no bytes for this long is an error. Default 10 s. */
+    stallTimeout?: number;
+    /** Adaptive-bitrate policy; defaults start at 1080p when the connection allows. */
+    abr?: AbrPolicy;
+    /** localStorage key remembering the viewer's manual quality; null disables. */
+    qualityKey?: string | null;
+    /** Where playback starts, seconds (a resume point); a committed preview starts here too. */
+    startAt?: number;
+    /** Loads and plays at once. A browser that blocks it leaves the play button: never a muted start. */
+    autoPlay?: boolean;
+    /** The audio language (BCP 47) until the viewer chooses one. */
+    audioLanguage?: string;
+    /** The subtitle language until the viewer chooses; absent or null: off. */
+    subtitleLanguage?: string | null;
+    /** localStorage key remembering the viewer's volume and mute; null disables. */
+    volumeKey?: string | null;
+    /** localStorage key remembering the viewer's audio and subtitle languages; null disables. */
+    trackKey?: string | null;
+}
+export declare const PLAYER_QUALITY_KEY = "ckui.player.quality";
+/**
+ * Calls refresh shortly before expires (a read's, unix seconds), once however
+ * many components ask with the same callback. The next read's later expiry
+ * arms it again; a refresh that fails or changes nothing does not repeat.
+ */
+export declare function useRefreshBeforeExpiry(expires: number | undefined, refresh: (() => unknown) | undefined): void;
+/** A selectable rendition; `height` is its short side (portrait 1080×1920 is 1080). */
+export interface QualityLevel {
+    index: number;
+    height: number;
+    width: number;
+    bitrate: number;
+}
+export interface PlayerQuality {
+    /** Ascending; empty until the manifest loads, and always under native HLS (Safari), which picks for itself. */
+    levels: QualityLevel[];
+    /** The locked level index, or -1 for Auto. */
+    selected: number;
+    /** The level playing now, or -1 before the first switch. */
+    current: number;
+    /** Locks a level (-1: back to Auto) and remembers the choice. */
+    select: (index: number) => void;
+}
+export interface PlayerTracks {
+    /** Empty until the manifest lists them. */
+    list: PlayerTrack[];
+    /** The playing track's index; -1 for none (subtitles off). */
+    selected: number;
+    /** Switches track (-1: subtitles off) and remembers its language. */
+    select: (index: number) => void;
+}
+export interface UseHlsPlayer {
+    /** Attach to the `<video>`. */
+    ref: (el: HTMLVideoElement | null) => void;
+    status: PlayerStatus;
+    error?: PlaybackError;
+    /** Playback began at least once (show native controls). */
+    started: boolean;
+    /** Plays unmuted with controls; during a preview, restarts it from 0. */
+    play: () => void;
+    /** Loads and plays muted from `at` seconds at the lowest rendition (ABR then takes over); not after play. */
+    preview: (at: number) => void;
+    /** Stops a preview and unloads the player; failures during one are silent. */
+    unload: () => void;
+    /** A preview is loaded or playing. */
+    previewing: boolean;
+    /** Reloads from scratch and plays. */
+    retry: () => void;
+    quality: PlayerQuality;
+    audio: PlayerTracks;
+    /** The selected subtitle track's TextTrack is kept "hidden": its cues are the caller's to draw. */
+    subtitles: PlayerTracks;
+}
+/**
+ * HLS playback that fails fast with a reason: hls.js (lazy-loaded) or native
+ * HLS, tuned retries, a grant refresh before expiry and one on 401/403/404,
+ * and a stall watchdog.
+ */
+export declare function useHlsPlayer({ src, xhrSetup, refresh, expires, active, stallTimeout, abr, qualityKey, startAt, autoPlay, audioLanguage, subtitleLanguage, volumeKey, trackKey, }: HlsPlayerOptions): UseHlsPlayer;

package/dist/react/gallery.js

@@ -0,0 +1,477 @@
+import { abrHlsConfig as e, capRung as t, classifyHlsError as n, classifyMediaError as r, expiryDelay as i, hlsConfig as a, initialEstimate as o, otherCodecLevels as s, refreshable as c, startRung as ee, statusKind as l } from "../client/playback.js";
+import { PLAYER_TRACKS_KEY as u, PLAYER_VOLUME_KEY as d, pickTrack as f, readTrackPrefs as p, readVolume as m, writeTrackPrefs as h } from "../client/player.js";
+import { useCallback as g, useEffect as _, useRef as v, useState as y } from "react";
+//#region src/react/gallery.ts
+var b = "ckui.media-gallery.view";
+function x(e) {
+	if (e) try {
+		let t = globalThis.localStorage?.getItem(e);
+		return t === "grid" || t === "carousel" ? t : void 0;
+	} catch {
+		return;
+	}
+}
+function S({ view: e, defaultView: t = "carousel", onViewChange: n, storageKey: r = b } = {}) {
+	let [i, a] = y(() => x(r) ?? t), o = g((e) => {
+		if (a(e), r) try {
+			globalThis.localStorage?.setItem(r, e);
+		} catch {}
+		n?.(e);
+	}, [r, n]);
+	return [e ?? i, o];
+}
+function C(e) {
+	let t = e.target;
+	return t.closest?.("[data-ckui-noswipe]") ? !0 : !(t instanceof HTMLVideoElement) || !t.controls ? !1 : e.pointerType === "mouse" || e.clientY > t.getBoundingClientRect().bottom - 56;
+}
+function w({ count: e, index: t, defaultIndex: n = 0, onIndexChange: r }) {
+	let [i, a] = y(n), o = Math.min(Math.max(0, t ?? i), Math.max(0, e - 1)), s = g((t) => {
+		let n = Math.min(Math.max(0, t), Math.max(0, e - 1));
+		a(n), r?.(n);
+	}, [e, r]), [c, ee] = y(0), [l, u] = y(!1), d = v(null), f = v(!1), p = (e, t) => {
+		let n = d.current;
+		if (!n || n.id !== e.pointerId || (d.current = null, n.axis !== "x")) return;
+		let r = e.clientX - n.x, i = Math.abs(r) / Math.max(1, e.timeStamp - n.t) > .5;
+		u(!1), ee(0), f.current = !0, !t && (Math.abs(r) > n.width * .2 || i && Math.abs(r) > 30) && s(o + (r < 0 ? 1 : -1));
+	};
+	return {
+		index: o,
+		go: s,
+		next: () => s(o + 1),
+		prev: () => s(o - 1),
+		offset: c,
+		dragging: l,
+		swipe: {
+			onPointerDown: (t) => {
+				f.current = !1, !(e < 2 || t.pointerType === "mouse" && t.button !== 0 || C(t)) && (d.current = {
+					id: t.pointerId,
+					x: t.clientX,
+					y: t.clientY,
+					t: t.timeStamp,
+					width: t.currentTarget.clientWidth || 1
+				});
+			},
+			onPointerMove: (t) => {
+				let n = d.current;
+				if (!n || n.id !== t.pointerId) return;
+				let r = t.clientX - n.x, i = t.clientY - n.y;
+				if (!n.axis) {
+					if (Math.abs(r) < 8 && Math.abs(i) < 8) return;
+					if (n.axis = Math.abs(r) > Math.abs(i) ? "x" : "y", n.axis === "y") {
+						d.current = null;
+						return;
+					}
+					t.currentTarget.setPointerCapture?.(t.pointerId), u(!0);
+				}
+				let a = o === 0 && r > 0 || o === e - 1 && r < 0;
+				ee(a ? r / 3 : r);
+			},
+			onPointerUp: (e) => p(e, !1),
+			onPointerCancel: (e) => p(e, !0),
+			onClickCapture: (e) => {
+				f.current && (f.current = !1, e.preventDefault(), e.stopPropagation());
+			}
+		},
+		onKeyDown: (t) => {
+			let n = {
+				ArrowLeft: o - 1,
+				ArrowRight: o + 1,
+				Home: 0,
+				End: e - 1
+			}[t.key];
+			n === void 0 || t.defaultPrevented || t.target.closest?.("input, textarea, video, [contenteditable], [role=menu]") || (t.preventDefault(), s(n));
+		}
+	};
+}
+var T = "ckui.player.quality", E = /* @__PURE__ */ new Map();
+function D(e, t) {
+	_(() => {
+		let n = i(e);
+		if (n === null || !e || !t) return;
+		let r = E.get(t);
+		if (r?.expires !== e) {
+			r && clearTimeout(r.timer);
+			let i = {
+				expires: e,
+				subs: 0,
+				timer: setTimeout(() => {
+					E.get(t) === i && E.delete(t), Promise.resolve().then(t).catch(() => {});
+				}, n)
+			};
+			E.set(t, r = i);
+		}
+		let a = r;
+		return a.subs++, () => {
+			--a.subs > 0 || E.get(t) !== a || (clearTimeout(a.timer), E.delete(t));
+		};
+	}, [e, t]);
+}
+var O = "application/vnd.apple.mpegurl", k = !1;
+function te() {
+	k || typeof console > "u" || (k = !0, console.warn(`contentkit: video requests failed with no response (status 0). If media is served from another origin, media-gateway must allow this page: set MEDIA_GATEWAY_CORS_ORIGINS to include ${globalThis.location?.origin ?? "the app origin"}.`));
+}
+function ne(e, t) {
+	return new Promise((n) => {
+		let r = new XMLHttpRequest();
+		Promise.resolve(t?.(r, e)).then(() => {
+			r.readyState === 0 && r.open("GET", e, !0), r.onload = () => n(r.status), r.onerror = r.ontimeout = () => n(0), r.timeout = 8e3, r.send();
+		}, () => n(0));
+	});
+}
+function re(e) {
+	if (!e) return null;
+	try {
+		let t = globalThis.localStorage?.getItem(e);
+		return t === "auto" ? t : t && Number(t) > 0 ? Number(t) : null;
+	} catch {
+		return null;
+	}
+}
+function ie(e, t) {
+	if (e) try {
+		globalThis.localStorage?.setItem(e, String(t));
+	} catch {}
+}
+var ae = (e) => Array.from(e.textTracks).filter((e) => e.kind === "subtitles" || e.kind === "captions"), A = (e) => e.map((e, t) => {
+	let n = e.lang || e.language || void 0;
+	return {
+		index: t,
+		label: e.name || e.label || n || "",
+		lang: n,
+		...e.forced ? { forced: !0 } : {}
+	};
+}), oe = 0;
+function se() {
+	let e = globalThis.navigator?.connection;
+	return e ? {
+		downlink: e.downlink,
+		saveData: e.saveData
+	} : null;
+}
+function ce(e, n) {
+	if (e) return class extends e {
+		getMaxLevel(e) {
+			let r = this.hls?.levels ?? [];
+			return t(r.slice(0, e + 1), this.mediaWidth, this.mediaHeight, n);
+		}
+	};
+}
+function le({ src: i, xhrSetup: b, refresh: x, expires: S, active: C = !0, stallTimeout: w = 1e4, abr: E, qualityKey: k = T, startAt: le, autoPlay: ue, audioLanguage: de, subtitleLanguage: fe, volumeKey: pe = d, trackKey: me = u }) {
+	let [j, he] = y(null), [M, N] = y("idle"), [P, F] = y(), [I, ge] = y(!1), [_e, L] = y(!1), [ve, ye] = y(0), [be, xe] = y(!1), R = v(null), z = v(() => {}), B = v(!1), V = v(null), H = v(!1), U = v(0), W = v(0), [Se, Ce] = y([]), [we, Te] = y(-1), [Ee, De] = y(-1), G = v(() => {}), [Oe, ke] = y([]), [Ae, je] = y(-1), [Me, Ne] = y([]), [Pe, K] = y(-1), q = v(() => {}), J = v(() => {}), Fe = v(I);
+	Fe.current = I;
+	let Y = v(() => {}), X = v({
+		xhrSetup: b,
+		refresh: x,
+		abr: E,
+		qualityKey: k,
+		startAt: le,
+		audioLanguage: de,
+		subtitleLanguage: fe,
+		volumeKey: pe,
+		trackKey: me
+	});
+	X.current = {
+		xhrSetup: b,
+		refresh: x,
+		abr: E,
+		qualityKey: k,
+		startAt: le,
+		audioLanguage: de,
+		subtitleLanguage: fe,
+		volumeKey: pe,
+		trackKey: me
+	};
+	let Z = v(() => {});
+	D(S, x);
+	let Ie = v(S);
+	_(() => {
+		let e = Ie.current;
+		Ie.current = S, S && e && S > e && Z.current();
+	}, [S]), _(() => {
+		U.current = X.current.startAt ?? 0;
+	}, [i]), _(() => {
+		if (!j || !i || !_e) return;
+		let u = !1, d = () => {}, m = 0, h = !1;
+		F(void 0), Ce([]), Te(-1), De(-1), ke([]), je(-1), Ne([]), K(-1), G.current = () => {}, q.current = () => {}, J.current = () => {}, Y.current = () => {}, Z.current = () => {};
+		let g = () => {
+			if (!u) {
+				if (R.current !== null) return z.current();
+				U.current = j.currentTime || 0, u = !0, d(), ye((e) => e + 1);
+			}
+		};
+		N(B.current ? "loading" : "idle");
+		let _ = (e) => {
+			if (u) return;
+			let t = X.current.refresh;
+			if (c(e) && t && !H.current) {
+				H.current = !0, U.current = j.currentTime || 0, R.current !== null && (R.current = U.current || R.current), u = !0, d(), N("loading"), Promise.resolve().then(t).catch(() => {}).finally(() => ye((e) => e + 1));
+				return;
+			}
+			if (R.current !== null) return z.current();
+			e.kind === "network" && te(), u = !0, d(), B.current = !1, F(e), N("error");
+		}, v = () => h && _(r(j.error)), y = () => j.play().catch((e) => {
+			u || e?.name !== "NotAllowedError" || (B.current = !1, N((e) => e === "error" ? e : Fe.current ? "paused" : "idle"));
+		}), b = () => p(X.current.trackKey), x = (e) => {
+			let t = b().subtitles;
+			return f(e.map((e) => ({ lang: e.lang || e.language })), t === "off" ? null : t ?? X.current.subtitleLanguage);
+		};
+		return j.addEventListener("error", v), import("hls.js").then(({ default: r }) => {
+			if (!u) {
+				if (r.isSupported()) {
+					let c = !1, l = se(), p = l?.saveData ? {
+						...X.current.abr,
+						preferHighRes: !1
+					} : X.current.abr, h = o(p, l, oe), v = new r({
+						...a,
+						...e(p, h),
+						capLevelController: ce(r.DefaultConfig.capLevelController, p),
+						autoStartLoad: !1,
+						xhrSetup: (e, t) => X.current.xhrSetup?.(e, t)
+					});
+					d = () => v.destroy(), v.subtitleDisplay = !1;
+					let S = () => {
+						ke(A(v.audioTracks)), je(v.audioTrack);
+					}, C = () => {
+						Ne(A(v.subtitleTracks)), K(v.subtitleTrack);
+					};
+					v.on(r.Events.AUDIO_TRACKS_UPDATED, () => {
+						let e = f(v.audioTracks, b().audio ?? X.current.audioLanguage);
+						e >= 0 && e !== v.audioTrack && (v.audioTrack = e), S();
+					}), v.on(r.Events.AUDIO_TRACK_SWITCHED, S);
+					let w = () => {
+						R.current === null && v.subtitleTracks.length && (v.subtitleTrack = x(v.subtitleTracks));
+					};
+					v.on(r.Events.SUBTITLE_TRACKS_UPDATED, () => {
+						C(), queueMicrotask(() => {
+							u || (w(), C());
+						});
+					}), v.on(r.Events.SUBTITLE_TRACK_SWITCH, C), q.current = (e) => {
+						v.audioTrack = e;
+					}, J.current = (e) => {
+						v.subtitleTrack = e, K(e);
+					}, v.on(r.Events.ERROR, (e, t) => {
+						let r = n(t);
+						(t.fatal || r.kind === "access" || r.kind === "not_found" || r.kind === "rate_limited" || r.kind === "network" && ++m >= 3) && _(r);
+					});
+					let T = -1, E = () => {
+						let e = j.getBoundingClientRect(), n = globalThis.devicePixelRatio || 1, r = t(v.levels, e.width * n, e.height * n, p);
+						return ee(v.levels, v.bandwidthEstimate || h, r, l);
+					}, D = !1, O = (e) => {
+						D = !0, v.currentLevel = e;
+					};
+					v.on(r.Events.BUFFER_FLUSHED, () => {
+						D && (D = !1, j.currentTime = j.currentTime);
+					}), G.current = (e) => {
+						T = e, Te(e), c && (e >= 0 ? O(e) : v.nextLevel = -1);
+					}, Y.current = () => {
+						w(), c && (O(T), T < 0 && (v.nextAutoLevel = E()));
+					}, v.on(r.Events.LEVEL_SWITCHED, (e, t) => De(t.level)), v.on(r.Events.FRAG_LOADED, () => {
+						m = 0, W.current = Date.now(), oe = v.bandwidthEstimate;
+					});
+					let k = () => v.levels.some((e) => /[?&]t=/.test(e.details?.fragments[0]?.url ?? ""));
+					Z.current = () => {
+						c && k() && g();
+					};
+					let te = !1;
+					V.current = () => {
+						if (te) {
+							if (!c) {
+								c = !0;
+								let e = R.current;
+								e === null ? (v.startLevel = T >= 0 ? T : E(), T >= 0 && (v.loadLevel = T), v.startLoad(U.current || -1)) : (v.startLevel = 0, v.startLoad(e)), U.current = 0;
+							}
+							y();
+						}
+					}, v.on(r.Events.MANIFEST_PARSED, () => {
+						te = !0;
+						for (let e of s(v.levels, v.firstLevel)) v.removeLevel(e);
+						let e = p?.maxHeight ?? Infinity, t = v.levels.map((e, t) => ({
+							index: t,
+							height: Math.min(e.width, e.height) || e.height,
+							width: e.width,
+							bitrate: e.bitrate
+						})).filter((t) => t.height > 0 && t.height <= e);
+						Ce(t);
+						let n = re(X.current.qualityKey), r = typeof n == "number" ? t.find((e) => e.height === n) : void 0;
+						r && G.current(r.index), B.current && V.current?.();
+					}), v.loadSource(i), v.attachMedia(j);
+					return;
+				}
+				if (!j.canPlayType(O)) return _({
+					kind: "unsupported",
+					code: "no-hls"
+				});
+				ne(i, X.current.xhrSetup).then((e) => {
+					if (u) return;
+					if (e < 200 || e >= 400) return _({
+						kind: l(e),
+						code: `probe/${e}`,
+						status: e
+					});
+					h = !0, Z.current = g;
+					let t = j.audioTracks, n = () => {
+						let e = t ? Array.from(t) : [];
+						ke(A(e)), je(e.findIndex((e) => e.enabled));
+						let n = ae(j);
+						Ne(A(n)), K(n.findIndex((e) => e.mode !== "disabled"));
+					};
+					q.current = (e) => {
+						let r = t?.[e];
+						r && (r.enabled = !0), n();
+					};
+					let r = !1, a = (e) => {
+						ae(j).forEach((t, n) => t.mode = n === e ? "hidden" : "disabled"), n();
+					};
+					J.current = (e) => {
+						r = !0, a(e);
+					};
+					let o = () => {
+						if (r || R.current !== null) return n();
+						a(x(A(ae(j))));
+					}, s = () => {
+						let e = t ? Array.from(t) : [], n = f(A(e), b().audio ?? X.current.audioLanguage);
+						n >= 0 && !e[n].enabled && (e[n].enabled = !0), o();
+					};
+					j.addEventListener("loadedmetadata", s, { once: !0 }), j.textTracks.addEventListener?.("addtrack", o), t?.addEventListener("change", n), j.src = i, R.current === null ? U.current && (j.currentTime = U.current) : j.currentTime = R.current, U.current = 0, d = () => {
+						j.removeEventListener("loadedmetadata", s), j.textTracks.removeEventListener?.("addtrack", o), t?.removeEventListener("change", n), j.removeAttribute("src"), j.load();
+					}, Y.current = o, V.current = () => void y(), B.current && V.current();
+				});
+			}
+		}, () => _({
+			kind: "unsupported",
+			code: "hls.js"
+		})), () => {
+			u = !0, Z.current = () => {}, V.current = null, j.removeEventListener("error", v), d();
+		};
+	}, [
+		j,
+		i,
+		_e,
+		ve
+	]), _(() => {
+		if (!j) return;
+		let e = (e) => () => N((t) => t === "error" ? t : e), t = {
+			playing: () => {
+				R.current === null && ge(!0), H.current = !1, W.current = Date.now(), e("playing")();
+			},
+			pause: () => {
+				j.ended || e("paused")();
+			},
+			waiting: () => B.current && e("buffering")(),
+			ended: () => R.current === null ? e("ended")() : z.current(),
+			progress: () => W.current = Date.now(),
+			play: () => {
+				B.current = !0, W.current = Date.now();
+			}
+		};
+		for (let [e, n] of Object.entries(t)) j.addEventListener(e, n);
+		return () => {
+			for (let [e, n] of Object.entries(t)) j.removeEventListener(e, n);
+		};
+	}, [j]), _(() => {
+		!C && j && !j.paused && j.pause(), C || (B.current = !1);
+	}, [C, j]);
+	let Le = M === "loading" || M === "buffering" || M === "playing";
+	_(() => {
+		if (!Le || !j) return;
+		let e = j.currentTime;
+		W.current = Math.max(W.current, Date.now());
+		let t = setInterval(() => {
+			if (B.current && !j.paused) {
+				if (j.currentTime !== e) e = j.currentTime, W.current = Date.now();
+				else if (Date.now() - W.current > w) {
+					if (R.current !== null) return z.current();
+					j.pause(), B.current = !1, F({
+						kind: "stalled",
+						code: "stall"
+					}), N("error");
+				}
+			}
+		}, 1e3);
+		return () => clearInterval(t);
+	}, [
+		Le,
+		j,
+		w
+	]);
+	let Re = g(() => {
+		B.current = !0, H.current = !1, W.current = Date.now(), F(void 0), N("loading"), L(!0), ye((e) => e + 1);
+	}, []), Q = g(() => {
+		if (!j) return;
+		let e = m(X.current.volumeKey);
+		j.volume = e.volume, j.muted = e.muted;
+	}, [j]), ze = g(() => {
+		R.current !== null && (R.current = null, B.current = !1, xe(!1), L(!1), N("idle"), j && (j.pause(), Q()));
+	}, [j, Q]);
+	z.current = ze;
+	let Be = g((e) => {
+		!j || I || P || B.current || R.current !== null || (R.current = Math.max(0, e), j.muted = !0, B.current = !0, W.current = Date.now(), xe(!0), L(!0), V.current?.());
+	}, [
+		j,
+		I,
+		P
+	]), $ = g(() => {
+		if (P) return Re();
+		R.current === null ? Fe.current || Q() : (R.current = null, xe(!1), j && (Q(), j.currentTime = X.current.startAt ?? 0), Y.current(), ge(!0)), B.current = !0, W.current = Date.now(), N("loading"), L(!0), V.current?.();
+	}, [
+		P,
+		Re,
+		j,
+		Q
+	]), Ve = v($);
+	Ve.current = $;
+	let He = v(ue);
+	He.current = ue, _(() => {
+		j && i && He.current && Ve.current();
+	}, [j, i]);
+	let Ue = v(Se);
+	Ue.current = Se;
+	let We = g((e) => {
+		G.current(e);
+		let t = Ue.current.find((t) => t.index === e)?.height;
+		ie(X.current.qualityKey, e === -1 || !t ? "auto" : t);
+	}, []), Ge = v(Oe);
+	Ge.current = Oe;
+	let Ke = v(Me);
+	Ke.current = Me;
+	let qe = g((e) => {
+		q.current(e);
+		let t = Ge.current[e]?.lang;
+		t && h(X.current.trackKey, { audio: t });
+	}, []), Je = g((e) => {
+		J.current(e);
+		let t = e < 0 ? "off" : Ke.current[e]?.lang;
+		t && h(X.current.trackKey, { subtitles: t });
+	}, []);
+	return {
+		ref: he,
+		status: M,
+		error: P,
+		started: I,
+		play: $,
+		preview: Be,
+		unload: ze,
+		previewing: be,
+		retry: Re,
+		quality: {
+			levels: Se,
+			selected: we,
+			current: Ee,
+			select: We
+		},
+		audio: {
+			list: Oe,
+			selected: Ae,
+			select: qe
+		},
+		subtitles: {
+			list: Me,
+			selected: Pe,
+			select: Je
+		}
+	};
+}
+//#endregion
+export { b as GALLERY_VIEW_KEY, T as PLAYER_QUALITY_KEY, w as useCarousel, S as useGalleryView, le as useHlsPlayer, D as useRefreshBeforeExpiry };
+
+//# sourceMappingURL=gallery.js.map