Upgrade to React Native 0.83.2 with new architecture

Reconcile the WIP react-native 0.83 / new-architecture work (originally on
the william/rn83 branch) onto current npm-based develop. Bump react 19.2.0,
react-native 0.83.2, react-native-reanimated 4.2.x, react-native-worklets
0.7.x, react-native-bootsplash 7.x and expo 55; keep develop's newer crypto
native deps (piratechain, zcash, zano). Port the native iOS (Expo new-arch
AppDelegate, Info.plist) and Android (newArchEnabled, gradle, MainActivity/
MainApplication) changes, drop the obsolete r3-hack Reanimated-3 Android
workaround in favor of Reanimated 4 under the new architecture, and remove
the no-longer-needed react-native 0.79 patch.

Author: j0ntz

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased (develop)
 
+- changed: Upgrade to React Native 0.83.2 and enable the new architecture (Fabric/TurboModules)
+
 ## 4.49.0 (staging)
 
 - added: Monero wallet import support

android/app/src/main/AndroidManifest.xml

@@ -36,7 +36,8 @@
     android:roundIcon="@mipmap/ic_launcher_round"
     android:allowBackup="false"
     android:usesCleartextTraffic="true"
-    android:theme="@style/AppTheme">
+    android:theme="@style/AppTheme"
+    android:supportsRtl="true">
     <meta-data android:name="io.sentry.auto-init" android:value="false" />
     <meta-data android:name="com.google.firebase.messaging.default_notification_icon"
                android:resource="@mipmap/edge_logo_hollow" />

android/app/src/main/java/co/edgesecure/app/MainApplication.kt

@@ -5,17 +5,10 @@ import android.content.res.Configuration
 import com.facebook.react.PackageList
 import com.facebook.react.ReactApplication
 import com.facebook.react.ReactHost
-import com.facebook.react.ReactNativeHost
-import com.facebook.react.ReactPackage
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
-import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
-import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
 import com.facebook.react.modules.i18nmanager.I18nUtil
-import com.facebook.react.soloader.OpenSourceMergedSoMapping
-import com.facebook.soloader.SoLoader
-import expo.modules.ApplicationLifecycleDispatcher.onApplicationCreate
-import expo.modules.ApplicationLifecycleDispatcher.onConfigurationChanged
-import expo.modules.ReactNativeHostWrapper
+import expo.modules.ApplicationLifecycleDispatcher
+import expo.modules.ExpoReactHostFactory
 import io.sentry.Hint
 import io.sentry.SentryEvent
 import io.sentry.SentryLevel
@@ -26,28 +19,20 @@ import io.sentry.android.core.SentryAndroid
 class MainApplication :
   Application(),
   ReactApplication {
-  override val reactNativeHost: ReactNativeHost =
-    ReactNativeHostWrapper(
-      this,
-      object : DefaultReactNativeHost(this) {
-        override fun getPackages(): List<ReactPackage> {
-          // Packages that cannot be autolinked yet can be added manually here, for
-          // example:
-          // packages.add(new MyReactNativePackage());
-          return PackageList(this).packages
-        }
-
-        override fun getJSMainModuleName(): String = "index"
-
-        override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
-
-        override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
-        override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
-      },
+  override val reactHost: ReactHost by lazy {
+    ExpoReactHostFactory.getDefaultReactHost(
+      context = applicationContext,
+      packageList =
+        PackageList(this).packages.apply {
+          // Packages that cannot be autolinked yet can be added manually here, for example:
+          // add(MyReactNativePackage())
+        },
+      // The app's JS entry is `index.ts`; match the iOS bundle root so Metro
+      // resolves `index` instead of the default `index.android` (which the new
+      // ExpoReactHostFactory derives from jsBundleAssetPath and does not exist).
+      jsMainModulePath = "index",
     )
-
-  override val reactHost: ReactHost
-    get() = getDefaultReactHost(applicationContext, reactNativeHost)
+  }
 
   override fun onCreate() {
     super.onCreate()
@@ -102,17 +87,18 @@ class MainApplication :
     // Background task:
     MessagesWorker.ensureScheduled(context)
     // MessagesWorker.testRun(context);
-    SoLoader.init(this, OpenSourceMergedSoMapping)
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      // If you opted-in for the New Architecture, we load the native entry point for this
-      // app.
-      load()
-    }
-    onApplicationCreate(this)
+
+    // React Native template code:
+    loadReactNative(this)
+
+    // Expo integration:
+    ApplicationLifecycleDispatcher.onApplicationCreate(this)
   }
 
   override fun onConfigurationChanged(newConfig: Configuration) {
     super.onConfigurationChanged(newConfig)
-    onConfigurationChanged(this, newConfig)
+
+    // Expo integration:
+    ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig)
   }
 }

