Remove rnw/cli dependency on rnc/cli (#14727)

acoates-ms · web-flow · commit b9f8da60def5 · 2025-06-02T16:58:42.000-07:00
* Remove rnw/cli dependency on rnc/cli

* Change files
diff --git a/change/@react-native-windows-cli-10e2314f-f552-484c-ac71-e84c6b6b6e7a.json b/change/@react-native-windows-cli-10e2314f-f552-484c-ac71-e84c6b6b6e7a.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Remove rnw/cli dependency on rnc/cli",
+  "packageName": "@react-native-windows/cli",
+  "email": "30809111+acoates-ms@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/@react-native-windows/cli/package.json b/packages/@react-native-windows/cli/package.json
@@ -25,6 +25,7 @@
     "chalk": "^4.1.0",
     "cli-spinners": "^2.2.0",
     "envinfo": "^7.5.0",
+    "execa": "^5.0.0",
     "find-up": "^4.1.0",
     "glob": "^7.1.1",
     "lodash": "^4.17.15",
diff --git a/packages/@react-native-windows/cli/src/commands/autolinkWindows/autolinkWindows.ts b/packages/@react-native-windows/cli/src/commands/autolinkWindows/autolinkWindows.ts
@@ -17,14 +17,15 @@ import {XMLSerializer} from '@xmldom/xmldom';
 import {Ora} from 'ora';
 const formatter = require('xml-formatter');
 
-import {
+import type {
   Command,
   Config,
   DependencyConfig,
   ProjectConfig,
 } from '@react-native-community/cli-types';
 import {Telemetry, CodedError} from '@react-native-windows/telemetry';
-import {AutoLinkOptions, autolinkOptions} from './autolinkWindowsOptions';
+import type {AutoLinkOptions} from './autolinkWindowsOptions';
+import {autolinkOptions} from './autolinkWindowsOptions';
 
 import {
   newSpinner,
@@ -39,11 +40,11 @@ import {
   startTelemetrySession,
   endTelemetrySession,
 } from '../../utils/telemetryHelpers';
-import {
+import type {
   WindowsDependencyConfig,
   ProjectDependency,
 } from '../config/dependencyConfig';
-import {Project, WindowsProjectConfig} from '../config/projectConfig';
+import type {Project, WindowsProjectConfig} from '../config/projectConfig';
 
 export class AutoLinkWindows {
   private changesNecessary: boolean;
diff --git a/packages/@react-native-windows/cli/src/commands/autolinkWindows/autolinkWindowsOptions.ts b/packages/@react-native-windows/cli/src/commands/autolinkWindows/autolinkWindowsOptions.ts
@@ -4,7 +4,7 @@
  * @format
  */
 
-import {CommandOption} from '@react-native-community/cli-types';
+import type {CommandOption} from '@react-native-community/cli-types';
 
 export interface AutoLinkOptions {
   logging?: boolean;
diff --git a/packages/@react-native-windows/cli/src/commands/codegenWindows/codegenWindows.ts b/packages/@react-native-windows/cli/src/commands/codegenWindows/codegenWindows.ts
@@ -9,13 +9,13 @@ import chalk from 'chalk';
 import {performance} from 'perf_hooks';
 import {Ora} from 'ora';
 
-import {Command, Config} from '@react-native-community/cli-types';
+import type {Command, Config} from '@react-native-community/cli-types';
 import {Telemetry, CodedError} from '@react-native-windows/telemetry';
-import {
+import type {
   CodeGenOptions as RnwCodeGenOptions,
   CppStringTypes,
-  runCodeGen,
 } from '@react-native-windows/codegen';
+import {runCodeGen} from '@react-native-windows/codegen';
 
 import {
   newSpinner,
@@ -26,7 +26,8 @@ import {
   startTelemetrySession,
   endTelemetrySession,
 } from '../../utils/telemetryHelpers';
-import {CodeGenOptions, codegenOptions} from './codegenWindowsOptions';
+import type {CodeGenOptions} from './codegenWindowsOptions';
+import {codegenOptions} from './codegenWindowsOptions';
 
 export class CodeGenWindows {
   private changesNecessary: boolean;
diff --git a/packages/@react-native-windows/cli/src/commands/codegenWindows/codegenWindowsOptions.ts b/packages/@react-native-windows/cli/src/commands/codegenWindows/codegenWindowsOptions.ts
@@ -4,7 +4,7 @@
  * @format
  */
 
-import {CommandOption} from '@react-native-community/cli-types';
+import type {CommandOption} from '@react-native-community/cli-types';
 
 export interface CodeGenOptions {
   logging?: boolean;
diff --git a/packages/@react-native-windows/cli/src/commands/healthCheck/healthChecks.ts b/packages/@react-native-windows/cli/src/commands/healthCheck/healthChecks.ts
@@ -8,11 +8,7 @@ import path from 'path';
 
 import * as pathHelpers from '../../utils/pathHelpers';
 
-const rnDir = pathHelpers.resolveRnRoot(process.cwd());
-const cliDir = pathHelpers.resolveRnCliRoot(rnDir);
-
-const execaPath = require.resolve('execa', {paths: [cliDir]});
-const execa = require(execaPath);
+import execa from 'execa';
 
 import type {
   HealthCheckCategory,
diff --git a/packages/@react-native-windows/cli/src/commands/initWindows/initWindows.ts b/packages/@react-native-windows/cli/src/commands/initWindows/initWindows.ts
@@ -15,7 +15,7 @@ import util from 'util';
 
 const glob = util.promisify(globFunc);
 
-import {Command, Config} from '@react-native-community/cli-types';
+import type {Command, Config} from '@react-native-community/cli-types';
 import {CodedError, Telemetry} from '@react-native-windows/telemetry';
 
 import {
@@ -30,7 +30,8 @@ import {
 } from '../../utils/telemetryHelpers';
 import {copyAndReplaceWithChangedCallback} from '../../generator-common';
 import * as nameHelpers from '../../utils/nameHelpers';
-import {InitOptions, initOptions} from './initWindowsOptions';
+import type {InitOptions} from './initWindowsOptions';
+import {initOptions} from './initWindowsOptions';
 
 export interface TemplateFileMapping {
   from: string;
diff --git a/packages/@react-native-windows/cli/src/commands/initWindows/initWindowsOptions.ts b/packages/@react-native-windows/cli/src/commands/initWindows/initWindowsOptions.ts
@@ -4,7 +4,7 @@
  * @format
  */
 
-import {CommandOption} from '@react-native-community/cli-types';
+import type {CommandOption} from '@react-native-community/cli-types';
 
 export interface InitOptions {
   logging?: boolean;
diff --git a/packages/@react-native-windows/cli/src/commands/runWindows/runWindows.ts b/packages/@react-native-windows/cli/src/commands/runWindows/runWindows.ts
@@ -8,7 +8,7 @@ import fs from '@react-native-windows/fs';
 import path from 'path';
 
 import {Telemetry, CodedError} from '@react-native-windows/telemetry';
-import {Command, Config} from '@react-native-community/cli-types';
+import type {Command, Config} from '@react-native-community/cli-types';
 
 import * as build from '../../utils/build';
 import chalk from 'chalk';
@@ -27,9 +27,10 @@ import {
 import * as pathHelpers from '../../utils/pathHelpers';
 import * as info from '../../utils/info';
 import MSBuildTools from '../../utils/msbuildtools';
-import {runWindowsOptions, RunWindowsOptions} from './runWindowsOptions';
+import type {RunWindowsOptions} from './runWindowsOptions';
+import {runWindowsOptions} from './runWindowsOptions';
 import {autolinkWindowsInternal} from '../autolinkWindows/autolinkWindows';
-import {AutoLinkOptions} from '../autolinkWindows/autolinkWindowsOptions';
+import type {AutoLinkOptions} from '../autolinkWindows/autolinkWindowsOptions';
 
 /**
  * Sanitizes the given option for telemetry.
diff --git a/packages/@react-native-windows/cli/src/commands/runWindows/runWindowsOptions.ts b/packages/@react-native-windows/cli/src/commands/runWindows/runWindowsOptions.ts
@@ -4,7 +4,7 @@
  * @format
  */
 
-import {CommandOption} from '@react-native-community/cli-types';
+import type {CommandOption} from '@react-native-community/cli-types';
 import {deviceArchitecture} from '@react-native-windows/telemetry';
 
 export type BuildArch = 'x86' | 'x64' | 'ARM64';
diff --git a/packages/@react-native-windows/cli/src/generator-windows/index.ts b/packages/@react-native-windows/cli/src/generator-windows/index.ts
@@ -478,11 +478,11 @@ export async function installScriptsAndDependencies(options: {
 
   // We add an exclusionList from metro config. This will be hoisted, but add
   // an explicit dep because we require it directly.
-  const cliPackage = await findPackage('@react-native-community/cli', {
+  const rnMetroConfigPacakge = await findPackage('@react-native/metro-config', {
     searchPath: rnPackage.path,
   });
   const metroConfigPackage = await findPackage('metro-config', {
-    searchPath: cliPackage?.path || rnPackage.path,
+    searchPath: rnMetroConfigPacakge?.path || rnPackage.path,
   });
 
   if (metroConfigPackage) {
diff --git a/packages/@react-native-windows/cli/src/utils/build.ts b/packages/@react-native-windows/cli/src/utils/build.ts
@@ -9,12 +9,12 @@ import path from 'path';
 import MSBuildTools from './msbuildtools';
 import Version from './version';
 import {newError, newWarn} from './commandWithProgress';
-import {
+import type {
   RunWindowsOptions,
   BuildConfig,
   BuildArch,
 } from '../commands/runWindows/runWindowsOptions';
-import {Config} from '@react-native-community/cli-types';
+import type {Config} from '@react-native-community/cli-types';
 import {CodedError} from '@react-native-windows/telemetry';
 
 export async function buildSolution(
diff --git a/packages/@react-native-windows/cli/src/utils/deploy.ts b/packages/@react-native-windows/cli/src/utils/deploy.ts
@@ -27,9 +27,9 @@ import {
   RunWindowsOptions,
 } from '../commands/runWindows/runWindowsOptions';
 import MSBuildTools from './msbuildtools';
-import {Config} from '@react-native-community/cli-types';
+import type {Config} from '@react-native-community/cli-types';
 import * as configUtils from '../commands/config/configUtils';
-import {WindowsProjectConfig} from '../commands/config/projectConfig';
+import type {WindowsProjectConfig} from '../commands/config/projectConfig';
 import {CodedError} from '@react-native-windows/telemetry';
 import Version from './version';
 
diff --git a/packages/@react-native-windows/cli/src/utils/pathHelpers.ts b/packages/@react-native-windows/cli/src/utils/pathHelpers.ts
@@ -6,36 +6,10 @@
 
 import path from 'path';
 
-export function resolveRnRoot(paths: string | string[] | undefined): string {
-  return path.dirname(
-    require.resolve('react-native/package.json', {
-      paths: typeof paths === 'string' ? [paths] : paths,
-    }),
-  );
-}
-
-export function resolveRnCliRoot(paths: string | string[] | undefined): string {
-  return path.dirname(
-    require.resolve('@react-native-community/cli/package.json', {
-      paths: typeof paths === 'string' ? [paths] : paths,
-    }),
-  );
-}
-
 export function resolveRnwRoot(paths: string | string[] | undefined): string {
   return path.dirname(
     require.resolve('react-native-windows/package.json', {
       paths: typeof paths === 'string' ? [paths] : paths,
     }),
   );
 }
-
-export function resolveRnwCliRoot(
-  paths: string | string[] | undefined,
-): string {
-  return path.dirname(
-    require.resolve('@react-native-windows/cli/package.json', {
-      paths: typeof paths === 'string' ? [paths] : paths,
-    }),
-  );
-}
diff --git a/packages/@react-native-windows/cli/src/utils/telemetryHelpers.ts b/packages/@react-native-windows/cli/src/utils/telemetryHelpers.ts
@@ -6,7 +6,7 @@
 
 import {camelCase} from 'lodash';
 
-import {
+import type {
   Config,
   CommandOption,
   OptionValue,
