Live Todo List
Tag: todos.list
No todos yet.
Developer Experience
Debug Panel Showcase
The floating DebugPanel widget shows every SSE invalidation event as it arrives — connection status, incoming tags, and how many queries matched. Add a todo and watch the event appear in real time.
What to watch for
- ▶Add a todo — an SSE event appears in the debug panel immediately
- ▶The panel shows the exact tags that were invalidated
- ▶The todo list glows green at the same moment — cause and effect, visible
- ▶Minimise the panel to a floating pill in the bottom-right corner
Connection Status
The green dot means the SSE channel is open. The browser maintains a persistent connection to /api/invalidator/sse and listens for push events.
Event Stream
Each row in the panel is one server-sent event. It shows the invalidated tag names and a relative timestamp. The most recent event appears at the top.
Tag → Query Matching
When an event arrives the runtime scans all active queries for meta.tags matches and refetches only the relevant ones. No polling. No manual wiring.
Raw SSE Payload Log
The exact messages the runtime receives from the server. This is what the floating DebugPanel is based on.
Waiting for events…
SSE Debug (global)
Waiting for invalidation events...
0 events received