@arekkusu90/logger v0.0.2

Logger

Getting started

Install the logger as a dependency

$ npm i logger

Import the logger

import Logger from "logger";

Use the logger

import Logger from "logger";

const logger = new Logger();
logger.text("Some").text("blue").style("color: blue").text("text").log();

In the console you should see:

Some blue text

API - Base

expr(vlaue: any): Logger

logger.expr(Math.random());

text(value: string): Logger

logger.text("Random text");

style(value: string): Logger

logger.text("text").style("font-size: 32px; color: red;");

clear(): Logger

logger.text("text").style("font-size: 32px; color: red;").clear();

printDebug(): Logger

logger.text("text").printDebug();

print(method: Function): void

logger.text("text").print(console.log);
logger.text("text").print(console.debug);
logger.text("text").print(console.error);

API - Printers

log(): void

logger.text("text").log();

debug(): void

logger.text("text").debug();

info(): void

logger.text("text").info();

warn(): void

logger.text("text").warn();

error(): void

logger.text("text").error();

group(): void

logger.text("text").group();

groupCollapsed(): void

logger.text("text").groupCollapsed();

groupEnd(): void

logger.text("text").groupEnd();

API - Text

color(color: Color): Logger

logger.text("text").color("red-500");
logger.text("text").color("white");
logger.text("text").color("#F87CD4");
logger.text("text").color("rgb(124, 85, 208)");

size(size: CssUnitValue): Logger

logger.text("text").size(32);
logger.text("text").size("32px");
logger.text("text").size("3em");
logger.text("text").size("1.5rem");
logger.text("text").size("20%");
logger.text("text").size("2vh");

bold(): Logger

logger.text("text").bold();

italic(): Logger

logger.text("text").italic();

underline(style: DecorationStyle = "solid", color: Color = "currentcolor"): Logger

logger.text("text").underline();
logger.text("text").underline("wave");
logger.text("text").underline("solid", "blue-100");
logger.text("text").underline("dashed", "yellow");

overline(style: DecorationStyle = "solid", color: Color = "currentcolor"): Logger

logger.text("text").overline();
logger.text("text").overline("wave");
logger.text("text").overline("solid", "blue-100");
logger.text("text").overline("dashed", "yellow");

strikethrough(style: DecorationStyle = "solid", color: Color = "currentcolor"): Logger

logger.text("text").strikethrough();
logger.text("text").strikethrough("wave");
logger.text("text").strikethrough("solid", "blue-100");
logger.text("text").strikethrough("dashed", "yellow");

uppercase(): Logger

logger.text("text").uppercase();

lowercase(): Logger

logger.text("text").lowercase();

capitalize(): Logger

logger.text("text").capitalize();

textShadow(value: string): Logger

logger.text("text").textShadow("1px 1px 2px red, 0 0 6px blue, 0 0 3px blue");

emphasis(value: string, type: "filled" | "open" = "filled", color: Color = "currentcolor"): Logger

logger.text("text").emphasis("sesame", "filled", "blue-800");
logger.text("text").emphasis("x", "open", "orange");

indent(value: CssUnitValue): Logger

logger.text("text").indent(32);
logger.text("text").indent("32px");
logger.text("text").indent("3em");
logger.text("text").indent("1.5rem");
logger.text("text").indent("20%");
logger.text("text").indent("2vh");

lineHeight(value: string): Logger

logger.text("text").lineHeight(2);
logger.text("text").lineHeight("100%");

space(count: number = 1): Logger

logger.text("text").space();
logger.text("text").space(4);

tab(count: number = 1): Logger

logger.text("text").tab();
logger.text("text").tab(4);

newLine(count: number = 1): Logger

logger.text("text").newLine();
logger.text("text").newLine(4);

API - Background

bgColor(color: Color): Logger

logger.text("text").color("red-500");
logger.text("text").color("white");
logger.text("text").color("#F87CD4");
logger.text("text").color("rgb(124, 85, 208)");

bgGradient(direction: CssGradientLinearDirection, ...colorStopList: CssGradientLinearStop[]): Logger

logger.text("text").bgGradient("to left bottom", "red-300 40%", "yellow-600");

API - Margin & Padding

pt(value: CssUnitValue): Logger

