@openrails/contentkit-ui 0.0.0-placeholder → 0.68.0

package/dist/client/player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.js","names":[],"sources":["../../src/client/player.ts"],"sourcesContent":["// Player logic without the DOM: the keyboard map, resume points, seek-sprite\n// cues, track choice, played time and the viewer's remembered settings.\n\n/** What a key does to the player. */\nexport type PlayerAction =\n  | { type: \"toggle\" }\n  | { type: \"seekBy\"; seconds: number }\n  /** A fraction of the duration: Home 0, End 1, digit n n/10. */\n  | { type: \"seekTo\"; fraction: number }\n  | { type: \"volumeBy\"; delta: number }\n  | { type: \"mute\" }\n  | { type: \"captions\" }\n  | { type: \"fullscreen\" }\n  | { type: \"theater\" }\n  | { type: \"miniPlayer\" }\n  | { type: \"speed\"; step: 1 | -1 };\n\nexport interface KeyLike {\n  key: string;\n  altKey?: boolean;\n  ctrlKey?: boolean;\n  metaKey?: boolean;\n}\n\n/** Seconds the arrow keys seek; J and L, and a double tap, seek twice as far. */\nexport const ARROW_SEEK = 5;\nexport const JUMP_SEEK = 10;\nexport const VOLUME_STEP = 0.05;\nexport const PLAYBACK_SPEEDS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2] as const;\n\n/**\n * The shortcut for a key, as on YouTube: Space/K play, ←/→ 5 s, J/L 10 s,\n * ↑/↓ volume, M mute, C subtitles, F fullscreen, T theater, I mini player,\n * 0–9 a tenth of the way, Home/End, `<`/`>` (or `,`/`.`) speed. Keys with\n * Alt, Ctrl or Meta belong to the browser.\n */\nexport function playerKeyAction(e: KeyLike): PlayerAction | null {\n  if (e.altKey || e.ctrlKey || e.metaKey) return null;\n  const key = e.key.length === 1 ? e.key.toLowerCase() : e.key;\n  switch (key) {\n    case \" \":\n    case \"k\":\n      return { type: \"toggle\" };\n    case \"ArrowLeft\":\n      return { type: \"seekBy\", seconds: -ARROW_SEEK };\n    case \"ArrowRight\":\n      return { type: \"seekBy\", seconds: ARROW_SEEK };\n    case \"j\":\n      return { type: \"seekBy\", seconds: -JUMP_SEEK };\n    case \"l\":\n      return { type: \"seekBy\", seconds: JUMP_SEEK };\n    case \"ArrowUp\":\n      return { type: \"volumeBy\", delta: VOLUME_STEP };\n    case \"ArrowDown\":\n      return { type: \"volumeBy\", delta: -VOLUME_STEP };\n    case \"m\":\n      return { type: \"mute\" };\n    case \"c\":\n      return { type: \"captions\" };\n    case \"f\":\n      return { type: \"fullscreen\" };\n    case \"t\":\n      return { type: \"theater\" };\n    case \"i\":\n      return { type: \"miniPlayer\" };\n    case \"Home\":\n      return { type: \"seekTo\", fraction: 0 };\n    case \"End\":\n      return { type: \"seekTo\", fraction: 1 };\n    case \"<\":\n    case \",\":\n      return { type: \"speed\", step: -1 };\n    case \">\":\n    case \".\":\n      return { type: \"speed\", step: 1 };\n  }\n  return /^[0-9]$/.test(key) ? { type: \"seekTo\", fraction: Number(key) / 10 } : null;\n}\n\n/** The next playback speed up or down from rate (a rate off the list snaps to its nearest). */\nexport function nextSpeed(rate: number, step: 1 | -1): number {\n  let at = 0;\n  PLAYBACK_SPEEDS.forEach((s, i) => {\n    if (Math.abs(s - rate) < Math.abs(PLAYBACK_SPEEDS[at]! - rate)) at = i;\n  });\n  return PLAYBACK_SPEEDS[Math.min(PLAYBACK_SPEEDS.length - 1, Math.max(0, at + step))]!;\n}\n\n/**\n * Where playback starts for a resume point: 0 without one, or when it is in\n * the last few seconds (the viewer finished; start over).\n */\nexport function resumeAt(startAt: number | undefined, duration?: number): number {\n  if (!startAt || !Number.isFinite(startAt) || startAt <= 0) return 0;\n  if (duration && duration > 0 && startAt >= duration - Math.max(3, duration * 0.02)) return 0;\n  return startAt;\n}\n\n/** One cue of a seek sprite: a tile of the sprite image for [start, end). */\nexport interface SpriteCue {\n  start: number;\n  end: number;\n  url: string;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nfunction vttSeconds(s: string): number {\n  const parts = s.trim().split(\":\").map(Number);\n  return parts.reduce((acc, p) => acc * 60 + p, 0);\n}\n\n/** The cues of a sprite.vtt; tile URLs resolve against the cue sheet's. */\nexport function parseSpriteVtt(text: string, base: string): SpriteCue[] {\n  const cues: SpriteCue[] = [];\n  const lines = text.split(/\\r?\\n/);\n  for (let i = 0; i < lines.length - 1; i++) {\n    const timing = lines[i]!.match(/^\\s*([\\d:.]+)\\s+-->\\s+([\\d:.]+)/);\n    const tile = timing && lines[i + 1]!.trim().match(/^(\\S+)#xywh=(\\d+),(\\d+),(\\d+),(\\d+)$/);\n    if (!timing || !tile) continue;\n    const [x, y, w, h] = tile.slice(2).map(Number) as [number, number, number, number];\n    cues.push({ start: vttSeconds(timing[1]!), end: vttSeconds(timing[2]!), url: new URL(tile[1]!, base).href, x, y, w, h });\n  }\n  return cues;\n}\n\n/** The cue showing at time t (cues ascend): the last that starts at or before it. */\nexport function spriteCueAt(cues: readonly SpriteCue[], t: number): SpriteCue | undefined {\n  let lo = 0;\n  let hi = cues.length - 1;\n  let found: SpriteCue | undefined;\n  while (lo <= hi) {\n    const mid = (lo + hi) >> 1;\n    if (cues[mid]!.start <= t) {\n      found = cues[mid];\n      lo = mid + 1;\n    } else hi = mid - 1;\n  }\n  return found ?? cues[0];\n}\n\n/** A selectable audio or subtitle track. */\nexport interface PlayerTrack {\n  index: number;\n  /** The playlist's NAME, else its language. */\n  label: string;\n  /** BCP 47. */\n  lang?: string;\n  forced?: boolean;\n}\n\n/** The track for a BCP 47 tag: an exact match, else the same primary language; -1 for none. */\nexport function pickTrack(tracks: readonly { lang?: string }[], lang: string | null | undefined): number {\n  if (!lang) return -1;\n  const want = lang.toLowerCase();\n  const exact = tracks.findIndex((t) => t.lang?.toLowerCase() === want);\n  if (exact >= 0) return exact;\n  const primary = want.split(\"-\")[0];\n  return tracks.findIndex((t) => t.lang?.toLowerCase().split(\"-\")[0] === primary);\n}\n\n/** A playhead sample: wall-clock ms and media seconds. */\nexport interface PlaySample {\n  at: number;\n  pos: number;\n}\n\n/** Seconds actually played between two samples: time that both elapsed and advanced the playhead (a seek adds nothing). */\nexport function playedBetween(a: PlaySample, b: PlaySample): number {\n  return Math.max(0, Math.min((b.at - a.at) / 1000, b.pos - a.pos));\n}\n\nexport const PLAYER_VOLUME_KEY = \"ckui.player.volume\";\nexport const PLAYER_TRACKS_KEY = \"ckui.player.tracks\";\n\nexport interface VolumePrefs {\n  volume: number;\n  muted: boolean;\n}\n\n/** Audio and subtitle languages the viewer chose; subtitles \"off\" when they turned them off. */\nexport interface TrackPrefs {\n  audio?: string;\n  subtitles?: string;\n}\n\nfunction readJSON(key: string | null | undefined): Record<string, unknown> {\n  if (!key) return {};\n  try {\n    const v: unknown = JSON.parse(globalThis.localStorage?.getItem(key) ?? \"{}\");\n    return v && typeof v === \"object\" ? (v as Record<string, unknown>) : {};\n  } catch {\n    return {};\n  }\n}\n\nfunction writeJSON(key: string | null | undefined, value: object) {\n  if (!key) return;\n  try {\n    globalThis.localStorage?.setItem(key, JSON.stringify({ ...readJSON(key), ...value }));\n  } catch {\n    // private mode or blocked storage: the choice lasts this page\n  }\n}\n\nexport function readVolume(key: string | null | undefined): VolumePrefs {\n  const v = readJSON(key);\n  const volume = typeof v.volume === \"number\" && Number.isFinite(v.volume) ? Math.min(1, Math.max(0, v.volume)) : 1;\n  return { volume, muted: v.muted === true };\n}\n\nexport const writeVolume = (key: string | null | undefined, prefs: Partial<VolumePrefs>) => writeJSON(key, prefs);\n\nexport function readTrackPrefs(key: string | null | undefined): TrackPrefs {\n  const v = readJSON(key);\n  return { audio: typeof v.audio === \"string\" ? v.audio : undefined, subtitles: typeof v.subtitles === \"string\" ? v.subtitles : undefined };\n}\n\nexport const writeTrackPrefs = (key: string | null | undefined, prefs: TrackPrefs) => writeJSON(key, prefs);\n"],"mappings":"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"}

