@joroya/inspector

Framework-agnostic debug overlay for Oroya Animate scenes.

A vanilla-DOM panel that mounts over your canvas and shows:

• Hierarchy tree with click-to-select.
• Selected-node inspector — transform values + component list.
• Frame metrics — FPS, avg frame time, max hitch over a rolling window.
• Scene stats — node count, component count by type.

No React / Vue / framework dependency — works on top of any host app.

Install

npm install @joroya/inspector @joroya/core

Usage

import { Inspector } from '@joroya/inspector';

const inspector = new Inspector(scene, { position: 'top-right' });
inspector.attach();

// in your render loop:
function frame(dt) {
    inspector.update(dt);
    renderer.render(dt);
}

// when done:
inspector.detach();

API surface

| Symbol | Stability | |---|---| | Inspector (class) | @public | | FrameMetrics (class) | @public | | collectSceneStats(scene) | @public | | SceneStats (type) | @public |

See the project's API stability policy.

License

MIT