chore: replace deprecated apis with modern

Author: YogendraShelke

.github/CI_DOCUMENTATION.md

@@ -20,7 +20,7 @@ All workflows use standardized tooling versions to ensure consistency:
 | ---------------- | --------- | ----------------------------- |
 | **Node.js**      | `24`      | `.nvmrc`                      |
 | **Yarn**         | `4.12.0`  | `package.json#packageManager` |
-| **React Native** | `0.83.4`  | `package.json`                |
+| **React Native** | `0.84.1`  | `package.json`                |
 | **React**        | `19.2.14` | `package.json`                |
 | **TypeScript**   | `5.9.3`   | `package.json`                |
 

MendixNative.podspec

@@ -14,8 +14,8 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/mendix/mendix-native.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm,cpp,swift}"
-  s.public_header_files = "ios/**/*.h"
-  s.private_header_files = "ios/**/*.h"
+  s.public_header_files = "ios/Modules/Helper/ReactHostHelper.h"
+  s.private_header_files = "ios/TurboModules/**/*.h"
 
   s.dependency "SSZipArchive"
   s.dependency "RNCAsyncStorage"

android/build.gradle

@@ -36,8 +36,6 @@ android {
   }
 
   buildFeatures {
-    dataBinding true
-    viewBinding true
     buildConfig true
   }
 
