WRNexusJS/packages/dev-toolbar/README.md

@wrnexus/dev-toolbar

Development-only page quality toolbar for WRNexusJS.

Features

• Runtime, resource and unhandled promise error capture
• Accessibility, SEO, image, media, color, HTML, form, link, responsive and security checks
• Performance and network observations
• Element highlighting and issue filtering
• Server-side issue collector
• Development-only asset strings for direct serving by @wrnexus/dev-server
• Safe open-in-editor helper

Dev-server integration

Serve DEV_TOOLBAR_RUNTIME at /__wrnexus/dev-toolbar.js and DEV_TOOLBAR_CSS at /__wrnexus/dev-toolbar.css, then inject this before </body> in development:

<script type="module" src="/__wrnexus/dev-toolbar.js" data-wrnexus-dev-toolbar></script>

The browser runtime exposes window.__wrnexusDevToolbar.