feat(0.79): generate codegen before pod install (#2600)

* feat(0.79): run codgen before `pod install`

* chore: move logic to `runCodegen` fn

* fix: mock `runCodegen` fn

* fix: mock default module instead

* fix: pass reactNativePath from config

* fix: pass `reactNativePath` also in `init` command

Author: szymonrybczak

packages/cli-config-apple/src/__tests__/pods.test.ts

@@ -16,6 +16,7 @@ jest.mock('@react-native-community/cli-tools', () => ({
   },
 }));
 jest.mock('../tools/installPods', () => jest.fn());
+jest.mock('../tools/runCodegen', () => jest.fn());
 const dependencyHash = 'd41d8cd98f00b204e9800998ecf8427e';
 
 const packageJson = {

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

@@ -3,7 +3,7 @@ export {
   getProjectConfig,
   findPodfilePaths,
 } from './config';
-
+export {default as runCodegen} from './tools/runCodegen';
 export {default as installPods} from './tools/installPods';
 export {default as resolvePods} from './tools/pods';
 export {default as findXcodeProject} from './config/findXcodeProject';

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

@@ -22,7 +22,7 @@ interface RunPodInstallOptions {
   newArchEnabled?: boolean;
 }
 
-async function runPodInstall(loader: Ora, options?: RunPodInstallOptions) {
+async function runPodInstall(loader: Ora, options: RunPodInstallOptions) {
   const shouldHandleRepoUpdate = options?.shouldHandleRepoUpdate || true;
   try {
     loader.start(
@@ -156,8 +156,9 @@ async function installPods(loader?: Ora, options?: PodInstallOptions) {
       loader.info();
       await installCocoaPods(loader);
     }
-
-    await runPodInstall(loader, {newArchEnabled: options?.newArchEnabled});
+    await runPodInstall(loader, {
+      newArchEnabled: options?.newArchEnabled,
+    });
   } finally {
     process.chdir('..');
   }

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

@@ -13,6 +13,7 @@ import {
   IOSDependencyConfig,
 } from '@react-native-community/cli-types';
 import {ApplePlatform} from '../types';
+import runCodegen from './runCodegen';
 
 interface ResolvePodsOptions {
   forceInstall?: boolean;
@@ -89,9 +90,17 @@ async function install(
   cachedDependenciesHash: string | undefined,
   currentDependenciesHash: string,
   iosFolderPath: string,
+  platform: string,
+  root: string,
+  reactNativePath: string,
 ) {
   const loader = getLoader('Installing CocoaPods...');
   try {
+    await runCodegen({
+      root,
+      platform,
+      reactNativePath,
+    });
     await installPods(loader, {
       skipBundleInstall: !!cachedDependenciesHash,
       iosFolderPath,
@@ -114,6 +123,7 @@ export default async function resolvePods(
   sourceDir: string,
   nativeDependencies: NativeDependencies,
   platformName: ApplePlatform,
+  reactNativePath: string,
   options?: ResolvePodsOptions,
 ) {
   const packageJson = getPackageJson(root);
@@ -154,6 +164,9 @@ export default async function resolvePods(
       cachedDependenciesHash,
       currentDependenciesHash,
       platformFolderPath,
+      platformName,
+      root,
+      reactNativePath,
     );
   } else if (
     arePodsInstalled &&

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

@@ -0,0 +1,33 @@
+import fs from 'fs';
+import path from 'path';
+import execa from 'execa';
+
+interface CodegenOptions {
+  root: string;
+  platform: string;
+  reactNativePath: string;
+}
+
+async function runCodegen(options: CodegenOptions): Promise<void> {
+  if (fs.existsSync('build')) {
+    fs.rmSync('build', {recursive: true});
+  }
+
+  const codegenScript = path.join(
+    options.reactNativePath,
+    'scripts',
+    'generate-codegen-artifacts.js',
+  );
+
+  await execa('node', [
+    codegenScript,
+    '-p',
+    options.root,
+    '-o',
+    process.cwd(),
+    '-t',
+    options.platform,
+  ]);
+}
+
+export default runCodegen;

packages/cli-platform-apple/src/commands/buildCommand/createBuild.ts

@@ -34,6 +34,7 @@ const createBuild =
         platformConfig.sourceDir,
         ctx.dependencies,
         platformName,
+        ctx.reactNativePath,
         {
           forceInstall: args.forcePods,
           newArchEnabled: isAppRunningNewArchitecture,

packages/cli-platform-apple/src/commands/runCommand/createRun.ts

@@ -89,6 +89,7 @@ const createRun =
         platformConfig.sourceDir,
         ctx.dependencies,
         platformName,
+        ctx.reactNativePath,
         {
           forceInstall: args.forcePods,
           newArchEnabled: isAppRunningNewArchitecture,

packages/cli/src/commands/init/init.ts

@@ -41,6 +41,7 @@ import DirectoryAlreadyExistsError from './errors/DirectoryAlreadyExistsError';
 import {createTemplateUri} from './version';
 import {TEMPLATE_COMMUNITY_REACT_NATIVE_VERSION} from './constants';
 import type {Options} from './types';
+import {runCodegen} from '@react-native-community/cli-config-apple';
 
 const DEFAULT_VERSION = 'latest';
 
@@ -280,11 +281,19 @@ async function createFromTemplate({
 
       if (process.platform === 'darwin') {
         const installPodsValue = String(installCocoaPods);
+        const reactNativePath = path.dirname(
+          require.resolve('react-native', {paths: [projectDirectory]}),
+        );
 
         try {
           if (installPodsValue === 'true') {
             didInstallPods = true;
-            await installPods(loader);
+            await runCodegen({
+              root: projectDirectory,
+              platform: 'ios',
+              reactNativePath,
+            });
+            await installPods(loader, {});
             loader.succeed();
             setEmptyHashForCachedDependencies(projectName);
           } else if (installPodsValue === 'undefined') {
@@ -298,7 +307,12 @@ async function createFromTemplate({
             didInstallPods = installCocoapods;
 
             if (installCocoapods) {
-              await installPods(loader, {newArchEnabled: true});
+              await runCodegen({
+                root: projectDirectory,
+                platform: 'ios',
+                reactNativePath,
+              });
+              await installPods(loader, {});
               loader.succeed();
               setEmptyHashForCachedDependencies(projectName);
             }