astoilkov/console-powers

Craft beautiful browser console messages. Debug & inspect data with elegant outputs. Small & tree-shakable.

👋

Maker

• IntelliBar — OpenAI powered assistant for the Mac
• Nota — Pro writing app designed for local Markdown files
• iBar — Launcher for the web

Writings

• My open-source principles
• Open-source contributors worth sponsoring
• Better npm search proposal
• My kind of company
• Doubt conventions

 

website       twitter       newsletter

console-powers's Issues

publish to npm?

console.message doesn't need to support node.js/iojs (#1) for it to be on npm.

I ask because it's useful to lock down on a certain version, without having to manually downloading the distributables.

Why make console.message a function?

Instead of making console.message() so that you can do console.message().text() why not have it be: console.message.text()?

Glancing at your source code, I believe it'll be a simple change at the end to:

window.console.message = new ConsoleMessage();

groupEnd() does not work correctly

This does not work:

console.message()
    // pass false if you want to create a collapsed group
    .group()
    .text('The group header text')
    .line()
    .text('The group content')
    .groupEnd()
    .print();

console.message()
    // pass false if you want to create a collapsed group
    .group()
    .text('The group header text')
    .line()
    .text('The group content')
    .groupEnd()
    .print();

---

This works:

console.message()
    // pass false if you want to create a collapsed group
    .group()
    .text('The group header text')
    .line()
    .text('The group content')
    .groupEnd()
    .print();

console.groupEnd();

console.message()
    // pass false if you want to create a collapsed group
    .group()
    .text('The group header text')
    .line()
    .text('The group content')
    .groupEnd()
    .print();

.group() documentation is wrong?

The readme.md group() documentation says:

Begins a group. By default the group is expanded. Provide true if you want the group to be collapsed.

The console.message.js says at line 50:

Begins a group. By default the group is expanded. Provide true if you want the group to be collapsed.

But the code says:

type: expanded === false ? 'groupCollapsed' : 'group',

So the documentation should both say Provide false if you want the group to be collapsed, right?

Creating bower package for this

For more info, look into
http://bower.io/docs/creating-packages/

Chrome dev tool no longer support background-image

fyi, Found an issue from console.image. I haven't tested but I think it might affect console.message().image.

Everything after .object() is truncated

Everything after .object() is truncated.

Example:

console.message()
    .text('aaa').object({aaa: 'aaa'})
    .text('bbb').object({bbb: 'bbb'})
    .print()

Output after first .object() is truncated.

.object() should support colored output

Like purdy but with support in the browser.

How to Add href or Link to console.message

Thanks a lot for this console script, but I have an issue.
Anytime I add .element('feedback') to console.message(). It still repeat the same way in the console. How do add a link to it
below is my code:

console.message()
.span({ fontWeight: 'normal'})
.text('Please don't copy-paste something or hack here!', {background: 'red', color: 'white',fontWeight: 'bold',fontSize: 15 })
.element('feedback')
.spanEnd()
.print();

Support for Node.js environment and fallback for printing colors in Terminal/Command prompt

console.message should be installable through npm install console.message and should fallback to printing colors in the Terminal(Mac) and Command Prompt(Windows).

Remove console.message.image method

Browsers do not support the implemented approach any more.

group seems to break in electron

for [email protected]

using:

console.message()
    // pass false if you want to create a collapsed group
    .group()
    .text('The group header text')
    .line()
    .line('The group content')
    .groupEnd()
    .print();