package/dist/client/public.d.ts

@@ -0,0 +1,25 @@
+import { AspectRatio } from './aspect.js';
+import { Rendition } from './rendition.js';
+/**
+ * A public file's URL, as media.PublicURL: `{base}/v1/{namespace}/{kind}/{id}/public/{name}`.
+ * Pass an actual published name, not a preset template for a current image.
+ */
+export declare function publicURL(base: string, namespace: string, kind: string, id: string, name: string): string;
+/** Each `{key}` of template replaced by vars[key] ("" when missing), as the registry's templates fill. */
+export declare function fill(template: string, vars: Record<string, string | number>): string;
+/** A srcset from published URLs and their actual encoded widths. */
+export declare function srcSet(renditions: readonly Rendition[]): string;
+/**
+ * A public preset at an item: what a slot or poster shows, with its current
+ * renditions (from a read's `public`, or a host's authorized listing).
+ */
+export interface PublicPreset {
+    preset: string;
+    renditions: readonly Rendition[];
+    /** The preset's "W:H"; "" or omitted is the source's own. */
+    aspect?: AspectRatio;
+}
+/** Published files, narrowest first; sizes and filenames are never inferred. */
+export declare function publicRenditions(p: PublicPreset | {
+    renditions: readonly Rendition[];
+} | null | undefined): Rendition[];

package/dist/client/public.js

@@ -0,0 +1,18 @@
+import { sortRenditions as e } from "./rendition.js";
+//#region src/client/public.ts
+function t(e, t, n, r, i) {
+	return `${e.replace(/\/+$/, "")}/v1/${t}/${n}/${r}/public/${i}`;
+}
+function n(e, t) {
+	return e.replace(/\{([^}]*)\}/g, (e, n) => n in t ? String(t[n]) : "");
+}
+function r(t) {
+	return e(t).filter((e, t, n) => t === 0 || e.w !== n[t - 1].w).map((e) => `${e.url} ${e.w}w`).join(", ");
+}
+function i(t) {
+	return t ? e(t.renditions) : [];
+}
+//#endregion
+export { n as fill, i as publicRenditions, t as publicURL, r as srcSet };
+
+//# sourceMappingURL=public.js.map

package/dist/client/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","names":[],"sources":["../../src/client/public.ts"],"sourcesContent":["import type { AspectRatio } from \"./aspect.js\";\nimport { sortRenditions, type Rendition } from \"./rendition.js\";\n\n/**\n * A public file's URL, as media.PublicURL: `{base}/v1/{namespace}/{kind}/{id}/public/{name}`.\n * Pass an actual published name, not a preset template for a current image.\n */\nexport function publicURL(base: string, namespace: string, kind: string, id: string, name: string): string {\n  return `${base.replace(/\\/+$/, \"\")}/v1/${namespace}/${kind}/${id}/public/${name}`;\n}\n\n/** Each `{key}` of template replaced by vars[key] (\"\" when missing), as the registry's templates fill. */\nexport function fill(template: string, vars: Record<string, string | number>): string {\n  return template.replace(/\\{([^}]*)\\}/g, (_, k: string) => (k in vars ? String(vars[k]) : \"\"));\n}\n\n/** A srcset from published URLs and their actual encoded widths. */\nexport function srcSet(renditions: readonly Rendition[]): string {\n  return sortRenditions(renditions)\n    .filter((r, i, all) => i === 0 || r.w !== all[i - 1]!.w)\n    .map((r) => `${r.url} ${r.w}w`).join(\", \");\n}\n\n/**\n * A public preset at an item: what a slot or poster shows, with its current\n * renditions (from a read's `public`, or a host's authorized listing).\n */\nexport interface PublicPreset {\n  preset: string;\n  renditions: readonly Rendition[];\n  /** The preset's \"W:H\"; \"\" or omitted is the source's own. */\n  aspect?: AspectRatio;\n}\n\n/** Published files, narrowest first; sizes and filenames are never inferred. */\nexport function publicRenditions(p: PublicPreset | { renditions: readonly Rendition[] } | null | undefined): Rendition[] {\n  if (!p) return [];\n  return sortRenditions(p.renditions);\n}\n"],"mappings":";;AAOA,SAAgB,EAAU,GAAc,GAAmB,GAAc,GAAY,GAAsB;CACzG,OAAO,GAAG,EAAK,QAAQ,QAAQ,EAAE,EAAE,MAAM,EAAU,GAAG,EAAK,GAAG,EAAG,UAAU;AAC7E;AAGA,SAAgB,EAAK,GAAkB,GAA+C;CACpF,OAAO,EAAS,QAAQ,iBAAiB,GAAG,MAAe,KAAK,IAAO,OAAO,EAAK,EAAE,IAAI,EAAG;AAC9F;AAGA,SAAgB,EAAO,GAA0C;CAC/D,OAAO,EAAe,CAAU,CAAC,CAC9B,QAAQ,GAAG,GAAG,MAAQ,MAAM,KAAK,EAAE,MAAM,EAAI,IAAI,EAAE,CAAE,CAAC,CAAC,CACvD,KAAK,MAAM,GAAG,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI;AAC7C;AAcA,SAAgB,EAAiB,GAAwF;CAEvH,OADK,IACE,EAAe,EAAE,UAAU,IADnB,CAAC;AAElB"}

package/dist/client/rendition.d.ts

@@ -0,0 +1,19 @@
+/** One rendered width of an image, e.g. a public preset's file at one of its widths. */
+export interface Rendition {
+    w: number;
+    /** Its height when known (the preset's aspect). */
+    h?: number;
+    url: string;
+}
+/** Device-pixel density range renditions target: even 1× screens get 2×, 3× phones 3×. */
+export type DensityRange = readonly [min: number, max: number];
+export declare const DEFAULT_DENSITY: DensityRange;
+/** devicePixelRatio clamped into range. */
+export declare function densityFor(range?: DensityRange, dpr?: number): number;
+/** Renditions with a URL and width, narrowest first. */
+export declare function sortRenditions<T extends Rendition>(outputs: readonly T[] | null | undefined): T[];
+/**
+ * The narrowest rendition at least cssWidth × density device pixels wide
+ * (the widest when none is), e.g. 400 CSS px at 2× picks ≥ 800 px.
+ */
+export declare function pickRendition<T extends Rendition>(outputs: readonly T[] | null | undefined, cssWidth: number, density?: number): T | undefined;

package/dist/client/rendition.js

@@ -0,0 +1,16 @@
+//#region src/client/rendition.ts
+var e = [2, 3];
+function t(t = e, n = typeof devicePixelRatio == "number" ? devicePixelRatio : 1) {
+	return Math.min(t[1], Math.max(t[0], n || 1));
+}
+function n(e) {
+	return [...e ?? []].filter((e) => e.url && e.w > 0).sort((e, t) => e.w - t.w);
+}
+function r(e, r, i = t()) {
+	let a = n(e), o = r * i;
+	return a.find((e) => e.w >= o) ?? a.at(-1);
+}
+//#endregion
+export { e as DEFAULT_DENSITY, t as densityFor, r as pickRendition, n as sortRenditions };
+
+//# sourceMappingURL=rendition.js.map