@@ -88,7 +86,7 @@ dependencies {
   kapt 'com.github.bumptech.glide:compiler:4.12.0'
 
 
-  api "com.facebook.react:react-android:0.83.4"
+  api "com.facebook.react:react-android:0.84.1"
   api project(':op-engineering_op-sqlite')
   api project(':react-native-async-storage_async-storage')
   api project(':react-native-gesture-handler')

android/src/main/java/com/mendix/mendixnative/MendixInitializer.kt

@@ -3,9 +3,6 @@ package com.mendix.mendixnative
 import android.app.Activity
 import android.view.MotionEvent
 import com.facebook.react.ReactHost
-import com.facebook.react.ReactInstanceEventListener
-import com.facebook.react.ReactNativeHost
-import com.facebook.react.bridge.ReactContext
 import com.facebook.react.common.ShakeDetector
 import com.facebook.react.devsupport.DevSupportManagerBase
 import com.facebook.react.devsupport.attachMendixSupportManagerShakeDetector
@@ -20,25 +17,16 @@ import com.mendix.mendixnative.react.MxConfiguration
 import com.mendix.mendixnative.react.clearCachedReactNativeDevBundle
 import com.mendix.mendixnative.react.clearData
 import com.mendix.mendixnative.react.closeSqlDatabaseConnection
-import com.mendix.mendixnative.react.toggleElementInspector
-import com.mendix.mendixnative.react.NativeReloadHandler
 
 class MendixInitializer(
   private val context: Activity,
   private val reactHost: ReactHost,
-  private val reactNativeHost: ReactNativeHost,
   private val hasRNDeveloperSupport: Boolean = false,
-) : ReactInstanceEventListener {
+) {
   private var shakeDetector: ShakeDetector? = null
   private var devMenuTouchEventHandler: DevMenuTouchEventHandler? = null
 
-  fun onCreate(
-    mendixApp: MendixApp,
-    devAppMenuHandler: DevAppMenuHandler = object : DevAppMenuHandler {
-      override fun showDevAppMenu() {}
-    },
-    clearData: Boolean,
-  ) {
+  fun onCreate(mendixApp: MendixApp, clearData: Boolean) {
     // Assign mendix xas id interceptor to okhttp
     CookieEncryption.init(this.context)
     if (CookieEncryption.isCookieEncryptionEnabled()) {
@@ -54,33 +42,9 @@ class MendixInitializer(
     MxConfiguration.warningsFilter = mendixApp.warningsFilter
 
     // This is here to make sure that a clean host instance is initialised.
-    restartReactInstanceManager()
+    reactHost.invalidate()
     if (clearData) clearData(context.application)
     if (hasRNDeveloperSupport) setupDeveloperApp(runtimeUrl, mendixApp)
-    if (mendixApp.attachCustomDeveloperMenu) attachCustomDeveloperMenu(devAppMenuHandler)
-  }
-
-  private fun restartReactInstanceManager() {
-    if (reactNativeHost.hasInstance()) reactNativeHost.clear()
-    // Pre-initialize reactInstanceManager to be available for other methods
-    if (reactNativeHost.hasInstance()) reactNativeHost.reactInstanceManager
-  }
-
-  private fun attachCustomDeveloperMenu(devAppMenuHandler: DevAppMenuHandler) {
-    devMenuTouchEventHandler =
-      DevMenuTouchEventHandler(object : DevMenuTouchEventHandler.DevMenuTouchListener {
-        override fun onTap() {
-          reactNativeHost.reactApplicationContext()?.let {
-            NativeReloadHandler(it).reload()
-          }
-        }
-
-        override fun onLongPress() {
-          devAppMenuHandler.showDevAppMenu()
-        }
-      })
-
-    attachShakeDetector(devAppMenuHandler)
   }
 
   fun onDestroy() {
@@ -89,29 +53,18 @@ class MendixInitializer(
 
     if (hasRNDeveloperSupport) {
       AppPreferences(context.applicationContext).setElementInspector(false)
-      reactHost.removeReactInstanceEventListener(this)
     }
-
-    // We need to clear the host to allow for reinitialization of the Native Modules
-    // Especially for when switching between apps
-    reactNativeHost.clear()
+    reactHost.invalidate()
 
     // We need to close all databases separately to avoid hitting a read only state exception
     // Databases need to close after we are done closing the react native host to avoid db locks
-    closeSqlDatabaseConnection(reactNativeHost.reactApplicationContext())
+    closeSqlDatabaseConnection(reactHost.currentReactContext)
   }
 
   fun stopShakeDetector() {
     shakeDetector?.stop()
   }
 
-  override fun onReactContextInitialized(context: ReactContext) {
-    val preferences = AppPreferences(context)
-    if (preferences.isElementInspectorEnabled) {
-      toggleElementInspector(context)
-    }
-  }
-
   fun dispatchTouchEvent(ev: MotionEvent?): Boolean {
     return devMenuTouchEventHandler?.handle(ev) ?: false
   }
@@ -139,7 +92,6 @@ class MendixInitializer(
     preferences.setDevMode((mendixApp.showExtendedDevMenu))
 
     clearCachedReactNativeDevBundle(context.application)
-    reactHost.addReactInstanceEventListener(this)
   }
 }
 

android/src/main/java/com/mendix/mendixnative/activity/MendixReactActivity.kt

@@ -31,8 +31,8 @@ open class MendixReactActivity : ReactActivity(), DevAppMenuHandler, LaunchScree
       ?: throw ClassCastException("Application needs to implement MendixApplication")
 
     mendixInitializer =
-      MendixInitializer(this, reactHost, reactNativeHost, mendixApplication.useDeveloperSupport)
-    mendixInitializer.onCreate(mendixApp!!, this, intent.getBooleanExtra(CLEAR_DATA, false))
+      MendixInitializer(this, reactHost, mendixApplication.useDeveloperSupport)
+    mendixInitializer.onCreate(mendixApp!!, intent.getBooleanExtra(CLEAR_DATA, false))
 
     super.onCreate(null)
   }

android/src/main/java/com/mendix/mendixnative/fragment/MendixReactFragment.kt

@@ -67,8 +67,8 @@ open class MendixReactFragment : ReactFragment(), MendixReactFragmentView {
     val hasRNDeveloperSupport = requireArguments().getBoolean(ARG_USE_DEVELOPER_SUPPORT, false)
 
     mendixInitializer =
-      MendixInitializer(requireActivity(), reactHost!!, reactNativeHost, hasRNDeveloperSupport).also {
-        it.onCreate(mendixApp!!, this, clearData)
+      MendixInitializer(requireActivity(), reactHost!!, hasRNDeveloperSupport).also {
+        it.onCreate(mendixApp!!, clearData)
       }
 
     super.onCreate(savedInstanceState)

android/src/main/java/com/mendix/mendixnative/react/ClearData.kt

@@ -5,7 +5,7 @@ import android.content.Context
 import android.util.Log
 import android.webkit.CookieManager
 import android.widget.Toast
-import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactHost
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.modules.network.NetworkingModule
 import com.mendix.mendixnative.encryption.MendixEncryptedStorage
@@ -34,9 +34,9 @@ fun clearData(applicationContext: Application) = clearCookies().also {
   fileBackend.deleteDirectory(applicationContext.filesDir)
 }
 
-fun clearDataWithReactContext(applicationContext: Application, reactNativeHost: ReactNativeHost, cb: (success: Boolean) -> Unit) {
+fun clearDataWithReactContext(applicationContext: Application, reactHost: ReactHost, cb: (success: Boolean) -> Unit) {
   clearCachedReactNativeDevBundle(applicationContext)
-  val reactContext = reactNativeHost.reactContext()
+  val reactContext = reactHost.currentReactContext
   val fileBackend = FileBackend(applicationContext)
   fileBackend.deleteDirectory(applicationContext.filesDir)
   val errorString = "Clearing %s failed. Please clear your data from the launch screen."
@@ -57,7 +57,7 @@ fun clearDataWithReactContext(applicationContext: Application, reactNativeHost:
         reportError("database")
       }
 
-      if (!clearAsyncStorage(reactNativeHost)) {
+      if (!clearAsyncStorage(reactHost)) {
         reportError("async storage")
       }
 
@@ -88,7 +88,7 @@ fun clearDataWithReactContext(applicationContext: Application, reactNativeHost:
 }
 
 fun deleteAppDatabaseAsync(reactContext: ReactContext?, cb: BooleanCallback) {
-  val opSQLiteModule = reactContext?.getNativeModule(OPSQLiteModule::class.java)
+  val opSQLiteModule = reactContext?.nativeModule<OPSQLiteModule>(OPSQLiteModule.NAME)
   if (opSQLiteModule != null) {
     try {
       opSQLiteModule.deleteAllDBs()
@@ -108,8 +108,8 @@ fun deleteAppDatabaseAsync(reactContext: ReactContext?, cb: BooleanCallback) {
  * Note: Previous implementation only checked module availability without clearing.
  * This now actually clears the storage using AsyncStorageModule.clear().
  */
-fun clearAsyncStorage(reactNativeHost: ReactNativeHost): Boolean {
-  val asyncStorageModule = reactNativeHost.reactContext()?.getNativeModule(AsyncStorageModule::class.java)
+fun clearAsyncStorage(reactHost: ReactHost): Boolean {
+  val asyncStorageModule = reactHost.nativeModule<AsyncStorageModule>(AsyncStorageModule.NAME)
   if (asyncStorageModule != null) {
     try {
       // Clear AsyncStorage synchronously - clear() expects a callback but we're using fire-and-forget
@@ -131,7 +131,7 @@ fun clearSecureStorage(context: Context?): Boolean =
   context?.let { MendixEncryptedStorage.getMendixEncryptedStorage(it).clear() } ?: false
 
 fun clearCookiesAsync(reactContext: ReactContext?, cb: (success: Boolean) -> Unit) {
-  val networkingModule = reactContext?.getNativeModule(NetworkingModule::class.java)
+  val networkingModule = reactContext?.nativeModule<NetworkingModule>(NetworkingModule.NAME)
   if (networkingModule != null) {
     try {
       networkingModule.clearCookies { result ->

android/src/main/java/com/mendix/mendixnative/react/CloseApp.kt

@@ -10,7 +10,7 @@ import com.op.sqlite.OPSQLiteModule
  * This is called during app shutdown to gracefully close database connections.
  */
 fun closeSqlDatabaseConnection(reactContext: ReactContext?) {
-  val opSQLiteModule = reactContext?.getNativeModule(OPSQLiteModule::class.java)
+  val opSQLiteModule = reactContext?.nativeModule<OPSQLiteModule>(OPSQLiteModule.NAME)
   if (opSQLiteModule != null) {
     try {
       opSQLiteModule.closeAllConnections()

android/src/main/java/com/mendix/mendixnative/react/ModuleHelper.kt

@@ -1,34 +1,24 @@
 package com.mendix.mendixnative.react
 
-import android.annotation.SuppressLint
 import android.util.Log
 import com.facebook.react.ReactApplication
-import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactHost
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContext
-
-inline fun <reified T: NativeModule> ReactContext.typeSafeNativeModule(): T? {
+inline fun <reified T: NativeModule> ReactContext.nativeModule(name: String): T? {
   return try {
-    getNativeModule(T::class.java)
+    getNativeModule(name) as? T
   } catch (e: Exception) {
     Log.e("ModuleAccess", "Error getting module ${T::class.simpleName}", e)
     null
   }
 }
 
-inline fun <reified T: NativeModule> ReactNativeHost.typeSafeNativeModule(): T? {
-  return reactContext()?.typeSafeNativeModule<T>()
-}
-
-fun ReactNativeHost.reactContext(): ReactContext? {
-  return reactInstanceManager.currentReactContext
+inline fun <reified T: NativeModule> ReactHost.nativeModule(name: String): T? {
+  return currentReactContext?.nativeModule<T>(name)
 }
 
-fun ReactNativeHost.reactApplicationContext(): ReactApplicationContext? {
-  val context = reactContext()
-  if (context is ReactApplicationContext) {
-    return context
-  }
-  return null
+inline fun <reified T: NativeModule> ReactApplicationContext.nativeModule(name: String): T? {
+    return (applicationContext as? ReactApplication)?.reactHost?.nativeModule<T>(name)
 }

android/src/main/java/com/mendix/mendixnative/react/NativeErrorHandler.kt

@@ -13,7 +13,7 @@ import com.facebook.react.modules.core.ExceptionsManagerModule
 class NativeErrorHandler(val reactContext: ReactApplicationContext) {
     fun handle(message: String?, stackTrace: ReadableArray?) {
         // Use typed module access instead of generic typeSafeNativeModule
-        val exceptionsManagerModule = reactContext.getNativeModule(ExceptionsManagerModule::class.java)
+        val exceptionsManagerModule = reactContext.nativeModule<ExceptionsManagerModule>(ExceptionsManagerModule.NAME)
         exceptionsManagerModule?.reportSoftException(message, stackTrace, 0.0)
 
         // Note: updateExceptionMessage is not available in RN 0.77.1+