react-native-tvos 0.78.0-0rc3 → 0.79.0-0rc2

package/Libraries/Animated/useAnimatedProps.js

@@ -8,340 +8,11 @@
  * @format
  */
 
-import type {EventSubscription} from '../EventEmitter/NativeEventEmitter';
-import type {AnimatedPropsAllowlist} from './nodes/AnimatedProps';
+import type {AnimatedPropsHook} from '../../src/private/animated/createAnimatedPropsHook';
 
-import NativeAnimatedHelper from '../../src/private/animated/NativeAnimatedHelper';
-import {useAnimatedPropsMemo} from '../../src/private/animated/useAnimatedPropsMemo';
-import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
-import {isPublicInstance as isFabricPublicInstance} from '../ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstanceUtils';
-import useRefEffect from '../Utilities/useRefEffect';
-import {AnimatedEvent} from './AnimatedEvent';
-import AnimatedProps from './nodes/AnimatedProps';
-import {
-  useCallback,
-  useEffect,
-  useInsertionEffect,
-  useLayoutEffect,
-  useMemo,
-  useReducer,
-  useRef,
-} from 'react';
-
-type ReducedProps<TProps> = {
-  ...TProps,
-  collapsable: boolean,
-  ...
-};
-type CallbackRef<T> = T => mixed;
-
-type UpdateCallback = () => void;
-
-const useMemoOrAnimatedPropsMemo =
-  ReactNativeFeatureFlags.enableAnimatedPropsMemo()
-    ? useAnimatedPropsMemo
-    : useMemo;
-
-export default function useAnimatedProps<TProps: {...}, TInstance>(
-  props: TProps,
-  allowlist?: ?AnimatedPropsAllowlist,
-): [ReducedProps<TProps>, CallbackRef<TInstance | null>] {
-  const [, scheduleUpdate] = useReducer<number, void>(count => count + 1, 0);
-  const onUpdateRef = useRef<UpdateCallback | null>(null);
-  const timerRef = useRef<TimeoutID | null>(null);
-
-  const allowlistIfEnabled = ReactNativeFeatureFlags.enableAnimatedAllowlist()
-    ? allowlist
-    : null;
-
-  const node = useMemoOrAnimatedPropsMemo(
-    () =>
-      new AnimatedProps(
-        props,
-        () => onUpdateRef.current?.(),
-        allowlistIfEnabled,
-      ),
-    [allowlistIfEnabled, props],
-  );
-
-  const useNativePropsInFabric =
-    ReactNativeFeatureFlags.shouldUseSetNativePropsInFabric();
-
-  const useAnimatedPropsLifecycle =
-    ReactNativeFeatureFlags.useInsertionEffectsForAnimations()
-      ? useAnimatedPropsLifecycle_insertionEffects
-      : useAnimatedPropsLifecycle_layoutEffects;
-
-  useAnimatedPropsLifecycle(node);
-
-  // TODO: This "effect" does three things:
-  //
-  //   1) Call `setNativeView`.
-  //   2) Update `onUpdateRef`.
-  //   3) Update listeners for `AnimatedEvent` props.
-  //
-  // Ideally, each of these would be separate "effects" so that they are not
-  // unnecessarily re-run when irrelevant dependencies change. For example, we
-  // should be able to hoist all `AnimatedEvent` props and only do #3 if either
-  // the `AnimatedEvent` props change or `instance` changes.
-  //
-  // But there is no way to transparently compose three separate callback refs,
-  // so we just combine them all into one for now.
-  const refEffect = useCallback(
-    (instance: TInstance) => {
-      // NOTE: This may be called more often than necessary (e.g. when `props`
-      // changes), but `setNativeView` already optimizes for that.
-      node.setNativeView(instance);
-
-      // NOTE: When using the JS animation driver, this callback is called on
-      // every animation frame. When using the native driver, this callback is
-      // called when the animation completes.
-      onUpdateRef.current = () => {
-        if (process.env.NODE_ENV === 'test') {
-          // Check 1: this is a test.
-          // call `scheduleUpdate` to bypass use of setNativeProps.
-          return scheduleUpdate();
-        }
-
-        const isFabricNode = isFabricInstance(instance);
-        if (node.__isNative) {
-          // Check 2: this is an animation driven by native.
-          // In native driven animations, this callback is only called once the animation completes.
-          if (isFabricNode) {
-            // Call `scheduleUpdate` to synchronise Fiber and Shadow tree.
-            // Must not be called in Paper.
-            scheduleUpdate();
-          }
-          return;
-        }
-
-        if (
-          typeof instance !== 'object' ||
-          typeof instance?.setNativeProps !== 'function'
-        ) {
-          // Check 3: the instance does not support setNativeProps. Call `scheduleUpdate`.
-          return scheduleUpdate();
-        }
-
-        if (!isFabricNode) {
-          // Check 4: this is a paper instance, call setNativeProps.
-          // $FlowIgnore[not-a-function] - Assume it's still a function.
-          // $FlowFixMe[incompatible-use]
-          return instance.setNativeProps(node.__getAnimatedValue());
-        }
-
-        if (!useNativePropsInFabric) {
-          // Check 5: setNativeProps are disabled.
-          return scheduleUpdate();
-        }
-
-        // This is a Fabric instance and setNativeProps is supported.
-
-        // $FlowIgnore[not-a-function] - Assume it's still a function.
-        // $FlowFixMe[incompatible-use]
-        instance.setNativeProps(node.__getAnimatedValue());
-
-        // Keeping state of Fiber tree and Shadow tree in sync.
-        //
-        // This is done by calling `scheduleUpdate` which will trigger a commit.
-        // However, React commit is not fast enough to drive animations.
-        // This is where setNativeProps comes in handy but the state between
-        // Fiber tree and Shadow tree needs to be kept in sync.
-        // The goal is to call `scheduleUpdate` as little as possible to maintain
-        // performance but frequently enough to keep state in sync.
-        // Debounce is set to 48ms, which is 3 * the duration of a frame.
-        // 3 frames was the highest value where flickering state was not observed.
-        if (timerRef.current != null) {
-          clearTimeout(timerRef.current);
-        }
-        timerRef.current = setTimeout(() => {
-          timerRef.current = null;
-          scheduleUpdate();
-        }, 48);
-      };
-
-      const target = getEventTarget(instance);
-      const events = [];
-
-      for (const propName in props) {
-        // $FlowFixMe[invalid-computed-prop]
-        const propValue = props[propName];
-        if (propValue instanceof AnimatedEvent && propValue.__isNative) {
-          propValue.__attach(target, propName);
-          events.push([propName, propValue]);
-        }
-      }
-
-      return () => {
-        onUpdateRef.current = null;
-
-        for (const [propName, propValue] of events) {
-          propValue.__detach(target, propName);
-        }
-      };
-    },
-    [node, useNativePropsInFabric, props],
-  );
-  const callbackRef = useRefEffect<TInstance>(refEffect);
-
-  return [reduceAnimatedProps<TProps>(node, props), callbackRef];
-}
-
-function reduceAnimatedProps<TProps>(
-  node: AnimatedProps,
-  props: TProps,
-): ReducedProps<TProps> {
-  // Force `collapsable` to be false so that the native view is not flattened.
-  // Flattened views cannot be accurately referenced by the native driver.
-  return {
-    ...(ReactNativeFeatureFlags.enableAnimatedPropsMemo()
-      ? node.__getValueWithStaticProps(props)
-      : node.__getValue()),
-    collapsable: false,
-  };
-}
-
-/**
- * Manages the lifecycle of the supplied `AnimatedProps` by invoking `__attach`
- * and `__detach`. However, this is more complicated because `AnimatedProps`
- * uses reference counting to determine when to recursively detach its children
- * nodes. So in order to optimize this, we avoid detaching until the next attach
- * unless we are unmounting.
- */
-function useAnimatedPropsLifecycle_layoutEffects(node: AnimatedProps): void {
-  const prevNodeRef = useRef<?AnimatedProps>(null);
-  const isUnmountingRef = useRef<boolean>(false);
-
-  useEffect(() => {
-    // It is ok for multiple components to call `flushQueue` because it noops
-    // if the queue is empty. When multiple animated components are mounted at
-    // the same time. Only first component flushes the queue and the others will noop.
-    NativeAnimatedHelper.API.flushQueue();
-    let drivenAnimationEndedListener: ?EventSubscription = null;
-    if (node.__isNative) {
-      drivenAnimationEndedListener =
-        NativeAnimatedHelper.nativeEventEmitter.addListener(
-          'onUserDrivenAnimationEnded',
-          data => {
-            node.update();
-          },
-        );
-    }
-
-    return () => {
-      drivenAnimationEndedListener?.remove();
-    };
-  });
-
-  useLayoutEffect(() => {
-    isUnmountingRef.current = false;
-    return () => {
-      isUnmountingRef.current = true;
-    };
-  }, []);
-
-  useLayoutEffect(() => {
-    node.__attach();
-    if (prevNodeRef.current != null) {
-      const prevNode = prevNodeRef.current;
-      // TODO: Stop restoring default values (unless `reset` is called).
-      prevNode.__restoreDefaultValues();
-      prevNode.__detach();
-      prevNodeRef.current = null;
-    }
-    return () => {
-      if (isUnmountingRef.current) {
-        // NOTE: Do not restore default values on unmount, see D18197735.
-        node.__detach();
-      } else {
-        prevNodeRef.current = node;
-      }
-    };
-  }, [node]);
-}
+import createAnimatedPropsHook from '../../src/private/animated/createAnimatedPropsHook';
 
 /**
- * Manages the lifecycle of the supplied `AnimatedProps` by invoking `__attach`
- * and `__detach`. However, this is more complicated because `AnimatedProps`
- * uses reference counting to determine when to recursively detach its children
- * nodes. So in order to optimize this, we avoid detaching until the next attach
- * unless we are unmounting.
+ * @deprecated
  */
