hobokenchicken
bb5a56816b
Backend: - WebSocket gateway (hub, client, events) with fanout broadcast - Server CRUD handlers (create, list, get, update, delete) - Channel CRUD handlers (create, list, get, update, delete) - Message CRUD handlers (list with cursor pagination, create, update, delete) - cmd/migrate standalone migration CLI (up/down) - cmd/server wired to all handlers + WebSocket + static file serving Frontend: - Zustand stores: auth, server, channel, message, websocket - API client with fetch wrapper - Terminal-styled components: Layout, LoginForm, ChatArea, ChannelList, ServerBar, MemberList - React Router with login and main routes - Gruvbox dark palette throughout Ops: - Docker Compose with app service (multi-stage build) - Caddyfile with WebSocket upgrade support - Makefile for common tasks
61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
import { create } from 'zustand';
|
|
import { api } from '../lib/api.ts';
|
|
|
|
export interface Server {
|
|
id: string;
|
|
name: string;
|
|
icon: string | null;
|
|
ownerId: string;
|
|
unread?: boolean;
|
|
}
|
|
|
|
interface ServerState {
|
|
servers: Server[];
|
|
activeServerId: string | null;
|
|
isLoading: boolean;
|
|
error: string | null;
|
|
fetchServers: () => Promise<void>;
|
|
setActiveServer: (id: string | null) => void;
|
|
addServer: (server: Server) => void;
|
|
updateServer: (server: Server) => void;
|
|
removeServer: (id: string) => void;
|
|
}
|
|
|
|
export const useServerStore = create<ServerState>((set) => ({
|
|
servers: [],
|
|
activeServerId: null,
|
|
isLoading: false,
|
|
error: null,
|
|
|
|
fetchServers: async () => {
|
|
set({ isLoading: true, error: null });
|
|
try {
|
|
const servers = await api.get<Server[]>('/servers');
|
|
set({ servers, isLoading: false });
|
|
} catch (error) {
|
|
set({
|
|
isLoading: false,
|
|
error: error instanceof Error ? error.message : 'Failed to fetch servers',
|
|
});
|
|
}
|
|
},
|
|
|
|
setActiveServer: (id) => set({ activeServerId: id }),
|
|
|
|
addServer: (server) =>
|
|
set((state) => ({
|
|
servers: [...state.servers, server],
|
|
})),
|
|
|
|
updateServer: (server) =>
|
|
set((state) => ({
|
|
servers: state.servers.map((s) => (s.id === server.id ? server : s)),
|
|
})),
|
|
|
|
removeServer: (id) =>
|
|
set((state) => ({
|
|
servers: state.servers.filter((s) => s.id !== id),
|
|
activeServerId: state.activeServerId === id ? null : state.activeServerId,
|
|
})),
|
|
}));
|