[FEATURE] Support browser environment

[KrystilizeNevaDies]

Feature request

Support ansis in the browser.

What is motivation or use case for adding/changing the behavior?

I'd like the be able to use ansis as a cross platform solution for terminal coloring.

Describe the solution you'd like

Do a best-effort detection of color support in the browser's console, and enable ansi codes if supported.
This feature request does not include inline html rendering. This would require a separate feature request given this feature is implemented.

Describe alternatives you've considered

The only current viable alternative is to use another library such as chalk.

Appreciation for the useful project

• After the feature is implemented, do not forget to give a star ⭐

[KrystilizeNevaDies]

I wouldn't be opposed to helping implement the feature, I'm just not personally a fan of opinionated contribution guidelines.

[webdiscus]

Hello @KrystilizeNevaDies,

thanks for the feature request!

I know that Chrome supports ANSI codes in the browser console.
And I have been planning to add it for a long time. But...

Ansis is focused on small size. This is its key feature.

Currently, Ansis and Picocolors are competing for using in popular significant projects.

The size of the Ansis package (6.76 kB) is almost the same as that of Picocolors (6.37 kB).
The fight is for every 10 bytes, because the package size is fundamentally important for many maintainers.

Adding browser support will increase the package size, which will significantly reduce the competitiveness of Ansis compared to Picocolors.

Sorry, but I won't be adding new features at the moment. Maybe later...

P.S. If you need the supporting ANSI codes in the browser console, you can use Chalk.

[webdiscus]

@KrystilizeNevaDies

The issue #30 is converted to the discussion.

[KrystilizeNevaDies]

I understand that the package size is integral to some users, and one solution is to support extra features in supporting optional packages.
The base ansis package needs minimal changes (if any), if instead you add multi-platform support in an additional npm package e.g. 'ansis-multiplatform', the base ansis package can stay the same size.

[KrystilizeNevaDies]

@webdiscus forgot to ping you

[webdiscus]

@KrystilizeNevaDies

This is just Node.js package.
As I mentioned above, at the moment I do not plan to add any new features or create an additional package.

[webdiscus]

@KrystilizeNevaDies,

In next version I will add browser detection to allow ANSI codes for chromium browsers.

[webdiscus]

@KrystilizeNevaDies

New v3.14.0 supports now the Chromium-based browsers.
I have testet truecolor output in consoles of Chrome, Opera, Brave and Vivaldi.

[KrystilizeNevaDies]

Thanks for the quick implementation <3