Add event bus for live UI updates
Introduces a system for broadcasting real-time events to the web UI. This enables features like automatic page reloads when case data changes in the background, improving the user experience by keeping the UI synchronized with the backend. Key components: - `events` module: Contains the `CaseEventKind` enum, `CaseEvent` struct, and `EventSender` type for managing the broadcast channel. - SSE endpoint (`/web/events`): Streams events to connected browsers. - Client-side JavaScript: Listens for events and triggers debounced page reloads. - Integration points: Workers and route handlers now emit events when relevant state changes occur.
This commit is contained in:
@@ -147,6 +147,22 @@ try {
|
||||
document.documentElement.classList.toggle('admin-view-off', !on);
|
||||
});
|
||||
})();
|
||||
|
||||
// Live-update bus: only events for THIS case trigger a debounced reload.
|
||||
(() => {
|
||||
const MY_CASE_ID = "{{ case_id }}";
|
||||
let timer = null;
|
||||
const scheduleReload = () => {
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(() => location.reload(), 300);
|
||||
};
|
||||
const es = new EventSource('/web/events');
|
||||
es.addEventListener('case', (msg) => {
|
||||
let evt;
|
||||
try { evt = JSON.parse(msg.data); } catch (_) { return; }
|
||||
if (evt.case_id === MY_CASE_ID) scheduleReload();
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user