@xrnjs/app-template 0.0.1

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

@@ -0,0 +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","@xrn/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}}

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

@@ -0,0 +1,52 @@
+package com.xrn.template
+
+import android.animation.Animator
+import android.os.Bundle
+import android.view.LayoutInflater
+import androidx.appcompat.app.AppCompatActivity
+import com.blankj.utilcode.util.LogUtils
+import com.blankj.utilcode.util.ToastUtils
+import com.xrn.template.databinding.ActivitySplashBinding
+import xrn.modules.navigation.kotlin.NavHelper.buildMainModuleIntent
+
+class MainActivity : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        val binding = ActivitySplashBinding.inflate(
+            LayoutInflater.from(
+                this
+            )
+        )
+        setContentView(binding.root)
+        initViews(binding)
+    }
+
+    private fun initViews(binding: ActivitySplashBinding) {
+        binding.lavSplashLottie.addAnimatorListener(object : Animator.AnimatorListener {
+            override fun onAnimationStart(animation: Animator) {
+            }
+
+            override fun onAnimationEnd(animation: Animator) {
+                startXMainActivity()
+            }
+
+            override fun onAnimationCancel(animation: Animator) {
+            }
+
+            override fun onAnimationRepeat(animation: Animator) {
+            }
+        })
+    }
+
+    private fun startXMainActivity() {
+        val mainIntent = buildMainModuleIntent(this, null)
+
+        if (mainIntent == null) {
+            LogUtils.e("跳转失败，主 Bundle 未注册！！！")
+            ToastUtils.showLong("跳转失败，主 Bundle 未注册！！！")
+        }
+        startActivity(mainIntent)
+        overridePendingTransition(0, 0)
+        finish()
+    }
+}

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

@@ -0,0 +1,91 @@
+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.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+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.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 java.lang.reflect.InvocationTargetException
+
+
+class MainApplication : MultiDexApplication(), ReactApplication {
+    override fun getReactNativeHost(): ReactNativeHost {
+        val topActivity = ActivityUtils.getTopActivity()
+        if (topActivity is RNContainerActivity) {
+            return topActivity.getRNHost()!!
+        }
+        return getMainRNHost()!!
+    }
+
+    override fun onCreate() {
+        super.onCreate()
+        initMultiBundle()
+        initNavigation()
+        SoLoader.init(this,  /* native exopackage */false)
+        if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+            // If you opted-in for the New Architecture, we load the native entry point for this app.
+            load()
+        }
+        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, !BuildConfig.DEBUG, BuildConfig.DEBUG)
+    }
+
+    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()
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,9 @@
+package com.xrn.template.multibundle
+
+import xrn.modules.multibundle.bundle.BundleInfo
+import xrn.modules.multibundle.bundle.BundleInfoHook
+
+class XBundleInfoHook: BundleInfoHook {
+
+    override val hookCodePushKey: ((info: BundleInfo) -> String)? = null
+}

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

@@ -0,0 +1,6 @@
+package com.xrn.template.multibundle
+
+import xrn.modules.multibundle.bundle.DevSupportParams
+
+class XDevSupportParams: DevSupportParams() {
+}

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

