BeeLadybug 0.4.0 – A Blind, Zero‑Dependency Overlay for Debugging Anything on Screen

Описание и применение

BeeLadybug – универсальный, беззависимый инструмент для отладки, который отделяет логику отладки от кода приложения. Он использует «слепой» ядро и адаптеры для различных сред, позволяя быстро получать визуальные данные о производительности и ошибках.

Задача

Developers repeatedly wrote project‑specific debug code (FPS counters, console logs, red boxes) that had to be rewritten or removed when moving to new projects, causing maintenance overhead and fragility.

Результат

BeeLadybug decouples debugging logic from application code, enabling reusable, zero‑dependency overlays across diverse environments. Developers can quickly add new adapters and gain real‑time insights without modifying the core or build process.

Рабочий процесс

• 1. Install BeeLadybug via npm or import from CDN.
• 2. Create a BeeLadybugCore instance.
• 3. Instantiate the appropriate adapter (CanvasAdapter, WebDOMAdapter, AntAdapter, SpiderAdapter, or PythonBridge).
• 4. Call adapter.attach() to start observing and sending data to the core.
• 5. The core renders an overlay with toggle buttons for each registered adapter.
• 6. Use the overlay to view FPS, mutation‑rate warnings, long tasks, and other telemetry in real time.

Доказательства

Every time I built a new game or a new page, I ended up writing the same throwaway debug code… It always lived inside the project it was debugging…

Источник

The Core is blind. It doesn't know what a "game," a "DOM node," or a "Python process" is. It only knows sendData(type, payload).

Источник

Two purely passive diagnostic modules… AntAdapter – DOM mutation rate tracker… SpiderAdapter – long tasks & slow resources

Источник