use config param to autolink peer deps

Author: TMisiukiewicz

packages/cli-config/src/loadConfig.ts

@@ -11,6 +11,7 @@ import {
   version,
   resolveNodeModuleDir,
   UnknownProjectError,
+  resolveTransitiveDeps,
 } from '@react-native-community/cli-tools';
 import findDependencies from './findDependencies';
 import resolveReactNativePath from './resolveReactNativePath';
@@ -75,7 +76,9 @@ function getReactNativeVersion(reactNativePath: string) {
 /**
  * Loads CLI configuration
  */
-function loadConfig(projectRoot: string = findProjectRoot()): Config {
+async function loadConfig(
+  projectRoot: string = findProjectRoot(),
+): Promise<Config> {
   let lazyProject: ProjectConfig;
   const userConfig = readConfigFromDisk(projectRoot);
 
@@ -113,11 +116,19 @@ function loadConfig(projectRoot: string = findProjectRoot()): Config {
     },
   };
 
+  const dependencyMap = findDependencies(projectRoot);
+  let dependencies = Array.from(dependencyMap.keys());
+
+  if (userConfig.unstable_autolinkPeerDependencies) {
+    const installedDependencies = await resolveTransitiveDeps(
+      projectRoot,
+      dependencyMap,
+    );
+    dependencies = [...dependencies, ...installedDependencies];
+  }
+
   const finalConfig = Array.from(
-    new Set([
-      ...Object.keys(userConfig.dependencies),
-      ...findDependencies(projectRoot),
-    ]),
+    new Set([...Object.keys(userConfig.dependencies), ...dependencies]),
   ).reduce((acc: Config, dependencyName) => {
     const localDependencyRoot =
       userConfig.dependencies[dependencyName] &&

packages/cli-config/src/schema.ts

@@ -186,6 +186,7 @@ export const projectConfig = t
         linkConfig: t.func(),
       }),
     ).default({}),
+    unstable_autolinkPeerDependencies: t.bool(),
   })
   .unknown(true)
   .default();

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

@@ -175,7 +175,7 @@ const doctorCommand = (async (_, options, config) => {
     Promise.all(categories.map(iterateOverHealthChecks));
 
   const healthchecksPerCategory = await iterateOverCategories(
-    Object.values(getHealthchecks(options)).filter(
+    Object.values(await getHealthchecks(options)).filter(
       (category) => category !== undefined,
     ) as HealthCheckCategory[],
   );

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

@@ -1,3 +1,5 @@
+import loadConfig from '@react-native-community/cli-config';
+import {logger} from '@react-native-community/cli-tools';
 import nodeJS from './nodeJS';
 import {yarn, npm} from './packageManagers';
 import adb from './adb';
@@ -12,11 +14,9 @@ import xcode from './xcode';
 import cocoaPods from './cocoaPods';
 import iosDeploy from './iosDeploy';
 import {Healthchecks, HealthCheckCategory} from '../../types';
-import loadConfig from '@react-native-community/cli-config';
 import xcodeEnv from './xcodeEnv';
 import packager from './packager';
 import deepmerge from 'deepmerge';
-import {logger} from '@react-native-community/cli-tools';
 
 export const HEALTHCHECK_TYPES = {
   ERROR: 'ERROR',
@@ -28,14 +28,16 @@ type Options = {
   contributor: boolean | void;
 };
 
-export const getHealthchecks = ({contributor}: Options): Healthchecks => {
+export const getHealthchecks = async ({
+  contributor,
+}: Options): Promise<Healthchecks> => {
   let additionalChecks: HealthCheckCategory[] = [];
   let projectSpecificHealthchecks = {};
   let config;
 
   // Doctor can run in a detached mode, where there isn't a config so this can fail
   try {
-    config = loadConfig();
+    config = await loadConfig();
     additionalChecks = config.healthChecks;
 
     if (config.reactNativePath) {

packages/cli-tools/src/bun.ts

@@ -1,7 +1,7 @@
-import {logger} from '@react-native-community/cli-tools';
 import {execSync} from 'child_process';
 import findUp from 'find-up';
 import semver from 'semver';
+import logger from './logger';
 
 export function getBunVersionIfAvailable() {
   let bunVersion;

packages/cli-tools/src/resolveTransitiveDeps.ts

@@ -5,9 +5,10 @@ import chalk from 'chalk';
 import {prompt} from 'prompts';
 import execa from 'execa';
 import semver from 'semver';
-import {getLoader, logger} from '@react-native-community/cli-tools';
 import {DependencyMap} from '@react-native-community/cli-types';
 import {isProjectUsingYarn} from './yarn';
+import {getLoader} from './loader';
+import logger from './logger';
 
 export async function fetchAvailableVersions(
   packageName: string,

packages/cli-tools/src/yarn.ts

@@ -8,8 +8,8 @@
 
 import {execSync} from 'child_process';
 import semver from 'semver';
-import {logger} from '@react-native-community/cli-tools';
 import findUp from 'find-up';
+import logger from './logger';
 
 /**
  * Use Yarn if available, it's much faster than the npm client.

packages/cli-types/src/index.ts

@@ -135,6 +135,7 @@ export type UserConfig = Omit<Config, 'root'> & {
     ios?: IOSProjectParams;
     [key: string]: any;
   };
+  unstable_autolinkPeerDependencies?: boolean;
 };
 
 export type UserDependencyConfig = {

packages/cli/src/index.ts

@@ -174,7 +174,7 @@ async function setupAndRun() {
 
   let config: Config | undefined;
   try {
-    config = loadConfig();
+    config = await loadConfig();
 
     logger.enable();