Demo app · real OnCatch widget · offline-first PWA

Pulse — an offline-first dashboard.

A Vite + React SPA with a service worker, IndexedDB, and a canvas chart. Toggle Go offline, then file a bug with the OnCatch button (bottom corner) and watch it land in the live triage feed. The service worker is the layer that breaks naive widgets — this proves OnCatch's capture survives it.

QA test plan

System under test: a Vite + React SPA with a service worker + offline-first.

1Watch the canvas chart + table load (Tanstack Query, cached by the SW).
2File a bug — confirm the screenshot captures the canvas chart at fidelity.
3Hit "Go offline" — the SPA keeps working (cached) and queues its own writes.
4Reconnect — the SPA's queued actions flush from IndexedDB (no loss).
5"Break it": serve a stale cached chart, or hit an IndexedDB quota error.
6File a bug right after — the console error rides along in the report.

How it's captured

The widget rasterizes the page with html-to-image and reads the chart <canvas> via toDataURL() (a 2D canvas needs no preserveDrawingBuffer). The capture completes even with the service worker intercepting network.

Note: filing a bug while offline currently fails — the widget has no offline queue yet. Tracked in #456; this demo surfaces the gap.