JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Console.message

    Console messages for cool kids
    Filed under  › 

    • 🔾30%Overall
    • 763
    • 35.5 days
    • 🕩18
    • 👥6

    console-powers

    Console messages for cool kinds

    Examples

    import { consolePrint, consoleText } from 'console-powers'
    
    consolePrint(
        consoleText('Cool kids', {
            fontSize: 200,
            color: 'hsl(330, 100%, 50%)',
            textShadow: '0 2px 0 hsl(330, 100%, 25%), 0 3px 2px hsla(330, 100%, 15%, 0.5), /* next */ 0 3px 0 hsl(350, 100%, 50%), 0 5px 0 hsl(350, 100%, 25%), 0 6px 2px hsla(350, 100%, 15%, 0.5), /* next */ 0 6px 0 hsl(20, 100%, 50%), 0 8px 0 hsl(20, 100%, 25%), 0 9px 2px hsla(20, 100%, 15%, 0.5), /* next */ 0 9px 0 hsl(50, 100%, 50%), 0 11px 0 hsl(50, 100%, 25%), 0 12px 2px hsla(50, 100%, 15%, 0.5), /* next */ 0 12px 0 hsl(70, 100%, 50%), 0 14px 0 hsl(70, 100%, 25%), 0 15px 2px hsla(70, 100%, 15%, 0.5), /* next */ 0 15px 0 hsl(90, 100%, 50%), 0 17px 0 hsl(90, 100%, 25%), 0 17px 2px hsla(90, 100%, 15%, 0.5)',
        })
    )
    
    import { consolePrint, consoleText } from 'console-powers'
    
    consolePrint([
        consoleText("Arguments mismatch:", { background: "yellow" }),
        consoleText(" "),
        consoleText("addTodo(", { background: "#eee" }),
        consoleText(" ? ", { background: "red", color: "white" }),
        consoleText(")", { background: "#eee" }),
        consoleText(" - "),
        consoleText("less arguments than the required specified", {
            color: "red",
        }),
    ]);
    

    API

    consolePrint(messages: ConsoleMessage[])

    Prints the provided messages to the console.

    consoleText(text: string, style?: ConsoleStyle)

    consoleObject(object: object)

    An object, class, HTML element. It shows a preview of the object and an option to expand it to see it's properties (the same thing as doing console.log(element) for example).

    consoleGroup(options)

    consolePrint(consoleGroup({
        expanded: false, // default "false"
        header: 'Expand me',
        body: 'Here I am'
    }))
    

    consoleLine()

    Flushes everything up until now and starts a new console.log() line.

    ConsoleStyle

    Show All