@openrails/contentkit-ui 0.71.0 → 0.73.0

package/dist/components/admin/user-comment-standing.js

@@ -0,0 +1,229 @@
+import { useMessages as e } from "../../i18n/context.js";
+import { Button as t } from "../../ui/button.js";
+import { useAdminComments as n, useGlobalCommentBan as r } from "../../react/comments.js";
+import { Badge as i } from "../../ui/badge.js";
+import { Skeleton as a } from "../../ui/skeleton.js";
+import { ConfirmDialog as o, ErrorLine as s, RelativeTime as c, formatDate as l, useAction as u } from "../social/parts.js";
+import { AdminRoot as d, LoadFailed as f, NoAccess as p, Rows as m } from "./shell.js";
+import { CommentBanDialog as h } from "../social/bans.js";
+import { useFlowClient as g, useStaffAccess as _ } from "../../react/admin.js";
+import { useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { cn as S } from "cn";
+//#region src/components/admin/user-comment-standing.tsx
+var C = ["bans", "comments"];
+function w(e = {}) {
+	return _(C, e);
+}
+function T({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: s, ...c }) {
+	let l = g({
+		client: e,
+		baseUrl: t,
+		auth: n
+	});
+	return /* @__PURE__ */ b(d, {
+		flow: "user-comment-standing",
+		appearance: i,
+		className: a,
+		language: o,
+		messages: s,
+		guard: r,
+		children: /* @__PURE__ */ b(E, {
+			...c,
+			client: l
+		})
+	});
+}
+function E(t) {
+	let { t: n } = e(), r = w({ client: t.client }), i = /* @__PURE__ */ b("h3", {
+		className: "text-base font-semibold",
+		children: n("standing.title")
+	});
+	return r.loading ? /* @__PURE__ */ x(y, { children: [i, /* @__PURE__ */ b(m, { count: 2 })] }) : r.any ? /* @__PURE__ */ x(y, { children: [
+		i,
+		r.allowed.bans && /* @__PURE__ */ b(D, { ...t }),
+		r.allowed.comments && /* @__PURE__ */ b(k, { ...t })
+	] }) : /* @__PURE__ */ x(y, { children: [i, /* @__PURE__ */ b(p, { children: n("standing.noAccess") })] });
+}
+function D({ user: n, name: c, client: d, onError: p }) {
+	let m = e(), { t: g } = m, _ = r(n, { client: d }), [y, S] = v(!1), [C, w] = v(!1), T = u("ban.lift", p), E = c ?? _.ban?.user?.username ?? n, D = _.ban;
+	return /* @__PURE__ */ x("section", {
+		className: "grid gap-2 rounded-lg border border-border p-3",
+		"data-ckui": "standing-ban",
+		"aria-busy": _.loading,
+		children: [
+			/* @__PURE__ */ b("h4", {
+				className: "font-medium",
+				children: g("standing.ban")
+			}),
+			_.loading && !D ? /* @__PURE__ */ b(a, { className: "h-10 w-full" }) : _.error ? /* @__PURE__ */ b(f, {
+				error: _.error,
+				message: g("standing.banLoadFailed"),
+				retry: _.reload
+			}) : D ? /* @__PURE__ */ x("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ x("div", {
+					className: "grid min-w-0 gap-0.5",
+					children: [
+						/* @__PURE__ */ b("div", { children: /* @__PURE__ */ b(i, {
+							variant: D.expired ? "outline" : "destructive",
+							children: g(D.expired ? "bans.expired" : "bans.active")
+						}) }),
+						D.reason && /* @__PURE__ */ b("p", {
+							className: "break-words",
+							children: g("bans.reason", { reason: D.reason })
+						}),
+						/* @__PURE__ */ x("p", {
+							className: "text-muted-foreground",
+							children: [
+								D.until ? g("bans.until", { date: l(m, D.until) }) : g("bans.untilLifted"),
+								" · ",
+								g("bans.bannedAt", { date: l(m, D.banned_at, !1) })
+							]
+						})
+					]
+				}), /* @__PURE__ */ x("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ b(t, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => S(!0),
+						children: g("bans.update")
+					}), /* @__PURE__ */ b(t, {
+						size: "sm",
+						variant: "destructive",
+						onClick: () => w(!0),
+						children: g("bans.lift")
+					})]
+				})]
+			}) : /* @__PURE__ */ x("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ b("p", {
+					className: "text-muted-foreground",
+					children: g("standing.notBanned")
+				}), /* @__PURE__ */ b(t, {
+					size: "sm",
+					variant: "destructive",
+					onClick: () => S(!0),
+					children: g("comments.ban")
+				})]
+			}),
+			/* @__PURE__ */ b(s, { error: T.error }),
+			y && /* @__PURE__ */ b(h, {
+				open: !0,
+				onOpenChange: S,
+				user: {
+					id: n,
+					name: E
+				},
+				scopes: ["global"],
+				ban: D,
+				client: d,
+				onError: p
+			}),
+			/* @__PURE__ */ b(o, {
+				open: C,
+				onOpenChange: w,
+				title: g("bans.liftTitle", { name: E }),
+				description: g("bans.liftBody"),
+				confirm: g("bans.lift"),
+				onConfirm: () => void T.run(_.lift)
+			})
+		]
+	});
+}
+function O(e) {
+	return e.deleted ? "deleted" : e.moderation === "held" ? "held" : e.moderation === "rejected" ? "rejected" : "published";
+}
+function k({ user: r, client: a, itemHref: o, pageSize: l = 10, onError: d }) {
+	let { t: p } = e(), h = n({
+		author: r,
+		pageSize: l,
+		client: a
+	}), g = u("comment.delete", d), _ = u("comment.restore", d);
+	return /* @__PURE__ */ x("section", {
+		className: "grid gap-2",
+		"data-ckui": "standing-comments",
+		children: [
+			/* @__PURE__ */ b("h4", {
+				className: "font-medium",
+				children: p("standing.comments")
+			}),
+			/* @__PURE__ */ b(s, { error: g.error ?? _.error }),
+			h.loading && !h.items.length ? /* @__PURE__ */ b(m, { count: 2 }) : h.error && !h.items.length ? /* @__PURE__ */ b(f, {
+				error: h.error,
+				message: p("moderation.loadFailed"),
+				retry: h.reload
+			}) : h.items.length ? /* @__PURE__ */ b("ul", {
+				className: "grid divide-y divide-border rounded-lg border border-border",
+				children: h.items.map((e) => {
+					let n = O(e), r = o?.({
+						kind: e.content_kind,
+						id: e.content_id
+					});
+					return /* @__PURE__ */ x("li", {
+						className: "grid gap-1.5 p-3",
+						"data-ckui": "admin-comment",
+						"data-status": n,
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground",
+								children: [
+									/* @__PURE__ */ b(c, { at: e.created_at }),
+									/* @__PURE__ */ b(i, {
+										variant: n === "published" ? "outline" : n === "held" ? "secondary" : "destructive",
+										children: p(`moderation.${n}`)
+									}),
+									/* @__PURE__ */ x("span", { children: [
+										p("moderation.on"),
+										" ",
+										r ? /* @__PURE__ */ x("a", {
+											className: "hover:underline",
+											href: r,
+											children: [
+												e.content_kind,
+												"/",
+												e.content_id
+											]
+										}) : `${e.content_kind}/${e.content_id}`
+									] })
+								]
+							}),
+							/* @__PURE__ */ b("p", {
+								className: S("line-clamp-3 break-words whitespace-pre-wrap", e.deleted && "text-muted-foreground line-through"),
+								children: e.body
+							}),
+							/* @__PURE__ */ b("div", { children: e.deleted ? /* @__PURE__ */ b(t, {
+								size: "sm",
+								variant: "outline",
+								disabled: _.pending,
+								onClick: () => void _.run(() => a.comments.restore(e.id)),
+								children: p("moderation.restore")
+							}) : /* @__PURE__ */ b(t, {
+								size: "sm",
+								variant: "destructive",
+								disabled: g.pending,
+								onClick: () => void g.run(() => a.comments.delete(e.id)),
+								children: p("moderation.delete")
+							}) })
+						]
+					}, e.id);
+				})
+			}) : /* @__PURE__ */ b("p", {
+				className: "text-muted-foreground",
+				children: p("standing.noComments")
+			}),
+			h.hasMore && /* @__PURE__ */ b(t, {
+				variant: "outline",
+				className: "justify-self-center",
+				disabled: h.loadingMore,
+				onClick: () => void h.loadMore(),
+				children: p("moderation.loadMore")
+			})
+		]
+	});
+}
+//#endregion
+export { T as UserCommentStanding, w as useUserCommentStandingAccess };
+
+//# sourceMappingURL=user-comment-standing.js.map

