Files
WRNexusJS/packages/dev-toolbar
ClintchizandClaude Opus 5 afa2a8c093 chore(deps): move packages to TypeScript 6.0.3
Raises the typescript devDependency across the workspace, bumps package
versions, re-adds ignoreDeprecations, and repoints the @wrnexus registry.

These were pre-existing working-tree changes, committed as-is rather than
authored here. The .npmrc change redirects @wrnexus publishes from
registry.npmjs.org to registry.workroot.in — confirm that is intended
before publishing from this branch.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-18 19:16:34 +05:30
..
2026-08-02 23:18:51 +05:30
2026-07-21 12:30:46 +05:30
2026-08-02 23:18:51 +05:30
2026-07-21 12:30:46 +05:30

@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
  • First-class application tabs for runtime, stores, cache, accessibility, SEO, performance, security, images, links, and JavaScript
  • Plugin-contributed applications with badges, descriptions, issue feeds, and structured data
  • 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.

Plugin panels returned through devToolbarPanels() are automatically added to the application strip. Their issue category is filterable, and structured data is rendered as escaped diagnostic content so a plugin never needs to inject toolbar HTML.