-function useAnimatedPropsLifecycle_insertionEffects(node: AnimatedProps): void {
-  const prevNodeRef = useRef<?AnimatedProps>(null);
-  const isUnmountingRef = useRef<boolean>(false);
-
-  useEffect(() => {
-    // It is ok for multiple components to call `flushQueue` because it noops
-    // if the queue is empty. When multiple animated components are mounted at
-    // the same time. Only first component flushes the queue and the others will noop.
-    NativeAnimatedHelper.API.flushQueue();
-    let drivenAnimationEndedListener: ?EventSubscription = null;
-    if (node.__isNative) {
-      drivenAnimationEndedListener =
-        NativeAnimatedHelper.nativeEventEmitter.addListener(
-          'onUserDrivenAnimationEnded',
-          data => {
-            node.update();
-          },
-        );
-    }
-
-    return () => {
-      drivenAnimationEndedListener?.remove();
-    };
-  });
-
-  useInsertionEffect(() => {
-    isUnmountingRef.current = false;
-    return () => {
-      isUnmountingRef.current = true;
-    };
-  }, []);
-
-  useInsertionEffect(() => {
-    node.__attach();
-    if (prevNodeRef.current != null) {
-      const prevNode = prevNodeRef.current;
-      // TODO: Stop restoring default values (unless `reset` is called).
-      prevNode.__restoreDefaultValues();
-      prevNode.__detach();
-      prevNodeRef.current = null;
-    }
-    return () => {
-      if (isUnmountingRef.current) {
-        // NOTE: Do not restore default values on unmount, see D18197735.
-        node.__detach();
-      } else {
-        prevNodeRef.current = node;
-      }
-    };
-  }, [node]);
-}
-
-function getEventTarget<TInstance>(instance: TInstance): TInstance {
-  return typeof instance === 'object' &&
-    typeof instance?.getScrollableNode === 'function'
-    ? // $FlowFixMe[incompatible-use] - Legacy instance assumptions.
-      instance.getScrollableNode()
-    : instance;
-}
-
-// $FlowFixMe[unclear-type] - Legacy instance assumptions.
-function isFabricInstance(instance: any): boolean {
-  return (
-    isFabricPublicInstance(instance) ||
-    // Some components have a setNativeProps function but aren't a host component
-    // such as lists like FlatList and SectionList. These should also use
-    // forceUpdate in Fabric since setNativeProps doesn't exist on the underlying
-    // host component. This crazy hack is essentially special casing those lists and
-    // ScrollView itself to use forceUpdate in Fabric.
-    // If these components end up using forwardRef then these hacks can go away
-    // as instance would actually be the underlying host component and the above check
-    // would be sufficient.
-    isFabricPublicInstance(instance?.getNativeScrollRef?.()) ||
-    isFabricPublicInstance(
-      instance?.getScrollResponder?.()?.getNativeScrollRef?.(),
-    )
-  );
-}
+export default createAnimatedPropsHook(null) as AnimatedPropsHook;

