@xrnjs/app-template 0.0.6 → 0.1.0

package/$package.json

@@ -1,51 +1,45 @@
 {
   "name": "XRNTemplate",
-  "version": "1.0.0",
+  "version": "0.0.1",
   "private": true,
   "main": "index.ts",
   "scripts": {
-    "codegen": "react-native codegen-harmony --cpp-output-path ./harmony/entry/src/main/cpp/generated --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony",
+    "bundle:common": "xrn build-common-bundle ios",
     "build:harmony": "xrn build XRNTemplate harmony --type debug --appFormat hap",
-    "build:ios": "xrn build XRNTemplate ios --type debug --appFormat ipa",
-    "build:ios-sim": "xrn build XRNTemplate ios --type debug --appFormat app",
     "build:android": "xrn build XRNTemplate android --type debug --appFormat apk",
-    "publish:ios": "xrn app-publish XRNTemplate ios --type release --appFormat ipa --changeLog iOS发布",
-    "postinstall": "xrn-native-postinstall"
+    "build:android:release": "xrn build XRNTemplate android --type release --appFormat apk",
+    "build:ios": "xrn build XRNTemplate ios --type debug --appFormat ipa",
+    "build:ios:sim": "xrn build XRNTemplate ios --type debug --appFormat app",
+    "postinstall": "npx xrn postinstall android ios harmony"
   },
   "dependencies": {
-    "@react-native-async-storage/async-storage": "1.21.0",
-    "@react-native-clipboard/clipboard": "1.13.2",
-    "@react-native-community/netinfo": "11.3.2",
-    "@xrnjs/core": "0.0.4",
-    "react": "18.2.0",
-    "react-native": "0.72.5",
-    "react-native-config": "1.5.3",
-    "react-native-device-info": "11.1.0",
-    "react-native-fs": "2.20.0",
-    "react-native-gesture-handler": "2.14.1",
-    "react-native-permissions": "4.1.2",
-    "react-native-safe-area-context": "4.7.4",
-    "react-native-screens": "3.33.0",
-    "react-native-svg": "15.0.0",
-    "react-native-vision-camera": "4.0.1"
+    "@xrnjs/cli": "0.1.0",
+    "@xrnjs/core": "0.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/runtime": "^7.12.5",
-    "@react-native-community/eslint-config": "^2.0.0",
-    "@react-native-oh/react-native-harmony": "0.72.38",
-    "@react-native/metro-config": "^0.72.9",
-    "@types/lodash": "^4.17.12",
-    "@types/react": "18.0.25",
-    "@types/react-native": "0.72.8",
-    "@xrnjs/cli": "0.0.6",
-    "eslint": "^7.32.0",
-    "metro-react-native-babel-preset": "0.72.4",
-    "patch-package": "^8.0.0"
+    "@react-native-oh/react-native-harmony-cli": "0.77.33-1",
+    "@react-native/metro-config": "0.77.1"
   },
   "resolutions": {
-    "react-native-reanimated": "3.6.0",
-    "@react-native-community/cli": "9.3.3",
-    "metro-config": "0.72.4"
+    "react-native": "0.77.1",
+    "react-native-view-shot": "4.0.3"
+  },
+  "harmony": {
+    "codegenConfig": {
+      "specPaths": [
+        "./src"
+      ]
+    }
+  },
+  "codegenConfig": {
+    "name": "XrnAppSpec",
+    "type": "all",
+    "jsSrcsDir": "./src",
+    "android": {
+      "javaPackageName": "com.xrn"
+    },
+    "ios": {
+      "componentProvider": {}
+    }
   }
 }

package/android/app/build.gradle

@@ -1,59 +1,28 @@
+// 去除 ReactModalHostView / ReactModalHostManager 的 final 修饰符（打包期）
+// RemoveFinalPlugin Part2 通过 AGP InstrumentationScope.ALL 在 DEX 前修改字节码，
+// 确保 APK 中的 ReactModalHostManager 也是 non-final，
+// 否则运行时 XTModalHostViewManager 继承它会抛 java.lang.VerifyError。
+// 必须在 com.android.application 之前 apply，否则 onVariants 会报 "too late"。
+apply plugin: com.xtapp.RemoveFinalPlugin
 apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
 apply plugin: "com.facebook.react"
