metro 0.84.3 → 0.85.0

package/src/lib/TerminalReporter.d.ts

@@ -6,7 +6,7 @@
  *
  * @noformat
  * @oncall react_native
- * @generated SignedSource<<8218e45d6b5186264c4bf9e54086708a>>
+ * @generated SignedSource<<14645ae49e4ed5ce74bdd181db9098d4>>
  *
  * This file was translated from Flow by scripts/generateTypeScriptDefinitions.js
  * Original file: packages/metro/src/lib/TerminalReporter.js
@@ -15,17 +15,9 @@
  *   yarn run build-ts-defs (OSS) 
  */
 
-import type {BundleDetails, ReportableEvent} from './reporting';
+import type {ReportableEvent} from './reporting';
 import type {Terminal} from 'metro-core';
-import type {HealthCheckResult, WatcherStatus} from 'metro-file-map';
 
-type BundleProgress = {
-  bundleDetails: BundleDetails;
-  transformedFileCount: number;
-  totalFileCount: number;
-  ratio: number;
-  isPrefetch?: boolean;
-};
 export type TerminalReportableEvent =
   | ReportableEvent
   | {
@@ -41,81 +33,13 @@ export type TerminalReportableEvent =
     }
   | {type: 'unstable_server_menu_updated'; message: string}
   | {type: 'unstable_server_menu_cleared'};
