DevTools

svelte-realtime includes a DevTools panel for inspecting live connections, RPC calls, and stream subscriptions in the browser.

Setup

import { devtools } from 'svelte-realtime/devtools';

// Enable in development only
if (import.meta.env.DEV) {
  devtools();
}

What you can see

• Active WebSocket connection state
• All RPC calls with timing, arguments, and responses
• Active stream subscriptions and their current values
• Published events flowing through topics
• Connection/reconnection events