@connectivity-js/devtools ·

Framework-agnostic DevTools panel for connectivity-js. Renders a debug panel into a DOM element showing real-time job queue state.

Note: If you are using React, install @connectivity-js/react-devtools instead — it wraps this package automatically.

Installation

npm install @connectivity-js/devtools

Usage

import { renderConnectivityDevTools } from '@connectivity-js/devtools';
import { getConnectivityClient } from '@connectivity-js/core';

const client = getConnectivityClient();
const container = document.getElementById('devtools')!;

const cleanup = renderConnectivityDevTools(container, client, {
  position: 'bottom-right', // 'bottom-left' | 'bottom-right' (default: 'bottom-right')
  initialOpen: true,        // default: true
});

// Cleanup
cleanup();

Documentation

Full documentation