package/Libraries/Animated/useAnimatedValue.js

@@ -8,14 +8,12 @@
  * @format
  */
 
-import type {AnimatedValueConfig} from './nodes/AnimatedValue';
-
 import Animated from './Animated';
 import {useRef} from 'react';
 
 export default function useAnimatedValue(
   initialValue: number,
-  config?: ?AnimatedValueConfig,
+  config?: ?Animated.AnimatedConfig,
 ): Animated.Value {
   const ref = useRef<null | Animated.Value>(null);
   if (ref.current == null) {

package/Libraries/AppDelegate/RCTAppDelegate.h

@@ -22,6 +22,9 @@
 NS_ASSUME_NONNULL_BEGIN
 
 /**
+ * @deprecated RCTAppDelegate is deprecated and will be removed in a future version of React Native. Use
+ `RCTReactNativeFactory` instead.
+ *
  * The RCTAppDelegate is an utility class that implements some base configurations for all the React Native apps.
  * It is not mandatory to use it, but it could simplify your AppDelegate code.
  *
@@ -58,7 +61,9 @@ NS_ASSUME_NONNULL_BEGIN
                                                          (const facebook::react::ObjCTurboModule::InitParams &)params
  *   - (id<RCTTurboModule>)getModuleInstanceFromClass:(Class)moduleClass
  */
-@interface RCTAppDelegate : RCTDefaultReactNativeFactoryDelegate <UIApplicationDelegate, UISceneDelegate>
+__attribute__((deprecated(
+    "RCTAppDelegate is deprecated and will be removed in a future version of React Native. Use `RCTReactNativeFactory` instead.")))
+@interface RCTAppDelegate : RCTDefaultReactNativeFactoryDelegate<UIApplicationDelegate>
 
 /// The window object, used to render the UViewControllers
 @property (nonatomic, strong, nonnull) UIWindow *window;

package/Libraries/AppDelegate/RCTAppDelegate.mm

@@ -23,11 +23,6 @@
 #endif
 #import <React/RCTComponentViewFactory.h>
 #import <React/RCTComponentViewProtocol.h>
-#if USE_HERMES
-#import <ReactCommon/RCTHermesInstance.h>
-#else
-#import <ReactCommon/RCTJscInstance.h>
-#endif
 #import <react/nativemodule/defaults/DefaultTurboModules.h>
 
 using namespace facebook::react;
@@ -62,7 +57,6 @@ using namespace facebook::react;
   self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
   UIViewController *rootViewController = [self createRootViewController];
   [self setRootView:rootView toRootViewController:rootViewController];
-  _window.windowScene.delegate = self;
   _window.rootViewController = rootViewController;
 #if TARGET_OS_TV
   UIUserInterfaceStyle style = rootViewController.traitCollection.userInterfaceStyle;
@@ -75,18 +69,6 @@ using namespace facebook::react;
   [_window makeKeyAndVisible];
 }
 
-#pragma mark - UISceneDelegate
-
-#if !TARGET_OS_TV
-- (void)windowScene:(UIWindowScene *)windowScene
-    didUpdateCoordinateSpace:(id<UICoordinateSpace>)previousCoordinateSpace
-        interfaceOrientation:(UIInterfaceOrientation)previousInterfaceOrientation
-             traitCollection:(UITraitCollection *)previousTraitCollection API_AVAILABLE(ios(13.0))
-{
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTWindowFrameDidChangeNotification object:self];
-}
-#endif
-
 - (RCTRootViewFactory *)rootViewFactory
 {
   return self.reactNativeFactory.rootViewFactory;

package/Libraries/AppDelegate/RCTAppSetupUtils.h

@@ -19,11 +19,12 @@
 #elif __has_include(<reacthermes/HermesExecutorFactory.h>)
 #import <reacthermes/HermesExecutorFactory.h>
 #endif
-#else // USE_HERMES
+#elif USE_THIRD_PARTY_JSC != 1
 #import <React/JSCExecutorFactory.h>
 #endif // USE_HERMES
 
 #import <ReactCommon/RCTTurboModuleManager.h>
+#import <jsireact/JSIExecutor.h>
 
 @protocol RCTDependencyProvider;
 

package/Libraries/AppDelegate/RCTAppSetupUtils.mm

@@ -130,38 +130,47 @@ std::unique_ptr<facebook::react::JSExecutorFactory> RCTAppSetupDefaultJsExecutor
   [turboModuleManager moduleForName:"RCTDevMenu"];
 #endif // end RCT_DEV
 
+  auto runtimeInstallerLambda = [turboModuleManager, bridge, runtimeScheduler](facebook::jsi::Runtime &runtime) {
+    if (!bridge || !turboModuleManager) {
+      return;
+    }
+    if (runtimeScheduler) {
+      facebook::react::RuntimeSchedulerBinding::createAndInstallIfNeeded(runtime, runtimeScheduler);
+    }
+    [turboModuleManager installJSBindings:runtime];
+  };
 #if USE_HERMES
   return std::make_unique<facebook::react::HermesExecutorFactory>(
-#else
+      facebook::react::RCTJSIExecutorRuntimeInstaller(runtimeInstallerLambda));
+#elif USE_THIRD_PARTY_JSC != 1
   return std::make_unique<facebook::react::JSCExecutorFactory>(
+      facebook::react::RCTJSIExecutorRuntimeInstaller(runtimeInstallerLambda));
+#else
+  throw std::runtime_error("No JSExecutorFactory specified.");
+  return nullptr;
 #endif // USE_HERMES
-      facebook::react::RCTJSIExecutorRuntimeInstaller(
-          [turboModuleManager, bridge, runtimeScheduler](facebook::jsi::Runtime &runtime) {
-            if (!bridge || !turboModuleManager) {
-              return;
-            }
-            if (runtimeScheduler) {
-              facebook::react::RuntimeSchedulerBinding::createAndInstallIfNeeded(runtime, runtimeScheduler);
-            }
-            [turboModuleManager installJSBindings:runtime];
-          }));
 }
 
 std::unique_ptr<facebook::react::JSExecutorFactory> RCTAppSetupJsExecutorFactoryForOldArch(
     RCTBridge *bridge,
     const std::shared_ptr<facebook::react::RuntimeScheduler> &runtimeScheduler)
 {
+  auto runtimeInstallerLambda = [bridge, runtimeScheduler](facebook::jsi::Runtime &runtime) {
+    if (!bridge) {
+      return;
+    }
+    if (runtimeScheduler) {
+      facebook::react::RuntimeSchedulerBinding::createAndInstallIfNeeded(runtime, runtimeScheduler);
+    }
+  };
 #if USE_HERMES
   return std::make_unique<facebook::react::HermesExecutorFactory>(
-#else
+      facebook::react::RCTJSIExecutorRuntimeInstaller(runtimeInstallerLambda));
+#elif USE_THIRD_PARTY_JSC != 1
   return std::make_unique<facebook::react::JSCExecutorFactory>(
+      facebook::react::RCTJSIExecutorRuntimeInstaller(runtimeInstallerLambda));
+#else
+  throw std::runtime_error("No JSExecutorFactory specified.");
+  return nullptr;
 #endif // USE_HERMES
-      facebook::react::RCTJSIExecutorRuntimeInstaller([bridge, runtimeScheduler](facebook::jsi::Runtime &runtime) {
-        if (!bridge) {
-          return;
-        }
-        if (runtimeScheduler) {
-          facebook::react::RuntimeSchedulerBinding::createAndInstallIfNeeded(runtime, runtimeScheduler);
-        }
-      }));
 }

