CUB-135: Subscribe to SSE in React and update UI #45

Open
Otto wants to merge 1 commits from agent/rex/CUB-135-sse-react-ui into dev
Owner

Closes CUB-135

What

  • Create useSSE hook that connects to GET /api/events
  • Parse printer.status, job.started, job.completed, filament.low events
  • Update React Query cache in-place for instant UI feedback
  • Toast notifications for job started / completed / low filament
  • Reconnect on connection drop with exponential backoff + jitter
  • PrinterStatusBadge component for live printer status

Validation

  • npm run build — PASS (tsc + vite build, 0 errors)
Closes CUB-135 ## What - Create `useSSE` hook that connects to `GET /api/events` - Parse `printer.status`, `job.started`, `job.completed`, `filament.low` events - Update React Query cache in-place for instant UI feedback - Toast notifications for job started / completed / low filament - Reconnect on connection drop with exponential backoff + jitter - `PrinterStatusBadge` component for live printer status ## Validation - `npm run build` — PASS (tsc + vite build, 0 errors)
Otto added 1 commit 2026-05-09 18:10:09 -04:00
CUB-135: Subscribe to SSE in React and update UI
All checks were successful
Dev Build / build-test (pull_request) Successful in 2m26s
f94d807f0f
Otto reviewed 2026-05-12 15:55:08 -04:00
Otto left a comment
Author
Owner

Approved by Otto — all checks pass.

Approved by Otto — all checks pass.
All checks were successful
Dev Build / build-test (pull_request) Successful in 2m26s
This pull request has changes conflicting with the target branch.
  • frontend/src/App.tsx
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin agent/rex/CUB-135-sse-react-ui:agent/rex/CUB-135-sse-react-ui
git checkout agent/rex/CUB-135-sse-react-ui
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Extrudex#45