refactor(macos-init): replace chalk with node:util styleText

Drop the chalk dependency in favor of Node's built-in styleText API
(available since Node 20.12). Add @types/node@^22 as a devDependency
for proper type resolution.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: Saadnajmi

packages/react-native-macos-init/package.json

@@ -17,8 +17,10 @@
     "prepublishOnly": "npm run build"
   },
   "bin": "./bin.js",
+  "engines": {
+    "node": ">=20.12.0"
+  },
   "dependencies": {
-    "chalk": "^3",
     "find-up": "^4.1.0",
     "npm-registry-fetch": "^14.0.0",
     "prompts": "^2.3.0",
@@ -27,7 +29,7 @@
   },
   "devDependencies": {
     "@rnx-kit/tsconfig": "^2.0.0",
-    "@types/chalk": "^2.2.0",
+    "@types/node": "^22.0.0",
     "@types/npm-registry-fetch": "^8.0.0",
     "@types/prompts": "^2.0.3",
     "@types/semver": "^7.1.0",

packages/react-native-macos-init/src/cli.ts

@@ -5,9 +5,9 @@
  * @format
  */
 
-import chalk from 'chalk';
 import {execSync} from 'child_process';
 import * as findUp from 'find-up';
+import {styleText} from 'node:util';
 import * as fs from 'fs';
 import * as npmFetch from 'npm-registry-fetch';
 import prompts from 'prompts';
@@ -60,7 +60,7 @@ function getNpmRegistryUrl(): string {
 }
 
 function getReactNativeAppName() {
-  console.log(`Reading ${chalk.cyan('application name')} from package.json…`);
+  console.log(`Reading ${styleText('cyan', 'application name')} from package.json…`);
   const cwd = process.cwd();
   const pkgJsonPath = findUp.sync('package.json', {cwd});
   if (!pkgJsonPath) {
@@ -73,7 +73,7 @@ function getReactNativeAppName() {
   if (!name) {
     const appJsonPath = findUp.sync('app.json', {cwd});
     if (appJsonPath) {
-      console.log(`Reading ${chalk.cyan('application name')} from app.json…`);
+      console.log(`Reading ${styleText('cyan', 'application name')} from app.json…`);
       name = JSON.parse(fs.readFileSync(appJsonPath, 'utf8')).name;
     }
   }
@@ -84,7 +84,7 @@ function getReactNativeAppName() {
 }
 
 function getPackageVersion(packageName: string, exitOnError: boolean = true) {
-  console.log(`Reading ${chalk.cyan(packageName)} version from node_modules…`);
+  console.log(`Reading ${styleText('cyan', packageName)} version from node_modules…`);
 
   try {
     const pkgJsonPath = require.resolve(`${packageName}/package.json`, {
@@ -112,8 +112,8 @@ function getReactNativeMacOSVersion() {
 }
 
 function errorOutOnUnsupportedVersionOfReactNative(rnVersion: string): never {
-  const version = chalk.cyan(rnVersion);
-  const supportedVersions = chalk.cyan('>=0.60');
+  const version = styleText('cyan', rnVersion);
+  const supportedVersions = styleText('cyan', '>=0.60');
   printError(
     `Unsupported version of ${RNPKG}: ${version}\n${MACOSPKG} supports ${RNPKG} versions ${supportedVersions}`,
   );
@@ -208,16 +208,16 @@ function isProjectUsingYarn(cwd: string) {
  * Outputs decorated version of the package for the CLI
  */
 function printPkg(name: string, version?: string) {
-  return `${chalk.yellow(name)}${
-    version ? `${chalk.grey('@')}${chalk.cyan(version)}` : ''
+  return `${styleText('yellow', name)}${
+    version ? `${styleText('gray', '@')}${styleText('cyan', version)}` : ''
   }`;
 }
 
 /**
  * Prints decorated version of console.error to the CLI
  */
 function printError(message: string, ...optionalParams: any[]) {
-  console.error(chalk.red(chalk.bold(message)), ...optionalParams);
+  console.error(styleText(['red', 'bold'], message), ...optionalParams);
 }
 
 /**
@@ -237,8 +237,8 @@ async function validatePeerDependencies(
       const requiredRN = peerDeps[RNPKG];
       if (!semver.satisfies(installedRNVersion, requiredRN)) {
         console.warn(
-          chalk.yellow(
-            `\n${chalk.bold('Warning:')} ${printPkg(
+          styleText('yellow',
+            `\n${styleText('bold', 'Warning:')} ${printPkg(
               MACOSPKG,
               macosVersion,
             )} requires ${printPkg(RNPKG, requiredRN)}, ` +
@@ -278,7 +278,7 @@ async function validatePeerDependencies(
 
     if (!argv.version) {
       console.log(
-        `Latest matching version of ${chalk.green(MACOSPKG)} for ${printPkg(
+        `Latest matching version of ${styleText('green', MACOSPKG)} for ${printPkg(
           RNPKG,
           reactNativeVersion,
         )} is ${printPkg(MACOSPKG, reactNativeMacOSResolvedVersion)}.`,
@@ -287,20 +287,20 @@ async function validatePeerDependencies(
       if (semver.prerelease(reactNativeMacOSResolvedVersion)) {
         console.warn(
           `
-${printPkg(MACOSPKG, reactNativeMacOSResolvedVersion)} is a ${chalk.bgYellow(
+${printPkg(MACOSPKG, reactNativeMacOSResolvedVersion)} is a ${styleText('bgYellow',
             'pre-release',
           )} version.
 The latest supported version is ${printPkg(
             MACOSPKG,
             reactNativeMacOSLatestVersion,
           )}.
-You can either downgrade your version of ${chalk.yellow(RNPKG)} to ${chalk.cyan(
+You can either downgrade your version of ${styleText('yellow', RNPKG)} to ${styleText('cyan',
             getMatchingReactNativeSemVerForReactNativeMacOSVersion(
               reactNativeMacOSLatestVersion,
             ),
-          )}, or continue with a ${chalk.bgYellow(
+          )}, or continue with a ${styleText('bgYellow',
             'pre-release',
-          )} version of ${chalk.yellow(MACOSPKG)}.
+          )} version of ${styleText('yellow', MACOSPKG)}.
 `,
         );
 
@@ -358,16 +358,16 @@ You can either downgrade your version of ${chalk.yellow(RNPKG)} to ${chalk.cyan(
           `Failed to install ${printPkg(MACOSPKG, version)}.\n` +
             `This can happen if there is a peer dependency mismatch between ` +
             `${RNPKG} and ${MACOSPKG}.\n` +
-            `Check that your installed version of ${chalk.yellow(RNPKG)} is compatible ` +
+            `Check that your installed version of ${styleText('yellow', RNPKG)} is compatible ` +
             `with ${printPkg(MACOSPKG, version)}.`,
         );
         process.exit(EXITCODE_UNKNOWN_ERROR);
       }
 
-      console.log(`${pkgLatest} ${chalk.green('successfully installed!')}`);
+      console.log(`${pkgLatest} ${styleText('green', 'successfully installed!')}`);
     } else {
       console.log(
-        `${chalk.green('Latest version')} of ${pkgLatest} already installed.`,
+        `${styleText('green', 'Latest version')} of ${pkgLatest} already installed.`,
       );
     }
 

packages/react-native/local-cli/generate-macos.js

@@ -3,7 +3,6 @@
 
 const {
   copyProjectTemplateAndReplace,
-  runPodInstall,
   printFinishMessage,
 } = require('./generator-macos');
 const fs = require('fs');
@@ -28,7 +27,6 @@ function generateMacOS (projectDir, name, options) {
     { overwrite: options.overwrite }
   );
 
-  runPodInstall(options);
   printFinishMessage(name);
 }
 

packages/react-native/local-cli/generator-common/index.js

@@ -1,7 +1,7 @@
 // @ts-check
 
 // @noflow
-const chalk = require('chalk');
+const { styleText } = require('node:util');
 const fs = require('fs');
 const path = require('path');
 
@@ -330,11 +330,11 @@ function alwaysOverwriteContentChangedCallback(
   contentChanged
 ) {
   if (contentChanged === 'new') {
-    console.log(`${chalk.bold('new')} ${relativeDestPath}`);
+    console.log(`${styleText('bold','new')} ${relativeDestPath}`);
     return 'overwrite';
   }
   if (contentChanged === 'changed') {
-    console.log(`${chalk.bold('changed')} ${relativeDestPath} ${chalk.yellow('[overwriting]')}`);
+    console.log(`${styleText('bold','changed')} ${relativeDestPath} ${styleText('yellow','[overwriting]')}`);
     return 'overwrite';
   }
   if (contentChanged === 'identical') {
@@ -351,12 +351,12 @@ function upgradeFileContentChangedCallback(
   contentChanged
 ) {
   if (contentChanged === 'new') {
-    console.log(`${chalk.bold('new')} ${relativeDestPath}`);
+    console.log(`${styleText('bold','new')} ${relativeDestPath}`);
     return 'overwrite';
   }
   if (contentChanged === 'changed') {
     console.log(
-      `${chalk.bold(relativeDestPath)} ` +
+      `${styleText('bold',relativeDestPath)} ` +
       `has changed in the new version.\nDo you want to keep your ${relativeDestPath} or replace it with the ` +
       'latest version?\nIf you ever made any changes ' +
       'to this file, you\'ll probably want to keep it.\n' +

packages/react-native/local-cli/generator-macos/index.js

@@ -7,9 +7,7 @@ const {
   copyAndReplaceAll,
   createDir,
 } = require('../generator-common');
-const chalk = require('chalk');
-const childProcess = require('child_process');
-const fs = require('fs');
+const { styleText } = require('node:util');
 const path = require('path');
 
 const macOSDir = 'macos';
@@ -102,58 +100,21 @@ function schemePath(basename, platform) {
   return path.join(schemesPath(basename), projectName(basename, platform) + '.xcscheme');
 }
 
-/**
- * @param {{ verbose?: boolean }=} options
- */
-function runPodInstall(options) {
-  const verbose = options && options.verbose;
-  console.log(`\nRunning ${chalk.bold('pod install --project-directory=macos')}...`);
-  try {
-    // Check if pod is available
-    childProcess.execSync('which pod', { stdio: 'ignore' });
-  } catch {
-    console.warn(
-      chalk.yellow(
-        `\n${chalk.bold('CocoaPods')} not found. Please install it and run:\n` +
-        `  ${chalk.cyan('pod install --project-directory=macos')}\n`
-      )
-    );
-    return;
-  }
-
-  try {
-    /** @type {{ stdio?: 'inherit' }} */
-    const execOptions = verbose ? { stdio: 'inherit' } : {};
-    childProcess.execSync('pod install --project-directory=macos', execOptions);
-    console.log(chalk.green('Successfully installed CocoaPods dependencies.'));
-  } catch (e) {
-    if (!verbose && e.stderr) {
-      console.error(e.stderr.toString());
-    }
-    console.warn(
-      chalk.yellow(
-        `\n${chalk.bold('pod install')} failed. You can retry manually:\n` +
-        `  ${chalk.cyan('pod install --project-directory=macos')}\n`
-      )
-    );
-  }
-}
-
 /**
  * @param {string} newProjectName
  */
 function printFinishMessage(newProjectName) {
   console.log(`
-  ${chalk.blue(`Run instructions for ${chalk.bold('macOS')}`)}:
-    • ${chalk.cyan('npx react-native run-macos')}
+  ${styleText('blue', `Run instructions for ${styleText('bold', 'macOS')}`)}:
+    • ${styleText('cyan', 'pod install --project-directory=macos')}
+    • ${styleText('cyan', 'npx react-native run-macos')}
 
   To start the Metro bundler separately:
-    • ${chalk.cyan('npx react-native start')}
+    • ${styleText('cyan', 'npx react-native start')}
 `);
 }
 
 module.exports = {
   copyProjectTemplateAndReplace,
-  runPodInstall,
   printFinishMessage,
 };