android/build.gradle

@@ -2,8 +2,8 @@ buildscript {
     ext {
         buildToolsVersion = "35.0.0"
         minSdkVersion = 28 // Edge modified from 21
-        compileSdkVersion = 35
-        targetSdkVersion = 35
+        compileSdkVersion = 36
+        targetSdkVersion = 36
         ndkVersion = "27.1.12297006"
         kotlinVersion = "2.3.20" // Required by zcash-android-sdk >= 2.4.8 (Kotlin 2.3 metadata)
     }
@@ -28,4 +28,9 @@ buildscript {
     }
 }
 
+// KSP no longer uses the <kotlin>-<ksp> version scheme past Kotlin 2.2.x; for Kotlin
+// 2.3 (required by zcash-android-sdk) use the independently-versioned KSP2 line, since
+// expo-root-project's Kotlin->KSP lookup table does not yet know Kotlin 2.3.
+ext.kspVersion = "2.3.9"
 apply plugin: "com.facebook.react.rootproject"
+apply plugin: "expo-root-project"

android/gradle.properties

@@ -24,9 +24,6 @@ android.useAndroidX=true
 # Automatically convert third-party libraries to use AndroidX
 android.enableJetifier=true
 
-# Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.125.0
-
 # Use this property to specify which architecture you want to build.
 # You can also override it from the CLI using
 # ./gradlew <task> -PreactNativeArchitectures=x86_64
@@ -37,10 +34,15 @@ reactNativeArchitectures=armeabi-v7a,arm64-v8a
 # your application. You should enable this flag either if you want
 # to write custom TurboModules/Fabric components OR use libraries that
 # are providing them.
-newArchEnabled=false
+newArchEnabled=true
 
 # Use this property to enable or disable the Hermes JS engine.
 # If set to false, you will be using JSC instead.
 hermesEnabled=true
 
+# Use this property to enable edge-to-edge display support.
+# This allows your app to draw behind system bars for an immersive UI.
+# Note: Only works with ReactActivity and should not be used with custom Activity.
+edgeToEdgeEnabled=false
+
 VisionCamera_enableCodeScanner=true

android/gradle/wrapper/gradle-wrapper.jar

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-9.0.0-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

android/gradle/wrapper/gradle-wrapper.properties

@@ -1,9 +1,22 @@
-pluginManagement { includeBuild("../node_modules/@react-native/gradle-plugin") }
-plugins { id("com.facebook.react.settings") }
-extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
+// Expo integration:
+pluginManagement {
+  includeBuild("../node_modules/@react-native/gradle-plugin")
+  includeBuild("../node_modules/expo-modules-autolinking/android/expo-gradle-plugin")
+}
+plugins {
+  id("com.facebook.react.settings")
+  id("expo-autolinking-settings")
+}
+extensions.configure(com.facebook.react.ReactSettingsExtension) {
+  ex -> ex.autolinkLibrariesFromCommand(expoAutolinking.rnConfigCommand)
+}
+
+// React template code:
 rootProject.name = 'co.edgesecure.app'
 include ':app'
 includeBuild('../node_modules/@react-native/gradle-plugin')
 
-apply from: new File(["node", "--print", "require.resolve('expo/package.json')"].execute(null, rootDir).text.trim(), "../scripts/autolinking.gradle")
-useExpoModules()
+// Expo integration:
+expoAutolinking.useExpoModules()
+expoAutolinking.useExpoVersionCatalog()
+includeBuild(expoAutolinking.reactNativeGradlePlugin)