package/dist/client/rendition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendition.js","names":[],"sources":["../../src/client/rendition.ts"],"sourcesContent":["/** One rendered width of an image, e.g. a public preset's file at one of its widths. */\nexport interface Rendition {\n  w: number;\n  /** Its height when known (the preset's aspect). */\n  h?: number;\n  url: string;\n}\n\n/** Device-pixel density range renditions target: even 1× screens get 2×, 3× phones 3×. */\nexport type DensityRange = readonly [min: number, max: number];\n\nexport const DEFAULT_DENSITY: DensityRange = [2, 3];\n\n/** devicePixelRatio clamped into range. */\nexport function densityFor(range: DensityRange = DEFAULT_DENSITY, dpr = typeof devicePixelRatio === \"number\" ? devicePixelRatio : 1): number {\n  return Math.min(range[1], Math.max(range[0], dpr || 1));\n}\n\n/** Renditions with a URL and width, narrowest first. */\nexport function sortRenditions<T extends Rendition>(outputs: readonly T[] | null | undefined): T[] {\n  return [...(outputs ?? [])].filter((o) => o.url && o.w > 0).sort((a, b) => a.w - b.w);\n}\n\n/**\n * The narrowest rendition at least cssWidth × density device pixels wide\n * (the widest when none is), e.g. 400 CSS px at 2× picks ≥ 800 px.\n */\nexport function pickRendition<T extends Rendition>(outputs: readonly T[] | null | undefined, cssWidth: number, density = densityFor()): T | undefined {\n  const sorted = sortRenditions(outputs);\n  const want = cssWidth * density;\n  return sorted.find((o) => o.w >= want) ?? sorted.at(-1);\n}\n"],"mappings":";AAWA,IAAa,IAAgC,CAAC,GAAG,CAAC;AAGlD,SAAgB,EAAW,IAAsB,GAAiB,IAAM,OAAO,oBAAqB,WAAW,mBAAmB,GAAW;CAC3I,OAAO,KAAK,IAAI,EAAM,IAAI,KAAK,IAAI,EAAM,IAAI,KAAO,CAAC,CAAC;AACxD;AAGA,SAAgB,EAAoC,GAA+C;CACjG,OAAO,CAAC,GAAI,KAAW,CAAC,CAAE,CAAC,CAAC,QAAQ,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,CAAC;AACtF;AAMA,SAAgB,EAAmC,GAA0C,GAAkB,IAAU,EAAW,GAAkB;CACpJ,IAAM,IAAS,EAAe,CAAO,GAC/B,IAAO,IAAW;CACxB,OAAO,EAAO,MAAM,MAAM,EAAE,KAAK,CAAI,KAAK,EAAO,GAAG,EAAE;AACxD"}

package/dist/client/route.d.ts

@@ -0,0 +1,39 @@
+import { CONTENTKIT_ROUTES } from './generated/routes.js';
+import { Http } from './http.js';
+type AnyRoute = (typeof CONTENTKIT_ROUTES)[number];
+export type Method = AnyRoute["method"];
+/** A route path the catalog declares for the method. */
+export type RoutePath<M extends Method> = Extract<AnyRoute, {
+    method: M;
+}>["path"];
+type RouteOf<M extends Method, P extends string> = Extract<AnyRoute, {
+    method: M;
+    path: P;
+}>;
+type ParamNames<P extends string> = P extends `${string}{${infer K}}${infer R}` ? (K extends `${infer N}...` ? N : K) | ParamNames<R> : never;
+/** The path's {wildcards}, each a string value. */
+export type PathParams<P extends string> = {
+    [K in ParamNames<P>]: string;
+};
+/** The query parameters the route declares. */
+export type RouteQuery<M extends Method, P extends string> = Partial<Record<RouteOf<M, P>["query"][number], QueryValue>>;
+type QueryValue = string | number | boolean | null | undefined | readonly string[];
+export interface CallOptions<M extends Method, P extends string> {
+    params?: PathParams<P>;
+    query?: RouteQuery<M, P>;
+    body?: unknown;
+    signal?: AbortSignal;
+}
+/** The URL of a catalog route: its module's mount, the path with params filled, then the query. */
+export declare function routeURL<M extends Method, P extends RoutePath<M>>(http: Http, method: M, path: P, o?: Pick<CallOptions<M, P>, "params" | "query">): string;
+/**
+ * Calls a catalog route and resolves with its JSON body (undefined for 204);
+ * the caller's declared type names it.
+ */
+export declare function call<M extends Method, P extends RoutePath<M>, T = any>(http: Http, method: M, path: P, o?: CallOptions<M, P>): Promise<T>;
+/** A page of a limit/offset list. */
+export interface PageQuery {
+    limit?: number;
+    offset?: number;
+}
+export {};

package/dist/client/route.js

@@ -0,0 +1,31 @@
+import { CONTENTKIT_ROUTES as e } from "./generated/routes.js";
+//#region src/client/route.ts
+var t = new Map(e.map((e) => [`${e.method} ${e.path}`, e]));
+function n(e, t, n, r = {}) {
+	return i(e, t, n, r.params, r.query);
+}
+function r(e, t, n, r = {}) {
+	let a = i(e, t, n, r.params, r.query);
+	return e.request(a, {
+		method: t,
+		body: r.body,
+		signal: r.signal
+	});
+}
+function i(e, n, r, i = {}, a = {}) {
+	let o = t.get(`${n} ${r}`);
+	if (!o) throw Error(`contentkit: no route ${n} ${r}`);
+	let s = r.replace(/\{(\w+)(\.\.\.)?\}/g, (e, t, a) => {
+		let o = i[t];
+		if (o === void 0 || o === "") throw Error(`contentkit: ${n} ${r} needs ${t}`);
+		return a ? o.split("/").map(encodeURIComponent).join("/") : encodeURIComponent(o);
+	}), c = new URLSearchParams();
+	for (let [e, t] of Object.entries(a)) if (Array.isArray(t)) for (let n of t) c.append(e, n);
+	else t != null && t !== "" && c.set(e, String(t));
+	let l = c.toString();
+	return e.mount(o.module) + s + (l ? `?${l}` : "");
+}
+//#endregion
+export { r as call, n as routeURL };
+
+//# sourceMappingURL=route.js.map

package/dist/client/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","names":[],"sources":["../../src/client/route.ts"],"sourcesContent":["import { CONTENTKIT_ROUTES } from \"./generated/routes.js\";\nimport type { Http } from \"./http.js\";\n\ntype AnyRoute = (typeof CONTENTKIT_ROUTES)[number];\nexport type Method = AnyRoute[\"method\"];\n/** A route path the catalog declares for the method. */\nexport type RoutePath<M extends Method> = Extract<AnyRoute, { method: M }>[\"path\"];\ntype RouteOf<M extends Method, P extends string> = Extract<AnyRoute, { method: M; path: P }>;\n\ntype ParamNames<P extends string> = P extends `${string}{${infer K}}${infer R}` ? (K extends `${infer N}...` ? N : K) | ParamNames<R> : never;\n/** The path's {wildcards}, each a string value. */\nexport type PathParams<P extends string> = { [K in ParamNames<P>]: string };\n/** The query parameters the route declares. */\nexport type RouteQuery<M extends Method, P extends string> = Partial<Record<RouteOf<M, P>[\"query\"][number], QueryValue>>;\ntype QueryValue = string | number | boolean | null | undefined | readonly string[];\n\nexport interface CallOptions<M extends Method, P extends string> {\n  params?: PathParams<P>;\n  query?: RouteQuery<M, P>;\n  body?: unknown;\n  signal?: AbortSignal;\n}\n\nconst index = new Map<string, AnyRoute>(CONTENTKIT_ROUTES.map((r) => [`${r.method} ${r.path}`, r]));\n\n/** The URL of a catalog route: its module's mount, the path with params filled, then the query. */\nexport function routeURL<M extends Method, P extends RoutePath<M>>(http: Http, method: M, path: P, o: Pick<CallOptions<M, P>, \"params\" | \"query\"> = {}): string {\n  return build(http, method, path, o.params as Record<string, string> | undefined, o.query as Record<string, QueryValue> | undefined);\n}\n\n/**\n * Calls a catalog route and resolves with its JSON body (undefined for 204);\n * the caller's declared type names it.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function call<M extends Method, P extends RoutePath<M>, T = any>(http: Http, method: M, path: P, o: CallOptions<M, P> = {}): Promise<T> {\n  const url = build(http, method, path, o.params as Record<string, string> | undefined, o.query as Record<string, QueryValue> | undefined);\n  return http.request<T>(url, { method, body: o.body, signal: o.signal });\n}\n\nfunction build(http: Http, method: string, path: string, params: Record<string, string> = {}, query: Record<string, QueryValue> = {}): string {\n  const r = index.get(`${method} ${path}`);\n  if (!r) throw new Error(`contentkit: no route ${method} ${path}`);\n  const filled = path.replace(/\\{(\\w+)(\\.\\.\\.)?\\}/g, (_, name: string, rest?: string) => {\n    const v = params[name];\n    if (v === undefined || v === \"\") throw new Error(`contentkit: ${method} ${path} needs ${name}`);\n    return rest ? v.split(\"/\").map(encodeURIComponent).join(\"/\") : encodeURIComponent(v);\n  });\n  const q = new URLSearchParams();\n  for (const [k, v] of Object.entries(query)) {\n    if (Array.isArray(v)) for (const x of v) q.append(k, x);\n    else if (v !== undefined && v !== null && v !== \"\") q.set(k, String(v));\n  }\n  const s = q.toString();\n  return http.mount(r.module) + filled + (s ? `?${s}` : \"\");\n}\n\n/** A page of a limit/offset list. */\nexport interface PageQuery {\n  limit?: number;\n  offset?: number;\n}\n"],"mappings":";;AAuBA,IAAM,IAAQ,IAAI,IAAsB,EAAkB,KAAK,MAAM,CAAC,GAAG,EAAE,OAAO,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AAGlG,SAAgB,EAAmD,GAAY,GAAW,GAAS,IAAiD,CAAC,GAAW;CAC9J,OAAO,EAAM,GAAM,GAAQ,GAAM,EAAE,QAA8C,EAAE,KAA+C;AACpI;AAOA,SAAgB,EAAwD,GAAY,GAAW,GAAS,IAAuB,CAAC,GAAe;CAC7I,IAAM,IAAM,EAAM,GAAM,GAAQ,GAAM,EAAE,QAA8C,EAAE,KAA+C;CACvI,OAAO,EAAK,QAAW,GAAK;EAAE;EAAQ,MAAM,EAAE;EAAM,QAAQ,EAAE;CAAO,CAAC;AACxE;AAEA,SAAS,EAAM,GAAY,GAAgB,GAAc,IAAiC,CAAC,GAAG,IAAoC,CAAC,GAAW;CAC5I,IAAM,IAAI,EAAM,IAAI,GAAG,EAAO,GAAG,GAAM;CACvC,IAAI,CAAC,GAAG,MAAU,MAAM,wBAAwB,EAAO,GAAG,GAAM;CAChE,IAAM,IAAS,EAAK,QAAQ,wBAAwB,GAAG,GAAc,MAAkB;EACrF,IAAM,IAAI,EAAO;EACjB,IAAI,MAAM,KAAA,KAAa,MAAM,IAAI,MAAU,MAAM,eAAe,EAAO,GAAG,EAAK,SAAS,GAAM;EAC9F,OAAO,IAAO,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,KAAK,GAAG,IAAI,mBAAmB,CAAC;CACrF,CAAC,GACK,IAAI,IAAI,gBAAgB;CAC9B,KAAK,IAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,CAAK,GACvC,IAAI,MAAM,QAAQ,CAAC,GAAG,KAAK,IAAM,KAAK,GAAG,EAAE,OAAO,GAAG,CAAC;MACjD,AAAI,KAAyB,QAAQ,MAAM,MAAI,EAAE,IAAI,GAAG,OAAO,CAAC,CAAC;CAExE,IAAM,IAAI,EAAE,SAAS;CACrB,OAAO,EAAK,MAAM,EAAE,MAAM,IAAI,KAAU,IAAI,IAAI,MAAM;AACxD"}

