chore: replace chalk with ansis (#6572)

We use ansis elsewhere in the Netlify stack, so we should probably do the same
here. ansis is also smaller and faster.

Co-authored-by: Mateusz Bocian <[email protected]>

Author: 43081j

package-lock.json

@@ -79,7 +79,7 @@
     "@netlify/zip-it-and-ship-it": "14.1.0",
     "@sindresorhus/slugify": "^2.0.0",
     "ansi-escapes": "^7.0.0",
-    "chalk": "^5.0.0",
+    "ansis": "^4.1.0",
     "clean-stack": "^5.0.0",
     "execa": "^8.0.0",
     "fdir": "^6.0.1",

packages/build/package.json

@@ -1,28 +1,28 @@
-import chalk from 'chalk'
+import * as colors from 'ansis'
 
 /**
- * Color theme. Please use this instead of requiring chalk directly,
+ * Color theme. Please use this instead of requiring ansis directly,
  * to ensure consistent colors.
  */
 export const THEME = {
   // Main headers
-  header: chalk.cyanBright.bold,
+  header: colors.cyanBright.bold,
   // Single lines used as sub-headers
-  subHeader: chalk.cyan.bold,
+  subHeader: colors.cyan.bold,
   // One of several words that should be highlighted inside a line
-  highlightWords: chalk.cyan,
+  highlightWords: colors.cyan,
   // Same for errors
-  errorHeader: chalk.redBright.bold,
-  errorSubHeader: chalk.red.bold,
-  errorLine: chalk.redBright,
-  errorHighlightWords: chalk.redBright.bold,
+  errorHeader: colors.redBright.bold,
+  errorSubHeader: colors.red.bold,
+  errorLine: colors.redBright,
+  errorHighlightWords: colors.redBright.bold,
   // Same for warnings
-  warningHeader: chalk.yellowBright.bold,
-  warningSubHeader: chalk.yellow.bold,
-  warningLine: chalk.yellowBright,
-  warningHighlightWords: chalk.yellowBright.bold,
+  warningHeader: colors.yellowBright.bold,
+  warningSubHeader: colors.yellow.bold,
+  warningLine: colors.yellowBright,
+  warningHighlightWords: colors.yellowBright.bold,
   // One of several words that should be dimmed inside a line
-  dimWords: chalk.gray,
+  dimWords: colors.gray,
   // No colors
   none: (string) => string,
 }

packages/build/src/log/theme.ts

@@ -1,5 +1,5 @@
-import chalk from 'chalk'
+import * as colors from 'ansis'
 
 export const onPreBuild = function () {
-  console.log(chalk.red('onPreBuild'))
+  console.log(colors.red('onPreBuild'))
 }

packages/build/tests/log/fixtures/child/plugin.js

@@ -1,6 +1,6 @@
 import { Fixture, normalizeOutput } from '@netlify/testing'
+import * as colors from 'ansis'
 import test from 'ava'
-import chalk from 'chalk'
 import hasAnsi from 'has-ansi'
 
 test('Colors in parent process', async (t) => {
@@ -13,7 +13,7 @@ test('Colors in parent process', async (t) => {
 
 test('Colors in child process', async (t) => {
   const { output } = await new Fixture('./fixtures/child').withEnv({ FORCE_COLOR: '1' }).runBuildBinary()
-  t.true(output.includes(chalk.red('onPreBuild')))
+  t.true(output.includes(colors.red('onPreBuild')))
 })
 
 test('Netlify CI', async (t) => {

packages/build/tests/log/tests.js

@@ -1,5 +1,5 @@
-import chalk from 'chalk'
+import * as colors from 'ansis'
 
 export const onPreBuild = function () {
-  throw new Error(chalk.red('ColorTest'))
+  throw new Error(colors.red('ColorTest'))
 }

packages/build/tests/monitor/fixtures/colors/plugin.js

@@ -1,9 +1,9 @@
-import chalk from 'chalk'
+import * as colors from 'ansis'
 
 export const onBuild = function ({
   utils: {
     status: { show },
   },
 }) {
-  show({ summary: chalk.red('summary') })
+  show({ summary: colors.red('summary') })
 }