package/Libraries/AppDelegate/RCTArchConfiguratorProtocol.h

@@ -8,6 +8,8 @@
 #import <React/RCTConvert.h>
 #import <UIKit/UIKit.h>
 
+NS_ASSUME_NONNULL_BEGIN
+
 @protocol RCTArchConfiguratorProtocol
 /// This method controls whether the `turboModules` feature of the New Architecture is turned on or off.
 ///
@@ -30,3 +32,5 @@
 /// @return: `true` if the new architecture is enabled. Otherwise returns `false`.
 - (BOOL)newArchEnabled;
 @end
+
+NS_ASSUME_NONNULL_END

package/Libraries/AppDelegate/RCTDefaultReactNativeFactoryDelegate.mm

@@ -9,6 +9,11 @@
 #import <ReactCommon/RCTHost.h>
 #import "RCTAppSetupUtils.h"
 #import "RCTDependencyProvider.h"
+#if USE_HERMES
+#import <React/RCTHermesInstanceFactory.h>
+#elif USE_THIRD_PARTY_JSC != 1
+#import <React/RCTJscInstanceFactory.h>
+#endif
 
 #import <react/nativemodule/defaults/DefaultTurboModules.h>
 
@@ -38,6 +43,17 @@
   rootViewController.view = rootView;
 }
 