-apply plugin: 'org.jetbrains.kotlin.android'
-apply plugin: 'kotlin-android'
-apply plugin: 'kotlinx-serialization'
-
-apply from: "../../node_modules/@xrnjs/react-native-code-push/android/codepush.gradle"
-apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
 
 /**
  * This is the configuration block to customize your React Native Android app.
  * By default you don't need to apply any configuration, just uncomment the lines you need.
  */
 react {
-    /* Folders */
-    //   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
-    // 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'.
-    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
-    // debuggableVariants = ["liteDebug", "prodDebug"]
+    //   Multi-bundle app: JS bundles are pre-generated by @xrnjs/cli into
+    //   app/src/main/assets, so every variant must skip Gradle's own bundling.
+    debuggableVariants = ["devChinaDebug", "devChinaNewDebug", "prodChinaDebug", "prodChinaNewDebug", "devChinaRelease", "devChinaNewRelease", "prodChinaRelease", "prodChinaNewRelease"]
 
     /* Bundling */
-    //   A list containing the node command and its flags. Default is just 'node'.
-     nodeExecutableAndArgs = ["node"]
-    //
-    //   The command to run when bundling. By default is 'bundle'
-    // bundleCommand = "ram-bundle"
-    //
-    //   The path to the CLI configuration file. Default is empty.
-    // bundleConfig = file("../../metro.config.js")
-    //
-    //   The name of the generated asset file containing your JS bundle
-    // bundleAssetName = "MyApplication.android.bundle"
-    //
-    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
-     entryFile = file("../../index.ts")
-    //
-    //   A list of extra flags to pass to the 'bundle' commands.
-    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
-    // extraPackagerArgs = []
-
-    /* Hermes Commands */
-    //   The hermes compiler command to run. By default it is 'hermesc'
-    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
-    //
-    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
-    // hermesFlags = ["-O", "-output-source-map"]
+    nodeExecutableAndArgs = ["node"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
 }
 
 /**
@@ -66,22 +35,13 @@ def enableProguardInReleaseBuilds = false
  *
  * For example, to use the international variant, you can use:
  * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
- *
- * The international variant includes ICU i18n library and necessary data
- * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
- * give correct results when using with locales other than en-US. Note that
- * this variant is about 6MiB larger per architecture than default.
  */
 def jscFlavor = 'org.webkit:android-jsc:+'
 
-ext {
-    // REACT_NATIVE_NODE_MODULES_DIR = "../node_modules/react-native"
-}
-
 android {
     ndkVersion rootProject.ext.ndkVersion
-
-    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
 
     namespace "com.xrn.template"
     defaultConfig {
@@ -89,8 +49,34 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionName project.VERSIONNAME
-        versionCode "${project.VERSIONCODE}0".toInteger()
+        versionCode project.VERSIONCODE.toInteger()
+    }
+
+    splits {
+        abi {
+            enable true
+            reset()
+            include "arm64-v8a"
+            universalApk false
+        }
+    }
+
+    flavorDimensions "env", "channel"
+    productFlavors {
+        dev {
+            dimension "env"
+        }
+        prod {
+            dimension "env"
+        }
+        china {
+            dimension "channel"
+        }
+        chinaNew {
+            dimension "channel"
+        }
     }
+
     signingConfigs {
         debug {
             storeFile file('debug.keystore')
@@ -103,6 +89,7 @@ android {
         debug {
             signingConfig signingConfigs.debug
             resValue "string", "codepush_public_key", '"debug"'
+            buildConfigField "String", "CODEPUSH_URL", '""'
         }
         release {
             // Caution! In production, you need to generate your own keystore file.
@@ -110,8 +97,8 @@ android {
             signingConfig signingConfigs.debug
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
-
             resValue "string", "codepush_public_key", '"release"'
+            buildConfigField "String", "CODEPUSH_URL", '""'
         }
     }
 
@@ -119,6 +106,10 @@ android {
         enabled = true
     }
 
+    packagingOptions {
+        pickFirst 'META-INF/versions/9/OSGI-INF/MANIFEST.MF'
+    }
+
     compileOptions {
         sourceCompatibility = JavaVersion.VERSION_17
         targetCompatibility = JavaVersion.VERSION_17
@@ -135,18 +126,16 @@ dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
 
-    implementation project(':xrnjs_multi-bundle')
-    implementation project(':xrnjs_bundle')
-    implementation project(':xrnjs_debug-tools')
     implementation project(':xrnjs_react-native-code-push')
+    implementation project(':xrnjs_bundle')
+    implementation project(':xrnjs-multi-bundle')
 
     implementation "androidx.multidex:multidex:2.0.1"
 
-    implementation "androidx.core:core:1.6.0"
-    implementation 'androidx.core:core-ktx:1.6.0'
-    implementation 'androidx.appcompat:appcompat:1.6.1'
-    implementation 'com.google.android.material:material:1.12.0'
-    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+    implementation 'androidx.core:core-ktx:1.16.0'
+    implementation 'androidx.appcompat:appcompat:1.7.1'
+    implementation 'com.google.android.material:material:1.13.0'
+    implementation 'androidx.constraintlayout:constraintlayout:2.2.1'
 
     implementation 'com.blankj:utilcodex:1.31.1'
     implementation 'com.github.princekin-f:EasyFloat:2.0.4'
@@ -155,14 +144,10 @@ dependencies {
     implementation 'com.facebook.fresco:animated-gif:2.6.0'
     implementation 'com.google.android.gms:play-services-ads-identifier:18.0.1'
 
-    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
-        exclude group: 'com.facebook.fbjni'
-    }
+    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
     debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
-        exclude group: 'com.facebook.flipper'
         exclude group:'com.squareup.okhttp3', module:'okhttp'
     }
-
     debugImplementation("com.facebook.flipper:flipper-fresco-plugin:0.182.0") {
         exclude group: 'com.facebook.flipper'
     }
@@ -172,5 +157,3 @@ dependencies {
         implementation jscFlavor
     }
 }
-
-apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

package/android/app/src/debug/java/com/xrn/template/ReactNativeFlipper.java

@@ -7,67 +7,46 @@
 package com.xrn.template;
 
 import android.content.Context;
+
 import com.facebook.flipper.android.AndroidFlipperClient;
 import com.facebook.flipper.android.utils.FlipperUtils;
 import com.facebook.flipper.core.FlipperClient;
 import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
 import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
-import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin;
 import com.facebook.flipper.plugins.inspector.DescriptorMapping;
 import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin;
 import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
 import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
 import com.facebook.flipper.plugins.react.ReactFlipperPlugin;
 import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
-import com.facebook.react.ReactInstanceEventListener;
-import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.ReactHost;
 import com.facebook.react.modules.network.NetworkingModule;
+
 import okhttp3.OkHttpClient;
 
 public class ReactNativeFlipper {
-  public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
-    if (FlipperUtils.shouldEnableFlipper(context)) {
-      final FlipperClient client = AndroidFlipperClient.getInstance(context);
+    public static void initializeFlipper(Context context, ReactHost reactHost) {
+        if (FlipperUtils.shouldEnableFlipper(context)) {
+            final FlipperClient client = AndroidFlipperClient.getInstance(context);
 
-      client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
-      client.addPlugin(new ReactFlipperPlugin());
-      client.addPlugin(new DatabasesFlipperPlugin(context));
-      client.addPlugin(new SharedPreferencesFlipperPlugin(context));
-      client.addPlugin(CrashReporterPlugin.getInstance());
+            client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
+            client.addPlugin(new ReactFlipperPlugin());
+            client.addPlugin(new DatabasesFlipperPlugin(context));
+            client.addPlugin(new SharedPreferencesFlipperPlugin(context));
+            client.addPlugin(CrashReporterPlugin.getInstance());
 
-      NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
-      NetworkingModule.setCustomClientBuilder(
-          new NetworkingModule.CustomClientBuilder() {
-            @Override
-            public void apply(OkHttpClient.Builder builder) {
-              builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
-            }
-          });
-      client.addPlugin(networkFlipperPlugin);
-      client.start();
-
-      // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
-      // Hence we run if after all native modules have been initialized
-      ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
-      if (reactContext == null) {
-        reactInstanceManager.addReactInstanceEventListener(
-            new ReactInstanceEventListener() {
-              @Override
-              public void onReactContextInitialized(ReactContext reactContext) {
-                reactInstanceManager.removeReactInstanceEventListener(this);
-                reactContext.runOnNativeModulesQueueThread(
-                    new Runnable() {
-                      @Override
-                      public void run() {
-                        client.addPlugin(new FrescoFlipperPlugin());
-                      }
+            NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
+            NetworkingModule.setCustomClientBuilder(
+                    new NetworkingModule.CustomClientBuilder() {
+                        @Override
+                        public void apply(OkHttpClient.Builder builder) {
+                            builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
+                        }
                     });
-              }
-            });
-      } else {
-        client.addPlugin(new FrescoFlipperPlugin());
-      }
+            client.addPlugin(networkFlipperPlugin);
+            client.start();
+
+            // FrescoFlipperPlugin 不支持 0.77，很多类找不到，暂不注册
+        }
     }
-  }
 }

package/android/app/src/main/assets/xrn-manifest.json

@@ -1 +1 @@
-{"dependencies":{"@bam.tech/react-native-image-resizer":"3.0.9","@react-native-async-storage/async-storage":"1.21.0","@react-native-camera-roll/camera-roll":"7.8.3","@react-native-clipboard/clipboard":"1.13.2","@react-native-community/netinfo":"11.3.2","@react-native-community/push-notification-ios":"1.11.0","@react-native-cookies/cookies":"6.2.1","@react-native-oh/react-native-harmony":"0.72.38","@react-native-picker/picker":"2.6.1","@sdcx/pull-to-refresh":"0.21.0","@sentry/react-native":"4.15.2","@xrnjs/core":"0.0.2-beta.33","@yidun/quickpass-plugin-rn":"1.3.4","lottie-react-native":"6.4.1","react":"18.2.0","react-native":"0.72.5","react-native-adjust":"4.38.0","react-native-blob-util":"0.19.11","react-native-config":"1.5.3","react-native-device-info":"11.1.0","react-native-document-picker":"9.2.0","react-native-fast-image":"8.6.3","react-native-fs":"2.20.0","react-native-gesture-handler":"2.14.1","react-native-get-random-values":"1.11.0","react-native-image-picker":"7.0.3","react-native-keyboard-manager":"6.5.16-0","react-native-keychain":"8.1.2","react-native-linear-gradient":"3.0.0-alpha.1","react-native-localize":"3.1.0","react-native-modpow":"1.1.1-0","react-native-orientation-locker":"1.7.0","react-native-pdf":"6.7.4","react-native-permissions":"4.1.2","react-native-place-module":"0.1.1","react-native-reanimated":"3.6.0","react-native-safe-area-context":"4.7.4","react-native-screens":"3.33.0","react-native-svg":"15.0.0","react-native-touch-id":"4.4.1","react-native-update-in-app-xt":"1.0.5","react-native-video":"6.0.0-alpha.9","react-native-vision-camera":"4.0.1","react-native-webview":"13.10.2"},"commonBaseLine":{"modules":{},"id":0,"hash":"","useOldApp":true}}
+{"dependencies":{"@xrnjs/cli":"0.1.0","@xrnjs/core":"0.1.0","@xrnjs/navigation":"0.1.0"},"commonBaseLine":{"modules":{},"id":0,"hash":"","useOldApp":true}}

package/android/app/src/main/java/com/xrn/template/MainApplication.kt

@@ -1,91 +1,80 @@
 package com.xrn.template
 
 import android.content.Context
-import androidx.multidex.MultiDexApplication
-import com.blankj.utilcode.util.ActivityUtils
-import com.facebook.react.ReactApplication
-import com.facebook.react.ReactInstanceManager
-import com.facebook.react.ReactNativeHost
+import com.blankj.utilcode.util.ReflectUtils
+import com.facebook.react.ReactHost
+import com.facebook.react.config.ReactFeatureFlags
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.soloader.OpenSourceMergedSoMapping
 import com.facebook.soloader.SoLoader
-import com.xrn.template.multibundle.XBundleInfoHook
-import com.xrn.template.multibundle.XDevSupportParams
-import com.xrn.template.multibundle.XRNHostParams
+import com.xrn.template.multibundle.XRNReactHostDelegate
 import com.xrn.template.navigation.MainClazzFactory
-import xrn.modules.multibundle.bundle.BundleInfoManager.initWithRawFile
-import xrn.modules.multibundle.bundle.RNHostManager.getMainRNHost
-import xrn.modules.multibundle.bundle.RNHostManager.init
-import xrn.modules.multibundle.bundle.RNHostManagerParams
-import xrn.modules.multibundle.view.RNContainerActivity
-import xrn.modules.navigation.Navigation.initialize
-import xrn.modules.navigation.kotlin.exception.NavigationException
+import xrn.modules.multibundle.ReactHostManager
+import xrn.modules.multibundle.XRNApplication
+import xrn.modules.multibundle.bundle.BundleInfoManager
+import xrn.modules.multibundle.runtime.XRNReactHostFactory
+import xrn.modules.multibundle.runtime.XRNReactHostImpl
+import xrn.modules.multibundle.runtime.pool.XRNReactHostPool
+import xrn.modules.multibundle.runtime.pool.XRNReactHostPoolImpl
+import xrn.modules.multibundle.runtime.toReactHost
+import xrn.modules.navigation.Navigation
 import java.lang.reflect.InvocationTargetException
 
 
-class MainApplication : MultiDexApplication(), ReactApplication {
-    override fun getReactNativeHost(): ReactNativeHost {
-        val topActivity = ActivityUtils.getTopActivity()
-        if (topActivity is RNContainerActivity) {
-            return topActivity.getRNHost()!!
+class MainApplication : XRNApplication() {
+
+    private val mReactHostPool = XRNReactHostPoolImpl(!BuildConfig.DEBUG, 4, object : XRNReactHostFactory {
+        override fun createReactHost(
+            bundleName: String,
+            commonOnly: Boolean
+        ): XRNReactHostImpl {
+            return XRNReactHostDelegate(
+                this@MainApplication,
+                bundleName,
+                commonOnly
+            ).toReactHost(this@MainApplication)
         }
-        return getMainRNHost()!!
-    }
+    })
+
+    override val reactHostPool: XRNReactHostPool = mReactHostPool
 
     override fun onCreate() {
         super.onCreate()
+        initRN()
         initMultiBundle()
-        initNavigation()
-        SoLoader.init(this,  /* native exopackage */false)
+        initializeFlipper(this, reactHost)
+        Navigation.initialize(MainClazzFactory())
+    }
+
+    private fun initRN() {
+        ReactFeatureFlags.dispatchPointerEvents = true
+        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()
+            load(turboModulesEnabled = true, fabricEnabled = true, bridgelessEnabled = true)
         }
-        initializeFlipper(this, reactNativeHost.reactInstanceManager)
     }
 
     private fun initMultiBundle() {
-        initWithRawFile(this, R.raw.bundle_config, XBundleInfoHook())
-        val params = RNHostManagerParams()
-        params.isProd = !BuildConfig.DEBUG
-        params.rnHostParams = XRNHostParams(this)
-        params.devSupportParams = XDevSupportParams()
-        params.onError = { e: Exception, map: Map<String, Any?>? ->
-            e.printStackTrace()
-            Unit
-        }
-        init(this, params)
+        BundleInfoManager.initWithRawFile(this, R.raw.bundle_config)
+        ReactHostManager.init(this)
     }
 
-    private fun initNavigation() {
-        initialize(MainClazzFactory()) { e: NavigationException ->
-            e.printStackTrace()
-        }
-    }
-
-    companion object {
-        private fun initializeFlipper(
-            context: Context, reactInstanceManager: ReactInstanceManager
-        ) {
-            if (BuildConfig.DEBUG) {
-                try {
-                    val aClass = Class.forName("com.xrn.template.ReactNativeFlipper")
-                    aClass
-                        .getMethod(
-                            "initializeFlipper",
-                            Context::class.java,
-                            ReactInstanceManager::class.java
-                        )
-                        .invoke(null, context, reactInstanceManager)
-                } catch (e: ClassNotFoundException) {
-                    e.printStackTrace()
-                } catch (e: NoSuchMethodException) {
-                    e.printStackTrace()
-                } catch (e: IllegalAccessException) {
-                    e.printStackTrace()
-                } catch (e: InvocationTargetException) {
-                    e.printStackTrace()
-                }
+    private fun initializeFlipper(context: Context, reactHost: ReactHost) {
+        if (BuildConfig.DEBUG) {
+            try {
+                ReflectUtils.reflect("com.xrn.template.ReactNativeFlipper")
+                    .method("initializeFlipper", context, reactHost)
+            } catch (e: ClassNotFoundException) {
+                e.printStackTrace();
+            } catch (e: NoSuchMethodException) {
+                e.printStackTrace();
+            } catch (e: IllegalAccessException) {
+                e.printStackTrace();
+            } catch (e: InvocationTargetException) {
+                e.printStackTrace();
             }
         }
     }
+
 }

package/android/app/src/main/java/com/xrn/template/multibundle/CodePushBundleActivity.kt

@@ -0,0 +1,65 @@
+package com.xrn.template.multibundle
+
+import android.os.Bundle
+import com.blankj.utilcode.util.ReflectUtils
+import com.facebook.react.ReactInstanceEventListener
+import com.facebook.react.bridge.ReactContext
+import com.microsoft.codepush.react.SettingsManager
+import xrn.modules.navigation.kotlin.BaseRNContainerActivity
+
+open class CodePushBundleActivity : BaseRNContainerActivity() {
+
+    val listener: ReactInstanceEventListener by lazy {
+        object : ReactInstanceEventListener {
+            override fun onReactContextInitialized(context: ReactContext) {
+                initializeUpdateAfterRestart()
+            }
+        }
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        initializeCodePush()
+    }
+
+    override fun onDestroy() {
+        super.onDestroy()
+        reactHost.removeReactInstanceEventListener(listener)
+    }
+
+    private fun initializeCodePush() {
+        val reactHost = reactHost
+
+        /*
+        * CodePush initializeUpdateAfterRestart 方法需要把 pendingPackage 的 loading 状态设置为 true，CodePush 回滚逻辑才能正常运行。
+        *
+        * 预加载模式下，我们不会真正的渲染页面。需要在 runApplication 之前调用 initializeUpdateAfterRestart 设置相关状态
+        *
+        * */
+
+        /*
+        * ReactInstanceManager createContext 方法未完成前代表 runJSBundle 未执行完。
+        * runJSBundle 未执行完代表热更新未完成。
+        * 需要监听 createContext 完成后再执行 initializeUpdateAfterRestart。
+        *
+        * */
+        if (reactHost.currentReactContext == null) {
+            reactHost.addReactInstanceEventListener(listener)
+        } else {
+            initializeUpdateAfterRestart()
+        }
+    }
+
+    private fun initializeUpdateAfterRestart() {
+        val codePush = CodePushUtils.getOrCreate(getBundleName())
+            .getReactPackage()
+
+        val settingsManager = ReflectUtils.reflect(codePush).field("mSettingsManager")
+            .get<SettingsManager>()
+
+        if (settingsManager.isPendingUpdate(codePush.runningPackageHash)) {
+            codePush.initializeUpdateAfterRestart()
+        }
+    }
+
+}

package/android/app/src/main/java/com/xrn/template/multibundle/CodePushJSBundleLoader.kt

@@ -0,0 +1,18 @@
+package com.xrn.template.multibundle
+
+import android.app.Application
+import xrn.modules.multibundle.runtime.XRNJSBundleLoader
+import xrn.modules.multibundle.runtime.JSBundleFileHolder
+
+
+open class CodePushJSBundleLoader(
+    override val application: Application,
+    override var bundleName: String,
+    override var loadCommonOnly: Boolean,
+    override val jsBundleFileHolder: JSBundleFileHolder
+) : XRNJSBundleLoader(
+    application,
+    bundleName,
+    loadCommonOnly,
+    jsBundleFileHolder,
+)