50 components available

Logs Explorer

October 2024
Login to access the code
A real-time animated stream of log messages with timestamped entries and status-based color coding.
21 Jan 05:28:58
[LOG]
Session was invalidated after timeout
21 Jan 05:28:58
[INFO]
CORS enabled - accepting requests from all origins
21 Jan 05:28:57
[LOG]
Session was invalidated after timeout
21 Jan 05:28:56
[LOG]
WebSocket connection established
21 Jan 05:28:53
[INFO]
CORS enabled - accepting requests from all origins
21 Jan 05:12:13
[LOG]
Generated JWT token for user
21 Jan 04:55:33
[LOG]
Session was invalidated after timeout
21 Jan 04:38:53
[INFO]
CORS enabled - accepting requests from all origins
21 Jan 04:22:13
[INFO]
CORS enabled - accepting requests from all origins
21 Jan 04:05:33
[LOG]
Session was invalidated after timeout
21 Jan 03:48:53
[LOG]
WebSocket connection established
21 Jan 03:32:13
[INFO]
CORS enabled - accepting requests from all origins
21 Jan 03:15:33
[ERROR]
Failed to connect to database
21 Jan 02:58:53
[INFO]
Bluetooth services started successfully
Playground
() => {
  const LOG_LEVELS = {
    LOG: [
      'WebSocket connection established',
      'Generated JWT token for user',
      'Session was invalidated after timeout',
      'Sendgrid welcome email sent',
    ],
    INFO: [
      'Application listening on port 5000',
      'CORS enabled - accepting requests from all origins',
      'Bluetooth services started successfully',
      'Module dependencies initialized (+32ms)',
    ],
    ERROR: [
      'Failed to connect to database',
      'Failed to fetch data from /api/v1/items',
    ],
  };

  return <LogsExplorer logs={LOG_LEVELS} />
};

Installation

Whoops, hang on for a sec
You don't have access to view this resource

API Props

PropTypeDefault
logs
[level: string]: string[]
{}