@openrails/contentkit-ui 0.103.2 → 0.104.0-rc.2

package/dist/components/admin/page-notices.js

@@ -0,0 +1,113 @@
+import { useMessages as e } from "../../i18n/context.js";
+import { Button as t } from "../../ui/button.js";
+import { ErrorLine as n, useAction as r } from "../social/parts.js";
+import { usePageNotices as i } from "../../react/page-notices.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cn as s } from "cn";
+//#region src/components/admin/page-notices.tsx
+var c = 8, l = {
+	blank: "pageNotices.reason_blank",
+	duplicate: "pageNotices.reason_duplicate",
+	spread: "pageNotices.reason_spread"
+};
+function u(e) {
+	if (e) try {
+		let t = new URL(e, globalThis.location?.href ?? "http://localhost/");
+		if (t.protocol === "http:" || t.protocol === "https:") return e;
+	} catch {}
+}
+function d({ content: d, version: f, client: p, onError: m, className: h }) {
+	let g = e(), { t: _ } = g, v = i(d, f, { client: p }), y = r("reader.save", m);
+	if (!v.notices.length) return null;
+	let b = (e) => {
+		let t = e.slice(0, c).map((e) => e.source_name).join(", ");
+		return e.length > c ? `${t} ${_("pageNotices.more", { count: e.length - c })}` : t;
+	};
+	return /* @__PURE__ */ o("details", {
+		className: s("text-sm text-muted-foreground", h),
+		"data-ckui": "page-notices",
+		children: [
+			/* @__PURE__ */ a("summary", {
+				className: "cursor-pointer select-none",
+				children: g.plural("pageNotices.notes", v.notices.length)
+			}),
+			/* @__PURE__ */ a("ul", {
+				className: "mt-2 grid gap-3",
+				children: v.notices.map((e) => /* @__PURE__ */ o("li", {
+					className: "grid gap-1.5",
+					"data-ckui": "page-notice",
+					"data-kind": e.kind,
+					children: [/* @__PURE__ */ o("div", {
+						className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+						children: [/* @__PURE__ */ a("span", {
+							className: "text-foreground/80",
+							children: e.kind === "removed" ? g.plural("pageNotices.removed", e.pages.length) : _("pageNotices.reordered")
+						}), /* @__PURE__ */ o("span", {
+							className: "ms-auto flex gap-1",
+							children: [e.kind === "removed" && /* @__PURE__ */ a(t, {
+								type: "button",
+								size: "xs",
+								variant: "ghost",
+								disabled: y.pending,
+								onClick: () => void y.run(() => v.restore(e.id)),
+								children: _("pageNotices.restore")
+							}), /* @__PURE__ */ a(t, {
+								type: "button",
+								size: "xs",
+								variant: "ghost",
+								disabled: y.pending,
+								onClick: () => void y.run(() => v.dismiss(e.id)),
+								children: _("pageNotices.dismiss")
+							})]
+						})]
+					}), e.kind === "removed" ? /* @__PURE__ */ a("ul", {
+						className: "flex flex-wrap gap-2",
+						children: e.pages.map((e) => {
+							let t = u(e.preview_url);
+							return /* @__PURE__ */ o("li", {
+								className: "grid w-16 gap-0.5 text-[11px]",
+								title: e.source_name,
+								children: [
+									t ? /* @__PURE__ */ a("img", {
+										src: t,
+										alt: "",
+										loading: "lazy",
+										decoding: "async",
+										className: "aspect-[3/4] w-16 rounded bg-muted object-cover opacity-80"
+									}) : /* @__PURE__ */ a("span", { className: "aspect-[3/4] w-16 rounded bg-muted" }),
+									/* @__PURE__ */ a("span", {
+										className: "truncate",
+										children: e.source_name
+									}),
+									/* @__PURE__ */ a("span", {
+										className: "truncate",
+										children: _(l[e.reason] ?? l.blank)
+									})
+								]
+							}, e.id);
+						})
+					}) : /* @__PURE__ */ o("dl", {
+						className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-2 text-xs",
+						children: [
+							/* @__PURE__ */ a("dt", { children: _("pageNotices.archiveOrder") }),
+							/* @__PURE__ */ a("dd", {
+								className: "truncate",
+								children: b([...e.pages].sort((e, t) => (e.from ?? 0) - (t.from ?? 0)))
+							}),
+							/* @__PURE__ */ a("dt", { children: _("pageNotices.appliedOrder") }),
+							/* @__PURE__ */ a("dd", {
+								className: "truncate",
+								children: b(e.pages)
+							})
+						]
+					})]
+				}, e.id))
+			}),
+			/* @__PURE__ */ a(n, { error: y.error })
+		]
+	});
+}
+//#endregion
+export { d as PageNotices };
+
+//# sourceMappingURL=page-notices.js.map

