Phase 1 MVP: gateway, CRUD handlers, frontend components

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
2026-06-26 14:47:29 -04:00
parent aa7854aee2
commit bb5a56816b
32 changed files with 2310 additions and 339 deletions
@@ -0,0 +1,93 @@
+import { create } from 'zustand';
+import { api } from '../lib/api.ts';
+
+export type UserStatus = 'online' | 'idle' | 'dnd' | 'offline';
+
+export interface User {
+  id: string;
+  username: string;
+  displayName: string;
+  email: string;
+  avatar: string | null;
+  status: UserStatus;
+}
+
+interface AuthState {
+  user: User | null;
+  isAuthenticated: boolean;
+  isLoading: boolean;
+  error: string | null;
+  login: (email: string, password: string) => Promise<void>;
+  register: (email: string, username: string, password: string) => Promise<void>;
+  logout: () => Promise<void>;
+  fetchMe: () => Promise<void>;
+  clearError: () => void;
+}
+
+export const useAuthStore = create<AuthState>((set) => ({
+  user: null,
+  isAuthenticated: false,
+  isLoading: false,
+  error: null,
+
+  login: async (email, password) => {
+    set({ isLoading: true, error: null });
+    try {
+      await api.post('/auth/login/password', { email, password });
+      const user = await api.get<User>('/auth/me');
+      set({ user, isAuthenticated: true, isLoading: false });
+    } catch (error) {
+      set({
+        isLoading: false,
+        error: error instanceof Error ? error.message : 'Login failed',
+      });
+      throw error;
+    }
+  },
+
+  register: async (email, username, password) => {
+    set({ isLoading: true, error: null });
+    try {
+      await api.post('/auth/register', { email, username, password });
+      const user = await api.get<User>('/auth/me');
+      set({ user, isAuthenticated: true, isLoading: false });
+    } catch (error) {
+      set({
+        isLoading: false,
+        error: error instanceof Error ? error.message : 'Registration failed',
+      });
+      throw error;
+    }
+  },
+
+  logout: async () => {
+    set({ isLoading: true, error: null });
+    try {
+      await api.post('/auth/logout');
+      set({ user: null, isAuthenticated: false, isLoading: false });
+    } catch (error) {
+      set({
+        isLoading: false,
+        error: error instanceof Error ? error.message : 'Logout failed',
+      });
+      throw error;
+    }
+  },
+
+  fetchMe: async () => {
+    set({ isLoading: true, error: null });
+    try {
+      const user = await api.get<User>('/auth/me');
+      set({ user, isAuthenticated: true, isLoading: false });
+    } catch (error) {
+      set({
+        user: null,
+        isAuthenticated: false,
+        isLoading: false,
+        error: error instanceof Error ? error.message : 'Failed to fetch user',
+      });
+    }
+  },
+
+  clearError: () => set({ error: null }),
+}));