package/dist/client/taxonomy.d.ts

@@ -0,0 +1,30 @@
+import { Assignment, AssignmentsWritten, ContentRef, Count, CountsRebuilt, Edge, EdgesWritten, EffectiveTagsOf, MergeReport, Name, Node, NodeDetail, NodeInput, NodePage, NodeUpdate } from './generated/wire.js';
+import { Http } from './http.js';
+import { RouteQuery } from './route.js';
+/** GET /taxonomy/nodes filters, as the route names them. */
+export type NodeQuery = RouteQuery<"GET", "/nodes">;
+/** The taxonomy admin API (Taxonomy permission). */
+export declare class TaxonomyClient {
+    private readonly http;
+    constructor(http: Http);
+    nodes(q?: NodeQuery, signal?: AbortSignal): Promise<NodePage>;
+    node(id: string, signal?: AbortSignal): Promise<NodeDetail>;
+    createNodes(nodes: NodeInput[]): Promise<Node[]>;
+    updateNode(id: string, patch: NodeUpdate): Promise<Node>;
+    /** Marks the node deleted. */
+    deleteNode(id: string): Promise<Node>;
+    /** Replaces, adds or removes names. */
+    names(id: string, op: "set" | "add" | "remove", names: Name[]): Promise<NodeDetail>;
+    merge(id: string, into: string): Promise<MergeReport>;
+    edges(op: "add" | "remove", edges: Edge[]): Promise<EdgesWritten>;
+    /** Assigns or unassigns nodes; suppressCounts skips count upkeep (rebuildCounts afterwards). */
+    assignments(op: "add" | "remove", assignments: Assignment[], o?: {
+        suppressCounts?: boolean;
+    }): Promise<AssignmentsWritten>;
+    /** The effective tags (work and version) of each content. */
+    effective(refs: ContentRef[], signal?: AbortSignal): Promise<EffectiveTagsOf[]>;
+    /** Content counts of nodes, by taxonomy id. */
+    counts(ids: readonly string[], signal?: AbortSignal): Promise<Record<string, Count[]>>;
+    rebuildCounts(): Promise<CountsRebuilt>;
+    private write;
+}

package/dist/client/taxonomy.js

@@ -0,0 +1,77 @@
+import { call as e } from "./route.js";
+//#region src/client/taxonomy.ts
+var t = class {
+	http;
+	constructor(e) {
+		this.http = e;
+	}
+	nodes(t = {}, n) {
+		return e(this.http, "GET", "/nodes", {
+			query: t,
+			signal: n
+		});
+	}
+	node(t, n) {
+		return e(this.http, "GET", "/nodes/{id}", {
+			params: { id: t },
+			signal: n
+		});
+	}
+	createNodes(t) {
+		return this.write(e(this.http, "POST", "/nodes", { body: t }));
+	}
+	updateNode(t, n) {
+		return this.write(e(this.http, "PATCH", "/nodes/{id}", {
+			params: { id: t },
+			body: n
+		}));
+	}
+	deleteNode(t) {
+		return this.write(e(this.http, "DELETE", "/nodes/{id}", { params: { id: t } }));
+	}
+	names(t, n, r) {
+		let i = n === "set" ? "PUT" : n === "add" ? "POST" : "DELETE";
+		return this.write(e(this.http, i, "/nodes/{id}/names", {
+			params: { id: t },
+			body: r
+		}));
+	}
+	merge(t, n) {
+		return this.write(e(this.http, "POST", "/nodes/{id}/merge", {
+			params: { id: t },
+			body: { into_taxonomy_id: n }
+		}));
+	}
+	edges(t, n) {
+		return this.write(e(this.http, t === "add" ? "POST" : "DELETE", "/edges", { body: n }));
+	}
+	assignments(t, n, r = {}) {
+		return this.write(e(this.http, t === "add" ? "POST" : "DELETE", "/assignments", {
+			body: n,
+			query: { suppress_counts: r.suppressCounts }
+		}));
+	}
+	effective(t, n) {
+		return e(this.http, "POST", "/effective", {
+			body: t,
+			signal: n
+		});
+	}
+	counts(t, n) {
+		return e(this.http, "GET", "/counts", {
+			query: { taxonomy_id: t },
+			signal: n
+		});
+	}
+	rebuildCounts() {
+		return this.write(e(this.http, "POST", "/counts/rebuild"));
+	}
+	async write(e) {
+		let t = await e;
+		return this.http.emit({ type: "taxonomy.changed" }), t;
+	}
+};
+//#endregion
+export { t as TaxonomyClient };
+
+//# sourceMappingURL=taxonomy.js.map

