feat: support Expo 55 in react-native-brownfield expo config plugin

Author: artus9033

packages/react-native-brownfield/src/expo-config-plugin/android/withAndroidModuleFiles.ts

@@ -9,6 +9,7 @@ import type {
 } from '../types';
 import { Logger } from '../logging';
 import { renderTemplate } from '../template/engine';
+import { getExpoInfo } from '../expoUtils';
 
 /**
  * Creates the Android library module directory structure and files
@@ -17,7 +18,13 @@ export function createAndroidModule({
   androidDir,
   config,
   rnVersion,
+  isExpoPre55,
 }: {
+  /**
+   * Whether the Expo project is pre-55
+   */
+  isExpoPre55: boolean;
+
   /**
    * The root Android directory path
    */
@@ -62,9 +69,15 @@ export function createAndroidModule({
     },
     {
       relativePath: `src/main/java/${config.android.packageName.replace(/\./g, '/')}/ReactNativeHostManager.kt`,
-      content: renderTemplate('android', 'ReactNativeHostManager.kt', {
-        '{{PACKAGE_NAME}}': android.packageName,
-      }),
+      content: renderTemplate(
+        'android',
+        isExpoPre55
+          ? 'ReactNativeHostManager-pre55.kt'
+          : 'ReactNativeHostManager-post55.kt',
+        {
+          '{{PACKAGE_NAME}}': android.packageName,
+        }
+      ),
     },
     {
       relativePath: 'consumer-rules.pro',
@@ -127,10 +140,13 @@ export const withAndroidModuleFiles: ConfigPlugin<
         );
       }
 
+      const { isExpoPre55 } = getExpoInfo(config);
+
       createAndroidModule({
         androidDir,
         config: props,
         rnVersion,
+        isExpoPre55,
       });
 
       return dangerousConfig;

packages/react-native-brownfield/src/expo-config-plugin/expoUtils.ts

@@ -0,0 +1,12 @@
+import type { ExpoConfig } from '@expo/config-types';
+
+export function getExpoInfo(config: ExpoConfig) {
+  const expoMajor = config.sdkVersion
+    ? parseInt(config.sdkVersion.split('.')[0], 10)
+    : -1;
+  const isExpoPre55 = expoMajor < 55;
+  return {
+    expoMajor,
+    isExpoPre55,
+  };
+}

packages/react-native-brownfield/src/expo-config-plugin/ios/withBrownfieldIos.ts

@@ -14,6 +14,7 @@ import { modifyPodfile } from './podfileHelpers';
 import { withIosFrameworkFiles } from './withIosFrameworkFiles';
 import type { ResolvedBrownfieldPluginConfigWithIos } from '../types';
 import { Logger } from '../logging';
+import { getExpoInfo } from '../expoUtils';
 
 /**
  * iOS Config Plugin for integration with @callstack/react-native-brownfield.
@@ -28,10 +29,8 @@ import { Logger } from '../logging';
 export const withBrownfieldIos: ConfigPlugin<
   ResolvedBrownfieldPluginConfigWithIos
 > = (config, props) => {
-  const expoMajor = config.sdkVersion
-    ? parseInt(config.sdkVersion.split('.')[0], 10)
-    : -1;
-  const isExpoPre55 = expoMajor < 55;
+  const { isExpoPre55 } = getExpoInfo(config);
+
   // Step 1: modify the Xcode project to add framework target &
   config = withXcodeProject(config, (xcodeConfig) => {
     const { modResults: project, modRequest } = xcodeConfig;

packages/react-native-brownfield/src/expo-config-plugin/template/android/ReactNativeHostManager-post55.kt

@@ -0,0 +1,32 @@
+package {{PACKAGE_NAME}}
+
+import android.app.Application
+import android.content.res.Configuration
+import com.callstack.reactnativebrownfield.OnJSBundleLoaded
+import com.callstack.reactnativebrownfield.ReactNativeBrownfield
+import com.facebook.react.PackageList
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
+import expo.modules.ApplicationLifecycleDispatcher
+import expo.modules.ExpoReactHostFactory
+
+object ReactNativeHostManager {
+    fun initialize(application: Application, onJSBundleLoaded: OnJSBundleLoaded? = null) {
+        loadReactNative(application)
+
+        ApplicationLifecycleDispatcher.onApplicationCreate(application)
+
+        val reactHost: ReactHost by lazy {
+            ExpoReactHostFactory.getDefaultReactHost(
+                context = application.applicationContext,
+                packageList = PackageList(application).packages,
+            )
+        }
+
+        ReactNativeBrownfield.initialize(application, reactHost, onJSBundleLoaded)
+    }
+
+    fun onConfigurationChanged(application: Application, newConfig: Configuration) {
+        ApplicationLifecycleDispatcher.onConfigurationChanged(application, newConfig)
+    }
+}