@dgtgroup/console

In-page browser debug console for web apps.

Installation

npm i @dgtgroup/console

Quick Start

import { Console } from '@dgtgroup/console';

const debugConsole = new Console();

console.log('hello from app');
console.warn('this is a warning');
console.error('this is an error');
console.info('some info');
console.debug('debug details');
console.trace('stack trace example');

Features

• Mirrors console.log, console.error, console.warn, console.info, console.debug, and console.trace into an on-page panel.
• Buffers logs before mount, then flushes when ready.
• Supports log-level filtering (log, info, warn, trace, debug, error).
• Captures global error and unhandledrejection events.
• Keeps a rolling maximum of 500 entries.

Persistence

Restores UI state from localStorage:

• console.minimized
• console.size
• console.filters

Lifecycle

• new Console() mounts one active instance.
• destroy() unmounts and restores original console methods/listeners.

Development

Run Locally

npm run start

Runs TypeScript watchers and a local server for testing.

Build

npm run build

Build steps include syncing CSS into TypeScript first.