+- (JSRuntimeFactoryRef)createJSRuntimeFactory
+{
+#if USE_HERMES
+  return jsrt_create_hermes_factory();
+#elif USE_THIRD_PARTY_JSC != 1
+  return jsrt_create_jsc_factory();
+#else
+  return nullptr;
+#endif
+}
+
 - (void)customizeRootView:(RCTRootView *)rootView
 {
   // Override point for customization after application launch.
@@ -78,6 +94,12 @@
 {
 }
 
+- (nullable id<RCTModuleProvider>)getModuleProvider:(const char *)name
+{
+  NSString *providerName = [NSString stringWithCString:name encoding:NSUTF8StringEncoding];
+  return self.dependencyProvider ? self.dependencyProvider.moduleProviders[providerName] : nullptr;
+}
+
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
                                                       jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
 {
@@ -120,4 +142,11 @@
   return nullptr;
 }
 
+- (void)loadSourceForBridge:(RCTBridge *)bridge
+                 onProgress:(RCTSourceLoadProgressBlock)onProgress
+                 onComplete:(RCTSourceLoadBlock)loadCallback
+{
+  [RCTJavaScriptLoader loadBundleAtURL:[self sourceURLForBridge:bridge] onProgress:onProgress onComplete:loadCallback];
+}
+
 @end

package/Libraries/AppDelegate/RCTDependencyProvider.h

@@ -8,6 +8,7 @@
 #import <Foundation/Foundation.h>
 
 @protocol RCTComponentViewProtocol;
+@protocol RCTModuleProvider;
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -21,6 +22,8 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (NSDictionary<NSString *, Class<RCTComponentViewProtocol>> *)thirdPartyFabricComponents;
 
+- (nonnull NSDictionary<NSString *, id<RCTModuleProvider>> *)moduleProviders;
+
 @end
 
 NS_ASSUME_NONNULL_END

package/Libraries/AppDelegate/RCTJSRuntimeConfiguratorProtocol.h

@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+#import <react/runtime/JSRuntimeFactoryCAPI.h>
+
+#pragma once
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTJSRuntimeConfiguratorProtocol
+
+- (JSRuntimeFactoryRef)createJSRuntimeFactory;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/Libraries/AppDelegate/RCTReactNativeFactory.h

@@ -10,6 +10,7 @@
 #import <UIKit/UIKit.h>
 #import "RCTArchConfiguratorProtocol.h"
 #import "RCTDependencyProvider.h"
+#import "RCTJSRuntimeConfiguratorProtocol.h"
 #import "RCTRootViewFactory.h"
 #import "RCTUIConfiguratorProtocol.h"
 
@@ -34,6 +35,7 @@ NS_ASSUME_NONNULL_BEGIN
     RCTTurboModuleManagerDelegate,
     RCTComponentViewFactoryComponentProvider,
 #endif
+    RCTJSRuntimeConfiguratorProtocol,
     RCTArchConfiguratorProtocol>
 
 /// Return the bundle URL for the main bundle.
@@ -84,9 +86,18 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (instancetype)initWithDelegate:(id<RCTReactNativeFactoryDelegate>)delegate;
 
+- (void)startReactNativeWithModuleName:(NSString *)moduleName inWindow:(UIWindow *_Nullable)window;
+
+- (void)startReactNativeWithModuleName:(NSString *)moduleName
+                              inWindow:(UIWindow *_Nullable)window
+                         launchOptions:(NSDictionary *_Nullable)launchOptions;
+
+- (void)startReactNativeWithModuleName:(NSString *)moduleName
+                              inWindow:(UIWindow *_Nullable)window
+                     initialProperties:(NSDictionary *_Nullable)initialProperties
+                         launchOptions:(NSDictionary *_Nullable)launchOptions;
+
 @property (nonatomic, nullable) RCTBridge *bridge;
-@property (nonatomic, strong, nullable) NSString *moduleName;
-@property (nonatomic, strong, nullable) NSDictionary *initialProps;
 @property (nonatomic, strong, nonnull) RCTRootViewFactory *rootViewFactory;
 
 @property (nonatomic, nullable) RCTSurfacePresenterBridgeAdapter *bridgeAdapter;