1j01 / simple-console Goto Github PK

I can find the option to toggle the dark mode in README file. Thank you.

See also:

• http://sdether.github.io/josh.js/quakeconsole.html (note: doesn't work with Ctrl+`, no Esc to exit)
• https://stackoverflow.com/questions/5873187/quake-like-console-in-javascript-and-jquery-if-it-can-help (could post a solution there)

Today I wrote a super simple console logger that embeds in my webapp (not yet published) because I got tired of making calls to the real console and opening it. Sometimes you just need the very basics. I call it microconsole. If you like the name you are welcome to it. It's really just an output box with very limited functionality. Then a thought came to me. I wonder if others have thought of this so I did a google search and there was surprising number of them out there.

More on my microconsole. It only accepts inputs via a function. The input function which I call microlog(...args) takes full advantage of functional programming with rest/spread operators. That is really helpful. Anyway I just wanted to say that I may embed your console in my page or at the very least examine it to see how the gears turn. Good luck I will definitely bookmark this.

When you hit enter, your input is logged to the output, including a chevron, but the chevron ends up one or two pixels offset from where the original chevron was.

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

also make sure the aria-label doesn't get read redundantly with title, and maybe make the dark mode toggle button built in by default (but optional, particularly for making the dark mode toggle global to an overarching application)

Do not want 100%, and if I lower that value doesn't display. Is this in the CSS?

The CSS uses some generic selectors like error and success that are likely to conflict.

Possible solutions:

• Prefix all selectors (currently some of them are prefixed with simple-console- and others are not)
• Make the library into a Web Component so styles can be scoped to the Shadow DOM

Scoping selectors to .simple-console * (as opposed to prefixing the classes) is not an option, at least for .dark and .light, which are user-applied classes which should work applying them outside of .simple-console; and those are also part of the API currently, whereas other selectors are not, so maybe they should stay unprefixed.

Messages should have min-height of probably 1em, so that if you enter just whitespace they don't get squished up and mess up the layout.

Noticing this with Ooplie's console. Less noticeable with the simple-console demo because it outputs "undefined" in that case.

Hi,

I wished there was a success function beside log/warn/error, similar to warn and error but with a green background.

Thanks for the library it does a nice job.

I don't have experience with web components, but I think this project should be an ideal candidate for being a web component.

Hi,

It would be cool to have the ability to hide the input so that it just acts as an output console. I used your library and hid the input with css, it does the job but a function/option in the API to do so would be really cool.