Greasemonkey | Colored Logger

Colored development & debugging logger for Greasemonkey. Drop-in extension for all window.console log methods.

Verzia zo dňa 09.03.2018. Pozri najnovšiu verziu.

Tento skript by nemal byť nainštalovaný priamo. Je to knižnica pre ďalšie skripty, ktorú by mali používať cez meta príkaz // @require https://update.greasyforks.org/scripts/38888/257546/Greasemonkey%20%7C%20Colored%20Logger.js

Spýtať sa otázku, uverejniť recenziu, alebo nahlásiť skript.

Zalomiť riadky

// ==UserScript==
// @name            Greasemonkey | Colored Logger
// @namespace       de.sidneys.greasemonkey
// @homepage        https://gist.githubusercontent.com/sidneys/5d44a978d18a1b91f554b2358406671d/raw/
// @version         4.0.0
// @description     Colored development & debugging logger for Greasemonkey. Drop-in extension for all window.console log methods.
// @author          sidneys
// @icon            https://www.greasespot.net/favicon.ico
// @include         http*://*/*
// @grant           GM_getValue
// @grant           unsafeWindow
// ==/UserScript==

/**
 * Check debug switch
 * @return {Boolean} - Yes/no
 */
let isDebug =  () => GM_getValue('debug');

/**
 * Get log prefix
 * @return {String} - Prefix
 */
let getPrefix =  () => GM_info.script.name;

/**
 * Main reference to original logger
 * @constant
 */
const originalLog = console.log;

/**
 * GMLog
 *
 * @example
 * gmlog.info('message');
 *
 * @example
 * gmlog.error(`Errorcode: ${ERRORCODE}`);
 *
 * @example
 * GM_setValue('debug', true);
 * gmlog.debug(`Only visible in debug`);
 *
 * @global
 */
let GMLog = {
    debug() {
        if (!isDebug()) { return; }

        const color = `rgb(255, 150, 70)`;

        originalLog.call(this, `? %c[${getPrefix()}] %c${Array.from(arguments).join(' ')}`, `font-weight: 600; color: ${color};`, `font-weight: 400; color: ${color};`);
    },
    error() {
        const color = `rgb(220, 0, 30)`;

        originalLog.call(this, `?️ %c[${getPrefix()}] %c${Array.from(arguments).join(' ')}`, `font-weight: 600; color: ${color};`, `font-weight: 400; color: ${color};`);
    },
    info() {
        const color = `rgb(0, 200, 180)`;

        originalLog.call(this, `ℹ️ %c[${getPrefix()}] %c${Array.from(arguments).join(' ')}`, `font-weight: 600; color: ${color};`, `font-weight: 400; color: ${color};`);
    },
    log() {
        const color = `rgb(70, 70, 70)`;

        originalLog.call(this, `✳️ %c[${getPrefix()}] %c${Array.from(arguments).join(' ')}`, `font-weight: 600; color: ${color};`, `font-weight: 400; color: ${color};`);
    },
    warn() {
        const color = `rgb(255, 100, 0)`;

        originalLog.call(this, `⚠️ %c[${getPrefix()}] %c${Array.from(arguments).join(' ')}`, `font-weight: 600; color: ${color};`, `font-weight: 400; color: ${color};`);
    }
};


/**
 * Replace window.console logging methods:
 * debug(), info(), log(), warn(), error()
 */
Object.assign(console, GMLog);