Private
Public Access
ksmithandClaude Sonnet 5
c99a07cae1
MessageImage has no stored original filename, so this relies on a bare `download` attribute (no explicit filename) rather than adding filename support server-side to match the file-attachment pattern -- the image-serving response's existing Content-Type header is already enough for the browser to infer a sensible extension on its own. RoomInfoPanel's Files section reuses the same shared ImageLightbox component, so its image rows get the same download button for free with no separate change needed there. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
DS Chat frontend (Phase 1)
React + Vite PWA. Login, room list, and chat views wired to the backend's
REST API and /ws/chat WebSocket endpoint. See ../README.md
and ../backend/README.md for full local setup.
Dev
npm install
npm run dev
The dev server proxies /api and /ws to http://localhost:8000 (see
vite.config.ts), so the backend must be running for anything beyond the
login page to work.
Build
npm run build
Generates the PWA manifest and service worker via vite-plugin-pwa into dist/.
Layout
src/
main.tsx, App.tsx routes: /login, /rooms, /rooms/:roomId
api/ fetch wrappers (client, auth, rooms)
ws/useChatSocket.ts WebSocket hook (join/send/receive)
context/AuthContext.tsx current-user state, hydrated via GET /api/auth/me
components/ ProtectedRoute, RoomListItem, MessageList, MessageInput
pages/ LoginPage, RoomListPage, ChatRoomPage