package/dist/components/admin/page-notices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-notices.js","names":[],"sources":["../../../src/components/admin/page-notices.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { PageNotice } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport type { ContentKitErrorHandler } from \"../../react/context.js\";\nimport { usePageNotices } from \"../../react/page-notices.js\";\nimport { Button } from \"#ckui/ui/button\";\nimport { ErrorLine, useAction } from \"../social/parts.js\";\n\nexport interface PageNoticesProps {\n  content: string;\n  version: string;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n  className?: string;\n}\n\nconst SHOWN = 8;\nconst REASON = { blank: \"pageNotices.reason_blank\", duplicate: \"pageNotices.reason_duplicate\", spread: \"pageNotices.reason_spread\" } as const;\n\n/** Only link the editor media URLs supplied by the server. */\nfunction imageURL(value?: string): string | undefined {\n  if (!value) return;\n  try {\n    const url = new URL(value, globalThis.location?.href ?? \"http://localhost/\");\n    if (url.protocol === \"http:\" || url.protocol === \"https:\") return value;\n  } catch { /* An invalid or unsupported URL has no preview. */ }\n}\n\n/**\n * Low-key notes about what automatic page processing did: pages removed as\n * blank, duplicate or covered by a two-page spread (restorable), and an\n * archive put into name order. Collapsed by default; nothing here blocks\n * saving or publishing. Renders nothing without notices.\n */\nexport function PageNotices({ content, version, client, onError, className }: PageNoticesProps) {\n  const m = useMessages();\n  const { t } = m;\n  const r = usePageNotices(content, version, { client });\n  const act = useAction(\"reader.save\", onError);\n  if (!r.notices.length) return null;\n  const names = (pages: PageNotice[\"pages\"]) => {\n    const shown = pages.slice(0, SHOWN).map((p) => p.source_name).join(\", \");\n    return pages.length > SHOWN ? `${shown} ${t(\"pageNotices.more\", { count: pages.length - SHOWN })}` : shown;\n  };\n  return (\n    <details className={cn(\"text-sm text-muted-foreground\", className)} data-ckui=\"page-notices\">\n      <summary className=\"cursor-pointer select-none\">{m.plural(\"pageNotices.notes\", r.notices.length)}</summary>\n      <ul className=\"mt-2 grid gap-3\">\n        {r.notices.map((n) => (\n          <li key={n.id} className=\"grid gap-1.5\" data-ckui=\"page-notice\" data-kind={n.kind}>\n            <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n              <span className=\"text-foreground/80\">{n.kind === \"removed\" ? m.plural(\"pageNotices.removed\", n.pages.length) : t(\"pageNotices.reordered\")}</span>\n              <span className=\"ms-auto flex gap-1\">\n                {n.kind === \"removed\" && (\n                  <Button type=\"button\" size=\"xs\" variant=\"ghost\" disabled={act.pending} onClick={() => void act.run(() => r.restore(n.id))}>\n                    {t(\"pageNotices.restore\")}\n                  </Button>\n                )}\n                <Button type=\"button\" size=\"xs\" variant=\"ghost\" disabled={act.pending} onClick={() => void act.run(() => r.dismiss(n.id))}>\n                  {t(\"pageNotices.dismiss\")}\n                </Button>\n              </span>\n            </div>\n            {n.kind === \"removed\" ? (\n              <ul className=\"flex flex-wrap gap-2\">\n                {n.pages.map((p) => {\n                  const preview = imageURL(p.preview_url);\n                  return (\n                    <li key={p.id} className=\"grid w-16 gap-0.5 text-[11px]\" title={p.source_name}>\n                      {preview ? <img src={preview} alt=\"\" loading=\"lazy\" decoding=\"async\" className=\"aspect-[3/4] w-16 rounded bg-muted object-cover opacity-80\" /> : <span className=\"aspect-[3/4] w-16 rounded bg-muted\" />}\n                      <span className=\"truncate\">{p.source_name}</span>\n                      <span className=\"truncate\">{t(REASON[p.reason as keyof typeof REASON] ?? REASON.blank)}</span>\n                    </li>\n                  );\n                })}\n              </ul>\n            ) : (\n              <dl className=\"grid grid-cols-[auto_minmax(0,1fr)] gap-x-2 text-xs\">\n                <dt>{t(\"pageNotices.archiveOrder\")}</dt>\n                <dd className=\"truncate\">{names([...n.pages].sort((a, b) => (a.from ?? 0) - (b.from ?? 0)))}</dd>\n                <dt>{t(\"pageNotices.appliedOrder\")}</dt>\n                <dd className=\"truncate\">{names(n.pages)}</dd>\n              </dl>\n            )}\n          </li>\n        ))}\n      </ul>\n      <ErrorLine error={act.error} />\n    </details>\n  );\n}\n"],"mappings":"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"}

