- Live Moderation Feed: gateway publishes discord:moderation:action (Redis) → backend WS emits moderation_action → public web shows realtime stream. - Toxic Topic Trends: backend moderation.trends aggregates categories/severity/action_type (read-only) → SVG bar + donut. - Channel Timeline: messages view gets Feed/Timeline toggle with date-grouped separators. - CSV Export: client-side downloadCsv for moderation actions (no backend write scope). - Activity Heatmap: backend messages.activity (per-hour volume by channel) → pure-SVG grid. User reputation deliberately excluded — no such feature exists in the codebase. All read-only / public-facing / fully automatic per project rules.
384 lines
12 KiB
TypeScript
384 lines
12 KiB
TypeScript
import { useEffect, useState } from "react";
|
|
import useSWR, { useSWRConfig } from "swr";
|
|
import { useAction } from "@/hooks/use-action";
|
|
import { messagesApi, voiceApi } from "@/lib/api";
|
|
import type {
|
|
AttachmentRecord,
|
|
Channel,
|
|
MessageActivityBucket,
|
|
MessageRecord,
|
|
SemanticSearchResult,
|
|
} from "@/lib/types";
|
|
import type { WsHook } from "@/lib/ws-hook";
|
|
|
|
// ── Query keys factory ───────────────────────────
|
|
|
|
const msgKeys = {
|
|
list: (guildId: string, channelId?: string) =>
|
|
["messages", guildId, channelId ?? "__all__"] as const,
|
|
images: (guildId: string) => ["messages-images", guildId] as const,
|
|
review: (channelId?: string) =>
|
|
["messages-review", channelId ?? "__all__"] as const,
|
|
detail: (id: string) => ["message-detail", id] as const,
|
|
search: (query: string) => ["messages-search", query] as const,
|
|
};
|
|
|
|
type MessagePage = { data: MessageRecord[]; nextCursor: string | null };
|
|
|
|
/**
|
|
* Single source of truth for the paginated message list. Both useMessages and
|
|
* useMessagesHasMore derive from this one SWR key, so the cursor probe no
|
|
* longer triggers a duplicate API call.
|
|
*/
|
|
function useMessagesPage(
|
|
guildId: string,
|
|
channelId?: string,
|
|
initialPage?: MessagePage,
|
|
) {
|
|
const key = guildId ? msgKeys.list(guildId, channelId) : null;
|
|
return useSWR<MessagePage>(
|
|
key,
|
|
() => messagesApi.list(guildId, 50, channelId || undefined),
|
|
{ fallbackData: initialPage },
|
|
);
|
|
}
|
|
|
|
// ── Messages list (paginated, cursor-based) ──────
|
|
|
|
export function useMessages(
|
|
guildId: string,
|
|
channelId?: string,
|
|
initialPage?: MessagePage,
|
|
) {
|
|
const page = useMessagesPage(guildId, channelId, initialPage);
|
|
return {
|
|
...page,
|
|
data: page.data?.data,
|
|
refetch: () => page.mutate(),
|
|
};
|
|
}
|
|
|
|
export function useMessagesHasMore(guildId: string, channelId?: string) {
|
|
const page = useMessagesPage(guildId, channelId);
|
|
return {
|
|
data: {
|
|
cursor: page.data?.nextCursor ?? null,
|
|
hasMore: page.data ? page.data.nextCursor !== null : undefined,
|
|
},
|
|
};
|
|
}
|
|
|
|
export function useLoadMore() {
|
|
const { mutate } = useSWRConfig();
|
|
return useAction(
|
|
async ({
|
|
guildId,
|
|
channelId,
|
|
cursor,
|
|
}: {
|
|
guildId: string;
|
|
channelId?: string;
|
|
cursor: string;
|
|
}) => {
|
|
const result = await messagesApi.list(
|
|
guildId,
|
|
50,
|
|
channelId || undefined,
|
|
cursor,
|
|
);
|
|
const key = msgKeys.list(guildId, channelId);
|
|
await mutate(
|
|
key,
|
|
(old: MessagePage | undefined): MessagePage | undefined =>
|
|
old
|
|
? {
|
|
data: [...old.data, ...result.data],
|
|
nextCursor: result.nextCursor,
|
|
}
|
|
: result,
|
|
{ revalidate: false },
|
|
);
|
|
return result;
|
|
},
|
|
);
|
|
}
|
|
|
|
// ── Channels list ────────────────────────────────
|
|
|
|
export function useTextChannels(guildId: string) {
|
|
return useSWR<Channel[]>(guildId ? ["text-channels", guildId] : null, () =>
|
|
voiceApi.getTextChannels(guildId),
|
|
);
|
|
}
|
|
|
|
// ── Images ───────────────────────────────────────
|
|
|
|
export function useImages(guildId: string) {
|
|
return useSWR<MessageRecord[]>(
|
|
guildId ? msgKeys.images(guildId) : null,
|
|
async () => {
|
|
const result = await messagesApi.getImages(guildId, 50);
|
|
return result.data;
|
|
},
|
|
);
|
|
}
|
|
|
|
// ── Review ───────────────────────────────────────
|
|
|
|
export function useReview(channelId?: string) {
|
|
return useSWR<MessageRecord[]>(
|
|
msgKeys.review(channelId),
|
|
async () => {
|
|
const result = await messagesApi.getReview(50, channelId || undefined);
|
|
return result.results;
|
|
},
|
|
{
|
|
refreshInterval: 15_000,
|
|
},
|
|
);
|
|
}
|
|
|
|
// ── Detail ───────────────────────────────────────
|
|
|
|
export function useMessageDetail(id: string | null) {
|
|
const detail = useSWR<MessageRecord>(id ? msgKeys.detail(id) : null, () =>
|
|
messagesApi.getDetail(id ?? ""),
|
|
);
|
|
const channelId = id ? detail.data?.channel_id : undefined;
|
|
const attachments = useSWR<AttachmentRecord[]>(
|
|
channelId ? [...msgKeys.detail(id ?? ""), "attachments"] : null,
|
|
async () => {
|
|
// Guard: only fetch when we actually have a channel id — a revalidate
|
|
// can race the detail load and see detail.data === undefined.
|
|
const cid = detail.data?.channel_id;
|
|
if (!cid) return [];
|
|
// messageId filter: attachment list must show only this message's
|
|
// images, not the latest images from everyone in the channel.
|
|
const res = await messagesApi.getAttachments(
|
|
cid,
|
|
10,
|
|
undefined,
|
|
id ?? "",
|
|
);
|
|
return res.data;
|
|
},
|
|
);
|
|
return {
|
|
message: detail.data ?? null,
|
|
attachments: attachments.data ?? [],
|
|
loading: detail.isLoading || attachments.isLoading,
|
|
error: detail.error,
|
|
};
|
|
}
|
|
|
|
// ── Search ───────────────────────────────────────
|
|
|
|
export function useMessageSearch(query: string, enabled: boolean) {
|
|
return useSWR<MessageRecord[]>(
|
|
enabled && query.trim().length >= 2 ? msgKeys.search(query) : null,
|
|
async () => {
|
|
const res = await messagesApi.search(query, 50);
|
|
return res.results;
|
|
},
|
|
);
|
|
}
|
|
|
|
// ── Semantic Search (public archive, Qdrant) ──────
|
|
|
|
export function useSemanticSearch(query: string, enabled: boolean) {
|
|
return useSWR<SemanticSearchResult[]>(
|
|
enabled && query.trim().length >= 2
|
|
? ["semantic-search", query.trim()]
|
|
: null,
|
|
async () => {
|
|
const res = await messagesApi.semanticSearch(query.trim(), 10);
|
|
return res.results;
|
|
},
|
|
{ keepPreviousData: true },
|
|
);
|
|
}
|
|
|
|
// ── WS sync helpers ──────────────────────────────
|
|
|
|
export function useMessagesWsSync(ws: WsHook, guildId: string) {
|
|
const { mutate } = useSWRConfig();
|
|
useEffect(() => {
|
|
if (!guildId) return;
|
|
// Patch every message-list key for this guild (all channels + "**filtered**").
|
|
// The updater receives the SWR key so we can honor its channel filter:
|
|
// a live `message_created`/updated for channel B must NOT be prepended to
|
|
// a list that is filtered down to channel A.
|
|
const patchLists = (
|
|
matcher: (key: unknown, msg: { channel_id?: string }) => boolean,
|
|
updater: (old: MessagePage | undefined) => MessagePage | undefined,
|
|
msg: { channel_id?: string },
|
|
) => {
|
|
void mutate(
|
|
(key) =>
|
|
Array.isArray(key) &&
|
|
key[0] === "messages" &&
|
|
key[1] === guildId &&
|
|
matcher(key, msg),
|
|
updater,
|
|
{ revalidate: false },
|
|
);
|
|
};
|
|
// A list key [messages, guildId, channelId] is "channel N" when channelId
|
|
// is a non-empty string and matches the incoming message; "__all__" (or
|
|
// any non-channel) lists accept every message of the guild.
|
|
const matchesFilter = (key: unknown[], msg: { channel_id?: string }) => {
|
|
const channelId = key[2] as string | undefined;
|
|
if (!channelId || channelId === "__all__") return true;
|
|
return msg.channel_id === channelId;
|
|
};
|
|
|
|
const unsub1 = ws.on("message_created", (data) => {
|
|
const msg = data as MessageRecord;
|
|
patchLists(
|
|
(_k, m) => matchesFilter(_k as unknown[], m),
|
|
(old) => (old ? { ...old, data: [msg, ...old.data] } : old),
|
|
msg,
|
|
);
|
|
});
|
|
const unsub2 = ws.on("message_updated", (data) => {
|
|
const msg = data as Partial<MessageRecord> & { id: string };
|
|
// The gateway broadcasts a PARTIAL update ({ id, edited_content,
|
|
// edited_at, ... }) — merge it over the existing record instead of
|
|
// replacing it, or the card would lose username/content/channel/etc.
|
|
patchLists(
|
|
(_k, m) =>
|
|
(m as Partial<MessageRecord>).channel_id === undefined ||
|
|
matchesFilter(_k as unknown[], m),
|
|
(old) =>
|
|
old
|
|
? {
|
|
...old,
|
|
data: old.data.map((m) =>
|
|
m.id === msg.id ? { ...m, ...msg } : m,
|
|
),
|
|
}
|
|
: old,
|
|
msg,
|
|
);
|
|
void mutate(
|
|
msgKeys.detail(msg.id),
|
|
(old: MessageRecord | undefined) => (old ? { ...old, ...msg } : old),
|
|
{ revalidate: false },
|
|
);
|
|
});
|
|
const unsub3 = ws.on("message_deleted", (data) => {
|
|
const { id } = data as { id: string };
|
|
patchLists(
|
|
() => true,
|
|
(old) =>
|
|
old ? { ...old, data: old.data.filter((m) => m.id !== id) } : old,
|
|
{ channel_id: undefined },
|
|
);
|
|
});
|
|
const unsub4 = ws.on("message_analyzed", (data) => {
|
|
const msg = data as MessageRecord;
|
|
// message_analyzed carries the FULL record — replace is fine.
|
|
patchLists(
|
|
(_k, m) => matchesFilter(_k as unknown[], m),
|
|
(old) =>
|
|
old
|
|
? { ...old, data: old.data.map((m) => (m.id === msg.id ? msg : m)) }
|
|
: old,
|
|
msg,
|
|
);
|
|
void mutate(msgKeys.detail(msg.id), msg, { revalidate: false });
|
|
});
|
|
return () => {
|
|
unsub1();
|
|
unsub2();
|
|
unsub3();
|
|
unsub4();
|
|
};
|
|
}, [ws, guildId, mutate]);
|
|
}
|
|
|
|
/**
|
|
* Stream a channel/guild history ONE message per WS frame (no 50-row batch).
|
|
* Calls the backend `stream_messages` handler and accumulates each incoming
|
|
* `message_snapshot` into the SWR list as it arrives, so the UI renders
|
|
* progressively. Falls back to the batched `messagesApi.list` if WS is down.
|
|
*
|
|
* Returns: { streaming, streamed, error }.
|
|
*/
|
|
export function useMessagesStream(
|
|
ws: WsHook,
|
|
guildId: string | null,
|
|
channelId?: string | null,
|
|
) {
|
|
const { mutate } = useSWRConfig();
|
|
const [streaming, setStreaming] = useState(false);
|
|
const [error, setError] = useState(false);
|
|
|
|
useEffect(() => {
|
|
if (!guildId) return;
|
|
let cancelled = false;
|
|
|
|
const key = msgKeys.list(guildId, channelId ?? undefined);
|
|
const unsubSnap = ws.on("message_snapshot", (data) => {
|
|
if (cancelled) return;
|
|
const msg = data as MessageRecord;
|
|
if (channelId && msg.channel_id !== channelId) return;
|
|
if (!channelId && msg.guild_id && msg.guild_id !== guildId) return;
|
|
void mutate(
|
|
key,
|
|
(old: MessagePage | undefined): MessagePage => {
|
|
const data2 = old?.data ?? [];
|
|
if (data2.some((m) => m.id === msg.id))
|
|
return old ?? { data: [], nextCursor: null };
|
|
return { data: [msg, ...data2], nextCursor: old?.nextCursor ?? null };
|
|
},
|
|
{ revalidate: false },
|
|
);
|
|
});
|
|
const unsubEnd = ws.on("message_snapshot_end", (data) => {
|
|
if (cancelled) return;
|
|
const end = data as {
|
|
sent: number;
|
|
nextCursor: string | null;
|
|
error?: boolean;
|
|
};
|
|
setStreaming(false);
|
|
setError(Boolean(end.error));
|
|
// Persist the next-page cursor so "load older" still works after streaming.
|
|
if (end.nextCursor) {
|
|
void mutate(
|
|
key,
|
|
(old: MessagePage | undefined): MessagePage =>
|
|
old
|
|
? { ...old, nextCursor: end.nextCursor }
|
|
: { data: [], nextCursor: end.nextCursor },
|
|
{ revalidate: false },
|
|
);
|
|
}
|
|
});
|
|
|
|
setStreaming(true);
|
|
setError(false);
|
|
ws.sendText(
|
|
JSON.stringify({
|
|
type: "stream_messages",
|
|
payload: { guildId, channelId: channelId ?? undefined, limit: 200 },
|
|
}),
|
|
);
|
|
|
|
return () => {
|
|
cancelled = true;
|
|
unsubSnap();
|
|
unsubEnd();
|
|
};
|
|
}, [ws, guildId, channelId, mutate]);
|
|
|
|
return { streaming, error };
|
|
}
|
|
|
|
export function useMessageActivity(days = 30) {
|
|
return useSWR<MessageActivityBucket[]>(["activity", days], () =>
|
|
messagesApi.getActivity(days),
|
|
);
|
|
}
|