refactor: drop chalk usages in favor of built-in util.styleText

josephperrott · josephperrott · commit 53226c63d6f5 · 2025-11-19T15:38:15.000Z
diff --git a/.github/local-actions/branch-manager/main.js b/.github/local-actions/branch-manager/main.js
diff --git a/bazel/api-golden/index_npm_packages.cts b/bazel/api-golden/index_npm_packages.cts
@@ -13,6 +13,7 @@ import {readFileSync} from 'fs';
 import {testApiGolden} from './test_api_report.js';
 import * as fs from 'fs';
 import {Piscina} from 'piscina';
+import {styleText} from 'util';
 
 /** Interface describing contents of a `package.json`. */
 export interface PackageJson {
@@ -36,9 +37,8 @@ async function main(
 ) {
   /** Whether the goldenDir provided is actually pointing to a single file. */
   const singleFileMode = fs.existsSync(goldenDir) && fs.statSync(goldenDir).isFile();
-  // TODO(ESM) This can be replaced with an actual ESM import when `ts_library` is
-  // guaranteed to be ESM-only and supports the `mts` extension.
-  const chalk = {red: (v: string) => v, yellow: (v: string) => v};
+  const red = styleText.bind(null, 'red');
+  const yellow = styleText.bind(null, 'yellow');
 
   const packageJsonPath = path.join(npmPackageDir, 'package.json');
   const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8')) as PackageJson;
@@ -124,16 +124,16 @@ async function main(
     console.error(Array(80).fill('=').join(''));
     if (singleFileMode) {
       console.error(
-        chalk.red(
+        red(
           `The golden is out of date and can be updated by running:\n  - bazel run ${process.env.TEST_TARGET}.accept`,
         ),
       );
     } else {
-      console.error(chalk.red(`The following goldens are outdated:`));
+      console.error(red(`The following goldens are outdated:`));
       outdatedGoldens.forEach((name) => console.info(`-  ${name}`));
       console.info();
       console.info(
-        chalk.yellow(
+        yellow(
           `The goldens can be updated by running:\n  - bazel run ${process.env.TEST_TARGET}.accept`,
         ),
       );
diff --git a/bazel/integration/test_runner/BUILD.bazel b/bazel/integration/test_runner/BUILD.bazel
@@ -9,7 +9,6 @@ ts_project(
     tsconfig = "//bazel:tsconfig",
     deps = [
         "//bazel:node_modules/@types/node",
-        "//bazel:node_modules/chalk",
         "//bazel:node_modules/tinyglobby",
         "//bazel:node_modules/true-case-path",
     ],
diff --git a/bazel/integration/test_runner/size-tracking.mts b/bazel/integration/test_runner/size-tracking.mts
@@ -7,15 +7,16 @@
  */
 
 import {runCommandInChildProcess} from './process_utils.mjs';
+import {styleText} from 'node:util';
 import {existsSync} from 'node:fs';
 import fs from 'node:fs/promises';
 import path from 'node:path';
-import chalk from 'chalk';
 import {debug} from './debug.mjs';
 import {globSync} from 'tinyglobby';
 
-// Convience access to chalk colors.
-const {red, green} = chalk;
+// Convience access to colors.
+export const red = styleText.bind(null, 'red');
+export const green = styleText.bind(null, 'green');
 /** The size discrepancy we allow in bytes. */
 const THRESHOLD_BYTES = 5000;
 /** The size discrepancy as a percentage. */
diff --git a/bazel/package.json b/bazel/package.json
@@ -11,7 +11,6 @@
     "@types/source-map-support": "0.5.10",
     "@types/yargs": "17.0.35",
     "browser-sync": "3.0.4",
-    "chalk": "5.6.2",
     "get-tsconfig": "4.13.0",
     "piscina": "^5.0.0",
     "send": "1.2.0",
diff --git a/ng-dev/misc/BUILD.bazel b/ng-dev/misc/BUILD.bazel
@@ -7,7 +7,6 @@ ts_project(
     deps = [
         "//ng-dev:node_modules/@types/node",
         "//ng-dev:node_modules/@types/yargs",
-        "//ng-dev:node_modules/chalk",
         "//ng-dev/release/build",
         "//ng-dev/release/config",
         "//ng-dev/utils",
diff --git a/ng-dev/package.json b/ng-dev/package.json
@@ -44,7 +44,6 @@
     "@types/yarnpkg__lockfile": "1.1.9",
     "@yarnpkg/lockfile": "1.1.0",
     "bufferutil": "4.0.9",
-    "chalk": "5.6.2",
     "cli-progress": "3.12.0",
     "conventional-commits-filter": "5.0.0",
     "conventional-commits-parser": "6.2.1",
diff --git a/ng-dev/pr/merge/BUILD.bazel b/ng-dev/pr/merge/BUILD.bazel
@@ -27,7 +27,6 @@ ts_project(
         "//ng-dev:node_modules/@types/node",
         "//ng-dev:node_modules/@types/semver",
         "//ng-dev:node_modules/@types/yargs",
-        "//ng-dev:node_modules/chalk",
         "//ng-dev:node_modules/typed-graphqlify",
         "//ng-dev/commit-message",
         "//ng-dev/pr/common",
diff --git a/ng-dev/ts-circular-dependencies/BUILD.bazel b/ng-dev/ts-circular-dependencies/BUILD.bazel
@@ -7,7 +7,6 @@ ts_project(
     deps = [
         "//ng-dev:node_modules/@types/node",
         "//ng-dev:node_modules/@types/yargs",
-        "//ng-dev:node_modules/chalk",
         "//ng-dev:node_modules/fast-glob",
         "//ng-dev:node_modules/typescript",
         "//ng-dev/utils",
diff --git a/ng-dev/utils/BUILD.bazel b/ng-dev/utils/BUILD.bazel
@@ -57,7 +57,6 @@ ts_project(
         "//ng-dev:node_modules/@types/yargs",
         "//ng-dev:node_modules/@types/yarnpkg__lockfile",
         "//ng-dev:node_modules/@yarnpkg/lockfile",
-        "//ng-dev:node_modules/chalk",
         "//ng-dev:node_modules/semver",
         "//ng-dev:node_modules/supports-color",
         "//ng-dev:node_modules/typed-graphqlify",
diff --git a/ng-dev/utils/logging.ts b/ng-dev/utils/logging.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import chalk, {ChalkInstance} from 'chalk';
+import {styleText} from 'util';
 import {createWriteStream, WriteStream, copyFileSync} from 'fs';
 import {join} from 'path';
 import {Arguments} from 'yargs';
@@ -30,22 +30,21 @@ export enum LogLevel {
 /** Default log level for the tool. */
 export const DEFAULT_LOG_LEVEL = LogLevel.INFO;
 
-/** Reexport of chalk colors for convenient access. */
-export const red = chalk.red;
-export const reset = chalk.reset;
-export const green = chalk.green;
-export const yellow = chalk.yellow;
-export const bold = chalk.bold;
-export const blue = chalk.blue;
-export const underline = chalk.underline;
+/** Reexport of colors/styling for convenient access. */
+export const red = styleText.bind(null, 'red');
+export const green = styleText.bind(null, 'green');
+export const yellow = styleText.bind(null, 'yellow');
+export const bold = styleText.bind(null, 'bold');
+export const blue = styleText.bind(null, 'blue');
+export const underline = styleText.bind(null, 'underline');
 
 /** Class used for logging to the console and to a ng-dev log file. */
 export abstract class Log {
   /** Write to the console for at INFO logging level */
   static info = buildLogLevelFunction(() => console.info, LogLevel.INFO, null);
 
   /** Write to the console for at ERROR logging level */
-  static error = buildLogLevelFunction(() => console.error, LogLevel.ERROR, chalk.red);
+  static error = buildLogLevelFunction(() => console.error, LogLevel.ERROR, red);
 
   /** Write to the console for at DEBUG logging level */
   static debug = buildLogLevelFunction(() => console.debug, LogLevel.DEBUG, null);
@@ -54,14 +53,14 @@ export abstract class Log {
   static log = buildLogLevelFunction(() => console.log, LogLevel.LOG, null);
 
   /** Write to the console for at WARN logging level */
-  static warn = buildLogLevelFunction(() => console.warn, LogLevel.WARN, chalk.yellow);
+  static warn = buildLogLevelFunction(() => console.warn, LogLevel.WARN, yellow);
 }
 
 /** Build an instance of a logging function for the provided level. */
 function buildLogLevelFunction(
   loadCommand: () => Function,
   level: LogLevel,
-  defaultColor: ChalkInstance | null,
+  defaultColor: ((text: string) => string) | null,
 ) {
   /** Write to stdout for the LOG_LEVEL. */
   return (...values: unknown[]) => {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
