[Feature]: Replace chalk dependency with a lighter alternative

[trivikr]

🚀 Feature Proposal

Replace chalk dependency with a lighter alternative

Motivation

Recently, the Ecosystem Performance was formed to cleanup, speedup, levelup the JavaScript Ecosystem.
Socket Security team wrote a blog post about it https://socket.dev/blog/javascript-community-launches-e18e-initiative-to-improve-ecosystem-performance

On the e18e cleanup channel on Discord, multiple solutions are being discussed. One of them is to replace chalk with picocolors.

I see that jest uses chalk

jest/package.json

Line 31 in cce44d7

"chalk": "^4.0.0",

And it's upgrade to chalk@5.x is blocked since it's ESM only #14253 (comment)

Example

No response

Pitch

Replace chalk with a lighter alternative like picocolors.

[SimenB]

Happy to take a PR switching to picocolors (which babel etc. uses) or something else if there are better alternatives 👍

[ishon19]

Hey @SimenB, I would like to work on this issue!

Also, I went through a bunch of relevant npm packages (kleur, colorette, etc.) and I also feel like picocolors would be the best option here, as it beats others in terms of the package size.

[SimenB]

Sweet thanks! Looking forward to it 👍

[sindresorhus]

I recommend reading this: https://github.com/chalk/chalk#why-not-switch-to-a-smaller-coloring-package

[ishon19]

I recommend reading this: https://github.com/chalk/chalk#why-not-switch-to-a-smaller-coloring-package

Thanks for sharing the link @sindresorhus and I agree to a great extent, smaller packages somewhere fall short on providing the range of colors, something which I experienced in the linked draft PR, not to mention the package specific quirks that need to be accommodated on top of that.

[SimenB]

Fair enough, but for jest specifically that probably doesn't apply as much:

• we pull in Babel which has already made the change, so we don't add extra deps
• we're not gonna move to ESM anytime soon, so we're stuck on older versions where the deduplication benefit isn't as good (and will regress as time goes on)

[trivikr]

I would like to work on this issue!

@ishon19 Are you still working on this?

My PR on changesets was just merged and released changesets/changesets#1417, and I don't mind taking this up.

[ishon19]

@ishon19 Are you still working on this?

My PR on changesets was just merged and released changesets/changesets#1417, and I don't mind taking this up.

Hey @trivikr, that's awesome! Sure, you can take this up if you'd like to. I was stuck on the type extraction; the yarn build was failing as API Extractor couldn't extract picocolors type, I created an issue with picocolors too (linked in the draft PR) but haven't received any official response yet.

[trivikr]

linked in the draft PR

My bad. I see that you've already posted PR on Jul 18th which I didn't know about
#15197

Thank you for posting the PR, and following up with the maintainer.

[ishon19]

My bad. I see that you've already posted PR on Jul 18th which I didn't know about #15197

Thank you for posting the PR, and following up with the maintainer.

No problem! Hoping to get a response from the maintainer soon so that we're good to go.

[webdiscus]

Happy to take a PR switching to picocolors (which babel etc. uses) or something else if there are better alternatives 👍

If we are talking about better alternatives, it would be good to study which ones exist and compare them.

Here are comparisons of all most popular alternatives:

• compare features of most popular libraries
• compare package sizes
• benchmarks

P.S.
I think it is also important what changes will be made to the code.
Picocolors is not drop-in replacement, and you will get degradations in code, such as:

-  chalk.bold.red(
-      `The error below may be caused by using the wrong test environment, see ${chalk.dim.underline(
-        'https://jestjs.io/docs/configuration#testenvironment-string',
-      )}.\nConsider using the "${env}" test environment.\n\n`,
+    pico.bold(
+      pico.red(
+        `The error below may be caused by using the wrong test environment, see ${pico.dim(
+          pico.underline(
+            'https://jestjs.io/docs/configuration#testenvironment-string',
+          ),
+        )}.\nConsider using the "${env}" test environment.\n\n`,
+      ),
+    )

The chained syntax is more readable and shorter than nested calls.

Note ansis, it's an alternative, as small as picocolors and has the same functions as chalk.
Ansis and Picocolors, both are recommended by the ES Tooling community.

[alexeyraspopov]

@webdiscus so you just copied the picocolors' replacement algorithm to your library and now walk around talking people into using your library instead? Naughty naughty.