package/dist/components/admin/user-comment-standing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-comment-standing.js","names":[],"sources":["../../../src/components/admin/user-comment-standing.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { AdminComment } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useFlowClient, useStaffAccess, type FlowClientOptions, type StaffAccess } from \"../../react/admin.js\";\nimport { useAdminComments, useGlobalCommentBan } from \"../../react/comments.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Skeleton } from \"#ckui/ui/skeleton\";\nimport { CommentBanDialog } from \"../social/bans.js\";\nimport { ConfirmDialog, ErrorLine, formatDate, RelativeTime, useAction } from \"../social/parts.js\";\nimport { AdminRoot, LoadFailed, NoAccess, Rows, type AdminFlowProps } from \"./shell.js\";\n\nexport interface UserCommentStandingProps extends AdminFlowProps {\n  /** The user's id. */\n  user: string;\n  /** Their name in headings and dialogs; else their username once known. */\n  name?: string;\n  /** A link to a commented item. */\n  itemHref?: (item: { kind: string; id: string }) => string | undefined;\n  /** Comments per page. Default 10. */\n  pageSize?: number;\n}\n\ntype StandingArea = \"bans\" | \"comments\";\nconst AREAS: readonly StandingArea[] = [\"bans\", \"comments\"];\n\n/** Whether the caller may manage site-wide comment bans and moderate comments: what UserCommentStanding shows. */\nexport function useUserCommentStandingAccess(o: FlowClientOptions = {}): StaffAccess<StandingArea> {\n  return useStaffAccess(AREAS, o);\n}\n\n/**\n * A user page's comment panel: the person's site-wide comment ban (ban,\n * replace, lift) and their recent comments (delete, restore), each as the\n * caller's permissions allow.\n */\nexport function UserCommentStanding({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: UserCommentStandingProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"user-comment-standing\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Standing {...p} client={client} />\n    </AdminRoot>\n  );\n}\n\ntype Inner = Omit<UserCommentStandingProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\"> & { client: ContentKitClient };\n\nfunction Standing(p: Inner) {\n  const { t } = useMessages();\n  const access = useUserCommentStandingAccess({ client: p.client });\n  const title = <h3 className=\"text-base font-semibold\">{t(\"standing.title\")}</h3>;\n  if (access.loading)\n    return (\n      <>\n        {title}\n        <Rows count={2} />\n      </>\n    );\n  if (!access.any)\n    return (\n      <>\n        {title}\n        <NoAccess>{t(\"standing.noAccess\")}</NoAccess>\n      </>\n    );\n  return (\n    <>\n      {title}\n      {access.allowed.bans && <BanCard {...p} />}\n      {access.allowed.comments && <Recent {...p} />}\n    </>\n  );\n}\n\nfunction BanCard({ user, name, client, onError }: Inner) {\n  const m = useMessages();\n  const { t } = m;\n  const g = useGlobalCommentBan(user, { client });\n  const [editing, setEditing] = useState(false);\n  const [lifting, setLifting] = useState(false);\n  const lift = useAction(\"ban.lift\", onError);\n  const who = name ?? g.ban?.user?.username ?? user;\n  const ban = g.ban;\n  return (\n    <section className=\"grid gap-2 rounded-lg border border-border p-3\" data-ckui=\"standing-ban\" aria-busy={g.loading}>\n      <h4 className=\"font-medium\">{t(\"standing.ban\")}</h4>\n      {g.loading && !ban ? (\n        <Skeleton className=\"h-10 w-full\" />\n      ) : g.error ? (\n        <LoadFailed error={g.error} message={t(\"standing.banLoadFailed\")} retry={g.reload} />\n      ) : !ban ? (\n        <div className=\"flex flex-wrap items-center justify-between gap-2\">\n          <p className=\"text-muted-foreground\">{t(\"standing.notBanned\")}</p>\n          <Button size=\"sm\" variant=\"destructive\" onClick={() => setEditing(true)}>\n            {t(\"comments.ban\")}\n          </Button>\n        </div>\n      ) : (\n        <div className=\"flex flex-wrap items-start justify-between gap-3\">\n          <div className=\"grid min-w-0 gap-0.5\">\n            <div>\n              <Badge variant={ban.expired ? \"outline\" : \"destructive\"}>{t(ban.expired ? \"bans.expired\" : \"bans.active\")}</Badge>\n            </div>\n            {ban.reason && <p className=\"break-words\">{t(\"bans.reason\", { reason: ban.reason })}</p>}\n            <p className=\"text-muted-foreground\">\n              {ban.until ? t(\"bans.until\", { date: formatDate(m, ban.until) }) : t(\"bans.untilLifted\")} · {t(\"bans.bannedAt\", { date: formatDate(m, ban.banned_at, false) })}\n            </p>\n          </div>\n          <div className=\"flex gap-2\">\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setEditing(true)}>\n              {t(\"bans.update\")}\n            </Button>\n            <Button size=\"sm\" variant=\"destructive\" onClick={() => setLifting(true)}>\n              {t(\"bans.lift\")}\n            </Button>\n          </div>\n        </div>\n      )}\n      <ErrorLine error={lift.error} />\n      {editing && <CommentBanDialog open onOpenChange={setEditing} user={{ id: user, name: who }} scopes={[\"global\"]} ban={ban} client={client} onError={onError} />}\n      <ConfirmDialog\n        open={lifting}\n        onOpenChange={setLifting}\n        title={t(\"bans.liftTitle\", { name: who })}\n        description={t(\"bans.liftBody\")}\n        confirm={t(\"bans.lift\")}\n        onConfirm={() => void lift.run(g.lift)}\n      />\n    </section>\n  );\n}\n\nfunction status(c: AdminComment): \"deleted\" | \"held\" | \"rejected\" | \"published\" {\n  if (c.deleted) return \"deleted\";\n  return c.moderation === \"held\" ? \"held\" : c.moderation === \"rejected\" ? \"rejected\" : \"published\";\n}\n\nfunction Recent({ user, client, itemHref, pageSize = 10, onError }: Inner) {\n  const { t } = useMessages();\n  const list = useAdminComments({ author: user, pageSize, client });\n  const del = useAction(\"comment.delete\", onError);\n  const restore = useAction(\"comment.restore\", onError);\n  return (\n    <section className=\"grid gap-2\" data-ckui=\"standing-comments\">\n      <h4 className=\"font-medium\">{t(\"standing.comments\")}</h4>\n      <ErrorLine error={del.error ?? restore.error} />\n      {list.loading && !list.items.length ? (\n        <Rows count={2} />\n      ) : list.error && !list.items.length ? (\n        <LoadFailed error={list.error} message={t(\"moderation.loadFailed\")} retry={list.reload} />\n      ) : !list.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"standing.noComments\")}</p>\n      ) : (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\">\n          {list.items.map((c) => {\n            const s = status(c);\n            const href = itemHref?.({ kind: c.content_kind, id: c.content_id });\n            return (\n              <li key={c.id} className=\"grid gap-1.5 p-3\" data-ckui=\"admin-comment\" data-status={s}>\n                <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n                  <RelativeTime at={c.created_at} />\n                  <Badge variant={s === \"published\" ? \"outline\" : s === \"held\" ? \"secondary\" : \"destructive\"}>{t(`moderation.${s}`)}</Badge>\n                  <span>\n                    {t(\"moderation.on\")}{\" \"}\n                    {href ? (\n                      <a className=\"hover:underline\" href={href}>\n                        {c.content_kind}/{c.content_id}\n                      </a>\n                    ) : (\n                      `${c.content_kind}/${c.content_id}`\n                    )}\n                  </span>\n                </div>\n                <p className={cn(\"line-clamp-3 break-words whitespace-pre-wrap\", c.deleted && \"text-muted-foreground line-through\")}>{c.body}</p>\n                <div>\n                  {c.deleted ? (\n                    <Button size=\"sm\" variant=\"outline\" disabled={restore.pending} onClick={() => void restore.run(() => client.comments.restore(c.id))}>\n                      {t(\"moderation.restore\")}\n                    </Button>\n                  ) : (\n                    <Button size=\"sm\" variant=\"destructive\" disabled={del.pending} onClick={() => void del.run(() => client.comments.delete(c.id))}>\n                      {t(\"moderation.delete\")}\n                    </Button>\n                  )}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {list.hasMore && (\n        <Button variant=\"outline\" className=\"justify-self-center\" disabled={list.loadingMore} onClick={() => void list.loadMore()}>\n          {t(\"moderation.loadMore\")}\n        </Button>\n      )}\n    </section>\n  );\n}\n\n"],"mappings":"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"}

package/dist/components/social/bans.d.ts

@@ -32,11 +32,14 @@ export interface CommentBansProps {
     /** "global": the site's bans (CommentBan); "owner": the caller's own. Default "global". */
     scope?: BanScope;
     pageSize?: number;
+    /** The page shown (from 1), when the host keeps it, e.g. in the URL; with onPageChange. */
+    page?: number;
+    onPageChange?: (page: number) => void;
     userHref?: (user: PublicUser) => string | undefined;
     client?: ContentKitClient;
     onError?: ContentKitErrorHandler;
     className?: string;
     appearance?: ContentKitUiAppearance;
 }
-/** A scope's comment bans, newest first: who, why, until when; ban a user by id, update or lift a ban. */
-export declare function CommentBans({ scope, pageSize, userHref, client, onError, className, appearance }: CommentBansProps): import('react').JSX.Element;
+/** A scope's comment bans, newest first, a page at a time: who, why, until when; ban a user by id, update or lift a ban. */
+export declare function CommentBans({ scope, pageSize, page: shown, onPageChange, userHref, client: own, onError, className, appearance }: CommentBansProps): import('react').JSX.Element;