@@ -0,0 +1,81 @@
+package com.xrn.template.multibundle
+
+import android.app.Application
+import com.blankj.utilcode.util.LogUtils
+import com.facebook.hermes.reactexecutor.HermesExecutorFactory
+import com.facebook.react.PackageList
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.JavaScriptExecutorFactory
+import com.microsoft.codepush.react.CodePush
+import com.xrn.template.BuildConfig
+import com.xrn.template.R
+import xrn.modules.multibundle.bundle.BundleInfo
+import xrn.modules.multibundle.bundle.RNHostManager
+import xrn.modules.multibundle.bundle.RNHostParams
+import xrn.modules.multibundle.devsupport.XDevSupportManagerFactory
+
+class XRNHostParams(val application: Application): RNHostParams() {
+
+    companion object {
+        const val COMMON_BUNDLE_NAME = "xt-app-common"
+        val codePushMap = mutableMapOf<String, CodePush>()
+    }
+
+    override val isSplitMode: ((bundleName: String) -> Boolean)? = { bundleName ->
+        false
+    }
+
+    override val getJSMainModuleName: ((info: BundleInfo, isSplitMode: Boolean) -> String)? = { info, isSplitMode ->
+        "index"
+    }
+
+    override val getJSBundleFile: ((info: BundleInfo, isSplitMode: Boolean) -> String?)? = {info, isSplitMode ->
+        if (isSplitMode) {
+            "assets://index.${COMMON_BUNDLE_NAME}.bundle"
+        } else {
+            codePushMap[info.bundleName]?.getJSBundleFile("index.${info.bundleName}.bundle")
+        }
+    }
+
+    override val getBizJSBundleFile: ((info: BundleInfo, isSplitMode: Boolean) -> String?)? = {info, isSplitMode ->
+        codePushMap[info.bundleName]?.getJSBundleFile("index.${info.bundleName}.bundle")
+    }
+
+    override val getPackage: ((info: BundleInfo) -> List<ReactPackage>?)? = { info ->
+        val codePush = CodePush(
+            info.getCodePushKey(),
+            application,
+            BuildConfig.DEBUG,
+            BuildConfig.CODEPUSH_URL,
+            R.string.codepush_public_key
+        )
+        codePush.setReactInstanceHolder {
+            RNHostManager.getRNHostByBundle(info.bundleName)?.reactInstanceManager
+        }
+        codePushMap[info.bundleName] = codePush
+        val packages: MutableList<ReactPackage> = PackageList(application).packages
+        packages.add(codePush)
+        packages
+    }
+
+    override val getUseDeveloperSupport: ((info: BundleInfo) -> Boolean)? = { info: BundleInfo ->
+        true
+    }
+
+    override var getDevSupportManagerFactory: ((info: BundleInfo) -> XDevSupportManagerFactory?)? = { info: BundleInfo ->
+        if (getUseDeveloperSupport?.invoke(info) == true) {
+            XDevSupportManagerFactory(info.bundleName)
+        } else {
+            null
+        }
+    }
+
+    /**
+     * 用于创建 JavaScriptExecutor
+     */
+    override var getJavaScriptExecutorFactory: ((info: BundleInfo) -> JavaScriptExecutorFactory?)? = { info: BundleInfo ->
+        LogUtils.d("enableHermes", BuildConfig.IS_HERMES_ENABLED)
+
+        if(BuildConfig.IS_HERMES_ENABLED) HermesExecutorFactory() else null
+    }
+}

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

@@ -0,0 +1,14 @@
+package com.xrn.template.navigation
+
+import xrn.modules.multibundle.bundle.BundleType
+import xrn.modules.navigation.kotlin.BaseRNContainerActivity
+import xrn.modules.navigation.kotlin.RNContainerActivityClazzFactory
+
+class MainClazzFactory : RNContainerActivityClazzFactory {
+    override fun get(type: BundleType): Class<out BaseRNContainerActivity> {
+        return when (type) {
+            BundleType.MAIN -> XMainActivity::class.java
+            else -> XBundleActivity::class.java
+        }
+    }
+}

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

@@ -0,0 +1,56 @@
+package com.xrn.template.navigation
+
+import android.os.Bundle
+import android.view.Gravity
+import android.widget.TextView
+import com.blankj.utilcode.util.ConvertUtils
+import com.blankj.utilcode.util.ToastUtils
+import com.facebook.react.modules.core.DeviceEventManagerModule
+import com.lzf.easyfloat.EasyFloat
+import com.lzf.easyfloat.enums.ShowPattern
+import com.lzf.easyfloat.enums.SidePattern
+import com.xrn.template.R
+import com.xrn.template.utils.DevEntryUtil
+import com.xrn.template.utils.LifecycleAwareRunnable
+import xrn.modules.navigation.kotlin.BaseRNContainerActivity
+
+open class XBundleActivity:BaseRNContainerActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(null)
+        if (mBundleName.isBlank() || mModuleName.isBlank()) {
+            ToastUtils.showShort("RN容器初始化失败、bundleName或moduleName不允许为空")
+            finish()
+            return
+        }
+
+        val drawable = resources.getDrawable(R.drawable.bg_debug_entry)
+        val builder = EasyFloat.with(this).setLayout(R.layout.layout_rn_dev_float)
+            .setShowPattern(ShowPattern.CURRENT_ACTIVITY)
+            .setSidePattern(SidePattern.DEFAULT)
+            .setGravity(Gravity.RIGHT, 0, ConvertUtils.dp2px(100f))
+            .setTag(this@XBundleActivity.toString())
+            .registerCallback {
+                createResult { isCreated, msg, view ->
+                    view?.setOnClickListener {
+                        getRNHost()?.reactInstanceManager?.currentReactContext?.getJSModule(
+                            DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)?.emit("NATIVE_FLOAT_BAR_CLICK", null)
+                    }
+                    view?.background = drawable
+                    val runnable = LifecycleAwareRunnable(lifecycle) { DevEntryUtil.devEntryAttachSide(view) }
+                    LifecycleAwareRunnable.getHandler().postDelayed(runnable, 500)
+                }
+
+                touchEvent { view, motionEvent ->
+                    drawable?.state = intArrayOf(android.R.attr.state_checked)
+                }
+
+                dragEnd { view ->
+                    DevEntryUtil.devEntryAttachSide(view)
+                    drawable?.state = intArrayOf()
+                }
+
+            }
+        builder.show()
+    }
+}

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