package/dist/client/taxonomy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taxonomy.js","names":[],"sources":["../../src/client/taxonomy.ts"],"sourcesContent":["import type {\n  Assignment,\n  AssignmentsWritten,\n  ContentRef,\n  Count,\n  CountsRebuilt,\n  Edge,\n  EdgesWritten,\n  EffectiveTagsOf,\n  MergeReport,\n  Name,\n  Node,\n  NodeDetail,\n  NodeInput,\n  NodePage,\n  NodeUpdate,\n} from \"./generated/wire.js\";\nimport type { Http } from \"./http.js\";\nimport { call, type RouteQuery } from \"./route.js\";\n\n/** GET /taxonomy/nodes filters, as the route names them. */\nexport type NodeQuery = RouteQuery<\"GET\", \"/nodes\">;\n\n/** The taxonomy admin API (Taxonomy permission). */\nexport class TaxonomyClient {\n  constructor(private readonly http: Http) {}\n\n  nodes(q: NodeQuery = {}, signal?: AbortSignal): Promise<NodePage> {\n    return call(this.http, \"GET\", \"/nodes\", { query: q, signal });\n  }\n  node(id: string, signal?: AbortSignal): Promise<NodeDetail> {\n    return call(this.http, \"GET\", \"/nodes/{id}\", { params: { id }, signal });\n  }\n  createNodes(nodes: NodeInput[]): Promise<Node[]> {\n    return this.write(call(this.http, \"POST\", \"/nodes\", { body: nodes }));\n  }\n  updateNode(id: string, patch: NodeUpdate): Promise<Node> {\n    return this.write(call(this.http, \"PATCH\", \"/nodes/{id}\", { params: { id }, body: patch }));\n  }\n  /** Marks the node deleted. */\n  deleteNode(id: string): Promise<Node> {\n    return this.write(call(this.http, \"DELETE\", \"/nodes/{id}\", { params: { id } }));\n  }\n  /** Replaces, adds or removes names. */\n  names(id: string, op: \"set\" | \"add\" | \"remove\", names: Name[]): Promise<NodeDetail> {\n    const method = op === \"set\" ? \"PUT\" : op === \"add\" ? \"POST\" : \"DELETE\";\n    return this.write(call(this.http, method, \"/nodes/{id}/names\", { params: { id }, body: names }));\n  }\n  merge(id: string, into: string): Promise<MergeReport> {\n    return this.write(call(this.http, \"POST\", \"/nodes/{id}/merge\", { params: { id }, body: { into_taxonomy_id: into } }));\n  }\n  edges(op: \"add\" | \"remove\", edges: Edge[]): Promise<EdgesWritten> {\n    return this.write(call(this.http, op === \"add\" ? \"POST\" : \"DELETE\", \"/edges\", { body: edges }));\n  }\n  /** Assigns or unassigns nodes; suppressCounts skips count upkeep (rebuildCounts afterwards). */\n  assignments(op: \"add\" | \"remove\", assignments: Assignment[], o: { suppressCounts?: boolean } = {}): Promise<AssignmentsWritten> {\n    return this.write(call(this.http, op === \"add\" ? \"POST\" : \"DELETE\", \"/assignments\", { body: assignments, query: { suppress_counts: o.suppressCounts } }));\n  }\n  /** The effective tags (work and version) of each content. */\n  effective(refs: ContentRef[], signal?: AbortSignal): Promise<EffectiveTagsOf[]> {\n    return call(this.http, \"POST\", \"/effective\", { body: refs, signal });\n  }\n  /** Content counts of nodes, by taxonomy id. */\n  counts(ids: readonly string[], signal?: AbortSignal): Promise<Record<string, Count[]>> {\n    return call(this.http, \"GET\", \"/counts\", { query: { taxonomy_id: ids }, signal });\n  }\n  rebuildCounts(): Promise<CountsRebuilt> {\n    return this.write(call(this.http, \"POST\", \"/counts/rebuild\"));\n  }\n\n  private async write<T>(p: Promise<T>): Promise<T> {\n    const out = await p;\n    this.http.emit({ type: \"taxonomy.changed\" });\n    return out;\n  }\n}\n"],"mappings":";;AAwBA,IAAa,IAAb,MAA4B;CACG;CAA7B,YAAY,GAA6B;EAAZ,KAAA,OAAA;CAAa;CAE1C,MAAM,IAAe,CAAC,GAAG,GAAyC;EAChE,OAAO,EAAK,KAAK,MAAM,OAAO,UAAU;GAAE,OAAO;GAAG;EAAO,CAAC;CAC9D;CACA,KAAK,GAAY,GAA2C;EAC1D,OAAO,EAAK,KAAK,MAAM,OAAO,eAAe;GAAE,QAAQ,EAAE,MAAG;GAAG;EAAO,CAAC;CACzE;CACA,YAAY,GAAqC;EAC/C,OAAO,KAAK,MAAM,EAAK,KAAK,MAAM,QAAQ,UAAU,EAAE,MAAM,EAAM,CAAC,CAAC;CACtE;CACA,WAAW,GAAY,GAAkC;EACvD,OAAO,KAAK,MAAM,EAAK,KAAK,MAAM,SAAS,eAAe;GAAE,QAAQ,EAAE,MAAG;GAAG,MAAM;EAAM,CAAC,CAAC;CAC5F;CAEA,WAAW,GAA2B;EACpC,OAAO,KAAK,MAAM,EAAK,KAAK,MAAM,UAAU,eAAe,EAAE,QAAQ,EAAE,MAAG,EAAE,CAAC,CAAC;CAChF;CAEA,MAAM,GAAY,GAA8B,GAAoC;EAClF,IAAM,IAAS,MAAO,QAAQ,QAAQ,MAAO,QAAQ,SAAS;EAC9D,OAAO,KAAK,MAAM,EAAK,KAAK,MAAM,GAAQ,qBAAqB;GAAE,QAAQ,EAAE,MAAG;GAAG,MAAM;EAAM,CAAC,CAAC;CACjG;CACA,MAAM,GAAY,GAAoC;EACpD,OAAO,KAAK,MAAM,EAAK,KAAK,MAAM,QAAQ,qBAAqB;GAAE,QAAQ,EAAE,MAAG;GAAG,MAAM,EAAE,kBAAkB,EAAK;EAAE,CAAC,CAAC;CACtH;CACA,MAAM,GAAsB,GAAsC;EAChE,OAAO,KAAK,MAAM,EAAK,KAAK,MAAM,MAAO,QAAQ,SAAS,UAAU,UAAU,EAAE,MAAM,EAAM,CAAC,CAAC;CAChG;CAEA,YAAY,GAAsB,GAA2B,IAAkC,CAAC,GAAgC;EAC9H,OAAO,KAAK,MAAM,EAAK,KAAK,MAAM,MAAO,QAAQ,SAAS,UAAU,gBAAgB;GAAE,MAAM;GAAa,OAAO,EAAE,iBAAiB,EAAE,eAAe;EAAE,CAAC,CAAC;CAC1J;CAEA,UAAU,GAAoB,GAAkD;EAC9E,OAAO,EAAK,KAAK,MAAM,QAAQ,cAAc;GAAE,MAAM;GAAM;EAAO,CAAC;CACrE;CAEA,OAAO,GAAwB,GAAwD;EACrF,OAAO,EAAK,KAAK,MAAM,OAAO,WAAW;GAAE,OAAO,EAAE,aAAa,EAAI;GAAG;EAAO,CAAC;CAClF;CACA,gBAAwC;EACtC,OAAO,KAAK,MAAM,EAAK,KAAK,MAAM,QAAQ,iBAAiB,CAAC;CAC9D;CAEA,MAAc,MAAS,GAA2B;EAChD,IAAM,IAAM,MAAM;EAElB,OADA,KAAK,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC,GACpC;CACT;AACF"}

package/dist/client.js

