js-pretty-logger 🎨

A Simple beaultiful to read console logger

Usage

First off all, you need to set the localStorage key showConsole. This was made to avoid some users of seeing these infos into console by default.

localStorage.setItem('showConsole', 'true');

Then just import and use:

// CommonJS
const logger = require('console-logger');
logger('AuthGuard', 'User login initialized', { type: 'info' });
 
//ES6
import logger from 'js-pretty-logger';
logger('AuthGuard', 'User login initialized', { type: 'info' });

11:53:08 AuthGuard • Initialized

Options

Examples

All color options

logger('AuthGuard', 'User login initialized', { type: 'default' });
logger('AuthGuard', 'Searching for user...', { type: 'info' });
logger('AuthGuard', 'User not found!', { type: 'danger' });
logger('AuthGuard', 'User found!', { type: 'success' });
logger('AuthGuard', 'User password will expire soon', { type: 'warn' });

Detailed time

logger('AuthGuard', 'User password will expire soon', { isDetailed: true });

Pro-tip 💡

Create methods inside yout code to abstract params:

// socket_middleware.js
import logger from 'js-pretty-logger';
 
// create a method to abstract title and type
const logIntoConsole = (message, type) => {
    logger('SocketMiddleware', message, {type: type});
}
 
// then use in yout code!
const onConnect = () => {
    logIntoConsole('Connected!', 'success');
}
 
const onError = () => {
    logIntoConsole('Failed to connect', 'danger');
}