@@ -0,0 +1,4 @@
+package com.xrn.template.navigation
+
+class XMainActivity: XBundleActivity() {
+}

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

@@ -0,0 +1,29 @@
+package com.xrn.template.utils
+
+import android.view.View
+import android.view.WindowManager
+import com.blankj.utilcode.util.ConvertUtils
+import com.blankj.utilcode.util.ScreenUtils
+import com.facebook.react.ReactActivity.WINDOW_SERVICE
+
+object DevEntryUtil {
+
+    private const val DISTANCE_ATTACH_SIDE = 20
+
+    /**
+     * 调试入口贴边
+     */
+    fun devEntryAttachSide(view: View?) {
+        view ?: return
+        val layoutParams = view.layoutParams as WindowManager.LayoutParams
+        val originX = layoutParams.x
+        if (originX < DISTANCE_ATTACH_SIDE) {
+            layoutParams.x = originX - ConvertUtils.dp2px(25f)
+        } else if (originX + ConvertUtils.dp2px(50f) + DISTANCE_ATTACH_SIDE > ScreenUtils.getScreenWidth()) {
+            layoutParams.x = originX + ConvertUtils.dp2px(25f)
+        }
+        layoutParams.flags = layoutParams.flags or WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
+        val windowManager = view.context.getSystemService(WINDOW_SERVICE) as WindowManager
+        windowManager.updateViewLayout(view, layoutParams)
+    }
+}

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

@@ -0,0 +1,37 @@
+package com.xrn.template.utils
+
+import android.os.Handler
+import android.os.Looper
+import androidx.lifecycle.DefaultLifecycleObserver
+import androidx.lifecycle.Lifecycle
+import androidx.lifecycle.LifecycleOwner
+
+/**
+ * 感知生命周期的 Runnable
+ * Runnable必须通过 {@link #getHandler} 返回的 Handler 发送 Runnable
+ * @see getHandler
+ */
+class LifecycleAwareRunnable(lifecycle: Lifecycle?, private val runnable: Runnable?): DefaultLifecycleObserver, Runnable {
+
+    companion object {
+        private val handler = Handler(Looper.getMainLooper())
+
+        fun getHandler(): Handler {
+            return handler
+        }
+    }
+
+    init {
+        lifecycle?.addObserver(this)
+    }
+
+    override fun onDestroy(owner: LifecycleOwner) {
+        super.onDestroy(owner)
+        handler.removeCallbacks(this)
+    }
+
+    override fun run() {
+        runnable?.run()
+    }
+
+}

package/android/app/src/main/jni/CMakeLists.txt

@@ -0,0 +1,7 @@
+cmake_minimum_required(VERSION 3.13)
+
+# Define the library name here.
+project(xrngo_appmodules)
+
+# This file includes all the necessary to let you build your application with the New Architecture.
+include(${REACT_ANDROID_DIR}/cmake-utils/ReactNative-application.cmake)

package/android/app/src/main/jni/MainApplicationModuleProvider.cpp

