chore: migrate from chalk to picocolors

jest/helpers.ts

@@ -3,7 +3,7 @@ import os from 'os';
 import path from 'path';
 import {createDirectory} from 'jest-util';
 import execa from 'execa';
-import chalk from 'chalk';
+import pico from 'picocolors';
 import slash from 'slash';
 
 const CLI_PATH = path.resolve(__dirname, '../packages/cli/build/bin.js');
@@ -147,12 +147,12 @@ function handleTestFailure(
 ) {
   if (!options.expectedFailure && result.exitCode !== 0) {
     console.log(`Running ${cmd} command failed for unexpected reason. Here's more info:
-${chalk.bold('cmd:')}     ${cmd}
-${chalk.bold('options:')} ${JSON.stringify(options)}
-${chalk.bold('args:')}    ${(args || []).join(' ')}
-${chalk.bold('stderr:')}  ${result.stderr}
-${chalk.bold('stdout:')}  ${result.stdout}
-${chalk.bold('exitCode:')}${result.exitCode}`);
+${pico.bold('cmd:')}     ${cmd}
+${pico.bold('options:')} ${JSON.stringify(options)}
+${pico.bold('args:')}    ${(args || []).join(' ')}
+${pico.bold('stderr:')}  ${result.stderr}
+${pico.bold('stdout:')}  ${result.stdout}
+${pico.bold('exitCode:')}${result.exitCode}`);
   } else if (options.expectedFailure && result.exitCode === 0) {
     throw new Error("Expected command to fail, but it didn't");
   }

package.json

@@ -33,7 +33,6 @@
     "@types/node": "^18.0.0",
     "babel-jest": "^26.6.2",
     "babel-plugin-module-resolver": "^3.2.0",
-    "chalk": "^4.1.2",
     "chokidar": "^3.3.1",
     "eslint": "^8.23.1",
     "eslint-import-resolver-alias": "^1.1.2",
@@ -50,6 +49,7 @@
     "lint-staged": "^13.1.0",
     "metro-memory-fs": "0.78.0",
     "micromatch": "^4.0.4",
+    "picocolors": "^1.1.1",
     "prettier": "2.8.8",
     "slash": "^3.0.0",
     "string-length": "^2.0.0",
@@ -62,5 +62,6 @@
     "./packages/**/*.ts": [
       "yarn lint"
     ]
-  }
+  },
+  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

packages/cli-clean/package.json

@@ -9,9 +9,9 @@
   "types": "build/index.d.ts",
   "dependencies": {
     "@react-native-community/cli-tools": "19.0.0-alpha.0",
-    "chalk": "^4.1.2",
     "execa": "^5.0.0",
-    "fast-glob": "^3.3.2"
+    "fast-glob": "^3.3.2",
+    "picocolors": "^1.1.1"
   },
   "files": [
     "build",

packages/cli-clean/src/clean.ts

@@ -1,6 +1,6 @@
 import {getLoader, logger, prompt} from '@react-native-community/cli-tools';
 import type {Config as CLIConfig} from '@react-native-community/cli-types';
-import chalk from 'chalk';
+import pico from 'picocolors';
 import execa from 'execa';
 import {existsSync as fileExists, rm} from 'fs';
 import os from 'os';
@@ -62,7 +62,7 @@ async function promptForCaches(
     name: 'caches',
     message: 'Select all caches to clean',
     choices: Object.entries(groups).map(([cmd, group]) => ({
-      title: `${cmd} ${chalk.dim(`(${group.description})`)}`,
+      title: `${cmd} ${pico.dim(`(${group.description})`)}`,
       value: cmd,
       selected: DEFAULT_GROUPS.includes(cmd),
     })),

packages/cli-config-android/package.json

@@ -8,9 +8,9 @@
   },
   "dependencies": {
     "@react-native-community/cli-tools": "19.0.0-alpha.0",
-    "chalk": "^4.1.2",
     "fast-glob": "^3.3.2",
-    "fast-xml-parser": "^4.4.1"
+    "fast-xml-parser": "^4.4.1",
+    "picocolors": "^1.1.1"
   },
   "files": [
     "build",

packages/cli-config-android/src/config/getAndroidProject.ts

@@ -1,7 +1,7 @@
 import {Config} from '@react-native-community/cli-types';
 import {logger, CLIError} from '@react-native-community/cli-tools';
 import fs from 'fs';
-import chalk from 'chalk';
+import pico from 'picocolors';
 
 export function getAndroidProject(config: Config) {
   const androidProject = config.project.android;
@@ -48,11 +48,11 @@ function discoverPackageName(
 
   throw new CLIError(
     `Failed to build the app: No package name found. 
-    We couldn't parse the namespace from neither your build.gradle[.kts] file at ${chalk.underline.dim(
-      `${buildGradlePath}`,
+    We couldn't parse the namespace from neither your build.gradle[.kts] file at ${pico.underline(
+      pico.dim(`${buildGradlePath}`),
     )} 