@@ -0,0 +1,33 @@
+import { DEFAULT_DENSITY as e, densityFor as t, pickRendition as n, sortRenditions as r } from "./client/rendition.js";
+import { CLIENT_ERROR_CODES as i, ContentKitError as a, ERROR_CODES as o, failureError as s, isContentKitError as c, readContentKitError as l, toContentKitError as u } from "./client/errors.js";
+import { fill as d, publicRenditions as f, publicURL as p, srcSet as m } from "./client/public.js";
+import { aspectOf as h, ratio as g } from "./client/aspect.js";
+import { call as _, routeURL as v } from "./client/route.js";
+import { checkRef as y, isContentId as b } from "./client/media/ref.js";
+import { MediaApi as x } from "./client/media/api.js";
+import { MAX_PART_SIZE as S, MAX_SINGLE_PUT as C, MIN_PART_SIZE as w } from "./client/generated/wire.js";
+import { sha256Hex as T } from "./client/media/hash.js";
+import { Pacer as E } from "./client/media/pacer.js";
+import { defaultTransport as D, fetchTransport as O, xhrTransport as k } from "./client/media/transport.js";
+import { MediaClient as A, backoff as j, samePath as M, stem as N } from "./client/media/client.js";
+import { acceptOf as P, defaultImage as F, filesFor as I, isPattern as L, ratioLabel as R, ruleDir as z, ruleFor as B, screenFiles as V, uniqueName as H, uploadRules as U, withMediaType as W } from "./client/media/rules.js";
+import { centeredCrop as G, constrainCrop as K, editOf as q, editedSize as J, fromRotated as Y, rotation as X, sameEdit as Z, toOriginal as Q, toRotated as $ } from "./client/crop.js";
+import { encodeRemaining as ee } from "./client/media/encode.js";
+import { UploadQueue as te } from "./client/media/queue.js";
+import { decodeImage as ne, isAnimatedImage as re } from "./client/image.js";
+import { READ_CHUNK as ie, chunkOffsets as ae, isProcessing as oe, mergeReads as se, processing as ce } from "./client/media/windows.js";
+import { ABR_DEFAULTS as le, NETWORK_FAILURES_BEFORE_ERROR as ue, REFRESH_BEFORE_EXPIRY as de, abrHlsConfig as fe, capRung as pe, classifyHlsError as me, classifyMediaError as he, expiryDelay as ge, hlsConfig as _e, initialEstimate as ve, refreshable as ye, startRung as be, statusKind as xe } from "./client/playback.js";
+import { formatDuration as Se, galleryItems as Ce, isAudioType as we, isImageType as Te, isSubtitleType as Ee, isVideoType as De, stageAspect as Oe } from "./client/gallery.js";
+import { PLAYBACK_SPEEDS as ke, PLAYER_TRACKS_KEY as Ae, PLAYER_VOLUME_KEY as je, parseSpriteVtt as Me, playerKeyAction as Ne, resumeAt as Pe } from "./client/player.js";
+import { CodesClient as Fe } from "./client/codes.js";
+import { BansClient as Ie } from "./client/content/bans.js";
+import { reactionVerb as Le } from "./client/content/types.js";
+import { CommentsClient as Re } from "./client/content/comments.js";
+import { FavoritesClient as ze } from "./client/content/favorites.js";
+import { ModerationClient as Be } from "./client/content/moderation.js";
+import { PollsClient as Ve } from "./client/content/polls.js";
+import { PostsClient as He } from "./client/content/posts.js";
+import { ReactionsClient as Ue } from "./client/content/reactions.js";
+import { TaxonomyClient as We } from "./client/taxonomy.js";
+import { createContentKitClient as Ge } from "./client/client.js";
+export { le as ABR_DEFAULTS, Ie as BansClient, i as CLIENT_ERROR_CODES, Fe as CodesClient, Re as CommentsClient, a as ContentKitError, e as DEFAULT_DENSITY, o as ERROR_CODES, ze as FavoritesClient, S as MAX_PART_SIZE, C as MAX_SINGLE_PUT, w as MIN_PART_SIZE, x as MediaApi, A as MediaClient, Be as ModerationClient, ue as NETWORK_FAILURES_BEFORE_ERROR, ke as PLAYBACK_SPEEDS, Ae as PLAYER_TRACKS_KEY, je as PLAYER_VOLUME_KEY, E as Pacer, Ve as PollsClient, He as PostsClient, ie as READ_CHUNK, de as REFRESH_BEFORE_EXPIRY, Ue as ReactionsClient, We as TaxonomyClient, te as UploadQueue, fe as abrHlsConfig, P as acceptOf, h as aspectOf, j as backoff, _ as call, pe as capRung, G as centeredCrop, y as checkRef, ae as chunkOffsets, me as classifyHlsError, he as classifyMediaError, K as constrainCrop, Ge as createContentKitClient, ne as decodeImage, F as defaultImage, D as defaultTransport, t as densityFor, q as editOf, J as editedSize, ee as encodeRemaining, ge as expiryDelay, s as failureError, O as fetchTransport, I as filesFor, d as fill, Se as formatDuration, Y as fromRotated, Ce as galleryItems, _e as hlsConfig, ve as initialEstimate, re as isAnimatedImage, we as isAudioType, b as isContentId, c as isContentKitError, Te as isImageType, L as isPattern, oe as isProcessing, Ee as isSubtitleType, De as isVideoType, se as mergeReads, Me as parseSpriteVtt, n as pickRendition, Ne as playerKeyAction, ce as processing, f as publicRenditions, p as publicURL, g as ratio, R as ratioLabel, Le as reactionVerb, l as readContentKitError, ye as refreshable, Pe as resumeAt, X as rotation, v as routeURL, z as ruleDir, B as ruleFor, Z as sameEdit, M as samePath, V as screenFiles, T as sha256Hex, r as sortRenditions, m as srcSet, Oe as stageAspect, be as startRung, xe as statusKind, N as stem, u as toContentKitError, Q as toOriginal, $ as toRotated, H as uniqueName, U as uploadRules, W as withMediaType, k as xhrTransport };

package/dist/components/encode-progress.d.ts

@@ -0,0 +1,15 @@
+import { ContentKitUiAppearance } from '../appearance.js';
+import { Translator } from '../i18n/messages.js';
+import { EncodeProgress as Progress } from '../client/generated/wire.js';
+export interface EncodeProgressProps {
+    /** `files[i].progress` from the read API; absent renders a plain "Processing video" state. */
+    progress?: Progress | null;
+    className?: string;
+    appearance?: ContentKitUiAppearance;
+}
+/** "~40 s left", "~3 min left", "~1 h 5 min left"; "almost done" under 5 s. */
+export declare function formatRemaining(t: Translator["t"], seconds: number): string;
+/** The status line: phase · segment n / N · time left, or the queue position. */
+export declare function encodeLabel(t: Translator["t"], p: Progress | undefined, remaining?: number): string;
+/** A pending video's encode: progress bar, phase, segments and time left. Motion is limited to the bar's width, off under reduced motion. */
+export declare function EncodeProgress({ progress, className, appearance }: EncodeProgressProps): import('react').JSX.Element;

package/dist/components/encode-progress.js

@@ -0,0 +1,49 @@
+import { useMessages as e } from "../i18n/context.js";
+import { ContentKitUiRoot as t } from "../scope.js";
+import { useEncodeProgress as n } from "../react/upload.js";
+import { Progress as r } from "../ui/progress.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { cn as o } from "cn";
+//#region src/components/encode-progress.tsx
+function s(e, t) {
+	if (t < 5) return e("encode.almostDone");
+	if (t < 55) return e("encode.remainingSeconds", { seconds: t < 20 ? Math.ceil(t) : Math.ceil(t / 5) * 5 });
+	let n = Math.ceil(t / 60);
+	return n < 60 ? e("encode.remainingMinutes", { minutes: n }) : e("encode.remainingHours", {
+		hours: Math.floor(n / 60),
+		minutes: n % 60
+	});
+}
+function c(e, t, n) {
+	if (!t) return e("encode.processing");
+	if (t.stalled) return e("encode.stalled");
+	let r = t.stage && t.stage > 1 ? [e("encode.higherQualities")] : [];
+	if (t.phase === "queued") return [...r, t.queue_position ? e("encode.queuedPosition", { position: t.queue_position }) : e("encode.queued")].join(" · ");
+	let i = [...r, e(`encode.phase.${t.phase}`)];
+	return t.phase === "encoding" && t.segments_total && i.push(e("encode.segments", {
+		done: t.segments_done ?? 0,
+		total: t.segments_total
+	})), n === void 0 ? t.phase === "encoding" && i.push(e("encode.estimating")) : i.push(s(e, n)), i.join(" · ");
+}
+function l({ progress: s, className: l, appearance: u }) {
+	let { t: d } = e(), { progress: f, remaining: p } = n(s), m = c(d, f, p), h = f && f.percent > 0 ? Math.min(100, f.percent) : null;
+	return /* @__PURE__ */ a(t, {
+		appearance: u,
+		className: o("grid w-full gap-1.5 text-sm", l),
+		"data-ckui": "encode-progress",
+		"data-phase": f?.phase,
+		children: [/* @__PURE__ */ i("p", {
+			className: "text-muted-foreground tabular-nums",
+			children: m
+		}), /* @__PURE__ */ i(r, {
+			value: h,
+			"aria-label": d("encode.processing"),
+			"aria-valuetext": h === null ? m : `${Math.round(h)}% · ${m}`,
+			className: "[&_[data-slot=progress-indicator]]:motion-reduce:transition-none [&[data-indeterminate]_[data-slot=progress-track]]:motion-safe:animate-pulse"
+		})]
+	});
+}
+//#endregion
+export { l as EncodeProgress, c as encodeLabel, s as formatRemaining };
+
+//# sourceMappingURL=encode-progress.js.map

