Skip to content
MSW Panel

Status and next steps

Current status

Section titled “Current status”

msw-panel is published on npm and in active development under v0. The API is stabilising but may have minor breaking changes between minor versions while the package surface settles.

The React panel is the primary supported UI. It works with MSW’s browser worker (setupWorker) and is safe to use in your dev setup.

Known limitations

Section titled “Known limitations”
  • Runtime-added handlers require a manual controller.sync() call to appear in the panel.
  • Handler labels are richest for HTTP and GraphQL handlers.
  • The remote bridge examples assume the relay is already reachable (no reconnect/backoff yet).
  • panelSide supports "top" and "bottom" only — left/right expansion is not yet implemented.

Planned

Section titled “Planned”
  1. Framework adapters — first-party Vue and Svelte panel UIs. Track Vue adapter (#4) and Svelte adapter (#5).
  2. Auto-sync — lifecycle hooks so runtime-added handlers appear without a manual sync().
  3. Integration tests — browser-level tests covering real request fallthrough when a handler is toggled off.
  4. Remote bridge reconnect — backoff and reconnect logic for the WebSocket transport.
  5. panelSide left/right — horizontal panel expansion for the floating panel.

Under consideration

Section titled “Under consideration”

Reactions and comments on these issue threads help determine priority.