Greasemonkey | Colored Logger

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

Version vom 09.03.2018. Aktuellste Version

Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greasyforks.org/scripts/38888/257546/Greasemonkey%20%7C%20Colored%20Logger.js

Stellen Sie eine Frage, veröffentlichen Sie eine Bewertung oder melden Sie das Skript.

Wrap lines

// ==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);