perf: replace chalk with picocolors (#659)

timdeschryver · web-flow · commit 707e6471ae33 · 2025-07-26T22:19:51.000+03:00
diff --git a/package.json b/package.json
@@ -82,10 +82,10 @@
   "dependencies": {
     "@adobe/css-tools": "^4.4.0",
     "aria-query": "^5.0.0",
-    "chalk": "^3.0.0",
     "css.escape": "^1.5.1",
     "dom-accessibility-api": "^0.6.3",
     "lodash": "^4.17.21",
+    "picocolors": "^1.1.1",
     "redent": "^3.0.0"
   },
   "devDependencies": {
diff --git a/src/to-have-style.js b/src/to-have-style.js
@@ -1,4 +1,4 @@
-import chalk from 'chalk'
+import pico from 'picocolors'
 import {checkHtmlElement, parseCSS} from './utils'
 
 function getStyleDeclaration(document, css) {
@@ -50,7 +50,7 @@ function expectedDiff(diffFn, expected, computedStyles) {
     )
   const diffOutput = diffFn(printoutStyles(expected), printoutStyles(received))
   // Remove the "+ Received" annotation because this is a one-way diff
-  return diffOutput.replace(`${chalk.red('+ Received')}\n`, '')
+  return diffOutput.replace(`${pico.red('+ Received')}\n`, '')
 }
 
 export function toHaveStyle(htmlElement, css) {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import chalk from 'chalk'`
	`1`	`+import pico from 'picocolors'`
`2`	`2`	`import {checkHtmlElement, parseCSS} from './utils'`
`3`	`3`
`4`	`4`	`function getStyleDeclaration(document, css) {`
`@@ -50,7 +50,7 @@ function expectedDiff(diffFn, expected, computedStyles) {`
`50`	`50`	`)`
`51`	`51`	`const diffOutput = diffFn(printoutStyles(expected), printoutStyles(received))`
`52`	`52`	`// Remove the "+ Received" annotation because this is a one-way diff`
`53`		- return diffOutput.replace(`${chalk.red('+ Received')}\n`, '')
	`53`	+ return diffOutput.replace(`${pico.red('+ Received')}\n`, '')
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`export function toHaveStyle(htmlElement, css) {`