Reporting Demo

Interactive sandbox simulating the async report generation flow with WebSocket notifications

This interactive demo simulates the full async report generation flow. No real API calls are made — everything is mocked locally in your browser.

Select a report type and format, then click "Generate Report" to see the full lifecycle:

1. Submit a report request to the REST API
2. Connect to the WebSocket for real-time notifications
3. Track progress as the report moves through the queue
4. Download the completed report

What You're Seeing

• Report Generation Flow (left panel) — Each step shows the actual API requests and WebSocket events
• Event Log (right panel) — Raw events as they would arrive, color-coded by type:
  • Blue border — WebSocket progress events (.report.queued, .report.processing)
  • Green border — Completion event (.report.completed)
  • Gray border — REST API requests/responses

Implementing This in Your App

The demo simulates the async-first architecture used by the Reporting Service. See the Reporting Service guide for full implementation details, including:

• WebSocket connection with Pusher JS
• Polling fallback for environments without WebSocket
• Complete ReportClient class example
• Error handling and rate limits

Key Differences from Production