logger.text("text").pt(10);
logger.text("text").pt("1.5em");
logger.text("text").pt("2rem");

pl(value: CssUnitValue): Logger

logger.text("text").pl(10);
logger.text("text").pl("1.5em");
logger.text("text").pl("2rem");

pr(value: CssUnitValue): Logger

logger.text("text").pr(10);
logger.text("text").pr("1.5em");
logger.text("text").pr("2rem");

px(value: CssUnitValue): Logger

logger.text("text").px(10);
logger.text("text").px("1.5em");
logger.text("text").px("2rem");

py(value: CssUnitValue): Logger

logger.text("text").py(10);
logger.text("text").py("1.5em");
logger.text("text").py("2rem");

p(value: CssUnitValue): Logger

logger.text("text").p(10);
logger.text("text").p("1.5em");
logger.text("text").p("2rem");

mt(value: CssUnitValue): Logger

logger.text("text").mt(10);
logger.text("text").mt("1.5em");
logger.text("text").mt("2rem");

mb(value: CssUnitValue): Logger

logger.text("text").mb(10);
logger.text("text").mb("1.5em");
logger.text("text").mb("2rem");

ml(value: CssUnitValue): Logger

logger.text("text").ml(10);
logger.text("text").ml("1.5em");
logger.text("text").ml("2rem");

mr(value: CssUnitValue): Logger

logger.text("text").mr(10);
logger.text("text").mr("1.5em");
logger.text("text").mr("2rem");

mx(value: CssUnitValue): Logger

logger.text("text").mx(10);
logger.text("text").mx("1.5em");
logger.text("text").mx("2rem");

my(value: CssUnitValue): Logger

logger.text("text").my(10);
logger.text("text").my("1.5em");
logger.text("text").my("2rem");

m(value: CssUnitValue): Logger

logger.text("text").m(10);
logger.text("text").m("1.5em");
logger.text("text").m("2rem");

API - Borders

borderTop(value: CssUnitValue, color: Color, type: string = "solid"): Logger

logger.text("text").borderTop(10, "blue");
logger.text("text").borderTop("1.5em", "grey-400");
logger.text("text").borderTop("2rem", "#FF98B8", "dotted");

borderBottom(value: CssUnitValue, color: Color, type: string = "solid"): Logger

logger.text("text").borderBottom(10, "blue");
logger.text("text").borderBottom("1.5em", "grey-400");
logger.text("text").borderBottom("2rem", "#FF98B8", "dotted");

borderLeft(value: CssUnitValue, color: Color, type: string = "solid"): Logger

logger.text("text").borderLeft(10, "blue");
logger.text("text").borderLeft("1.5em", "grey-400");
logger.text("text").borderLeft("2rem", "#FF98B8", "dotted");

borderRight(value: CssUnitValue, color: Color, type: string = "solid"): Logger

logger.text("text").borderRight(10, "blue");
logger.text("text").borderRight("1.5em", "grey-400");
logger.text("text").borderRight("2rem", "#FF98B8", "dotted");

borderY(value: CssUnitValue, color: Color, type: string = "solid"): Logger

logger.text("text").borderY(10, "blue");
logger.text("text").borderY("1.5em", "grey-400");
logger.text("text").borderY("2rem", "#FF98B8", "dotted");

borderX(value: CssUnitValue, color: Color, type: string = "solid"): Logger

logger.text("text").borderX(10, "blue");
logger.text("text").borderX("1.5em", "grey-400");
logger.text("text").borderX("2rem", "#FF98B8", "dotted");

border(value: CssUnitValue, color: Color, type: string = "solid"): Logger

logger.text("text").border(10, "blue");
logger.text("text").border("1.5em", "grey-400");
logger.text("text").border("2rem", "#FF98B8", "dotted");

borderRadius(value: CssUnitValue): Logger

logger.text("text").borderRadius(10);
logger.text("text").borderRadius("1.5em");
logger.text("text").borderRadius("30%");

API - Formats

circle(): Logger

logger.circle().color("red");

badge(): Logger

logger.circle().bgColor("blue-100");

chip(): Logger

logger.circle().bgColor("orange-600");

keyValue(key: string, value: any): Logger

logger.keyValue("key", Math.random());