@@ -0,0 +1,32 @@
+#include "MainApplicationModuleProvider.h"
+
+#include <rncli.h>
+#include <rncore.h>
+
+namespace facebook {
+namespace react {
+
+std::shared_ptr<TurboModule> MainApplicationModuleProvider(
+    const std::string &moduleName,
+    const JavaTurboModule::InitParams &params) {
+  // Here you can provide your own module provider for TurboModules coming from
+  // either your application or from external libraries. The approach to follow
+  // is similar to the following (for a library called `samplelibrary`:
+  //
+  // auto module = samplelibrary_ModuleProvider(moduleName, params);
+  // if (module != nullptr) {
+  //    return module;
+  // }
+  // return rncore_ModuleProvider(moduleName, params);
+
+  // Module providers autolinked by RN CLI
+  auto rncli_module = rncli_ModuleProvider(moduleName, params);
+  if (rncli_module != nullptr) {
+    return rncli_module;
+  }
+
+  return rncore_ModuleProvider(moduleName, params);
+}
+
+} // namespace react
+} // namespace facebook

package/android/app/src/main/jni/MainApplicationModuleProvider.h

@@ -0,0 +1,16 @@
+#pragma once
+
+#include <memory>
+#include <string>
+
+#include <ReactCommon/JavaTurboModule.h>
+
+namespace facebook {
+namespace react {
+
+std::shared_ptr<TurboModule> MainApplicationModuleProvider(
+    const std::string &moduleName,
+    const JavaTurboModule::InitParams &params);
+
+} // namespace react
+} // namespace facebook

package/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.cpp

@@ -0,0 +1,45 @@
+#include "MainApplicationTurboModuleManagerDelegate.h"
+#include "MainApplicationModuleProvider.h"
+
+namespace facebook {
+namespace react {
+
+jni::local_ref<MainApplicationTurboModuleManagerDelegate::jhybriddata>
+MainApplicationTurboModuleManagerDelegate::initHybrid(
+    jni::alias_ref<jhybridobject>) {
+  return makeCxxInstance();
+}
+
+void MainApplicationTurboModuleManagerDelegate::registerNatives() {
+  registerHybrid({
+      makeNativeMethod(
+          "initHybrid", MainApplicationTurboModuleManagerDelegate::initHybrid),
+      makeNativeMethod(
+          "canCreateTurboModule",
+          MainApplicationTurboModuleManagerDelegate::canCreateTurboModule),
+  });
+}
+
+std::shared_ptr<TurboModule>
+MainApplicationTurboModuleManagerDelegate::getTurboModule(
+    const std::string &name,
+    const std::shared_ptr<CallInvoker> &jsInvoker) {
+  // Not implemented yet: provide pure-C++ NativeModules here.
+  return nullptr;
+}
+
+std::shared_ptr<TurboModule>
+MainApplicationTurboModuleManagerDelegate::getTurboModule(
+    const std::string &name,
+    const JavaTurboModule::InitParams &params) {
+  return MainApplicationModuleProvider(name, params);
+}
+
+bool MainApplicationTurboModuleManagerDelegate::canCreateTurboModule(
+    const std::string &name) {
+  return getTurboModule(name, nullptr) != nullptr ||
+      getTurboModule(name, {.moduleName = name}) != nullptr;
+}
+
+} // namespace react
+} // namespace facebook

package/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.h

@@ -0,0 +1,38 @@
+#include <memory>
+#include <string>
+
+#include <ReactCommon/TurboModuleManagerDelegate.h>
+#include <fbjni/fbjni.h>
+
+namespace facebook {
+namespace react {
+
+class MainApplicationTurboModuleManagerDelegate
+    : public jni::HybridClass<
+          MainApplicationTurboModuleManagerDelegate,
+          TurboModuleManagerDelegate> {
+ public:
+  // Adapt it to the package you used for your Java class.
+  static constexpr auto kJavaDescriptor =
+      "Lcom/xrngo/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate;";
+
+  static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jhybridobject>);
+
+  static void registerNatives();
+
+  std::shared_ptr<TurboModule> getTurboModule(
+      const std::string &name,
+      const std::shared_ptr<CallInvoker> &jsInvoker) override;
+  std::shared_ptr<TurboModule> getTurboModule(
+      const std::string &name,
+      const JavaTurboModule::InitParams &params) override;
+
+  /**
+   * Test-only method. Allows user to verify whether a TurboModule can be
+   * created by instances of this class.
+   */
+  bool canCreateTurboModule(const std::string &name);
+};
+
+} // namespace react
+} // namespace facebook

package/android/app/src/main/jni/MainComponentsRegistry.cpp

