Chrome Pretty Logger

Logger.js

/**
 * Usage
 * const log = Logger.log("LogTitle");
 * const warn = Logger.warn("WarnTitle");
 *
 * log("some test log")
 */
const LogBase = function(prefix, backgroundColor = '#0085ff', textColor = '#ffffff') {
    this.prefix = prefix;
    this.style = `background: ${backgroundColor}; color: ${textColor}; padding:5px 8px 5px 8px; margin-right:4px; border-radius:10px;`;
    return (...params) => console.log(`%c${this.prefix}`, this.style, ...params);
};

const Logger = {
    log  : (prefix) => new LogBase(prefix),
    info : (prefix) => new LogBase(prefix, '#2da25b'),
    warn : (prefix) => new LogBase(prefix, '#ffae42'),
    err  : (prefix) => new LogBase(prefix, '#f04336'),
};

export default Logger;