Upgrade to react native 0.76.9 (#3720)

* Upgrade to react native 0.76.9

Some errors in native code that I did not want to commit fixes just yet
docuilib has issues (hopefully will be solved in 0.77.2

* Downgrading reanimated and gesture handler

* Fix snapshot

* Fix TS

---------

Co-authored-by: Inbal Tish <inbalti@wix.com>

Author: M-i-k-e-l

.gitignore

@@ -21,7 +21,7 @@ DerivedData
 *.ipa
 *.xcuserstate
 project.xcworkspace
-ios/.xcode.env.local
+**/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -43,11 +43,17 @@ expoDemo/android/gradlew.bat
 node_modules/
 npm-debug.log
 
-# yarn
+# Yarn
+.yarn/*
 yarn-error.log
 **/.yarn/cache
 **/.yarn/install-state.gz
 **/.yarn/yarn.build.json
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
 
 .vscode
 
@@ -74,7 +80,7 @@ docs/components/**
 !scripts/build
 
 # Ruby / CocoaPods
-/ios/Pods/
+**/Pods/
 /vendor/bundle/
 /ios/Podfile.lock
 expoDemo/ios/Pods

Gemfile

@@ -3,8 +3,9 @@ source 'https://rubygems.org'
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
 ruby ">= 2.6.10"
 
-# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
-# bound in the template on Cocoapods with next React Native release.
-gem 'cocoapods', '>= 1.13', '< 1.15'
-gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
+gem 'concurrent-ruby', '< 1.3.4'
 

android/app/build.gradle

@@ -13,14 +13,16 @@ apply plugin: "com.facebook.react"
  */
 react {
     /* Folders */
-    //   The root of your project, i.e. where "package.json" lives. Default is '..'
+    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
     root = file("../../")
-    //   The folder where the react-native NPM package is. Default is ../node_modules/react-native
+//   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
     reactNativeDir = file("../../node_modules/react-native")
-    //   The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen
-    // codegenDir = file("../node_modules/@react-native/codegen")
-    //   The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js
-    // cliFile = file("../node_modules/react-native/cli.js")
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+    // cliFile = file("../../node_modules/react-native/cli.js")
+
     /* Variants */
     //   The list of variants to that are debuggable. For those we're going to
     //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
@@ -51,6 +53,8 @@ react {
     //
     //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
     // hermesFlags = ["-O", "-output-source-map"]
+    
+    /* Autolinking */
     autolinkLibrariesWithApp()
 }
 
@@ -122,7 +126,6 @@ android {
 dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")    
-    implementation("com.facebook.react:flipper-integration:0.73.9")
 
     implementation project(':react-native-navigation')
     implementation 'com.facebook.fresco:fresco:2.5.0'
@@ -135,4 +138,3 @@ dependencies {
     }
 }
 
-// apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

android/app/src/main/AndroidManifest.xml

@@ -8,7 +8,8 @@
       android:icon="@mipmap/ic_launcher"
       android:roundIcon="@mipmap/ic_launcher_round"
       android:allowBackup="false"
-      android:theme="@style/AppTheme">
+      android:theme="@style/AppTheme"
+      android:supportsRtl="true">
       <activity
         android:name=".MainActivity"
         android:label="@string/app_name"

android/app/src/main/java/com/rnuilib/MainApplication.kt

@@ -9,7 +9,7 @@ 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.flipper.ReactNativeFlipper
+import com.facebook.react.soloader.OpenSourceMergedSoMapping
 import com.facebook.soloader.SoLoader
 import com.reactnativenavigation.NavigationApplication
 import com.wix.reactnativeuilib.UiLibPackageList;
@@ -35,15 +35,14 @@ class MainApplication : NavigationApplication() {
       }
 
   override val reactHost: ReactHost
-    get() = getDefaultReactHost(this.applicationContext, reactNativeHost)
+    get() = getDefaultReactHost(applicationContext, reactNativeHost)
 
   override fun onCreate() {
     super.onCreate()
-    SoLoader.init(this, false)
+    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()
     }
-    ReactNativeFlipper.initializeFlipper(this, reactNativeHost.reactInstanceManager)
   }
 }

android/app/src/main/java/com/rnuilib/MainApplicationReactNativeHost.java

@@ -2,24 +2,9 @@
 import android.app.Application;
 import androidx.annotation.NonNull;
 import com.facebook.react.PackageList;
-import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
 import com.facebook.react.ReactPackageTurboModuleManagerDelegate;
-import com.facebook.react.bridge.JSIModulePackage;
-import com.facebook.react.bridge.JSIModuleProvider;
-import com.facebook.react.bridge.JSIModuleSpec;
-import com.facebook.react.bridge.JSIModuleType;
-import com.facebook.react.bridge.JavaScriptContextHolder;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.UIManager;
-import com.facebook.react.fabric.ComponentFactory;
-import com.facebook.react.fabric.CoreComponentsRegistry;
-import com.facebook.react.fabric.EmptyReactNativeConfig;
-import com.facebook.react.fabric.FabricJSIModuleProvider;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-import com.rnuilib.BuildConfig;
-import java.util.ArrayList;
 import java.util.List;
 /**
  * A {@link ReactNativeHost} that helps you load everything needed for the New Architecture, both
@@ -59,43 +44,4 @@ protected String getJSMainModuleName() {
         // for the new architecture and to use TurboModules correctly.
         return new MainApplicationTurboModuleManagerDelegate.Builder();
     }
-    @Override
-    protected JSIModulePackage getJSIModulePackage() {
-        return new JSIModulePackage() {
-            @Override
-            public List<JSIModuleSpec> getJSIModules(
-                    final ReactApplicationContext reactApplicationContext,
-                    final JavaScriptContextHolder jsContext) {
-                final List<JSIModuleSpec> specs = new ArrayList<>();
-                // Here we provide a new JSIModuleSpec that will be responsible of providing the
-                // custom Fabric Components.
-                specs.add(
-                        new JSIModuleSpec() {
-                            @Override
-                            public JSIModuleType getJSIModuleType() {
-                                return JSIModuleType.UIManager;
-                            }
-                            @Override
-                            public JSIModuleProvider<UIManager> getJSIModuleProvider() {
-                                final ComponentFactory componentFactory = new ComponentFactory();
-                                CoreComponentsRegistry.register(componentFactory);
-                                // Here we register a Components Registry.
-                                // The one that is generated with the template contains no components
-                                // and just provides you the one from React Native core.
-                                MainComponentsRegistry.register(componentFactory);
-                                final ReactInstanceManager reactInstanceManager = getReactInstanceManager();
-                                ViewManagerRegistry viewManagerRegistry =
-                                        new ViewManagerRegistry(
-                                                reactInstanceManager.getOrCreateViewManagers(reactApplicationContext));
-                                return new FabricJSIModuleProvider(
-                                        reactApplicationContext,
-                                        componentFactory,
-                                        new EmptyReactNativeConfig(),
-                                        viewManagerRegistry);
-                            }
-                        });
-                return specs;
-            }
-        };
-    }
 }

android/app/src/main/res/drawable/rn_edit_text_material.xml

@@ -14,7 +14,8 @@
        android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
        android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
        android:insetTop="@dimen/abc_edit_text_inset_top_material"
-       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material">
+       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
+       >
     <selector>
         <!-- 
           This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).

android/build.gradle

@@ -2,12 +2,12 @@
 
 buildscript {
     ext {
-        buildToolsVersion = "34.0.0"
+        buildToolsVersion = "35.0.0"
         minSdkVersion = 26
-        compileSdkVersion = 34
+        compileSdkVersion = 35
         targetSdkVersion = 34
-        RNNKotlinVersion = "1.8.22"
-        ndkVersion = "25.1.8937393"
+        ndkVersion = "26.1.10909125"
+        RNNKotlinVersion = "1.9.25"
     }
     repositories {
         mavenLocal()

android/gradle.properties

@@ -18,7 +18,6 @@ org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
 # org.gradle.parallel=true
 
 android.useAndroidX=true
-android.enableJetifier=true
 
 # Use this property to specify which architecture you want to build.
 # You can also override it from the CLI using

android/gradle/wrapper/gradle-wrapper.properties

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