@openrails/contentkit-ui 0.79.0 → 0.81.0

package/dist/react/video.js

@@ -1,121 +1,122 @@
 import { toContentKitError as e } from "../client/errors.js";
-import { samePath as t } from "../client/media/client.js";
-import { useContentKitClient as n } from "./context.js";
-import { withUpload as r } from "./store.js";
-import { useMediaRead as i } from "./read.js";
-import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
+import { itemKey as t } from "../client/media/ref.js";
+import { samePath as n } from "../client/media/client.js";
+import { useContentKitClient as r } from "./context.js";
+import { withUpload as i } from "./store.js";
+import { useMediaRead as a } from "./read.js";
+import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
 //#region src/react/video.ts
-var l = e, u = (e) => `${e.kind}/${e.id}`;
-function d(e) {
-	let n = i(e.ref, {
+var u = e, d = (e) => t(e);
+function f(e) {
+	let t = a(e.ref, {
 		editor: !0,
 		read: e.read,
 		client: e.client
-	}), o = (e) => n.read?.files.find((n) => n.upload && t(n.path, e)) ?? null, s = e.poster ?? "poster", { read: c, set: l } = n, u = a((e) => l(r(c, s, e)), [
+	}), r = (e) => t.read?.files.find((t) => t.upload && n(t.path, e)) ?? null, s = e.poster ?? "poster", { read: c, set: l } = t, u = o((e) => l(i(c, s, e)), [
 		c,
 		s,
 		l
 	]);
 	return {
-		video: o(e.video ?? "source"),
-		poster: o(s),
-		loading: n.loading,
-		error: n.error,
-		reload: n.reload,
+		video: r(e.video ?? "source"),
+		poster: r(s),
+		loading: t.loading,
+		error: t.error,
+		reload: t.reload,
 		set: u
 	};
 }
-function f(e) {
-	let { media: t } = n(e.client), r = e.count ?? 8, i = e.width ?? 160, a = e.duration ?? 0, d = `${u(e.ref)}#${e.path ?? ""}#${a}#${r}#${i}`, [f, p] = c({
+function p(e) {
+	let { media: t } = r(e.client), n = e.count ?? 8, i = e.width ?? 160, a = e.duration ?? 0, o = `${d(e.ref)}#${e.path ?? ""}#${a}#${n}#${i}`, [f, p] = l({
 		key: "",
 		frames: []
-	}), m = s(e.ref);
+	}), m = c(e.ref);
 	m.current = e.ref;
-	let g = s(e.onError);
-	return g.current = e.onError, o(() => {
+	let h = c(e.onError);
+	return h.current = e.onError, s(() => {
 		if (!(a > 0) || !e.path) return;
-		let n = e.path, o = new AbortController(), s = !1, c = Array.from({ length: r }, (e, t) => h((t + .5) / r * a)), u = [];
+		let r = e.path, s = new AbortController(), c = !1, l = Array.from({ length: n }, (e, t) => g((t + .5) / n * a)), d = [];
 		return p({
-			key: d,
-			frames: c.map((e) => ({ time: e }))
+			key: o,
+			frames: l.map((e) => ({ time: e }))
 		}), (async () => {
-			for (let [e, r] of c.entries()) try {
-				let a = await t.getFrame(m.current, n, r, i, o.signal);
-				if (o.signal.aborted) return;
-				let s = URL.createObjectURL(a);
-				u.push(s), p((t) => t.key === d ? {
-					key: d,
+			for (let [e, n] of l.entries()) try {
+				let a = await t.getFrame(m.current, r, n, i, s.signal);
+				if (s.signal.aborted) return;
+				let c = URL.createObjectURL(a);
+				d.push(c), p((t) => t.key === o ? {
+					key: o,
 					frames: t.frames.map((t, n) => n === e ? {
 						...t,
-						url: s
+						url: c
 					} : t)
 				} : t);
 			} catch (e) {
-				if (o.signal.aborted) return;
-				s || g.current?.(l(e)), s = !0;
+				if (s.signal.aborted) return;
+				c || h.current?.(u(e)), c = !0;
 			}
 		})(), () => {
-			o.abort(), u.forEach((e) => URL.revokeObjectURL(e));
+			s.abort(), d.forEach((e) => URL.revokeObjectURL(e));
 		};
 	}, [
 		t,
-		d,
+		o,
 		a,
-		r,
+		n,
 		i,
 		e.path
-	]), f.key === d ? f.frames : [];
+	]), f.key === o ? f.frames : [];
 }
-function p(e) {
-	let { media: t } = n(e.client), r = e.width ?? 640, i = e.delay ?? 120, [a, d] = c({ loading: !1 }), f = s(e.ref);
+function m(e) {
+	let { media: t } = r(e.client), n = e.width ?? 640, i = e.delay ?? 120, [a, o] = l({ loading: !1 }), f = c(e.ref);
 	f.current = e.ref;
-	let p = s(void 0), m = s(e.onError);
+	let p = c(void 0), m = c(e.onError);
 	m.current = e.onError;
-	let h = u(e.ref);
-	return o(() => {
+	let h = d(e.ref);
+	return s(() => {
 		if (e.time === void 0 || !e.path) return;
-		let n = e.time, a = e.path, o = new AbortController();
-		d((e) => ({
+		let r = e.time, a = e.path, s = new AbortController();
+		o((e) => ({
 			...e,
 			loading: !0,
 			error: void 0
 		}));
-		let s = setTimeout(() => {
-			t.getFrame(f.current, a, n, r, o.signal).then((e) => {
-				if (o.signal.aborted) return;
+		let c = setTimeout(() => {
+			t.getFrame(f.current, a, r, n, s.signal).then((e) => {
+				if (s.signal.aborted) return;
 				p.current && URL.revokeObjectURL(p.current);
 				let t = p.current = URL.createObjectURL(e);
-				d({
+				o({
 					url: t,
-					time: n,
+					time: r,
 					loading: !1
 				});
 			}, (e) => {
-				o.signal.aborted || (d((t) => ({
+				s.signal.aborted || (o((t) => ({
 					...t,
 					loading: !1,
-					error: l(e)
-				})), m.current?.(l(e)));
+					error: u(e)
+				})), m.current?.(u(e)));
 			});
 		}, i);
 		return () => {
-			clearTimeout(s), o.abort();
+			clearTimeout(c), s.abort();
 		};
 	}, [
 		t,
 		h,
 		e.path,
 		e.time,
-		r,
+		n,
 		i
-	]), o(() => () => {
+	]), s(() => () => {
 		p.current && URL.revokeObjectURL(p.current);
 	}, []), a;
 }
-function m(e) {
-	let { media: t } = n(e.client), [r, i] = c({ status: "idle" }), o = s(e);
-	o.current = e;
-	let u = a(async (e) => {
+function h(e) {
+	let { media: t } = r(e.client), [n, i] = l({ status: "idle" }), a = c(e);
+	a.current = e;
+	let s = o(async (e) => {
 		i({ status: "saving" });
 		try {
 			let t = await e((e) => i({
@@ -123,17 +124,17 @@ function m(e) {
 				progress: e,
 				rendering: e.phase === "processing"
 			}));
-			return i({ status: "idle" }), o.current.onSaved?.(t), t;
+			return i({ status: "idle" }), a.current.onSaved?.(t), t;
 		} catch (e) {
-			let t = l(e);
+			let t = u(e);
 			i({
 				status: "error",
 				error: t
-			}), o.current.onError?.(t);
+			}), a.current.onError?.(t);
 			return;
 		}
-	}, []), d = a((e) => u(async (n) => {
-		let { ref: r, path: i = "poster", timeout: a } = o.current;
+	}, []), d = o((e) => s(async (n) => {
+		let { ref: r, path: i = "poster", timeout: o } = a.current;
 		return await t.commit(r, [{
 			op: "frame",
 			path: i,
@@ -142,43 +143,43 @@ function m(e) {
 			phase: "processing",
 			loaded: 0,
 			total: 0
-		}), t.waitFor(r, i, { timeout: a });
-	}), [t, u]);
+		}), t.waitFor(r, i, { timeout: o });
+	}), [t, s]);
 	return {
-		state: r,
-		saveFrame: a((e, t) => d({
-			t: h(e),
+		state: n,
+		saveFrame: o((e, t) => d({
+			t: g(e),
 			...t ? { edit: t } : {}
 		}), [d]),
-		saveUpload: a((e, n) => {
-			let { ref: r, path: i = "poster", timeout: a } = o.current;
-			return u((o) => t.put(e, {
+		saveUpload: o((e, n) => {
+			let { ref: r, path: i = "poster", timeout: o } = a.current;
+			return s((a) => t.put(e, {
 				ref: r,
 				path: i,
 				edit: n,
-				timeout: a,
-				onProgress: o
+				timeout: o,
+				onProgress: a
 			}));
-		}, [t, u]),
-		saveAuto: a(() => d({ auto: !0 }), [d]),
-		saveFrameFrom: a((e, n, r, i) => {
-			let { ref: a, path: s = "poster", timeout: c } = o.current;
-			return u(async (o) => {
-				let l = await t.getFrame(e, n, h(r)), u = new File([l], "frame.jpg", { type: "image/jpeg" });
+		}, [t, s]),
+		saveAuto: o(() => d({ auto: !0 }), [d]),
+		saveFrameFrom: o((e, n, r, i) => {
+			let { ref: o, path: c = "poster", timeout: l } = a.current;
+			return s(async (a) => {
+				let s = await t.getFrame(e, n, g(r)), u = new File([s], "frame.jpg", { type: "image/jpeg" });
 				return t.put(u, {
-					ref: a,
-					path: s,
+					ref: o,
+					path: c,
 					edit: i,
-					timeout: c,
-					onProgress: o
+					timeout: l,
+					onProgress: a
 				});
 			});
-		}, [t, u]),
-		reset: a(() => i({ status: "idle" }), [])
+		}, [t, s]),
+		reset: o(() => i({ status: "idle" }), [])
 	};
 }
-var h = (e) => Math.round(e * 1e3) / 1e3;
+var g = (e) => Math.round(e * 1e3) / 1e3;
 //#endregion
-export { h as round3, f as useFrameStrip, p as useVideoFrame, d as useVideoImages, m as useVideoPoster };
+export { g as round3, p as useFrameStrip, m as useVideoFrame, f as useVideoImages, h as useVideoPoster };
 
 //# sourceMappingURL=video.js.map

package/dist/react/video.js.map

@@ -1 +1 @@
-{"version":3,"file":"video.js","names":[],"sources":["../../src/react/video.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { ContentKitClient } from \"../client/client.js\";\nimport { toContentKitError, type ContentKitError } from \"../client/errors.js\";\nimport type { Edit, FileInfo, Op, ReadResult, RefBody } from \"../client/generated/wire.js\";\nimport { samePath, type Progress } from \"../client/media/client.js\";\nimport { useContentKitClient } from \"./context.js\";\nimport { useMediaRead } from \"./read.js\";\nimport { withUpload } from \"./store.js\";\n\nconst asError = toContentKitError;\nconst refKey = (ref: RefBody) => `${ref.kind}/${ref.id}`;\n\nexport interface VideoImagesOptions {\n  ref: RefBody;\n  /** The video upload path. Default \"source\". */\n  video?: string;\n  /** The poster upload path, grabbed from the video's frames. Default \"poster\". */\n  poster?: string;\n  /** An editor read of the item the host already has; skips the fetch. */\n  read?: ReadResult | null;\n  /** Overrides the provider's client; without one only a supplied read shows. */\n  client?: ContentKitClient | null;\n}\n\nexport interface UseVideoImages {\n  /** The video upload (its duration and size once probed); null without one. */\n  video: FileInfo | null;\n  /** The poster upload: a frame ({t} or {auto}) or an uploaded image; null without one. */\n  poster: FileInfo | null;\n  loading: boolean;\n  error?: ContentKitError;\n  reload: () => void;\n  /** Replaces the poster after a save without refetching. */\n  set: (poster: FileInfo) => void;\n}\n\n/** A video item's video and poster uploads (an editor read). */\nexport function useVideoImages(o: VideoImagesOptions): UseVideoImages {\n  const r = useMediaRead(o.ref, { editor: true, read: o.read, client: o.client });\n  const find = (p: string) => r.read?.files.find((f) => f.upload && samePath(f.path, p)) ?? null;\n  const posterPath = o.poster ?? \"poster\";\n  const { read, set: update } = r;\n  const set = useCallback((poster: FileInfo) => update(withUpload(read, posterPath, poster)), [read, posterPath, update]);\n  return { video: find(o.video ?? \"source\"), poster: find(posterPath), loading: r.loading, error: r.error, reload: r.reload, set };\n}\n\nexport interface FrameStripOptions {\n  ref: RefBody;\n  /** The video upload's path (a read's, with its extension). */\n  path?: string;\n  /** Seconds; nothing is fetched until it is known. */\n  duration?: number;\n  /** Frames across the video. Default 8. */\n  count?: number;\n  /** Pixels. Default 160. */\n  width?: number;\n  /** The first failed grab (the strip keeps going without it). */\n  onError?: (e: ContentKitError) => void;\n  /** Overrides the provider's client. */\n  client?: ContentKitClient;\n}\n\nexport interface StripFrame {\n  time: number;\n  /** An object URL once fetched. */\n  url?: string;\n}\n\n/**\n * Evenly spaced frames for coarse browsing, fetched one at a time (the frame\n * endpoint allows two grabs at once per host), revoked on change or unmount.\n */\nexport function useFrameStrip(o: FrameStripOptions): StripFrame[] {\n  const { media } = useContentKitClient(o.client);\n  const count = o.count ?? 8;\n  const width = o.width ?? 160;\n  const duration = o.duration ?? 0;\n  const key = `${refKey(o.ref)}#${o.path ?? \"\"}#${duration}#${count}#${width}`;\n  const [state, setState] = useState<{ key: string; frames: StripFrame[] }>({ key: \"\", frames: [] });\n  const ref = useRef(o.ref);\n  ref.current = o.ref;\n  const onError = useRef(o.onError);\n  onError.current = o.onError;\n  useEffect(() => {\n    if (!(duration > 0) || !o.path) return;\n    const path = o.path;\n    const ctl = new AbortController();\n    let reported = false;\n    const times = Array.from({ length: count }, (_, i) => round3(((i + 0.5) / count) * duration));\n    const urls: string[] = [];\n    setState({ key, frames: times.map((time) => ({ time })) });\n    void (async () => {\n      for (const [i, time] of times.entries()) {\n        try {\n          const blob = await media.getFrame(ref.current, path, time, width, ctl.signal);\n          if (ctl.signal.aborted) return;\n          const url = URL.createObjectURL(blob);\n          urls.push(url);\n          setState((s) => (s.key === key ? { key, frames: s.frames.map((f, j) => (j === i ? { ...f, url } : f)) } : s));\n        } catch (e) {\n          if (ctl.signal.aborted) return;\n          if (!reported) onError.current?.(asError(e));\n          reported = true;\n        }\n      }\n    })();\n    return () => {\n      ctl.abort();\n      urls.forEach((u) => URL.revokeObjectURL(u));\n    };\n  }, [media, key, duration, count, width, o.path]);\n  return state.key === key ? state.frames : [];\n}\n\nexport interface VideoFrameOptions {\n  ref: RefBody;\n  /** The video upload's path; nothing is fetched without it. */\n  path?: string;\n  /** Seconds; undefined fetches nothing. */\n  time?: number;\n  /** Pixels. Default 640. */\n  width?: number;\n  /** Debounce while scrubbing, ms. Default 120. */\n  delay?: number;\n  onError?: (e: ContentKitError) => void;\n  /** Overrides the provider's client. */\n  client?: ContentKitClient;\n}\n\nexport interface UseVideoFrame {\n  /** The latest fetched frame; kept while the next one loads. */\n  url?: string;\n  /** The time url shows. */\n  time?: number;\n  loading: boolean;\n  error?: ContentKitError;\n}\n\n/** The exact frame at time, debounced while it changes. */\nexport function useVideoFrame(o: VideoFrameOptions): UseVideoFrame {\n  const { media } = useContentKitClient(o.client);\n  const width = o.width ?? 640;\n  const delay = o.delay ?? 120;\n  const [state, setState] = useState<UseVideoFrame>({ loading: false });\n  const ref = useRef(o.ref);\n  ref.current = o.ref;\n  const last = useRef<string | undefined>(undefined);\n  const onError = useRef(o.onError);\n  onError.current = o.onError;\n  const key = refKey(o.ref);\n  useEffect(() => {\n    if (o.time === undefined || !o.path) return;\n    const time = o.time;\n    const path = o.path;\n    const ctl = new AbortController();\n    setState((s) => ({ ...s, loading: true, error: undefined }));\n    const t = setTimeout(() => {\n      media.getFrame(ref.current, path, time, width, ctl.signal).then(\n        (blob) => {\n          if (ctl.signal.aborted) return;\n          if (last.current) URL.revokeObjectURL(last.current);\n          const url = (last.current = URL.createObjectURL(blob));\n          setState({ url, time, loading: false });\n        },\n        (e) => {\n          if (ctl.signal.aborted) return;\n          setState((s) => ({ ...s, loading: false, error: asError(e) }));\n          onError.current?.(asError(e));\n        },\n      );\n    }, delay);\n    return () => {\n      clearTimeout(t);\n      ctl.abort();\n    };\n  }, [media, key, o.path, o.time, width, delay]);\n  useEffect(\n    () => () => {\n      if (last.current) URL.revokeObjectURL(last.current);\n    },\n    [],\n  );\n  return state;\n}\n\nexport type VideoSaveState =\n  | { status: \"idle\" }\n  | { status: \"saving\"; progress?: Progress; rendering?: boolean }\n  | { status: \"error\"; error: ContentKitError };\n\nexport interface VideoPosterOptions {\n  ref: RefBody;\n  /** The poster upload path. Default \"poster\". */\n  path?: string;\n  /** With the processed poster upload after each save. */\n  onSaved?: (poster: FileInfo) => void;\n  /** Polling limit for the render, ms. Default 120000. */\n  timeout?: number;\n  /** Every failed save: the request, the render or the wait. */\n  onError?: (e: ContentKitError) => void;\n  /** Overrides the provider's client. */\n  client?: ContentKitClient;\n}\n\nexport interface UseVideoPoster {\n  state: VideoSaveState;\n  /** A frame at time (seconds), cropped by edit in the frame's pixels (the video's w×h). */\n  saveFrame: (time: number, edit?: Edit | null) => Promise<FileInfo | undefined>;\n  /** An uploaded image, cropped by edit in its own pixels. */\n  saveUpload: (image: Blob, edit?: Edit | null) => Promise<FileInfo | undefined>;\n  /** The worker's choice of frame. */\n  saveAuto: () => Promise<FileInfo | undefined>;\n  /**\n   * A frame of another item's video upload (at path, time seconds) uploaded\n   * as the poster image, cropped by edit in the frame's pixels.\n   */\n  saveFrameFrom: (video: RefBody, path: string, time: number, edit?: Edit | null) => Promise<FileInfo | undefined>;\n  reset: () => void;\n}\n\n/** Headless poster selection: a frame op or an uploaded image, then the wait for the worker to render it. */\nexport function useVideoPoster(o: VideoPosterOptions): UseVideoPoster {\n  const { media } = useContentKitClient(o.client);\n  const [state, setState] = useState<VideoSaveState>({ status: \"idle\" });\n  const opts = useRef(o);\n  opts.current = o;\n  const run = useCallback(async (save: (onProgress: (p: Progress) => void) => Promise<FileInfo>) => {\n    setState({ status: \"saving\" });\n    try {\n      const f = await save((progress) => setState({ status: \"saving\", progress, rendering: progress.phase === \"processing\" }));\n      setState({ status: \"idle\" });\n      opts.current.onSaved?.(f);\n      return f;\n    } catch (e) {\n      const error = asError(e);\n      setState({ status: \"error\", error });\n      opts.current.onError?.(error);\n      return undefined;\n    }\n  }, []);\n  const frame = useCallback(\n    (op: Omit<Op, \"op\" | \"path\">) =>\n      run(async (onProgress) => {\n        const { ref, path = \"poster\", timeout } = opts.current;\n        await media.commit(ref, [{ op: \"frame\", path, ...op }]);\n        onProgress({ phase: \"processing\", loaded: 0, total: 0 });\n        return media.waitFor(ref, path, { timeout });\n      }),\n    [media, run],\n  );\n  return {\n    state,\n    saveFrame: useCallback((time, edit) => frame({ t: round3(time), ...(edit ? { edit } : {}) }), [frame]),\n    saveUpload: useCallback(\n      (image, edit) => {\n        const { ref, path = \"poster\", timeout } = opts.current;\n        return run((onProgress) => media.put(image, { ref, path, edit, timeout, onProgress }));\n      },\n      [media, run],\n    ),\n    saveAuto: useCallback(() => frame({ auto: true }), [frame]),\n    saveFrameFrom: useCallback(\n      (video, path, time, edit) => {\n        const { ref, path: to = \"poster\", timeout } = opts.current;\n        return run(async (onProgress) => {\n          const still = await media.getFrame(video, path, round3(time));\n          // GET /frame answers a JPEG.\n          const file = new File([still], \"frame.jpg\", { type: \"image/jpeg\" });\n          return media.put(file, { ref, path: to, edit, timeout, onProgress });\n        });\n      },\n      [media, run],\n    ),\n    reset: useCallback(() => setState({ status: \"idle\" }), []),\n  };\n}\n\nexport const round3 = (v: number) => Math.round(v * 1000) / 1000;\n"],"mappings":"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"}
+{"version":3,"file":"video.js","names":[],"sources":["../../src/react/video.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { itemKey } from \"../client/media/ref.js\";\nimport type { ContentKitClient } from \"../client/client.js\";\nimport { toContentKitError, type ContentKitError } from \"../client/errors.js\";\nimport type { Edit, FileInfo, Op, ReadResult, RefBody } from \"../client/generated/wire.js\";\nimport { samePath, type Progress } from \"../client/media/client.js\";\nimport { useContentKitClient } from \"./context.js\";\nimport { useMediaRead } from \"./read.js\";\nimport { withUpload } from \"./store.js\";\n\nconst asError = toContentKitError;\nconst refKey = (ref: RefBody) => itemKey(ref);\n\nexport interface VideoImagesOptions {\n  ref: RefBody;\n  /** The video upload path. Default \"source\". */\n  video?: string;\n  /** The poster upload path, grabbed from the video's frames. Default \"poster\". */\n  poster?: string;\n  /** An editor read of the item the host already has; skips the fetch. */\n  read?: ReadResult | null;\n  /** Overrides the provider's client; without one only a supplied read shows. */\n  client?: ContentKitClient | null;\n}\n\nexport interface UseVideoImages {\n  /** The video upload (its duration and size once probed); null without one. */\n  video: FileInfo | null;\n  /** The poster upload: a frame ({t} or {auto}) or an uploaded image; null without one. */\n  poster: FileInfo | null;\n  loading: boolean;\n  error?: ContentKitError;\n  reload: () => void;\n  /** Replaces the poster after a save without refetching. */\n  set: (poster: FileInfo) => void;\n}\n\n/** A video item's video and poster uploads (an editor read). */\nexport function useVideoImages(o: VideoImagesOptions): UseVideoImages {\n  const r = useMediaRead(o.ref, { editor: true, read: o.read, client: o.client });\n  const find = (p: string) => r.read?.files.find((f) => f.upload && samePath(f.path, p)) ?? null;\n  const posterPath = o.poster ?? \"poster\";\n  const { read, set: update } = r;\n  const set = useCallback((poster: FileInfo) => update(withUpload(read, posterPath, poster)), [read, posterPath, update]);\n  return { video: find(o.video ?? \"source\"), poster: find(posterPath), loading: r.loading, error: r.error, reload: r.reload, set };\n}\n\nexport interface FrameStripOptions {\n  ref: RefBody;\n  /** The video upload's path (a read's, with its extension). */\n  path?: string;\n  /** Seconds; nothing is fetched until it is known. */\n  duration?: number;\n  /** Frames across the video. Default 8. */\n  count?: number;\n  /** Pixels. Default 160. */\n  width?: number;\n  /** The first failed grab (the strip keeps going without it). */\n  onError?: (e: ContentKitError) => void;\n  /** Overrides the provider's client. */\n  client?: ContentKitClient;\n}\n\nexport interface StripFrame {\n  time: number;\n  /** An object URL once fetched. */\n  url?: string;\n}\n\n/**\n * Evenly spaced frames for coarse browsing, fetched one at a time (the frame\n * endpoint allows two grabs at once per host), revoked on change or unmount.\n */\nexport function useFrameStrip(o: FrameStripOptions): StripFrame[] {\n  const { media } = useContentKitClient(o.client);\n  const count = o.count ?? 8;\n  const width = o.width ?? 160;\n  const duration = o.duration ?? 0;\n  const key = `${refKey(o.ref)}#${o.path ?? \"\"}#${duration}#${count}#${width}`;\n  const [state, setState] = useState<{ key: string; frames: StripFrame[] }>({ key: \"\", frames: [] });\n  const ref = useRef(o.ref);\n  ref.current = o.ref;\n  const onError = useRef(o.onError);\n  onError.current = o.onError;\n  useEffect(() => {\n    if (!(duration > 0) || !o.path) return;\n    const path = o.path;\n    const ctl = new AbortController();\n    let reported = false;\n    const times = Array.from({ length: count }, (_, i) => round3(((i + 0.5) / count) * duration));\n    const urls: string[] = [];\n    setState({ key, frames: times.map((time) => ({ time })) });\n    void (async () => {\n      for (const [i, time] of times.entries()) {\n        try {\n          const blob = await media.getFrame(ref.current, path, time, width, ctl.signal);\n          if (ctl.signal.aborted) return;\n          const url = URL.createObjectURL(blob);\n          urls.push(url);\n          setState((s) => (s.key === key ? { key, frames: s.frames.map((f, j) => (j === i ? { ...f, url } : f)) } : s));\n        } catch (e) {\n          if (ctl.signal.aborted) return;\n          if (!reported) onError.current?.(asError(e));\n          reported = true;\n        }\n      }\n    })();\n    return () => {\n      ctl.abort();\n      urls.forEach((u) => URL.revokeObjectURL(u));\n    };\n  }, [media, key, duration, count, width, o.path]);\n  return state.key === key ? state.frames : [];\n}\n\nexport interface VideoFrameOptions {\n  ref: RefBody;\n  /** The video upload's path; nothing is fetched without it. */\n  path?: string;\n  /** Seconds; undefined fetches nothing. */\n  time?: number;\n  /** Pixels. Default 640. */\n  width?: number;\n  /** Debounce while scrubbing, ms. Default 120. */\n  delay?: number;\n  onError?: (e: ContentKitError) => void;\n  /** Overrides the provider's client. */\n  client?: ContentKitClient;\n}\n\nexport interface UseVideoFrame {\n  /** The latest fetched frame; kept while the next one loads. */\n  url?: string;\n  /** The time url shows. */\n  time?: number;\n  loading: boolean;\n  error?: ContentKitError;\n}\n\n/** The exact frame at time, debounced while it changes. */\nexport function useVideoFrame(o: VideoFrameOptions): UseVideoFrame {\n  const { media } = useContentKitClient(o.client);\n  const width = o.width ?? 640;\n  const delay = o.delay ?? 120;\n  const [state, setState] = useState<UseVideoFrame>({ loading: false });\n  const ref = useRef(o.ref);\n  ref.current = o.ref;\n  const last = useRef<string | undefined>(undefined);\n  const onError = useRef(o.onError);\n  onError.current = o.onError;\n  const key = refKey(o.ref);\n  useEffect(() => {\n    if (o.time === undefined || !o.path) return;\n    const time = o.time;\n    const path = o.path;\n    const ctl = new AbortController();\n    setState((s) => ({ ...s, loading: true, error: undefined }));\n    const t = setTimeout(() => {\n      media.getFrame(ref.current, path, time, width, ctl.signal).then(\n        (blob) => {\n          if (ctl.signal.aborted) return;\n          if (last.current) URL.revokeObjectURL(last.current);\n          const url = (last.current = URL.createObjectURL(blob));\n          setState({ url, time, loading: false });\n        },\n        (e) => {\n          if (ctl.signal.aborted) return;\n          setState((s) => ({ ...s, loading: false, error: asError(e) }));\n          onError.current?.(asError(e));\n        },\n      );\n    }, delay);\n    return () => {\n      clearTimeout(t);\n      ctl.abort();\n    };\n  }, [media, key, o.path, o.time, width, delay]);\n  useEffect(\n    () => () => {\n      if (last.current) URL.revokeObjectURL(last.current);\n    },\n    [],\n  );\n  return state;\n}\n\nexport type VideoSaveState =\n  | { status: \"idle\" }\n  | { status: \"saving\"; progress?: Progress; rendering?: boolean }\n  | { status: \"error\"; error: ContentKitError };\n\nexport interface VideoPosterOptions {\n  ref: RefBody;\n  /** The poster upload path. Default \"poster\". */\n  path?: string;\n  /** With the processed poster upload after each save. */\n  onSaved?: (poster: FileInfo) => void;\n  /** Polling limit for the render, ms. Default 120000. */\n  timeout?: number;\n  /** Every failed save: the request, the render or the wait. */\n  onError?: (e: ContentKitError) => void;\n  /** Overrides the provider's client. */\n  client?: ContentKitClient;\n}\n\nexport interface UseVideoPoster {\n  state: VideoSaveState;\n  /** A frame at time (seconds), cropped by edit in the frame's pixels (the video's w×h). */\n  saveFrame: (time: number, edit?: Edit | null) => Promise<FileInfo | undefined>;\n  /** An uploaded image, cropped by edit in its own pixels. */\n  saveUpload: (image: Blob, edit?: Edit | null) => Promise<FileInfo | undefined>;\n  /** The worker's choice of frame. */\n  saveAuto: () => Promise<FileInfo | undefined>;\n  /**\n   * A frame of another item's video upload (at path, time seconds) uploaded\n   * as the poster image, cropped by edit in the frame's pixels.\n   */\n  saveFrameFrom: (video: RefBody, path: string, time: number, edit?: Edit | null) => Promise<FileInfo | undefined>;\n  reset: () => void;\n}\n\n/** Headless poster selection: a frame op or an uploaded image, then the wait for the worker to render it. */\nexport function useVideoPoster(o: VideoPosterOptions): UseVideoPoster {\n  const { media } = useContentKitClient(o.client);\n  const [state, setState] = useState<VideoSaveState>({ status: \"idle\" });\n  const opts = useRef(o);\n  opts.current = o;\n  const run = useCallback(async (save: (onProgress: (p: Progress) => void) => Promise<FileInfo>) => {\n    setState({ status: \"saving\" });\n    try {\n      const f = await save((progress) => setState({ status: \"saving\", progress, rendering: progress.phase === \"processing\" }));\n      setState({ status: \"idle\" });\n      opts.current.onSaved?.(f);\n      return f;\n    } catch (e) {\n      const error = asError(e);\n      setState({ status: \"error\", error });\n      opts.current.onError?.(error);\n      return undefined;\n    }\n  }, []);\n  const frame = useCallback(\n    (op: Omit<Op, \"op\" | \"path\">) =>\n      run(async (onProgress) => {\n        const { ref, path = \"poster\", timeout } = opts.current;\n        await media.commit(ref, [{ op: \"frame\", path, ...op }]);\n        onProgress({ phase: \"processing\", loaded: 0, total: 0 });\n        return media.waitFor(ref, path, { timeout });\n      }),\n    [media, run],\n  );\n  return {\n    state,\n    saveFrame: useCallback((time, edit) => frame({ t: round3(time), ...(edit ? { edit } : {}) }), [frame]),\n    saveUpload: useCallback(\n      (image, edit) => {\n        const { ref, path = \"poster\", timeout } = opts.current;\n        return run((onProgress) => media.put(image, { ref, path, edit, timeout, onProgress }));\n      },\n      [media, run],\n    ),\n    saveAuto: useCallback(() => frame({ auto: true }), [frame]),\n    saveFrameFrom: useCallback(\n      (video, path, time, edit) => {\n        const { ref, path: to = \"poster\", timeout } = opts.current;\n        return run(async (onProgress) => {\n          const still = await media.getFrame(video, path, round3(time));\n          // GET /frame answers a JPEG.\n          const file = new File([still], \"frame.jpg\", { type: \"image/jpeg\" });\n          return media.put(file, { ref, path: to, edit, timeout, onProgress });\n        });\n      },\n      [media, run],\n    ),\n    reset: useCallback(() => setState({ status: \"idle\" }), []),\n  };\n}\n\nexport const round3 = (v: number) => Math.round(v * 1000) / 1000;\n"],"mappings":"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"}

package/dist/react.js

@@ -16,8 +16,12 @@ import { useContentConfig as X } from "./react/config.js";
 import { useFavorite as Z, useReaction as Q } from "./react/engagement.js";
 import { usePoll as $, usePollEditor as ee, usePolls as te, withVote as ne } from "./react/polls.js";
 import { useAdminLocation as re, useFlowClient as ie, useStaffAccess as ae } from "./react/admin.js";
-import { isPublished as oe, usePost as se, usePosts as ce } from "./react/posts.js";
-import { useNotificationUnread as le, useNotifications as ue } from "./react/notifications.js";
-import { ContentKitProvider as de } from "./react/provider.js";
-import { useCanonicalContent as fe } from "./react/canonical.js";
-export { de as ContentKitProvider, E as GALLERY_VIEW_KEY, i as GuardContext, e as HOVER_DELAY, t as InlinePreviewContext, D as PLAYER_QUALITY_KEY, L as ResourceStore, v as editOutput, oe as isPublished, N as nameIn, R as resourcesFor, x as round3, P as thumbnailOf, V as useAdminComments, re as useAdminLocation, H as useCanComment, fe as useCanonicalContent, O as useCarousel, U as useCommentBans, W as useCommentReplies, G as useComments, X as useContentConfig, a as useContentKit, o as useContentKitClient, z as useContentScope, s as useContentURLs, d as useCrop, M as useEditorCrop, f as useEncodeProgress, c as useErrorReporter, Z as useFavorite, ie as useFlowClient, S as useFrameStrip, k as useGalleryView, K as useGlobalCommentBan, l as useGuarded, A as useHlsPlayer, n as useInlinePreview, q as useLatestComments, F as useMediaFolder, h as useMediaRead, J as useModerationQueue, I as useNearViewport, le as useNotificationUnread, ue as useNotifications, u as useOptionalContentKitClient, B as usePaged, $ as usePoll, ee as usePollEditor, te as usePolls, se as usePost, ce as usePosts, g as usePresets, _ as usePublicImage, Q as useReaction, r as useReducedMotion, j as useRefreshBeforeExpiry, y as useSlotCrop, b as useSlotImage, ae as useStaffAccess, p as useUpload, m as useUploadQueue, C as useVideoFrame, w as useVideoImages, T as useVideoPoster, Y as withReaction, ne as withVote };
+import { memberId as oe, useContentGroups as se, useGroup as ce, useGroupMembers as le, useGroups as ue, useKinds as de, useMyGroups as fe } from "./react/groups.js";
+import { beaconsFor as pe, useBeacons as me, useContentFilters as he, useContents as ge, useExposure as _e, useHistory as ve, useMyFavorites as ye, useMyReactions as be, useRecentSearches as xe, useRecommendations as Se, useReleaseDates as Ce, useSearch as we, useSimilar as Te, useTypeahead as Ee, useViewSignal as De } from "./react/discovery.js";
+import { useContent as Oe, useManagedContents as ke } from "./react/contents.js";
+import { useNotificationUnread as Ae, useNotifications as je } from "./react/notifications.js";
+import { ContentKitProvider as Me } from "./react/provider.js";
+import { useCanonicalContent as Ne } from "./react/canonical.js";
+import { defaultVersion as Pe, liveVersions as Fe, useContentDetail as Ie } from "./react/detail.js";
+import { nextRelease as Le, useReaderPlan as Re, useSegmentPages as ze, useVersionDownload as Be } from "./react/versions.js";
+export { Me as ContentKitProvider, E as GALLERY_VIEW_KEY, i as GuardContext, e as HOVER_DELAY, t as InlinePreviewContext, D as PLAYER_QUALITY_KEY, L as ResourceStore, pe as beaconsFor, Pe as defaultVersion, v as editOutput, Fe as liveVersions, oe as memberId, N as nameIn, Le as nextRelease, R as resourcesFor, x as round3, P as thumbnailOf, V as useAdminComments, re as useAdminLocation, me as useBeacons, H as useCanComment, Ne as useCanonicalContent, O as useCarousel, U as useCommentBans, W as useCommentReplies, G as useComments, Oe as useContent, X as useContentConfig, Ie as useContentDetail, he as useContentFilters, se as useContentGroups, a as useContentKit, o as useContentKitClient, z as useContentScope, s as useContentURLs, ge as useContents, d as useCrop, M as useEditorCrop, f as useEncodeProgress, c as useErrorReporter, _e as useExposure, Z as useFavorite, ie as useFlowClient, S as useFrameStrip, k as useGalleryView, K as useGlobalCommentBan, ce as useGroup, le as useGroupMembers, ue as useGroups, l as useGuarded, ve as useHistory, A as useHlsPlayer, n as useInlinePreview, de as useKinds, q as useLatestComments, ke as useManagedContents, F as useMediaFolder, h as useMediaRead, J as useModerationQueue, ye as useMyFavorites, fe as useMyGroups, be as useMyReactions, I as useNearViewport, Ae as useNotificationUnread, je as useNotifications, u as useOptionalContentKitClient, B as usePaged, $ as usePoll, ee as usePollEditor, te as usePolls, g as usePresets, _ as usePublicImage, Q as useReaction, Re as useReaderPlan, xe as useRecentSearches, Se as useRecommendations, r as useReducedMotion, j as useRefreshBeforeExpiry, Ce as useReleaseDates, we as useSearch, ze as useSegmentPages, Te as useSimilar, y as useSlotCrop, b as useSlotImage, ae as useStaffAccess, Ee as useTypeahead, p as useUpload, m as useUploadQueue, Be as useVersionDownload, C as useVideoFrame, w as useVideoImages, T as useVideoPoster, De as useViewSignal, Y as withReaction, ne as withVote };