-    nor your package in the AndroidManifest at ${chalk.underline.dim(
-      `${manifestPath}`,
+    nor your package in the AndroidManifest at ${pico.underline(
+      pico.dim(`${manifestPath}`),
     )}
     `,
   );
@@ -70,10 +70,10 @@ export function getPackageName(
   let packageName = discoverPackageName(manifestPath, buildGradlePath);
   if (!validatePackageName(packageName)) {
     logger.warn(
-      `Invalid application's package name "${chalk.bgRed(
+      `Invalid application's package name "${pico.bgRed(
         packageName,
-      )}" in either 'AndroidManifest.xml' or 'build.gradle'. Read guidelines for setting the package name here: ${chalk.underline.dim(
-        'https://developer.android.com/studio/build/application-id',
+      )}" in either 'AndroidManifest.xml' or 'build.gradle'. Read guidelines for setting the package name here: ${pico.underline(
+        pico.dim('https://developer.android.com/studio/build/application-id'),
       )}`,
     );
   }

packages/cli-config-apple/package.json

@@ -8,9 +8,9 @@
   },
   "dependencies": {
     "@react-native-community/cli-tools": "19.0.0-alpha.0",
-    "chalk": "^4.1.2",
     "execa": "^5.0.0",
-    "fast-glob": "^3.3.2"
+    "fast-glob": "^3.3.2",
+    "picocolors": "^1.1.1"
   },
   "devDependencies": {
     "@react-native-community/cli-types": "19.0.0-alpha.0",

packages/cli-config-apple/src/config/index.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import chalk from 'chalk';
 import path from 'path';
+import pico from 'picocolors';
 import fs from 'fs';
 import findPodfilePath from './findPodfilePath';
 import findXcodeProject from './findXcodeProject';
@@ -85,7 +85,7 @@ export const getDependencyConfig =
       }
     } catch {
       throw new CLIError(
-        `Failed to locate package.json file from ${chalk.underline(
+        `Failed to locate package.json file from ${pico.underline(
           folder,
         )}. This is most likely issue with your node_modules folder being corrupted. Please force install dependencies and try again`,
       );

packages/cli-config-apple/src/tools/installPods.ts

@@ -1,7 +1,7 @@
 import fs from 'fs';
 import execa from 'execa';
 import type {Ora} from 'ora';
-import chalk from 'chalk';
+import pico from 'picocolors';
 import {
   logger,
   NoopLoader,
@@ -26,9 +26,9 @@ async function runPodInstall(loader: Ora, options: RunPodInstallOptions) {
   const shouldHandleRepoUpdate = options?.shouldHandleRepoUpdate || true;
   try {
     loader.start(
-      `Installing CocoaPods dependencies ${chalk.bold(
+      `Installing CocoaPods dependencies ${pico.bold(
         options?.newArchEnabled ? 'with New Architecture' : '',
-      )} ${chalk.dim('(this may take a few minutes)')}`,
+      )} ${pico.dim('(this may take a few minutes)')}`,
     );
 
     await execa('bundle', ['exec', 'pod', 'install'], {
@@ -73,7 +73,7 @@ async function runPodInstall(loader: Ora, options: RunPodInstallOptions) {
 async function runPodUpdate(loader: Ora) {
   try {
     loader.start(
-      `Updating CocoaPods repositories ${chalk.dim(
+      `Updating CocoaPods repositories ${pico.dim(
         '(this may take a few minutes)',
       )}`,
     );
@@ -84,8 +84,8 @@ async function runPodUpdate(loader: Ora) {
     loader.fail();
 
     throw new CLIError(
-      `Failed to update CocoaPods repositories for iOS project.\nPlease try again manually: "pod repo update".\nCocoaPods documentation: ${chalk.dim.underline(
-        'https://cocoapods.org/',
+      `Failed to update CocoaPods repositories for iOS project.\nPlease try again manually: "pod repo update".\nCocoaPods documentation: ${pico.dim(
+        pico.underline('https://cocoapods.org/'),
       )}`,
     );
   }
@@ -117,8 +117,8 @@ async function installCocoaPods(loader: Ora) {
     logger.error((error as any).stderr);
 
     throw new CLIError(
-      `An error occured while trying to install CocoaPods, which is required by this template.\nPlease try again manually: sudo gem install cocoapods.\nCocoaPods documentation: ${chalk.dim.underline(
-        'https://cocoapods.org/',
+      `An error occured while trying to install CocoaPods, which is required by this template.\nPlease try again manually: sudo gem install cocoapods.\nCocoaPods documentation: ${pico.dim(
+        pico.underline('https://cocoapods.org/'),
       )}`,
     );
   }

packages/cli-config-apple/src/tools/pods.ts

@@ -1,7 +1,7 @@
 import path from 'path';
 import fs from 'fs-extra';
 import {createHash} from 'crypto';
-import chalk from 'chalk';
+import pico from 'picocolors';
 import {
   CLIError,
   cacheManager,
@@ -110,7 +110,7 @@ async function install(
   } catch (error) {
     loader.fail();
     throw new CLIError(
-      `Something when wrong while installing CocoaPods. Please run ${chalk.bold(
+      `Something when wrong while installing CocoaPods. Please run ${pico.bold(
         'pod install',
       )} manually`,
       error as Error,
@@ -206,7 +206,7 @@ export default async function resolvePods(
     } catch (error) {
       loader.fail();
       throw new CLIError(
-        `Something when wrong while installing CocoaPods. Please run ${chalk.bold(
+        `Something when wrong while installing CocoaPods. Please run ${pico.bold(
           'pod install',
         )} manually`,
         error as Error,

packages/cli-config/package.json

@@ -9,11 +9,11 @@
   "types": "build/index.d.ts",
   "dependencies": {
     "@react-native-community/cli-tools": "19.0.0-alpha.0",
-    "chalk": "^4.1.2",
     "cosmiconfig": "^9.0.0",
     "deepmerge": "^4.3.0",
     "fast-glob": "^3.3.2",
-    "joi": "^17.2.1"
+    "joi": "^17.2.1",
+    "picocolors": "^1.1.1"
   },
   "files": [
     "build",

packages/cli-config/src/__tests__/__snapshots__/index-test.ts.snap

@@ -95,7 +95,7 @@ Object {
 }
 `;
 
-exports[`should not skip packages that have invalid configuration (to avoid breaking users): logged warning 1`] = `"warn Package react-native contains invalid configuration: \\"dependency.invalidProperty\\" is not allowed. Please verify it's properly linked using \\"npx react-native config\\" command and contact the package maintainers about this."`;
+exports[`should not skip packages that have invalid configuration (to avoid breaking users): logged warning 1`] = `"warn Package react-native contains invalid configuration: \\"dependency.invalidProperty\\" is not allowed. Please verify it's properly linked using \\"npx react-native config\\" command and contact the package maintainers about this."`;
 
 exports[`should read a config of a dependency and use it to load other settings 1`] = `
 Object {

packages/cli-config/src/__tests__/index-test.ts

@@ -259,7 +259,7 @@ test('should load commands from "react-native-foo" and "react-native-bar" packag
 });
 
 test('should not skip packages that have invalid configuration (to avoid breaking users)', async () => {
-  process.env.FORCE_COLOR = '0'; // To disable chalk
+  process.env.NO_COLOR = '1'; // To disable colours from picocolors
   DIR = getTempDirectory('config_test_skip');
   writeFiles(DIR, {
     'node_modules/react-native/package.json': '{}',

packages/cli-config/src/readConfigFromDisk.ts

@@ -7,7 +7,7 @@ import type {
   UserDependencyConfig,
 } from '@react-native-community/cli-types';
 import {logger, inlineString} from '@react-native-community/cli-tools';
-import chalk from 'chalk';
+import pico from 'picocolors';
 
 /**
  * Places to look for the configuration file.
@@ -76,9 +76,9 @@ function parseDependencyConfig(
     const validationError = new JoiError(result.error);
     logger.warn(
       inlineString(`
-        Package ${chalk.bold(
+        Package ${pico.bold(
           dependencyName,
-        )} contains invalid configuration: ${chalk.bold(
+        )} contains invalid configuration: ${pico.bold(
         validationError.message,
       )}.
 

packages/cli-doctor/package.json

@@ -13,13 +13,13 @@
     "@react-native-community/cli-platform-apple": "19.0.0-alpha.0",
     "@react-native-community/cli-platform-ios": "19.0.0-alpha.0",
     "@react-native-community/cli-tools": "19.0.0-alpha.0",
-    "chalk": "^4.1.2",
     "command-exists": "^1.2.8",
     "deepmerge": "^4.3.0",
     "envinfo": "^7.13.0",
     "execa": "^5.0.0",
     "node-stream-zip": "^1.9.1",
     "ora": "^5.4.1",
+    "picocolors": "^1.1.1",
     "semver": "^7.5.2",
     "wcwidth": "^1.0.1",
     "yaml": "^2.2.1"

packages/cli-doctor/src/commands/doctor.ts

@@ -1,4 +1,4 @@
-import chalk from 'chalk';
+import pico from 'picocolors';
 import {logger, getLoader, CLIError} from '@react-native-community/cli-tools';
 import {getHealthchecks, HEALTHCHECK_TYPES} from '../tools/healthchecks';
 import printFixOptions, {KEYS} from '../tools/printFixOptions';
@@ -18,7 +18,7 @@ const printCategory = ({label, key}: {label: string; key: number}) => {
     logger.log();
   }
 
-  logger.log(chalk.dim(label));
+  logger.log(pico.dim(label));
 };
 
 const printVersions = ({
@@ -35,16 +35,16 @@ const printVersions = ({
       ? versions.join(', ')
       : 'N/A';
 
-    logMessage(`- Versions found: ${chalk.red(versionsToShow)}`);
-    logMessage(`- Version supported: ${chalk.green(versionRange)}`);
+    logMessage(`- Versions found: ${pico.red(versionsToShow)}`);
+    logMessage(`- Version supported: ${pico.green(versionRange)}`);
 
     return;
   }
 
   const versionsToShow = version && version !== 'Not Found' ? version : 'N/A';
 
-  logMessage(`- Version found: ${chalk.red(versionsToShow)}`);
-  logMessage(`- Version supported: ${chalk.green(versionRange)}`);
+  logMessage(`- Version found: ${pico.red(versionsToShow)}`);
+  logMessage(`- Version supported: ${pico.green(versionRange)}`);
 
   return;
 };
@@ -60,9 +60,9 @@ const printIssue = ({
 }: HealthCheckResult) => {
   const symbol = needsToBeFixed
     ? isRequired
-      ? chalk.red('✖')
-      : chalk.yellow('●')
-    : chalk.green('✓');
+      ? pico.red('✖')
+      : pico.yellow('●')
+    : pico.green('✓');
 
   const descriptionToShow = description ? ` - ${description}` : '';
 
@@ -80,8 +80,8 @@ const printOverallStats = ({
   errors: number;
   warnings: number;
 }) => {
-  logger.log(`\n${chalk.bold('Errors:')}   ${errors}`);
-  logger.log(`${chalk.bold('Warnings:')} ${warnings}`);
+  logger.log(`\n${pico.bold('Errors:')}   ${errors}`);
+  logger.log(`${pico.bold('Warnings:')} ${warnings}`);
 };
 
 type FlagsT = {

packages/cli-doctor/src/tools/healthchecks/androidHomeEnvVariable.ts

@@ -1,4 +1,4 @@
-import chalk from 'chalk';
+import pico from 'picocolors';
 import {HealthCheckInterface} from '../../types';
 
 // List of answers on how to set `ANDROID_HOME` for each platform
@@ -16,7 +16,7 @@ const description =
 // for `ANDROID_HOME` for every platform NodeJS supports
 const platform = process.platform as 'darwin' | 'win32' | 'linux';
 
-const message = `Read more about how to set the ${label} at ${chalk.dim(
+const message = `Read more about how to set the ${label} at ${pico.dim(
   URLS[platform],
 )}`;
 

packages/cli-doctor/src/tools/healthchecks/androidNDK.ts

@@ -1,4 +1,4 @@
-import chalk from 'chalk';
+import pico from 'picocolors';
 import versionRanges from '../versionRanges';
 import {doesSoftwareNeedToBeFixed} from '../checkInstallation';
 import {EnvironmentInfo, HealthCheckInterface} from '../../types';
@@ -29,7 +29,7 @@ export default {
 
     if (isNDKInstalled) {
       return logManualInstallation({
-        message: `Read more about how to update Android NDK at ${chalk.dim(
+        message: `Read more about how to update Android NDK at ${pico.dim(
           'https://developer.android.com/ndk/downloads',
         )}`,
       });