🪶 DebugOverlay.js

Powerful JavaScript debugging overlay library

Powerful JavaScript debugging overlay library with AI-powered error suggestions.

Features

✨ Beautiful overlay UI with filtering 🤖 AI-powered error analysis (Gemini API) 💡 Smart error suggestions 📊 Real-time logging 🎯 Works everywhere: Vanilla JS, React, Vue, Next.js 🚀 Zero dependencies 📦 Tiny bundle size

Installation

NPM

npm install debug-overlay-js

CDN

<script src="https://unpkg.com/debug-overlay-js"></script>

Quick Start

Vanilla JavaScript

const debug = new DebugOverlay({
  position: 'bottom-right',
  geminiApiKey: 'YOUR_API_KEY'
});

console.log('Hello World!');
debug.error('Something went wrong');

React

import DebugOverlay from 'debug-overlay-js';
import 'debug-overlay-js/dist/debug-overlay.css';

function App() {
  useEffect(() => {
    const debug = new DebugOverlay();
  }, []);
}

License

MIT © Your Name EOF