feat: migrate Leptos frontend to Next.js 16 (React 19)

Complete migration from services/frontend.old/ (Leptos 0.7 WASM + Rust) to services/frontend/ (Next.js 16 static export + TypeScript + Tailwind v4). Summary: - Port all shared types (message, guild, voice, media, dashboard, recording, ui) - Build fetch-based API client covering all 30+ backend endpoints - WebSocket client with auto-reconnect (exponential backoff, 20 attempts) - React context provider for WS with typed event subscription (22 event types) - Login page with localStorage auth + auto-redirect - Dashboard layout with sidebar, header (WS status + theme toggle) - Messages: feed, search, images tab, review tab, channel filter, detail modal - Live: voice connection, music player, recordings, mic transmit, active speakers - Dashboard: stats, user list, channel list, detail views - Mascot chatbot with history + clear - uiStateApi persistence for selected tab - Add static export config, update deploy scripts and CI
2026-07-26 11:27:21 +07:00
parent cbbe939fad
commit 5e01ec0806
165 changed files with 5035 additions and 16410 deletions
@@ -0,0 +1,76 @@
+import type { AttachmentRecord, MessageRecord } from "@/lib/types";
+import { api } from "./client";
+
+export const messagesApi = {
+  list: (
+    guildId: string,
+    limit?: number,
+    channelId?: string,
+    cursor?: string,
+  ) => {
+    const params = new URLSearchParams({ guildId });
+    if (limit) params.set("limit", String(limit));
+    if (channelId) params.set("channelId", channelId);
+    if (cursor) params.set("cursor", cursor);
+    return api.get<{ data: MessageRecord[]; nextCursor: string | null }>(
+      `/api/messages?${params}`,
+    );
+  },
+
+  getByChannel: (channelId: string, limit?: number, cursor?: string) => {
+    const params = new URLSearchParams();
+    if (limit) params.set("limit", String(limit));
+    if (cursor) params.set("cursor", cursor);
+    const qs = params.toString();
+    return api.get<{ data: MessageRecord[]; nextCursor: string | null }>(
+      `/api/messages/${channelId}${qs ? `?${qs}` : ""}`,
+    );
+  },
+
+  getDetail: (id: string) =>
+    api.get<MessageRecord>(`/api/messages/detail/${id}`),
+
+  getImages: (guildId: string, limit?: number) => {
+    const params = new URLSearchParams({ guildId });
+    if (limit) params.set("limit", String(limit));
+    return api.get<{ data: MessageRecord[]; nextCursor: string | null }>(
+      `/api/messages/images?${params}`,
+    );
+  },
+
+  getAttachments: (channelId: string, limit?: number, cursor?: string) => {
+    const params = new URLSearchParams();
+    if (limit) params.set("limit", String(limit));
+    if (cursor) params.set("cursor", cursor);
+    const qs = params.toString();
+    return api.get<{ data: AttachmentRecord[]; nextCursor: string | null }>(
+      `/api/messages/${channelId}/attachments${qs ? `?${qs}` : ""}`,
+    );
+  },
+
+  getReview: (limit?: number, channelId?: string) => {
+    const params = new URLSearchParams();
+    if (limit) params.set("limit", String(limit));
+    if (channelId) params.set("channelId", channelId);
+    return api.get<{ results: MessageRecord[]; limit: number; cursor: null }>(
+      `/api/review?${params}`,
+    );
+  },
+
+  reanalyze: (id: string) =>
+    api.post<{ ok: boolean }>(`/api/messages/${id}/reanalyze`, {}),
+
+  reanalyzeBatch: (guildId?: string, channelId?: string) =>
+    api.post<{ ok: boolean; count: number }>("/api/messages/reanalyze-batch", {
+      guildId,
+      channelId,
+    }),
+
+  search: (query: string, limit?: number) => {
+    const params = new URLSearchParams({ q: query });
+    if (limit) params.set("limit", String(limit));
+    return api.get<{ results: MessageRecord[] }>(
+      `/api/analysis/search?${params}`,
+    );
+  },
+};