package/dist/components/encode-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"encode-progress.js","names":[],"sources":["../../src/components/encode-progress.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport type { ContentKitUiAppearance } from \"../appearance.js\";\nimport { useMessages } from \"../i18n/context.js\";\nimport type { Translator } from \"../i18n/messages.js\";\nimport { useEncodeProgress } from \"../react/upload.js\";\nimport { ContentKitUiRoot } from \"../scope.js\";\nimport type { EncodeProgress as Progress } from \"../client/generated/wire.js\";\nimport { Progress as Bar } from \"#ckui/ui/progress\";\n\nexport interface EncodeProgressProps {\n  /** `files[i].progress` from the read API; absent renders a plain \"Processing video\" state. */\n  progress?: Progress | null;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\n/** \"~40 s left\", \"~3 min left\", \"~1 h 5 min left\"; \"almost done\" under 5 s. */\nexport function formatRemaining(t: Translator[\"t\"], seconds: number): string {\n  if (seconds < 5) return t(\"encode.almostDone\");\n  if (seconds < 55) return t(\"encode.remainingSeconds\", { seconds: seconds < 20 ? Math.ceil(seconds) : Math.ceil(seconds / 5) * 5 });\n  const minutes = Math.ceil(seconds / 60);\n  if (minutes < 60) return t(\"encode.remainingMinutes\", { minutes });\n  return t(\"encode.remainingHours\", { hours: Math.floor(minutes / 60), minutes: minutes % 60 });\n}\n\n/** The status line: phase · segment n / N · time left, or the queue position. */\nexport function encodeLabel(t: Translator[\"t\"], p: Progress | undefined, remaining?: number): string {\n  if (!p) return t(\"encode.processing\");\n  if (p.stalled) return t(\"encode.stalled\");\n  // A second stage adds the rungs above 1080 to a video that already plays.\n  const stage = p.stage && p.stage > 1 ? [t(\"encode.higherQualities\")] : [];\n  if (p.phase === \"queued\")\n    return [...stage, p.queue_position ? t(\"encode.queuedPosition\", { position: p.queue_position }) : t(\"encode.queued\")].join(\" · \");\n  const parts = [...stage, t(`encode.phase.${p.phase}`)];\n  if (p.phase === \"encoding\" && p.segments_total) parts.push(t(\"encode.segments\", { done: p.segments_done ?? 0, total: p.segments_total }));\n  if (remaining !== undefined) parts.push(formatRemaining(t, remaining));\n  else if (p.phase === \"encoding\") parts.push(t(\"encode.estimating\"));\n  return parts.join(\" · \");\n}\n\n/** A pending video's encode: progress bar, phase, segments and time left. Motion is limited to the bar's width, off under reduced motion. */\nexport function EncodeProgress({ progress, className, appearance }: EncodeProgressProps) {\n  const { t } = useMessages();\n  const { progress: p, remaining } = useEncodeProgress(progress);\n  const label = encodeLabel(t, p, remaining);\n  const value = p && p.percent > 0 ? Math.min(100, p.percent) : null;\n  return (\n    <ContentKitUiRoot appearance={appearance} className={cn(\"grid w-full gap-1.5 text-sm\", className)} data-ckui=\"encode-progress\" data-phase={p?.phase}>\n      <p className=\"text-muted-foreground tabular-nums\">\n        {label}\n      </p>\n      <Bar\n        value={value}\n        aria-label={t(\"encode.processing\")}\n        aria-valuetext={value === null ? label : `${Math.round(value)}% · ${label}`}\n        className=\"[&_[data-slot=progress-indicator]]:motion-reduce:transition-none [&[data-indeterminate]_[data-slot=progress-track]]:motion-safe:animate-pulse\"\n      />\n    </ContentKitUiRoot>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,EAAgB,GAAoB,GAAyB;CAC3E,IAAI,IAAU,GAAG,OAAO,EAAE,mBAAmB;CAC7C,IAAI,IAAU,IAAI,OAAO,EAAE,2BAA2B,EAAE,SAAS,IAAU,KAAK,KAAK,KAAK,CAAO,IAAI,KAAK,KAAK,IAAU,CAAC,IAAI,EAAE,CAAC;CACjI,IAAM,IAAU,KAAK,KAAK,IAAU,EAAE;CAEtC,OADI,IAAU,KAAW,EAAE,2BAA2B,EAAE,WAAQ,CAAC,IAC1D,EAAE,yBAAyB;EAAE,OAAO,KAAK,MAAM,IAAU,EAAE;EAAG,SAAS,IAAU;CAAG,CAAC;AAC9F;AAGA,SAAgB,EAAY,GAAoB,GAAyB,GAA4B;CACnG,IAAI,CAAC,GAAG,OAAO,EAAE,mBAAmB;CACpC,IAAI,EAAE,SAAS,OAAO,EAAE,gBAAgB;CAExC,IAAM,IAAQ,EAAE,SAAS,EAAE,QAAQ,IAAI,CAAC,EAAE,wBAAwB,CAAC,IAAI,CAAC;CACxE,IAAI,EAAE,UAAU,UACd,OAAO,CAAC,GAAG,GAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,UAAU,EAAE,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK;CAClI,IAAM,IAAQ,CAAC,GAAG,GAAO,EAAE,gBAAgB,EAAE,OAAO,CAAC;CAIrD,OAHI,EAAE,UAAU,cAAc,EAAE,kBAAgB,EAAM,KAAK,EAAE,mBAAmB;EAAE,MAAM,EAAE,iBAAiB;EAAG,OAAO,EAAE;CAAe,CAAC,CAAC,GACpI,MAAc,KAAA,IACT,EAAE,UAAU,cAAY,EAAM,KAAK,EAAE,mBAAmB,CAAC,IADrC,EAAM,KAAK,EAAgB,GAAG,CAAS,CAAC,GAE9D,EAAM,KAAK,KAAK;AACzB;AAGA,SAAgB,EAAe,EAAE,aAAU,cAAW,iBAAmC;CACvF,IAAM,EAAE,SAAM,EAAY,GACpB,EAAE,UAAU,GAAG,iBAAc,EAAkB,CAAQ,GACvD,IAAQ,EAAY,GAAG,GAAG,CAAS,GACnC,IAAQ,KAAK,EAAE,UAAU,IAAI,KAAK,IAAI,KAAK,EAAE,OAAO,IAAI;CAC9D,OACE,kBAAC,GAAD;EAA8B;EAAY,WAAW,EAAG,+BAA+B,CAAS;EAAG,aAAU;EAAkB,cAAY,GAAG;EAA9I,UAAA,CACE,kBAAC,KAAD;GAAG,WAAU;GACV,UAAA;EACA,CAAA,GACH,kBAAC,GAAD;GACS;GACP,cAAY,EAAE,mBAAmB;GACjC,kBAAgB,MAAU,OAAO,IAAQ,GAAG,KAAK,MAAM,CAAK,EAAE,MAAM;GACpE,WAAU;EACX,CAAA,CACe;;AAEtB"}

package/dist/components/hover-preview.d.ts

@@ -0,0 +1,29 @@
+import { ContentKitClient } from '../client/client.js';
+import { RefBody } from '../client/generated/wire.js';
+import { HlsPlayerOptions } from '../react/gallery.js';
+export interface HoverPreviewProps extends Pick<HlsPlayerOptions, "abr"> {
+    /** The video item. */
+    item: RefBody;
+    /** Its HLS folder (a read's `hls` entry). Default "hls/". */
+    dir?: string;
+    /** Seconds; the preview starts 10% in. */
+    duration?: number;
+    /** Where the preview starts, seconds; overrides the 10% default. */
+    start?: number;
+    /** The viewer may play it (free, or entitled). Default true. */
+    available?: boolean;
+    /** What is hovered (fine pointers) or watched for visibility (touch); default the preview's parent, the card. */
+    target?: HTMLElement | null;
+    /** Previews on; default the provider's `inlinePreview`. */
+    enabled?: boolean;
+    className?: string;
+    client?: ContentKitClient;
+}
+/**
+ * A card's muted inline preview: the item's real HLS stream through the
+ * client (its base and playlist auth) at the lowest rendition, fading in over
+ * the card's thumbnail on hover, or while it is the most visible card on
+ * touch screens. One plays page-wide; none with reduced motion or Save-Data.
+ * Place it inside the card, which must be positioned.
+ */
+export declare function HoverPreview({ item, dir, duration, start, available, target, enabled, abr, className, client: own }: HoverPreviewProps): import('react').JSX.Element;

package/dist/components/hover-preview.js

