Client-side script for web component developer tools. This package provides the UI and functionality for debugging web components on a page.
This package is designed to be used by build tool plugins (like Vite, Webpack, etc.) to inject developer tools into web applications.
The dev tools accept a configuration object via the global window.__WC_DEVTOOLS_CONFIG__:
interface DevToolsConfig {
position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
}This package builds two outputs:
dist/client.js- IIFE bundle for inline injection into HTMLdist/index.mjs- ESM export for programmatic usage
MIT