package/dist/components/admin/page-picker.d.ts

@@ -0,0 +1,38 @@
+import { ContentKitClient } from '../../client/client.js';
+import { ReaderPlan } from '../../client/generated/wire.js';
+/** One choosable page: its name, 1-based number and thumbnail when signed. */
+export interface PickerPage {
+    name: string;
+    url?: string;
+}
+/** A non-page choice shown above the grid (an anchor, "start"). */
+export interface PickerExtra {
+    value: string;
+    label: string;
+}
+export interface PlanMedia {
+    /** Each published page in reading order, with its thumbnail URL once read. */
+    pages: PickerPage[];
+    /** Audio track name → playable URL. */
+    audio: ReadonlyMap<string, string>;
+}
+/** A reader plan's pages with thumbnails and its audio with URLs, read once per plan (thumbnails are a convenience: names work without them). */
+export declare function usePlanMedia(plan: ReaderPlan | null, client: ContentKitClient): PlanMedia;
+/**
+ * Picks one page from thumbnails: the trigger shows the current page, the
+ * dialog the whole version in reading order. value is a page name or one of
+ * extras' values.
+ */
+export declare function PagePicker({ label, pages, value, extras, onChange, className }: {
+    label: string;
+    pages: readonly PickerPage[];
+    value: string;
+    extras?: readonly PickerExtra[];
+    onChange: (value: string) => void;
+    className?: string;
+}): import('react').JSX.Element;
+/** A play/pause button for one audio URL; one preview plays at a time. */
+export declare function AudioPreview({ url, label }: {
+    url?: string;
+    label: string;
+}): import('react').JSX.Element | null;

package/dist/components/admin/page-picker.js

