devtools-event-client

You create a typed event bus by defining an Event Map and instantiating the singleton EventClient. This provides a typed communication layer using emit/on APIs to connect application code directly to TanStack DevTools panels.

Yes, the event client is framework-agnostic and works across React, Vue, Solid, Preact, and vanilla JS. It provides a singleton pattern for instrumenting application events regardless of the rendering framework used.

The event client implements SSR fallbacks and lazy connection with retries to handle initial connection failures. It also features event queuing, ensuring events emitted before the connection is established are not lost.

You emit and listen to events by using the client's emit and on APIs with a specified pluginId. This typed layer allows you to send and receive debugging and instrumentation data directly from your application to the devtools panels.

The best way to manage the connection lifecycle is through the configurable EventClient singleton. It supports lazy connections, automatic retries, event queuing, and allows you to disable the connection when instrumentation is no longer needed.