vite-plugin-monitorAutomatic User Interaction Tracking

Real-Time Dashboard & File Logging for Vite — zero application code changes required.

🔍

Automatic Trackers

Capture clicks, HTTP requests, unhandled errors, navigation events, and console output — all with a single plugin entry in vite.config.ts.

📊

Built-in Dashboard

A framework-free Vanilla TypeScript SPA with KPI cards, charts, top lists, event table, and time-range filtering. Isolated in Shadow DOM, no dependencies.

🗄️

Flexible Storage

Four storage modes cover every scenario — middleware (dev), standalone (separate port), HTTP (production REST), and WebSocket (single persistent connection).

🔬

Debug Overlay

A floating, drag-and-drop widget showing user ID, session ID, route, viewport, and a direct link to the dashboard. Toggled with Alt+T.

🛡️

Security by Default

Sensitive headers (Authorization, Cookie, Set-Cookie) and body keys (password, token, card, cvv) are always redacted before logging — configurable but cannot be disabled.

⚡

Zero Overhead

All file I/O is delegated to a dedicated worker_threads worker. Client-side batching, beacon-based flush on unload, and configurable level filtering minimize impact.