@@ -0,0 +1,159 @@
+import { useMessages as e } from "../../i18n/context.js";
+import { Button as t } from "../../ui/button.js";
+import { Dialog as n, DialogContent as r, DialogHeader as i, DialogTitle as a } from "../../ui/dialog.js";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { cn as f } from "cn";
+import { PauseIcon as p, PlayIcon as m } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as h } from "@hugeicons/react";
+//#region src/components/admin/page-picker.tsx
+var g = (e) => e.thumb ?? e[Object.keys(e).sort().at(-1) ?? ""], _ = (e) => e.slice(0, e.lastIndexOf("/") + 1);
+function v(e, t) {
+	let n = (e?.segments ?? []).flatMap((e) => (e.pages ?? []).map((e) => e.name)), [r, i] = c({
+		plan: null,
+		pages: /* @__PURE__ */ new Map(),
+		audio: /* @__PURE__ */ new Map()
+	});
+	o(() => {
+		if (!e) return;
+		let n = new AbortController(), r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = e.segments.flatMap((e) => {
+			let i = e.pages?.[0] && g(e.pages[0].files);
+			return !e.item || !i ? [] : [t.media.read(e.item, {
+				prefix: _(i),
+				limit: e.pages.length,
+				signal: n.signal
+			}).then((t) => {
+				let n = new Map(t.files.flatMap((e) => e.url ? [[e.path, e.url]] : []));
+				for (let t of e.pages ?? []) {
+					let e = n.get(g(t.files) ?? "");
+					e && r.set(t.name, e);
+				}
+			})];
+		}), s = e.playback;
+		return s?.tracks.length && o.push(t.media.read(s.item, {
+			limit: s.tracks.length,
+			signal: n.signal
+		}).then((e) => {
+			let t = new Map(e.files.flatMap((e) => e.url ? [[e.path, e.url]] : []));
+			for (let e of s.tracks) {
+				let n = t.get(e.path);
+				n && a.set(e.name, n);
+			}
+		})), Promise.allSettled(o).then(() => !n.signal.aborted && i({
+			plan: e,
+			pages: r,
+			audio: a
+		})), () => n.abort();
+	}, [e, t]);
+	let a = r.plan === e;
+	return {
+		pages: n.map((e) => ({
+			name: e,
+			url: a ? r.pages.get(e) : void 0
+		})),
+		audio: a ? r.audio : /* @__PURE__ */ new Map()
+	};
+}
+function y({ label: o, pages: s, value: p, extras: m = [], onChange: h, className: g }) {
+	let { t: _ } = e(), [v, y] = c(!1), b = s.findIndex((e) => e.name === p), x = b >= 0 ? s[b] : void 0, S = m.find((e) => e.value === p), C = (e) => {
+		h(e), y(!1);
+	};
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d(t, {
+		type: "button",
+		size: "sm",
+		variant: "outline",
+		"aria-label": o,
+		className: f("h-auto gap-2 py-1 ps-1", g),
+		onClick: () => y(!0),
+		"data-ckui": "page-picker",
+		children: [/* @__PURE__ */ u("span", {
+			className: "flex h-10 w-7 shrink-0 items-center justify-center overflow-hidden rounded-sm bg-muted text-[10px] tabular-nums text-muted-foreground",
+			children: x?.url ? /* @__PURE__ */ u("img", {
+				src: x.url,
+				alt: "",
+				className: "size-full object-cover"
+			}) : x ? b + 1 : null
+		}), /* @__PURE__ */ u("span", {
+			className: "tabular-nums",
+			children: S ? S.label : x ? _("pagePicker.page", { n: b + 1 }) : _("pagePicker.choose")
+		})]
+	}), /* @__PURE__ */ u(n, {
+		open: v,
+		onOpenChange: y,
+		children: /* @__PURE__ */ d(r, {
+			className: "sm:max-w-3xl",
+			"data-ckui": "page-picker-dialog",
+			children: [
+				/* @__PURE__ */ u(i, { children: /* @__PURE__ */ u(a, { children: o }) }),
+				m.length > 0 && /* @__PURE__ */ u("div", {
+					className: "flex flex-wrap gap-2",
+					children: m.map((e) => /* @__PURE__ */ u(t, {
+						type: "button",
+						size: "sm",
+						variant: e.value === p ? "default" : "outline",
+						onClick: () => C(e.value),
+						children: e.label
+					}, e.value))
+				}),
+				/* @__PURE__ */ u("ul", {
+					className: "grid max-h-[60vh] grid-cols-[repeat(auto-fill,minmax(5.5rem,1fr))] gap-2 overflow-y-auto p-1",
+					children: s.map((e, t) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("button", {
+						type: "button",
+						"aria-label": _("pagePicker.pageNamed", {
+							n: t + 1,
+							name: e.name
+						}),
+						"aria-pressed": e.name === p,
+						className: f("grid w-full gap-1 rounded-md p-1 text-center text-xs tabular-nums outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring", e.name === p && "bg-muted ring-2 ring-primary"),
+						onClick: () => C(e.name),
+						children: [/* @__PURE__ */ u("span", {
+							className: "flex aspect-[7071/10000] items-center justify-center overflow-hidden rounded-sm bg-muted text-muted-foreground",
+							children: e.url ? /* @__PURE__ */ u("img", {
+								src: e.url,
+								alt: "",
+								loading: "lazy",
+								className: "size-full object-cover"
+							}) : t + 1
+						}), t + 1]
+					}) }, e.name))
+				})
+			]
+		})
+	})] });
+}
+function b({ url: n, label: r }) {
+	let { t: i } = e(), a = s(null), [f, g] = c(!1);
+	return o(() => () => a.current?.pause(), [n]), n ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(t, {
+		type: "button",
+		size: "icon-sm",
+		variant: "ghost",
+		"aria-label": i(f ? "pagePicker.pause" : "pagePicker.play", { name: r }),
+		"aria-pressed": f,
+		onClick: () => {
+			let e = a.current;
+			if (e) {
+				if (e.paused) {
+					for (let t of document.querySelectorAll("audio[data-ckui=audio-preview]")) t !== e && t.pause();
+					e.play().catch(() => g(!1));
+				} else e.pause();
+			}
+		},
+		children: /* @__PURE__ */ u(h, {
+			icon: f ? p : m,
+			strokeWidth: 2,
+			className: "size-4"
+		})
+	}), /* @__PURE__ */ u("audio", {
+		ref: a,
+		src: n,
+		preload: "none",
+		"data-ckui": "audio-preview",
+		onPlay: () => g(!0),
+		onPause: () => g(!1),
+		onEnded: () => g(!1)
+	})] }) : null;
+}
+//#endregion
+export { b as AudioPreview, y as PagePicker, v as usePlanMedia };
+
+//# sourceMappingURL=page-picker.js.map

