Konsole

🚀 Steroïdize your web browser javascript console.

Install

# npm
npm install @wawawoom/konsole --save
# yarn
yarn add @wawawoom/konsole

Usage

import k from "@wawawoom/konsole";

k.log("hello konsole! ");

Result:

Existing methods (available in console object)

import k from "@wawawoom/konsole";

const payload = {
  a: "a",
  b: "b",
};

k.log(payload, "payload");
k.info(payload, "payload");
k.error(payload, "payload");
k.warn(payload, "payload");

Result:

New methods

import k from "@wawawoom/konsole";

const payload = {
  a: "a",
  b: "b",
};

k.success(payload, "payload");
k.goal(payload, "payload");
k.poo(payload, "payload");
k.puke(payload, "payload");
k.boom(payload, "payload");
k.love(payload, "payload");
k.fire(payload, "payload");
k.bug(payload, "payload");
k.send(payload, "payload");

Result:

Fetch and ASYNC processes

import k from "@wawawoom/konsole";

try {
  const url = "http://mockb in.com/request?foo=bar&foo=baz";
  const headers = {
    Accept: "application/json, text/plain, */*",
    "Content-Type": "application/json",
  };
  k.fetch({ url, headers }, "mockbin with success");
  const get = await fetch(url, { headers });
  const response = await get.json();
  k.fetchSuccess(response);
} catch (error) {
  k.fetchError({ error });
}

Result in case of success :

Result in case of error :

Group logs

import k from "@wawawoom/konsole";

const payload = {
  a: "a",
  b: "b",
};

k.group("Group logs");
k.info(payload, "> 1");
k.error(payload, "> 2");
k.groupEnd();

Result:

Group collapsed logs

import k from "@wawawoom/konsole";

const payload = {
  a: "a",
  b: "b",
};

k.groupCollapsed("Group collapsed logs");
k.info(payload, "> 1");
k.error(payload, "> 2");
k.groupEnd();

Result:

Other available console methods herited from console object

table: (tabularData?: any, properties?: string[] | undefined) => void;
assert: (condition?: boolean | undefined, ...data: any[]) => void;
clear: () => void;
count: (label?: string | undefined) => void;
countReset: (label?: string | undefined) => void;
debug: (message?: any, ...optionalParams: any[]) => void;
dir: (item?: any, options?: any) => void;
dirxml: (...data: any[]) => void;
time: (label?: string | undefined) => void;
timeEnd: (label?: string | undefined) => void;
timeLog: (label?: string | undefined, ...data: any[]) => void;
timeStamp: (label?: string | undefined) => void;
trace: (message?: any, ...optionalParams: any[]) => void;
groupEnd: () => void;