v3: added a chatbox

src/contexts/WSContext.ts

@@ -1,5 +1,6 @@
 import { createContext } from "react";
 import type {
+  ChatMessage,
   Comment,
   Dump,
   Notification,
@@ -58,6 +59,12 @@ export interface WSContextValue {
   lastUserEvent: UserEvent | null;
   unreadNotificationCount: number;
   lastNotification: Notification | null;
+  /** Live buffer of chat messages received this session (capped). */
+  chatMessages: ChatMessage[];
+  /** Ids of chat messages deleted live this session, so fetched history can
+   * filter them out. */
+  deletedChatIds: Set<string>;
+  unreadChatCount: number;
   /** Increments on each WS reconnect so pages can backfill missed events. */
   connectionEpoch: number;
   castVote: (dumpId: string) => void;
@@ -66,6 +73,13 @@ export interface WSContextValue {
   removeCommentLike: (commentId: string) => void;
   injectDump: (dump: Dump) => void;
   clearUnreadNotifications: () => void;
+  sendChatMessage: (body: string) => void;
+  editChatMessage: (id: string, body: string) => void;
+  deleteChatMessage: (id: string) => void;
+  clearUnreadChat: () => void;
+  /** Inform the server whether the chatbox is open (suppresses redundant
+   * mention notifications while the user is reading chat). */
+  setChatOpen: (open: boolean) => void;
 }
 
 export const WSContext = createContext<WSContextValue>({
@@ -87,6 +101,9 @@ export const WSContext = createContext<WSContextValue>({
   lastUserEvent: null,
   unreadNotificationCount: 0,
   lastNotification: null,
+  chatMessages: [],
+  deletedChatIds: new Set(),
+  unreadChatCount: 0,
   connectionEpoch: 0,
   castVote: () => {},
   removeVote: () => {},
@@ -94,4 +111,9 @@ export const WSContext = createContext<WSContextValue>({
   removeCommentLike: () => {},
   injectDump: () => {},
   clearUnreadNotifications: () => {},
+  sendChatMessage: () => {},
+  editChatMessage: () => {},
+  deleteChatMessage: () => {},
+  clearUnreadChat: () => {},
+  setChatOpen: () => {},
 });