package/dist/components/admin/page-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-picker.js","names":[],"sources":["../../../src/components/admin/page-picker.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { PauseIcon, PlayIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { ReaderPlan } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from \"#ckui/ui/dialog\";\n\n/** One choosable page: its name, 1-based number and thumbnail when signed. */\nexport interface PickerPage {\n  name: string;\n  url?: string;\n}\n\n/** A non-page choice shown above the grid (an anchor, \"start\"). */\nexport interface PickerExtra {\n  value: string;\n  label: string;\n}\n\nexport interface PlanMedia {\n  /** Each published page in reading order, with its thumbnail URL once read. */\n  pages: PickerPage[];\n  /** Audio track name → playable URL. */\n  audio: ReadonlyMap<string, string>;\n}\n\n// The smallest rendition: \"thumb\" when configured, else the last preset by name.\nconst thumbOf = (files: Record<string, string>) => files.thumb ?? files[Object.keys(files).sort().at(-1) ?? \"\"];\nconst dir = (path: string) => path.slice(0, path.lastIndexOf(\"/\") + 1);\n\n/** A reader plan's pages with thumbnails and its audio with URLs, read once per plan (thumbnails are a convenience: names work without them). */\nexport function usePlanMedia(plan: ReaderPlan | null, client: ContentKitClient): PlanMedia {\n  const names = (plan?.segments ?? []).flatMap((s) => (s.pages ?? []).map((p) => p.name));\n  const [urls, setUrls] = useState<{ plan: ReaderPlan | null; pages: Map<string, string>; audio: Map<string, string> }>({ plan: null, pages: new Map(), audio: new Map() });\n  useEffect(() => {\n    if (!plan) return;\n    const ctrl = new AbortController();\n    const pages = new Map<string, string>(),\n      audio = new Map<string, string>();\n    const reads = plan.segments.flatMap((s) => {\n      const first = s.pages?.[0] && thumbOf(s.pages[0].files);\n      if (!s.item || !first) return [];\n      return [\n        client.media.read(s.item, { prefix: dir(first), limit: s.pages!.length, signal: ctrl.signal }).then((r) => {\n          const byPath = new Map(r.files.flatMap((f) => (f.url ? [[f.path, f.url] as const] : [])));\n          for (const p of s.pages ?? []) {\n            const url = byPath.get(thumbOf(p.files) ?? \"\");\n            if (url) pages.set(p.name, url);\n          }\n        }),\n      ];\n    });\n    const playback = plan.playback;\n    if (playback?.tracks.length)\n      reads.push(\n        client.media.read(playback.item, { limit: playback.tracks.length, signal: ctrl.signal }).then((r) => {\n          const byPath = new Map(r.files.flatMap((f) => (f.url ? [[f.path, f.url] as const] : [])));\n          for (const t of playback.tracks) {\n            const url = byPath.get(t.path);\n            if (url) audio.set(t.name, url);\n          }\n        }),\n      );\n    void Promise.allSettled(reads).then(() => !ctrl.signal.aborted && setUrls({ plan, pages, audio }));\n    return () => ctrl.abort();\n  }, [plan, client]);\n  const ready = urls.plan === plan;\n  return { pages: names.map((name) => ({ name, url: ready ? urls.pages.get(name) : undefined })), audio: ready ? urls.audio : new Map() };\n}\n\n/**\n * Picks one page from thumbnails: the trigger shows the current page, the\n * dialog the whole version in reading order. value is a page name or one of\n * extras' values.\n */\nexport function PagePicker({ label, pages, value, extras = [], onChange, className }: {\n  label: string;\n  pages: readonly PickerPage[];\n  value: string;\n  extras?: readonly PickerExtra[];\n  onChange: (value: string) => void;\n  className?: string;\n}) {\n  const { t } = useMessages();\n  const [open, setOpen] = useState(false);\n  const index = pages.findIndex((p) => p.name === value);\n  const current = index >= 0 ? pages[index] : undefined;\n  const extra = extras.find((e) => e.value === value);\n  const choose = (v: string) => {\n    onChange(v);\n    setOpen(false);\n  };\n  return (\n    <>\n      <Button type=\"button\" size=\"sm\" variant=\"outline\" aria-label={label} className={cn(\"h-auto gap-2 py-1 ps-1\", className)} onClick={() => setOpen(true)} data-ckui=\"page-picker\">\n        <span className=\"flex h-10 w-7 shrink-0 items-center justify-center overflow-hidden rounded-sm bg-muted text-[10px] tabular-nums text-muted-foreground\">\n          {current?.url ? <img src={current.url} alt=\"\" className=\"size-full object-cover\" /> : current ? index + 1 : null}\n        </span>\n        <span className=\"tabular-nums\">{extra ? extra.label : current ? t(\"pagePicker.page\", { n: index + 1 }) : t(\"pagePicker.choose\")}</span>\n      </Button>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"sm:max-w-3xl\" data-ckui=\"page-picker-dialog\">\n          <DialogHeader>\n            <DialogTitle>{label}</DialogTitle>\n          </DialogHeader>\n          {extras.length > 0 && (\n            <div className=\"flex flex-wrap gap-2\">\n              {extras.map((e) => (\n                <Button key={e.value} type=\"button\" size=\"sm\" variant={e.value === value ? \"default\" : \"outline\"} onClick={() => choose(e.value)}>\n                  {e.label}\n                </Button>\n              ))}\n            </div>\n          )}\n          <ul className=\"grid max-h-[60vh] grid-cols-[repeat(auto-fill,minmax(5.5rem,1fr))] gap-2 overflow-y-auto p-1\">\n            {pages.map((p, i) => (\n              <li key={p.name}>\n                <button\n                  type=\"button\"\n                  aria-label={t(\"pagePicker.pageNamed\", { n: i + 1, name: p.name })}\n                  aria-pressed={p.name === value}\n                  className={cn(\n                    \"grid w-full gap-1 rounded-md p-1 text-center text-xs tabular-nums outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring\",\n                    p.name === value && \"bg-muted ring-2 ring-primary\",\n                  )}\n                  onClick={() => choose(p.name)}\n                >\n                  <span className=\"flex aspect-[7071/10000] items-center justify-center overflow-hidden rounded-sm bg-muted text-muted-foreground\">\n                    {p.url ? <img src={p.url} alt=\"\" loading=\"lazy\" className=\"size-full object-cover\" /> : i + 1}\n                  </span>\n                  {i + 1}\n                </button>\n              </li>\n            ))}\n          </ul>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n\n/** A play/pause button for one audio URL; one preview plays at a time. */\nexport function AudioPreview({ url, label }: { url?: string; label: string }) {\n  const { t } = useMessages();\n  const audio = useRef<HTMLAudioElement | null>(null);\n  const [playing, setPlaying] = useState(false);\n  useEffect(() => () => audio.current?.pause(), [url]);\n  if (!url) return null;\n  const toggle = () => {\n    const a = audio.current;\n    if (!a) return;\n    if (a.paused) {\n      for (const other of document.querySelectorAll<HTMLAudioElement>(\"audio[data-ckui=audio-preview]\")) if (other !== a) other.pause();\n      void a.play().catch(() => setPlaying(false));\n    } else a.pause();\n  };\n  return (\n    <>\n      <Button type=\"button\" size=\"icon-sm\" variant=\"ghost\" aria-label={t(playing ? \"pagePicker.pause\" : \"pagePicker.play\", { name: label })} aria-pressed={playing} onClick={toggle}>\n        <HugeiconsIcon icon={playing ? PauseIcon : PlayIcon} strokeWidth={2} className=\"size-4\" />\n      </Button>\n      <audio ref={audio} src={url} preload=\"none\" data-ckui=\"audio-preview\" onPlay={() => setPlaying(true)} onPause={() => setPlaying(false)} onEnded={() => setPlaying(false)} />\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/admin/quick-search.d.ts

@@ -0,0 +1,14 @@
+import { Card, GroupCard } from '../../client/generated/wire.js';
+import { SearchBoxProps } from '../content/search.js';
+export interface AdminQuickSearchProps extends Omit<SearchBoxProps, "onSearch" | "href" | "kind" | "groupKinds" | "recent" | "requestSuggestions" | "selectionOnly" | "disabled"> {
+    /** Content kinds for which the host offers an authorized editor. */
+    contentKinds: readonly string[];
+    /** Entity kinds for which the host offers an authorized editor. */
+    entityKinds: readonly string[];
+    /** An editor URL; returning undefined omits that suggestion. Public paths are never used. */
+    contentHref: (item: Card) => string | undefined;
+    entityHref: (entity: GroupCard) => string | undefined;
+    disabled?: boolean;
+}
+/** Quick navigation to authorized editors, with the same combobox and header geometry as public search. */
+export declare function AdminQuickSearch(p: AdminQuickSearchProps): import('react').JSX.Element;

package/dist/components/admin/quick-search.js

@@ -0,0 +1,60 @@
+import { useContentScope as e } from "../../react/use-resource.js";
+import { SearchBox as t } from "../content/search.js";
+import { useCallback as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/admin/quick-search.tsx
+function a(t) {
+	let { client: n, scope: a } = e(t.client), s = t.disabled || t.contentKinds.length === 0 && t.entityKinds.length === 0, c = JSON.stringify([t.contentKinds, t.entityKinds]), [l, u] = r({
+		client: n,
+		scope: a,
+		disabled: s,
+		targets: c,
+		key: 0
+	}), d = l;
+	return (l.client !== n || l.scope !== a || l.disabled !== s || l.targets !== c) && (d = {
+		client: n,
+		scope: a,
+		disabled: s,
+		targets: c,
+		key: l.key + 1
+	}, u(d)), /* @__PURE__ */ i(o, {
+		...t,
+		client: n,
+		disabled: s
+	}, d.key);
+}
+function o({ contentKinds: e, entityKinds: r, contentHref: a, entityHref: o, ...s }) {
+	let c = n(async (t, n) => {
+		let i = await s.client.discovery.adminSuggestions({
+			q: t.q,
+			display_language: t.display_language,
+			content_kinds: e,
+			entity_kinds: r,
+			include_contents: e.length > 0,
+			include_entities: r.length > 0,
+			limit: t.limit
+		}, n);
+		return {
+			contents: i.contents.filter((t) => e.includes(t.kind) && !!a(t)),
+			entities: i.entities.filter((e) => r.includes(e.kind) && !!o(e))
+		};
+	}, [
+		s.client,
+		e,
+		r,
+		a,
+		o
+	]);
+	return /* @__PURE__ */ i(t, {
+		...s,
+		recent: !1,
+		selectionOnly: !0,
+		requestSuggestions: c,
+		onSearch: () => {},
+		href: (e) => "title" in e ? a(e) : o(e)
+	});
+}
+//#endregion
+export { a as AdminQuickSearch };
+
+//# sourceMappingURL=quick-search.js.map

package/dist/components/admin/quick-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-search.js","names":[],"sources":["../../../src/components/admin/quick-search.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { TypeaheadQuery } from \"../../client/discovery.js\";\nimport type { Card, GroupCard } from \"../../client/generated/wire.js\";\nimport { useContentScope } from \"../../react/use-resource.js\";\nimport { SearchBox, type SearchBoxProps } from \"../content/search.js\";\n\nexport interface AdminQuickSearchProps extends Omit<SearchBoxProps, \"onSearch\" | \"href\" | \"kind\" | \"groupKinds\" | \"recent\" | \"requestSuggestions\" | \"selectionOnly\" | \"disabled\"> {\n  /** Content kinds for which the host offers an authorized editor. */\n  contentKinds: readonly string[];\n  /** Entity kinds for which the host offers an authorized editor. */\n  entityKinds: readonly string[];\n  /** An editor URL; returning undefined omits that suggestion. Public paths are never used. */\n  contentHref: (item: Card) => string | undefined;\n  entityHref: (entity: GroupCard) => string | undefined;\n  disabled?: boolean;\n}\n\n/** Quick navigation to authorized editors, with the same combobox and header geometry as public search. */\nexport function AdminQuickSearch(p: AdminQuickSearchProps) {\n  const { client, scope } = useContentScope(p.client);\n  const disabled = p.disabled || (p.contentKinds.length === 0 && p.entityKinds.length === 0);\n  const targets = JSON.stringify([p.contentKinds, p.entityKinds]);\n  const [boundary, setBoundary] = useState({ client, scope, disabled, targets, key: 0 });\n  let current = boundary;\n  if (boundary.client !== client || boundary.scope !== scope || boundary.disabled !== disabled || boundary.targets !== targets) {\n    current = { client, scope, disabled, targets, key: boundary.key + 1 };\n    setBoundary(current);\n  }\n  return <QuickSearch key={current.key} {...p} client={client} disabled={disabled} />;\n}\n\nfunction QuickSearch({ contentKinds, entityKinds, contentHref, entityHref, ...p }: AdminQuickSearchProps & { client: ContentKitClient }) {\n  const request = useCallback(async (query: TypeaheadQuery, signal: AbortSignal) => {\n    const found = await p.client.discovery.adminSuggestions({\n      q: query.q,\n      display_language: query.display_language,\n      content_kinds: contentKinds,\n      entity_kinds: entityKinds,\n      include_contents: contentKinds.length > 0,\n      include_entities: entityKinds.length > 0,\n      limit: query.limit,\n    }, signal);\n    return {\n      contents: found.contents.filter((item) => contentKinds.includes(item.kind) && !!contentHref(item)),\n      entities: found.entities.filter((entity) => entityKinds.includes(entity.kind) && !!entityHref(entity)),\n    };\n  }, [p.client, contentKinds, entityKinds, contentHref, entityHref]);\n  return <SearchBox {...p} recent={false} selectionOnly requestSuggestions={request} onSearch={() => {}}\n    href={(item) => \"title\" in item ? contentHref(item) : entityHref(item)} />;\n}\n"],"mappings":";;;;;AAmBA,SAAgB,EAAiB,GAA0B;CACzD,IAAM,EAAE,WAAQ,aAAU,EAAgB,EAAE,MAAM,GAC5C,IAAW,EAAE,YAAa,EAAE,aAAa,WAAW,KAAK,EAAE,YAAY,WAAW,GAClF,IAAU,KAAK,UAAU,CAAC,EAAE,cAAc,EAAE,WAAW,CAAC,GACxD,CAAC,GAAU,KAAe,EAAS;EAAE;EAAQ;EAAO;EAAU;EAAS,KAAK;CAAE,CAAC,GACjF,IAAU;CAKd,QAJI,EAAS,WAAW,KAAU,EAAS,UAAU,KAAS,EAAS,aAAa,KAAY,EAAS,YAAY,OACnH,IAAU;EAAE;EAAQ;EAAO;EAAU;EAAS,KAAK,EAAS,MAAM;CAAE,GACpE,EAAY,CAAO,IAEd,kBAAC,GAAD;EAA+B,GAAI;EAAW;EAAkB;CAAW,GAAzD,EAAQ,GAAiD;AACpF;AAEA,SAAS,EAAY,EAAE,iBAAc,gBAAa,gBAAa,eAAY,GAAG,KAA2D;CACvI,IAAM,IAAU,EAAY,OAAO,GAAuB,MAAwB;EAChF,IAAM,IAAQ,MAAM,EAAE,OAAO,UAAU,iBAAiB;GACtD,GAAG,EAAM;GACT,kBAAkB,EAAM;GACxB,eAAe;GACf,cAAc;GACd,kBAAkB,EAAa,SAAS;GACxC,kBAAkB,EAAY,SAAS;GACvC,OAAO,EAAM;EACf,GAAG,CAAM;EACT,OAAO;GACL,UAAU,EAAM,SAAS,QAAQ,MAAS,EAAa,SAAS,EAAK,IAAI,KAAK,CAAC,CAAC,EAAY,CAAI,CAAC;GACjG,UAAU,EAAM,SAAS,QAAQ,MAAW,EAAY,SAAS,EAAO,IAAI,KAAK,CAAC,CAAC,EAAW,CAAM,CAAC;EACvG;CACF,GAAG;EAAC,EAAE;EAAQ;EAAc;EAAa;EAAa;CAAU,CAAC;CACjE,OAAO,kBAAC,GAAD;EAAW,GAAI;EAAG,QAAQ;EAAO,eAAA;EAAc,oBAAoB;EAAS,gBAAgB,CAAC;EAClG,OAAO,MAAS,WAAW,IAAO,EAAY,CAAI,IAAI,EAAW,CAAI;CAAI,CAAA;AAC7E"}