@@ -0,0 +1,49 @@
+import { useInlinePreview as e } from "../react/inline-preview.js";
+import { useContentKitClient as t } from "../react/context.js";
+import { useHlsPlayer as n } from "../react/gallery.js";
+import { useCallback as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/hover-preview.tsx
+function o({ item: o, dir: s = "hls/", duration: c, start: l, available: u = !0, target: d, enabled: f, abr: p, className: m, client: h }) {
+	let { media: g } = t(h), [_, v] = i(null), y = n({
+		src: `${g.hlsBase(o, s)}master.m3u8`,
+		xhrSetup: g.xhrSetup,
+		abr: p,
+		qualityKey: null
+	}), b = c ?? 0, x = Math.max(0, l ?? (b > 1 ? Math.min(b * .1, b - 1) : 0));
+	e({
+		setting: f,
+		available: u,
+		target: d ?? _?.parentElement ?? null,
+		start: () => y.preview(x),
+		stop: y.unload
+	});
+	let S = y.ref, C = r((e) => {
+		S(e), v(e);
+	}, [S]);
+	return /* @__PURE__ */ a("video", {
+		ref: C,
+		muted: !0,
+		playsInline: !0,
+		preload: "none",
+		"aria-hidden": !0,
+		tabIndex: -1,
+		className: m,
+		style: {
+			position: "absolute",
+			inset: 0,
+			width: "100%",
+			height: "100%",
+			objectFit: "cover",
+			pointerEvents: "none",
+			opacity: y.previewing && y.status === "playing" ? 1 : 0,
+			transition: "opacity 200ms"
+		},
+		"data-ckui": "hover-preview",
+		"data-playing": y.previewing && y.status === "playing" ? "" : void 0
+	});
+}
+//#endregion
+export { o as HoverPreview };
+
+//# sourceMappingURL=hover-preview.js.map

package/dist/components/hover-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-preview.js","names":[],"sources":["../../src/components/hover-preview.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { ContentKitClient } from \"../client/client.js\";\nimport type { RefBody } from \"../client/generated/wire.js\";\nimport { useContentKitClient } from \"../react/context.js\";\nimport { useHlsPlayer, type HlsPlayerOptions } from \"../react/gallery.js\";\nimport { useInlinePreview } from \"../react/inline-preview.js\";\n\nexport interface HoverPreviewProps extends Pick<HlsPlayerOptions, \"abr\"> {\n  /** The video item. */\n  item: RefBody;\n  /** Its HLS folder (a read's `hls` entry). Default \"hls/\". */\n  dir?: string;\n  /** Seconds; the preview starts 10% in. */\n  duration?: number;\n  /** Where the preview starts, seconds; overrides the 10% default. */\n  start?: number;\n  /** The viewer may play it (free, or entitled). Default true. */\n  available?: boolean;\n  /** What is hovered (fine pointers) or watched for visibility (touch); default the preview's parent, the card. */\n  target?: HTMLElement | null;\n  /** Previews on; default the provider's `inlinePreview`. */\n  enabled?: boolean;\n  className?: string;\n  client?: ContentKitClient;\n}\n\n/**\n * A card's muted inline preview: the item's real HLS stream through the\n * client (its base and playlist auth) at the lowest rendition, fading in over\n * the card's thumbnail on hover, or while it is the most visible card on\n * touch screens. One plays page-wide; none with reduced motion or Save-Data.\n * Place it inside the card, which must be positioned.\n */\nexport function HoverPreview({ item, dir = \"hls/\", duration, start, available = true, target, enabled, abr, className, client: own }: HoverPreviewProps) {\n  const { media } = useContentKitClient(own);\n  const [el, setEl] = useState<HTMLVideoElement | null>(null);\n  const player = useHlsPlayer({ src: `${media.hlsBase(item, dir)}master.m3u8`, xhrSetup: media.xhrSetup, abr, qualityKey: null });\n  const d = duration ?? 0;\n  const at = Math.max(0, start ?? (d > 1 ? Math.min(d * 0.1, d - 1) : 0));\n  useInlinePreview({ setting: enabled, available, target: target ?? el?.parentElement ?? null, start: () => player.preview(at), stop: player.unload });\n  const attach = player.ref;\n  const ref = useCallback(\n    (v: HTMLVideoElement | null) => {\n      attach(v);\n      setEl(v);\n    },\n    [attach],\n  );\n  return (\n    <video\n      ref={ref}\n      muted\n      playsInline\n      preload=\"none\"\n      aria-hidden\n      tabIndex={-1}\n      className={className}\n      style={{\n        position: \"absolute\",\n        inset: 0,\n        width: \"100%\",\n        height: \"100%\",\n        objectFit: \"cover\",\n        pointerEvents: \"none\",\n        opacity: player.previewing && player.status === \"playing\" ? 1 : 0,\n        transition: \"opacity 200ms\",\n      }}\n      data-ckui=\"hover-preview\"\n      data-playing={player.previewing && player.status === \"playing\" ? \"\" : undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;AAiCA,SAAgB,EAAa,EAAE,SAAM,SAAM,QAAQ,aAAU,UAAO,eAAY,IAAM,WAAQ,YAAS,QAAK,cAAW,QAAQ,KAA0B;CACvJ,IAAM,EAAE,aAAU,EAAoB,CAAG,GACnC,CAAC,GAAI,KAAS,EAAkC,IAAI,GACpD,IAAS,EAAa;EAAE,KAAK,GAAG,EAAM,QAAQ,GAAM,CAAG,EAAE;EAAc,UAAU,EAAM;EAAU;EAAK,YAAY;CAAK,CAAC,GACxH,IAAI,KAAY,GAChB,IAAK,KAAK,IAAI,GAAG,MAAU,IAAI,IAAI,KAAK,IAAI,IAAI,IAAK,IAAI,CAAC,IAAI,EAAE;CACtE,EAAiB;EAAE,SAAS;EAAS;EAAW,QAAQ,KAAU,GAAI,iBAAiB;EAAM,aAAa,EAAO,QAAQ,CAAE;EAAG,MAAM,EAAO;CAAO,CAAC;CACnJ,IAAM,IAAS,EAAO,KAChB,IAAM,GACT,MAA+B;EAE9B,AADA,EAAO,CAAC,GACR,EAAM,CAAC;CACT,GACA,CAAC,CAAM,CACT;CACA,OACE,kBAAC,SAAD;EACO;EACL,OAAA;EACA,aAAA;EACA,SAAQ;EACR,eAAA;EACA,UAAU;EACC;EACX,OAAO;GACL,UAAU;GACV,OAAO;GACP,OAAO;GACP,QAAQ;GACR,WAAW;GACX,eAAe;GACf,SAAS,EAAO,cAAc,EAAO,WAAW,YAAY,IAAI;GAChE,YAAY;EACd;EACA,aAAU;EACV,gBAAc,EAAO,cAAc,EAAO,WAAW,YAAY,KAAK,KAAA;CACvE,CAAA;AAEL"}

package/dist/components/image-crop-dialog.d.ts

@@ -0,0 +1,48 @@
+import { AspectRatio } from '../client/aspect.js';
+import { ReactNode } from 'react';
+import { Progress as UploadProgress } from '../client/media/client.js';
+import { CropSource } from '../client/image.js';
+import { Edit } from '../client/generated/wire.js';
+export interface ImageCropDialogProps {
+    open: boolean;
+    /** Closing (Esc, the close button, Cancel) reports false. */
+    onOpenChange: (open: boolean) => void;
+    /** The image and its EXIF-oriented original size; edits are in those pixels. */
+    source: CropSource | null;
+    /** The output's "W:H" (after rotation); "" keeps the image's own shape. */
+    aspect: AspectRatio;
+    /**
+     * Shapes to choose from, "" being the original's (e.g. ["", "1:1", "4:5",
+     * "16:9"]). The chooser starts at aspect when listed, else the first.
+     */
+    aspects?: readonly AspectRatio[];
+    /** A small preview of the result beside the controls. Default true. */
+    preview?: boolean;
+    /** Circular mask (avatars); the saved crop is still the square around it. */
+    round?: boolean;
+    /** Offer 90° rotation. Default true. */
+    rotatable?: boolean;
+    /** Starting edit (re-crop); default centred at aspect, unrotated. */
+    initialEdit?: Edit | null;
+    /** Called with the edit on open and whenever its value changes (safe to pass a state setter). */
+    onEditChange?: (edit: Edit | null) => void;
+    /** The chosen edit; null is the full centred crop, unrotated. */
+    onConfirm: (edit: Edit | null) => void;
+    /** Warns when the output is narrower than this many source pixels. */
+    targetWidth?: number;
+    /** The narrowest edit the server accepts (the preset's Image.MinWidth): zoom stops there, and a smaller image cannot be confirmed. */
+    minWidth?: number;
+    title?: ReactNode;
+    description?: ReactNode;
+    confirmLabel?: ReactNode;
+    /** A save is running: controls lock and progress shows. */
+    busy?: boolean;
+    progress?: UploadProgress;
+    /** The worker is rendering the outputs (indeterminate progress). */
+    rendering?: boolean;
+    /** Shown above the footer, e.g. a mapped ContentKitError. */
+    error?: ReactNode;
+    className?: string;
+}
+/** Pan, zoom (slider, wheel, pinch, keyboard), rotate and confirm a fixed-aspect edit. */
+export declare function ImageCropDialog(p: ImageCropDialogProps): import('react').JSX.Element;