-type BuildPhase = 'in_progress' | 'done' | 'failed';
-interface SnippetError extends Error {
-  code?: string;
-  filename?: string;
-  snippet?: string;
-}
 /**
  * We try to print useful information to the terminal for interactive builds.
  * This implements the `Reporter` interface from the './reporting' module.
  */
 declare class TerminalReporter {
-  /**
-   * The bundle builds for which we are actively maintaining the status on the
-   * terminal, ie. showing a progress bar. There can be several bundles being
-   * built at the same time.
-   */
-  _activeBundles: Map<string, BundleProgress>;
-  _interactionStatus: null | undefined | string;
-  _scheduleUpdateBundleProgress: {
-    (data: {
-      buildID: string;
-      transformedFileCount: number;
-      totalFileCount: number;
-    }): void;
-    cancel(): void;
-  };
-  _prevHealthCheckResult: null | undefined | HealthCheckResult;
   readonly terminal: Terminal;
   constructor(terminal: Terminal);
-  /**
-   * Construct a message that represents the progress of a
-   * single bundle build, for example:
-   *
-   *     BUNDLE path/to/bundle.js ▓▓▓▓▓░░░░░░░░░░░ 36.6% (4790/7922)
-   */
-  _getBundleStatusMessage(
-    $$PARAM_0$$: BundleProgress,
-    phase: BuildPhase,
-  ): string;
-  _logBundleBuildDone(buildID: string): void;
-  _logBundleBuildFailed(buildID: string): void;
-  _logInitializing(port: number, hasReducedPerformance: boolean): void;
-  _logInitializingFailed(port: number, error: SnippetError): void;
-  /**
-   * This function is only concerned with logging and should not do state
-   * or terminal status updates.
-   */
-  _log(event: TerminalReportableEvent): void;
-  /**
-   * We do not want to log the whole stacktrace for bundling error, because
-   * these are operational errors, not programming errors, and the stacktrace
-   * is not actionable to end users.
-   */
-  _logBundlingError(error: SnippetError): void;
-  _logWorkerChunk(origin: 'stdout' | 'stderr', chunk: string): void;
-  _updateBundleProgress($$PARAM_0$$: {
-    buildID: string;
-    transformedFileCount: number;
-    totalFileCount: number;
-  }): void;
-  /**
-   * This function is exclusively concerned with updating the internal state.
-   * No logging or status updates should be done at this point.
-   */
-  _updateState(event: TerminalReportableEvent): void;
-  /**
-   * Return a status message that is always consistent with the current state
-   * of the application. Having this single function ensures we don't have
-   * different callsites overriding each other status messages.
-   */
-  _getStatusMessage(): string;
-  _logHmrClientError(e: Error): void;
-  _logWarning(message: string): void;
-  _logWatcherHealthCheckResult(result: HealthCheckResult): void;
-  _logWatcherStatus(status: WatcherStatus): void;
   /**
    * Single entry point for reporting events. That allows us to implement the
    * corresponding JSON reporter easily and have a consistent reporting.

package/src/lib/TerminalReporter.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 var _bundleProgressUtils = require("./bundleProgressUtils");
 var _logToConsole = _interopRequireDefault(require("./logToConsole"));
 var reporting = _interopRequireWildcard(require("./reporting"));
-var _chalk = _interopRequireDefault(require("chalk"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _metroCore = require("metro-core");
 var _path = _interopRequireDefault(require("path"));
+var _util = _interopRequireDefault(require("util"));
 function _interopRequireWildcard(e, t) {
   if ("function" == typeof WeakMap)
     var r = new WeakMap(),
@@ -41,6 +41,7 @@ function _interopRequireWildcard(e, t) {
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : { default: e };
 }
+const style = (format, text) => _util.default.styleText(format, text);
 const DARK_BLOCK_CHAR = "\u2593";
 const LIGHT_BLOCK_CHAR = "\u2591";
 const MAX_PROGRESS_BAR_CHAR_WIDTH = 16;
@@ -68,26 +69,24 @@ class TerminalReporter {
     const localPath = _path.default.relative(".", entryFile);
     const filledBar = Math.floor(ratio * MAX_PROGRESS_BAR_CHAR_WIDTH);
     const bundleTypeColor =
-      phase === "done"
-        ? _chalk.default.green
-        : phase === "failed"
-          ? _chalk.default.red
-          : _chalk.default.yellow;
+      phase === "done" ? ["green"] : phase === "failed" ? ["red"] : ["yellow"];
     const progress =
       phase === "in_progress"
-        ? _chalk.default.green.bgGreen(DARK_BLOCK_CHAR.repeat(filledBar)) +
-          _chalk.default.bgWhite.white(
+        ? style(["green", "bgGreen"], DARK_BLOCK_CHAR.repeat(filledBar)) +
+          style(
+            ["bgWhite", "white"],
             LIGHT_BLOCK_CHAR.repeat(MAX_PROGRESS_BAR_CHAR_WIDTH - filledBar),
           ) +
-          _chalk.default.bold(` ${Math.floor(100 * ratio)}% `) +
-          _chalk.default.dim(`(${transformedFileCount}/${totalFileCount})`)
+          style(["bold"], ` ${Math.floor(100 * ratio)}% `) +
+          style(["dim"], `(${transformedFileCount}/${totalFileCount})`)
         : "";
     return (
-      bundleTypeColor.inverse.bold(
+      style(
+        [...bundleTypeColor, "inverse", "bold"],
         ` ${isPrefetch === true ? "PREBUNDLE" : bundleType.toUpperCase()} `,
       ) +
-      _chalk.default.reset.dim(` ${_path.default.dirname(localPath)}/`) +
-      _chalk.default.bold(_path.default.basename(localPath)) +
+      style(["reset", "dim"], ` ${_path.default.dirname(localPath)}/`) +
+      style(["bold"], _path.default.basename(localPath)) +
       " " +
       progress
     );
@@ -132,38 +131,36 @@ class TerminalReporter {
       "",
       "",
     ];
-    const color = hasReducedPerformance
-      ? _chalk.default.red
-      : _chalk.default.blue;
-    this.terminal.log(color(logo.join("\n")));
+    const color = hasReducedPerformance ? ["red"] : ["blue"];
+    this.terminal.log(style(color, logo.join("\n")));
   }
   _logInitializingFailed(port, error) {
     if (error.code === "EADDRINUSE") {
       this.terminal.log(
-        _chalk.default.bgRed.bold(" ERROR "),
-        _chalk.default.red(
-          "Metro can't listen on port",
-          _chalk.default.bold(String(port)),
+        style(["bgRed", "bold"], " ERROR "),
+        style(
+          ["red"],
+          `Metro can't listen on port ${style(["bold"], String(port))}`,
         ),
       );
       this.terminal.log(
         "Most likely another process is already using this port",
       );
       this.terminal.log("Run the following command to find out which process:");
-      this.terminal.log("\n  ", _chalk.default.bold("lsof -i :" + port), "\n");
+      this.terminal.log("\n  ", style(["bold"], "lsof -i :" + port), "\n");
       this.terminal.log("Then, you can either shut down the other process:");
-      this.terminal.log("\n  ", _chalk.default.bold("kill -9 <PID>"), "\n");
+      this.terminal.log("\n  ", style(["bold"], "kill -9 <PID>"), "\n");
       this.terminal.log("or run Metro on different port.");
     } else {
       this.terminal.log(
-        _chalk.default.bgRed.bold(" ERROR "),
-        _chalk.default.red(error.message),
+        style(["bgRed", "bold"], " ERROR "),
+        style(["red"], error.message),
       );
       const errorAttributes = JSON.stringify(error);
       if (errorAttributes !== "{}") {
-        this.terminal.log(_chalk.default.red(errorAttributes));
+        this.terminal.log(style(["red"], errorAttributes));
       }
-      this.terminal.log(_chalk.default.red(error.stack));
+      this.terminal.log(style(["red"], String(error.stack)));
     }
   }
   _log(event) {
@@ -214,22 +211,21 @@ class TerminalReporter {
         logFn(this.terminal, String(format), ...args);
         break;
       case "dep_graph_loading":
-        const color = event.hasReducedPerformance
-          ? _chalk.default.red
-          : _chalk.default.blue;
+        const color = event.hasReducedPerformance ? ["red"] : ["blue"];
         const version = "v" + require("../../package.json").version;
         this.terminal.log(
-          color.bold(
-            " ".repeat(19 - version.length / 2),
-            "Welcome to Metro " + _chalk.default.white(version) + "\n",
-          ) +
-            _chalk.default.dim(
-              "              Fast - Scalable - Integrated\n\n",
-            ),
+          style(
+            [...color, "bold"],
+            " ".repeat(19 - version.length / 2) +
+              " Welcome to Metro " +
+              style(["white"], version) +
+              "\n",
+          ) + style(["dim"], "              Fast - Scalable - Integrated\n\n"),
         );
         if (event.hasReducedPerformance) {
           this.terminal.log(
-            _chalk.default.red(
+            style(
+              ["red"],
               "Metro is operating with reduced performance.\n" +
                 "Please fix the problem above and restart Metro.\n\n",
             ),
@@ -360,7 +356,7 @@ class TerminalReporter {
         case "success":
           if (this._prevHealthCheckResult) {
             this.terminal.log(
-              _chalk.default.green(`Watcher ${watcherName} is now healthy.`),
+              style(["green"], `Watcher ${watcherName} is now healthy.`),
             );
           }
           break;
@@ -399,14 +395,16 @@ class TerminalReporter {
         break;
       case "watchman_slow_command":
         this.terminal.log(
-          _chalk.default.dim(
+          style(
+            ["dim"],
             `Waiting for Watchman \`${status.command}\` (${Math.round(status.timeElapsed / 1000)}s)...`,
           ),
         );
         break;
       case "watchman_slow_command_complete":
         this.terminal.log(
-          _chalk.default.green(
+          style(
+            ["green"],
             `Watchman \`${status.command}\` finished after ${(status.timeElapsed / 1000).toFixed(1)}s.`,
           ),
         );

package/src/lib/TerminalReporter.js.flow

@@ -12,15 +12,22 @@
 import type {BundleDetails, ReportableEvent} from './reporting';
 import type {Terminal} from 'metro-core';
 import type {HealthCheckResult, WatcherStatus} from 'metro-file-map';
+import type {BackgroundColors, ForegroundColors, Modifiers} from 'util';
 
 import {calculateBundleProgressRatio} from './bundleProgressUtils';
 import logToConsole from './logToConsole';
 import * as reporting from './reporting';
-import chalk from 'chalk';
 // $FlowFixMe[untyped-import] lodash.throttle
 import throttle from 'lodash.throttle';
 import {AmbiguousModuleResolutionError} from 'metro-core';
 import path from 'path';
+import util from 'util';
+
+type StyleFormat = ReadonlyArray<
+  ForegroundColors | BackgroundColors | Modifiers,
+>;
+const style = (format: StyleFormat, text: string): string =>
+  util.styleText(format, text);
 
 type BundleProgress = {
   bundleDetails: BundleDetails,
@@ -93,7 +100,7 @@ export default class TerminalReporter {
   };
   _prevHealthCheckResult: ?HealthCheckResult;
 
-  +terminal: Terminal;
+  readonly terminal: Terminal;
 
   constructor(terminal: Terminal) {
     this._activeBundles = new Map();
@@ -121,28 +128,26 @@ export default class TerminalReporter {
   ): string {
     const localPath = path.relative('.', entryFile);
     const filledBar = Math.floor(ratio * MAX_PROGRESS_BAR_CHAR_WIDTH);
-    const bundleTypeColor =
-      phase === 'done'
-        ? chalk.green
-        : phase === 'failed'
-          ? chalk.red
-          : chalk.yellow;
+    const bundleTypeColor: StyleFormat =
+      phase === 'done' ? ['green'] : phase === 'failed' ? ['red'] : ['yellow'];
     const progress =
       phase === 'in_progress'
-        ? chalk.green.bgGreen(DARK_BLOCK_CHAR.repeat(filledBar)) +
-          chalk.bgWhite.white(
+        ? style(['green', 'bgGreen'], DARK_BLOCK_CHAR.repeat(filledBar)) +
+          style(
+            ['bgWhite', 'white'],
             LIGHT_BLOCK_CHAR.repeat(MAX_PROGRESS_BAR_CHAR_WIDTH - filledBar),
           ) +
-          chalk.bold(` ${Math.floor(100 * ratio)}% `) +
-          chalk.dim(`(${transformedFileCount}/${totalFileCount})`)
+          style(['bold'], ` ${Math.floor(100 * ratio)}% `) +
+          style(['dim'], `(${transformedFileCount}/${totalFileCount})`)
         : '';
 
     return (
-      bundleTypeColor.inverse.bold(
+      style(
+        [...bundleTypeColor, 'inverse', 'bold'],
         ` ${isPrefetch === true ? 'PREBUNDLE' : bundleType.toUpperCase()} `,
       ) +
-      chalk.reset.dim(` ${path.dirname(localPath)}/`) +
-      chalk.bold(path.basename(localPath)) +
+      style(['reset', 'dim'], ` ${path.dirname(localPath)}/`) +
+      style(['bold'], path.basename(localPath)) +
       ' ' +
       progress
     );
@@ -191,31 +196,37 @@ export default class TerminalReporter {
       '',
     ];
 
-    const color = hasReducedPerformance ? chalk.red : chalk.blue;
-    this.terminal.log(color(logo.join('\n')));
+    const color: StyleFormat = hasReducedPerformance ? ['red'] : ['blue'];
+    this.terminal.log(style(color, logo.join('\n')));
   }
 
   _logInitializingFailed(port: number, error: SnippetError): void {
     if (error.code === 'EADDRINUSE') {
       this.terminal.log(
-        chalk.bgRed.bold(' ERROR '),
-        chalk.red("Metro can't listen on port", chalk.bold(String(port))),
+        style(['bgRed', 'bold'], ' ERROR '),
+        style(
+          ['red'],
+          `Metro can't listen on port ${style(['bold'], String(port))}`,
+        ),
       );
       this.terminal.log(
         'Most likely another process is already using this port',
       );
       this.terminal.log('Run the following command to find out which process:');
-      this.terminal.log('\n  ', chalk.bold('lsof -i :' + port), '\n');
+      this.terminal.log('\n  ', style(['bold'], 'lsof -i :' + port), '\n');
       this.terminal.log('Then, you can either shut down the other process:');
-      this.terminal.log('\n  ', chalk.bold('kill -9 <PID>'), '\n');
+      this.terminal.log('\n  ', style(['bold'], 'kill -9 <PID>'), '\n');
       this.terminal.log('or run Metro on different port.');
     } else {
-      this.terminal.log(chalk.bgRed.bold(' ERROR '), chalk.red(error.message));
+      this.terminal.log(
+        style(['bgRed', 'bold'], ' ERROR '),
+        style(['red'], error.message),
+      );
       const errorAttributes = JSON.stringify(error);
       if (errorAttributes !== '{}') {
-        this.terminal.log(chalk.red(errorAttributes));
+        this.terminal.log(style(['red'], errorAttributes));
       }
-      this.terminal.log(chalk.red(error.stack));
+      this.terminal.log(style(['red'], String(error.stack)));
     }
   }
 
@@ -271,20 +282,26 @@ export default class TerminalReporter {
         logFn(this.terminal, String(format), ...args);
         break;
       case 'dep_graph_loading':
-        const color = event.hasReducedPerformance ? chalk.red : chalk.blue;
+        const color: StyleFormat = event.hasReducedPerformance
+          ? ['red']
+          : ['blue'];
         // eslint-disable-next-line import/no-commonjs
         // $FlowFixMe[untyped-import] package.json
         const version = 'v' + require('../../package.json').version;
         this.terminal.log(
-          color.bold(
-            ' '.repeat(19 - version.length / 2),
-            'Welcome to Metro ' + chalk.white(version) + '\n',
-          ) + chalk.dim('              Fast - Scalable - Integrated\n\n'),
+          style(
+            [...color, 'bold'],
+            ' '.repeat(19 - version.length / 2) +
+              ' Welcome to Metro ' +
+              style(['white'], version) +
+              '\n',
+          ) + style(['dim'], '              Fast - Scalable - Integrated\n\n'),
         );
 
         if (event.hasReducedPerformance) {
           this.terminal.log(
-            chalk.red(
+            style(
+              ['red'],
               'Metro is operating with reduced performance.\n' +
                 'Please fix the problem above and restart Metro.\n\n',
             ),
@@ -459,7 +476,7 @@ export default class TerminalReporter {
           // Only report success after a prior failure.
           if (this._prevHealthCheckResult) {
             this.terminal.log(
-              chalk.green(`Watcher ${watcherName} is now healthy.`),
+              style(['green'], `Watcher ${watcherName} is now healthy.`),
             );
           }
           break;
@@ -499,7 +516,8 @@ export default class TerminalReporter {
         break;
       case 'watchman_slow_command':
         this.terminal.log(
-          chalk.dim(
+          style(
+            ['dim'],
             `Waiting for Watchman \`${status.command}\` (${Math.round(
               status.timeElapsed / 1000,
             )}s)...`,
@@ -508,7 +526,8 @@ export default class TerminalReporter {
         break;
       case 'watchman_slow_command_complete':
         this.terminal.log(
-          chalk.green(
+          style(
+            ['green'],
             `Watchman \`${status.command}\` finished after ${(
               status.timeElapsed / 1000
             ).toFixed(1)}s.`,

package/src/lib/bundleToString.js.flow

@@ -15,8 +15,8 @@ import type {Bundle, BundleMetadata} from 'metro-runtime/src/modules/types';
  * Serializes a bundle into a plain JS bundle.
  */
 export default function bundleToString(bundle: Bundle): {
-  +code: string,
-  +metadata: BundleMetadata,
+  readonly code: string,
+  readonly metadata: BundleMetadata,
 } {
   let code = bundle.pre.length > 0 ? bundle.pre + '\n' : '';
   const modules = [];

package/src/lib/createWebsocketServer.js.flow

@@ -13,13 +13,13 @@ import {clearInterval, setInterval} from 'timers';
 import ws from 'ws';
 
 type WebsocketServiceInterface<T> = interface {
-  +onClientConnect: (
+  readonly onClientConnect: (
     url: string,
     sendFn: (data: string) => void,
   ) => Promise<?T>,
-  +onClientDisconnect?: (client: T) => unknown,
-  +onClientError?: (client: T, e: Error) => unknown,
-  +onClientMessage?: (
+  readonly onClientDisconnect?: (client: T) => unknown,
+  readonly onClientError?: (client: T, e: Error) => unknown,
+  readonly onClientMessage?: (
     client: T,
     message: string | Buffer | ArrayBuffer | Array<Buffer>,
     sendFn: (data: string) => void,

package/src/lib/formatBundlingError.js.flow

@@ -22,7 +22,7 @@ import serializeError from 'serialize-error';
 
 export type CustomError = Error &
   interface {
-    +type?: string,
+    readonly type?: string,
     filename?: string,
     lineNumber?: number,
     errors?: Array<{

package/src/lib/getPreludeCode.js.flow

@@ -16,11 +16,11 @@ export default function getPreludeCode({
   requireCycleIgnorePatterns,
   unstable_forceFullRefreshPatterns,
 }: {
-  +extraVars?: {[string]: unknown, ...},
-  +isDev: boolean,
-  +globalPrefix: string,
-  +requireCycleIgnorePatterns: ReadonlyArray<RegExp>,
-  +unstable_forceFullRefreshPatterns: ReadonlyArray<RegExp>,
+  readonly extraVars?: {[string]: unknown, ...},
+  readonly isDev: boolean,
+  readonly globalPrefix: string,
+  readonly requireCycleIgnorePatterns: ReadonlyArray<RegExp>,
+  readonly unstable_forceFullRefreshPatterns: ReadonlyArray<RegExp>,
 }): string {
   const vars = [
     // Ensure these variable names match the ones referenced in metro-runtime

package/src/lib/logToConsole.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 exports.default = void 0;
-var _chalk = _interopRequireDefault(require("chalk"));
 var _util = _interopRequireDefault(require("util"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : { default: e };
@@ -15,10 +14,10 @@ var _default = (terminal, level, ...data) => {
   const logFunction = console[level] && level !== "trace" ? level : "log";
   const color =
     level === "error"
-      ? _chalk.default.inverse.red
+      ? ["inverse", "red"]
       : level === "warn"
-        ? _chalk.default.inverse.yellow
-        : _chalk.default.inverse.white;
+        ? ["inverse", "yellow"]
+        : ["inverse", "white"];
   if (level === "group") {
     groupStack.push(level);
   } else if (level === "groupCollapsed") {
@@ -27,7 +26,7 @@ var _default = (terminal, level, ...data) => {
     collapsedGuardTimer = setTimeout(() => {
       if (groupStack.includes("groupCollapsed")) {
         terminal.log(
-          _chalk.default.inverse.yellow.bold(" WARN "),
+          _util.default.styleText(["inverse", "yellow", "bold"], " WARN "),
           "Expected `console.groupEnd` to be called after `console.groupCollapsed`.",
         );
         groupStack.length = 0;
@@ -47,8 +46,10 @@ var _default = (terminal, level, ...data) => {
       data[data.length - 1] = lastItem.trimEnd();
     }
     terminal.log(
-      color.bold(` ${logFunction.toUpperCase()} `) +
-        "".padEnd(groupStack.length * 2, " "),
+      _util.default.styleText(
+        [...color, "bold"],
+        ` ${logFunction.toUpperCase()} `,
+      ) + "".padEnd(groupStack.length * 2, " "),
       _util.default.format(...data),
     );
   }

package/src/lib/logToConsole.js.flow

@@ -11,8 +11,8 @@
 /* eslint-disable no-console */
 
 import type {Terminal} from 'metro-core';
+import type {BackgroundColors, ForegroundColors, Modifiers} from 'util';
 
-import chalk from 'chalk';
 import util from 'util';
 
 const groupStack = [];
@@ -21,12 +21,12 @@ let collapsedGuardTimer;
 export default (terminal: Terminal, level: string, ...data: Array<unknown>) => {
   // $FlowFixMe[invalid-computed-prop]
   const logFunction = console[level] && level !== 'trace' ? level : 'log';
-  const color =
+  const color: ReadonlyArray<ForegroundColors | BackgroundColors | Modifiers> =
     level === 'error'
-      ? chalk.inverse.red
+      ? ['inverse', 'red']
       : level === 'warn'
-        ? chalk.inverse.yellow
-        : chalk.inverse.white;
+        ? ['inverse', 'yellow']
+        : ['inverse', 'white'];
 
   if (level === 'group') {
     groupStack.push(level);
@@ -37,7 +37,7 @@ export default (terminal: Terminal, level: string, ...data: Array<unknown>) => {
     collapsedGuardTimer = setTimeout(() => {
       if (groupStack.includes('groupCollapsed')) {
         terminal.log(
-          chalk.inverse.yellow.bold(' WARN '),
+          util.styleText(['inverse', 'yellow', 'bold'], ' WARN '),
           'Expected `console.groupEnd` to be called after `console.groupCollapsed`.',
         );
         groupStack.length = 0;
@@ -60,7 +60,7 @@ export default (terminal: Terminal, level: string, ...data: Array<unknown>) => {
     }
 
     terminal.log(
-      color.bold(` ${logFunction.toUpperCase()} `) +
+      util.styleText([...color, 'bold'], ` ${logFunction.toUpperCase()} `) +
         ''.padEnd(groupStack.length * 2, ' '),
       // `util.format` actually accepts any arguments.
       // If the first argument is a string, it tries to format it.

package/src/lib/reporting.js

@@ -7,30 +7,39 @@ exports.logError = logError;
 exports.logInfo = logInfo;
 exports.logWarning = logWarning;
 exports.nullReporter = void 0;
-var _chalk = _interopRequireDefault(require("chalk"));
+var _tty = _interopRequireDefault(require("tty"));
 var _util = _interopRequireDefault(require("util"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : { default: e };
 }
+const supportsColor = () =>
+  process.stdout instanceof _tty.default.WriteStream &&
+  process.stdout.hasColors();
 function logWarning(terminal, format, ...args) {
   const str = _util.default.format(format, ...args);
-  terminal.log("%s %s", _chalk.default.yellow.inverse.bold(" WARN "), str);
+  terminal.log(
+    "%s %s",
+    _util.default.styleText(["yellow", "inverse", "bold"], " WARN "),
+    str,
+  );
 }
 function logError(terminal, format, ...args) {
   terminal.log(
     "%s %s",
-    _chalk.default.red.inverse.bold(" ERROR "),
+    _util.default.styleText(["red", "inverse", "bold"], " ERROR "),
     _util.default.format(
-      _chalk.default.supportsColor
-        ? format
-        : _util.default.stripVTControlCharacters(format),
+      supportsColor() ? format : _util.default.stripVTControlCharacters(format),
       ...args,
     ),
   );
 }
 function logInfo(terminal, format, ...args) {
   const str = _util.default.format(format, ...args);
-  terminal.log("%s %s", _chalk.default.cyan.inverse.bold(" INFO "), str);
+  terminal.log(
+    "%s %s",
+    _util.default.styleText(["cyan", "inverse", "bold"], " INFO "),
+    str,
+  );
 }
 const nullReporter = (exports.nullReporter = {
   update() {},