@@ -0,0 +1,65 @@
+#include "MainComponentsRegistry.h"
+
+#include <CoreComponentsRegistry.h>
+#include <fbjni/fbjni.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+#include <react/renderer/components/rncore/ComponentDescriptors.h>
+#include <rncli.h>
+
+namespace facebook {
+namespace react {
+
+MainComponentsRegistry::MainComponentsRegistry(ComponentFactory *delegate) {}
+
+std::shared_ptr<ComponentDescriptorProviderRegistry const>
+MainComponentsRegistry::sharedProviderRegistry() {
+  auto providerRegistry = CoreComponentsRegistry::sharedProviderRegistry();
+
+  // Autolinked providers registered by RN CLI
+  rncli_registerProviders(providerRegistry);
+
+  // Custom Fabric Components go here. You can register custom
+  // components coming from your App or from 3rd party libraries here.
+  //
+  // providerRegistry->add(concreteComponentDescriptorProvider<
+  //        AocViewerComponentDescriptor>());
+  return providerRegistry;
+}
+
+jni::local_ref<MainComponentsRegistry::jhybriddata>
+MainComponentsRegistry::initHybrid(
+    jni::alias_ref<jclass>,
+    ComponentFactory *delegate) {
+  auto instance = makeCxxInstance(delegate);
+
+  auto buildRegistryFunction =
+      [](EventDispatcher::Weak const &eventDispatcher,
+         ContextContainer::Shared const &contextContainer)
+      -> ComponentDescriptorRegistry::Shared {
+    auto registry = MainComponentsRegistry::sharedProviderRegistry()
+                        ->createComponentDescriptorRegistry(
+                            {eventDispatcher, contextContainer});
+
+    auto mutableRegistry =
+        std::const_pointer_cast<ComponentDescriptorRegistry>(registry);
+
+    mutableRegistry->setFallbackComponentDescriptor(
+        std::make_shared<UnimplementedNativeViewComponentDescriptor>(
+            ComponentDescriptorParameters{
+                eventDispatcher, contextContainer, nullptr}));
+
+    return registry;
+  };
+
+  delegate->buildRegistryFunction = buildRegistryFunction;
+  return instance;
+}
+
+void MainComponentsRegistry::registerNatives() {
+  registerHybrid({
+      makeNativeMethod("initHybrid", MainComponentsRegistry::initHybrid),
+  });
+}
+
+} // namespace react
+} // namespace facebook

package/android/app/src/main/jni/MainComponentsRegistry.h

@@ -0,0 +1,32 @@
+#pragma once
+
+#include <ComponentFactory.h>
+#include <fbjni/fbjni.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+#include <react/renderer/componentregistry/ComponentDescriptorRegistry.h>
+
+namespace facebook {
+namespace react {
+
+class MainComponentsRegistry
+    : public facebook::jni::HybridClass<MainComponentsRegistry> {
+ public:
+  // Adapt it to the package you used for your Java class.
+  constexpr static auto kJavaDescriptor =
+      "Lcom/xrngo/newarchitecture/components/MainComponentsRegistry;";
+
+  static void registerNatives();
+
+  MainComponentsRegistry(ComponentFactory *delegate);
+
+ private:
+  static std::shared_ptr<ComponentDescriptorProviderRegistry const>
+  sharedProviderRegistry();
+
+  static jni::local_ref<jhybriddata> initHybrid(
+      jni::alias_ref<jclass>,
+      ComponentFactory *delegate);
+};
+
+} // namespace react
+} // namespace facebook

package/android/app/src/main/jni/OnLoad.cpp

@@ -0,0 +1,11 @@
+#include <fbjni/fbjni.h>
+#include "MainApplicationTurboModuleManagerDelegate.h"
+#include "MainComponentsRegistry.h"
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *) {
+  return facebook::jni::initialize(vm, [] {
+    facebook::react::MainApplicationTurboModuleManagerDelegate::
+        registerNatives();
+    facebook::react::MainComponentsRegistry::registerNatives();
+  });
+}

package/android/app/src/main/res/drawable/bg_debug_entry.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true">
+        <shape android:shape="rectangle">
+            <solid android:color="@android:color/holo_green_dark"/>
+            <corners android:radius="25dp"/>
+        </shape>
+    </item>
+    <item>
+        <shape android:shape="rectangle">
+            <solid android:color="@android:color/holo_green_light"/>
+            <corners android:radius="25dp"/>
+        </shape>
+    </item>
+</selector>