react-native 0.74.0-nightly-20240128-cfc0ba04a → 1000.0.0

package/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.mm

@@ -31,6 +31,7 @@
 #import <ReactCommon/RCTTurboModuleManager.h>
 #import <ReactCommon/RuntimeExecutor.h>
 #import <cxxreact/ReactMarker.h>
+#import <jsinspector-modern/ReactCdp.h>
 #import <jsireact/JSIExecutor.h>
 #import <react/runtime/BridgelessJSCallInvoker.h>
 #import <react/utils/ContextContainer.h>
@@ -81,6 +82,8 @@ void RCTInstanceSetRuntimeDiagnosticFlags(NSString *flags)
 
   // APIs supporting interop with native modules and view managers
   RCTBridgeModuleDecorator *_bridgeModuleDecorator;
+
+  jsinspector_modern::PageTarget *_parentInspectorTarget;
 }
 
 #pragma mark - Public
@@ -91,6 +94,7 @@ void RCTInstanceSetRuntimeDiagnosticFlags(NSString *flags)
       turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)tmmDelegate
              onInitialBundleLoad:(RCTInstanceInitialBundleLoadCompletionBlock)onInitialBundleLoad
                   moduleRegistry:(RCTModuleRegistry *)moduleRegistry
+           parentInspectorTarget:(jsinspector_modern::PageTarget *)parentInspectorTarget
 {
   if (self = [super init]) {
     _performanceLogger = [RCTPerformanceLogger new];
@@ -106,6 +110,7 @@ void RCTInstanceSetRuntimeDiagnosticFlags(NSString *flags)
                                                                      moduleRegistry:moduleRegistry
                                                                       bundleManager:bundleManager
                                                                   callableJSModules:[RCTCallableJSModules new]];
+    _parentInspectorTarget = parentInspectorTarget;
     {
       __weak __typeof(self) weakSelf = self;
       [_bridgeModuleDecorator.callableJSModules
@@ -138,7 +143,9 @@ void RCTInstanceSetRuntimeDiagnosticFlags(NSString *flags)
 {
   std::lock_guard<std::mutex> lock(_invalidationMutex);
   _valid = false;
-
+  if (self->_reactInstance) {
+    self->_reactInstance->unregisterFromInspector();
+  }
   [_surfacePresenter suspend];
   [_jsThreadManager dispatchToJSThread:^{
     /**
@@ -221,7 +228,8 @@ void RCTInstanceSetRuntimeDiagnosticFlags(NSString *flags)
       _jsRuntimeFactory->createJSRuntime(_jsThreadManager.jsMessageThread),
       _jsThreadManager.jsMessageThread,
       timerManager,
-      jsErrorHandlingFunc);
+      jsErrorHandlingFunc,
+      _parentInspectorTarget);
   _valid = true;
 
   RuntimeExecutor bufferedRuntimeExecutor = _reactInstance->getBufferedRuntimeExecutor();

package/ReactCommon/react/test_utils/ios/Shims/ShimRCTInstance.mm

@@ -23,7 +23,8 @@ static __weak ShimRCTInstance *weakShim = nil;
         [RCTInstance class],
         [ShimRCTInstance class],
         @selector(initWithDelegate:
-                  jsRuntimeFactory:bundleManager:turboModuleManagerDelegate:onInitialBundleLoad:moduleRegistry:));
+                  jsRuntimeFactory:bundleManager:turboModuleManagerDelegate:onInitialBundleLoad:moduleRegistry
+                                  :parentInspectorTarget:));
     RCTSwizzleInstanceSelector([RCTInstance class], [ShimRCTInstance class], @selector(invalidate));
     RCTSwizzleInstanceSelector(
         [RCTInstance class], [ShimRCTInstance class], @selector(callFunctionOnJSModule:method:args:));
@@ -38,7 +39,8 @@ static __weak ShimRCTInstance *weakShim = nil;
       [RCTInstance class],
       [ShimRCTInstance class],
       @selector(initWithDelegate:
-                jsRuntimeFactory:bundleManager:turboModuleManagerDelegate:onInitialBundleLoad:moduleRegistry:));
+                jsRuntimeFactory:bundleManager:turboModuleManagerDelegate:onInitialBundleLoad:moduleRegistry
+                                :parentInspectorTarget:));
   RCTSwizzleInstanceSelector([RCTInstance class], [ShimRCTInstance class], @selector(invalidate));
   RCTSwizzleInstanceSelector(
       [RCTInstance class], [ShimRCTInstance class], @selector(callFunctionOnJSModule:method:args:));
@@ -52,6 +54,7 @@ static __weak ShimRCTInstance *weakShim = nil;
       turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)tmmDelegate
              onInitialBundleLoad:(RCTInstanceInitialBundleLoadCompletionBlock)onInitialBundleLoad
                   moduleRegistry:(RCTModuleRegistry *)moduleRegistry
+           parentInspectorTarget:(facebook::react::jsinspector_modern::PageTarget *)parentInspectorTarget
 {
   weakShim.initCount++;
   return self;

package/ReactCommon/react/utils/hash_combine.h

@@ -8,20 +8,22 @@
 #pragma once
 
 #include <functional>
+#include <type_traits>
 
 namespace facebook::react {
 
-template <
-    typename T,
-    typename... Rest,
-    bool Enabled = !std::is_same<T, const char*>::value,
-    typename = typename std::enable_if<Enabled>::type>
+template <typename T>
+concept Hashable = !std::is_same_v<T, const char*> && (requires(T a) {
+  { std::hash<T>{}(a) } -> std::convertible_to<std::size_t>;
+});
+
+template <Hashable T, Hashable... Rest>
 void hash_combine(std::size_t& seed, const T& v, const Rest&... rest) {
   seed ^= std::hash<T>{}(v) + 0x9e3779b9 + (seed << 6) + (seed >> 2);
   (hash_combine(seed, rest), ...);
 }
 
-template <typename T, typename... Args>
+template <Hashable T, Hashable... Args>
 std::size_t hash_combine(const T& v, const Args&... args) {
   std::size_t seed = 0;
   hash_combine<T, Args...>(seed, v, args...);

package/gradle/libs.versions.toml

@@ -16,7 +16,7 @@ androidx-tracing = "1.1.0"
 assertj = "3.21.0"
 binary-compatibility-validator = "0.13.2"
 download = "5.4.0"
-fbjni = "0.5.1"
+fbjni = "0.6.0"
 fresco = "3.1.3"
 infer-annotation = "0.18.0"
 javax-annotation-api = "1.3.2"

package/index.js

@@ -27,6 +27,7 @@ import typeof Clipboard from './Libraries/Components/Clipboard/Clipboard';
 import typeof DrawerLayoutAndroid from './Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
 import typeof Keyboard from './Libraries/Components/Keyboard/Keyboard';
 import typeof KeyboardAvoidingView from './Libraries/Components/Keyboard/KeyboardAvoidingView';
+import typeof PopupMenuAndroid from './Libraries/Components/PopupMenuAndroid/PopupMenuAndroid';
 import typeof Pressable from './Libraries/Components/Pressable/Pressable';
 import typeof ProgressBarAndroid from './Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 import typeof RefreshControl from './Libraries/Components/RefreshControl/RefreshControl';
@@ -43,6 +44,7 @@ import typeof TouchableNativeFeedback from './Libraries/Components/Touchable/Tou
 import typeof TouchableOpacity from './Libraries/Components/Touchable/TouchableOpacity';
 import typeof TouchableWithoutFeedback from './Libraries/Components/Touchable/TouchableWithoutFeedback';
 import typeof View from './Libraries/Components/View/View';
+import typeof RegisterCallableModule from './Libraries/Core/registerCallableModule';
 import typeof NativeEventEmitter from './Libraries/EventEmitter/NativeEventEmitter';
 import typeof RCTDeviceEventEmitter from './Libraries/EventEmitter/RCTDeviceEventEmitter';
 import typeof RCTNativeAppEventEmitter from './Libraries/EventEmitter/RCTNativeAppEventEmitter';
@@ -97,6 +99,9 @@ const invariant = require('invariant');
 export type HostComponent<T> = _HostComponentInternal<T>;
 
 module.exports = {
+  get registerCallableModule(): RegisterCallableModule {
+    return require('./Libraries/Core/registerCallableModule').default;
+  },
   // Components
   get AccessibilityInfo(): AccessibilityInfo {
     return require('./Libraries/Components/AccessibilityInfo/AccessibilityInfo')
@@ -129,6 +134,10 @@ module.exports = {
     return require('./Libraries/Components/Keyboard/KeyboardAvoidingView')
       .default;
   },
+  get PopupMenuAndroid(): PopupMenuAndroid {
+    return require('./Libraries/Components/PopupMenuAndroid/PopupMenuAndroid')
+      .default;
+  },
   get Modal(): Modal {
     return require('./Libraries/Modal/Modal');
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native",
-  "version": "0.74.0-nightly-20240128-cfc0ba04a",
+  "version": "1000.0.0",
   "description": "A framework for building native apps using React",
   "license": "MIT",
   "repository": {
@@ -101,13 +101,13 @@
     "@react-native-community/cli": "13.5.1",
     "@react-native-community/cli-platform-android": "13.5.1",
     "@react-native-community/cli-platform-ios": "13.5.1",
-    "@react-native/assets-registry": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/codegen": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/community-cli-plugin": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/gradle-plugin": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/js-polyfills": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/normalize-colors": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/virtualized-lists": "0.74.0-nightly-20240128-cfc0ba04a",
+    "@react-native/assets-registry": "0.74.0",
+    "@react-native/codegen": "0.74.0",
+    "@react-native/community-cli-plugin": "0.74.0",
+    "@react-native/gradle-plugin": "0.74.0",
+    "@react-native/js-polyfills": "0.74.0",
+    "@react-native/normalize-colors": "0.74.1",
+    "@react-native/virtualized-lists": "0.74.0",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
@@ -153,4 +153,4 @@
       }
     ]
   }
-}
+}

package/src/private/featureflags/NativeReactNativeFeatureFlags.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<564159837241d197ebc3084ff9e72b7c>>
+ * @generated SignedSource<<80726297990981a85ae106f8566ec662>>
  * @flow strict-local
  */
 
@@ -27,6 +27,7 @@ export interface Spec extends TurboModule {
   +useModernRuntimeScheduler?: () => boolean;
   +enableMicrotasks?: () => boolean;
   +batchRenderingUpdatesInEventLoop?: () => boolean;
+  +enableSpannableBuildingUnification?: () => boolean;
 }
 
 const NativeReactNativeFeatureFlags: ?Spec = TurboModuleRegistry.get<Spec>(

package/src/private/featureflags/ReactNativeFeatureFlags.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<4e4ce58c1ce1a95355bba0dfe099e26e>>
+ * @generated SignedSource<<d68bc5fec0897ad698014c938e4ab21e>>
  * @flow strict-local
  */
 
@@ -27,6 +27,12 @@ import {
 
 export type ReactNativeFeatureFlagsJsOnly = {
   jsOnlyTestFlag: Getter<boolean>,
+  isLayoutAnimationEnabled: Getter<boolean>,
+  animatedShouldDebounceQueueFlush: Getter<boolean>,
+  animatedShouldUseSingleOp: Getter<boolean>,
+  enableAccessToHostTreeInFabric: Getter<boolean>,
+  shouldUseAnimatedObjectForTransform: Getter<boolean>,
+  shouldUseSetNativePropsInFabric: Getter<boolean>,
 };
 
 export type ReactNativeFeatureFlagsJsOnlyOverrides = Partial<ReactNativeFeatureFlagsJsOnly>;
@@ -37,6 +43,7 @@ export type ReactNativeFeatureFlags = {
   useModernRuntimeScheduler: Getter<boolean>,
   enableMicrotasks: Getter<boolean>,
   batchRenderingUpdatesInEventLoop: Getter<boolean>,
+  enableSpannableBuildingUnification: Getter<boolean>,
 }
 
 /**
@@ -44,6 +51,36 @@ export type ReactNativeFeatureFlags = {
  */
 export const jsOnlyTestFlag: Getter<boolean> = createJavaScriptFlagGetter('jsOnlyTestFlag', false);
 
+/**
+ * Function used to enable / disabled Layout Animations in React Native.
+ */
+export const isLayoutAnimationEnabled: Getter<boolean> = createJavaScriptFlagGetter('isLayoutAnimationEnabled', true);
+
+/**
+ * Enables an experimental flush-queue debouncing in Animated.js.
+ */
+export const animatedShouldDebounceQueueFlush: Getter<boolean> = createJavaScriptFlagGetter('animatedShouldDebounceQueueFlush', false);
+
+/**
+ * Enables an experimental mega-operation for Animated.js that replaces many calls to native with a single call into native, to reduce JSI/JNI traffic.
+ */
+export const animatedShouldUseSingleOp: Getter<boolean> = createJavaScriptFlagGetter('animatedShouldUseSingleOp', false);
+
+/**
+ * Enables access to the host tree in Fabric using DOM-compatible APIs.
+ */
+export const enableAccessToHostTreeInFabric: Getter<boolean> = createJavaScriptFlagGetter('enableAccessToHostTreeInFabric', false);
+
+/**
+ * Enables use of AnimatedObject for animating transform values.
+ */
+export const shouldUseAnimatedObjectForTransform: Getter<boolean> = createJavaScriptFlagGetter('shouldUseAnimatedObjectForTransform', false);
+
+/**
+ * Enables use of setNativeProps in JS driven animations.
+ */
+export const shouldUseSetNativePropsInFabric: Getter<boolean> = createJavaScriptFlagGetter('shouldUseSetNativePropsInFabric', true);
+
 /**
  * Common flag for testing. Do NOT modify.
  */
@@ -60,6 +97,10 @@ export const enableMicrotasks: Getter<boolean> = createNativeFlagGetter('enableM
  * When enabled, the RuntimeScheduler processing the event loop will batch all rendering updates and dispatch them together at the end of each iteration of the loop.
  */
 export const batchRenderingUpdatesInEventLoop: Getter<boolean> = createNativeFlagGetter('batchRenderingUpdatesInEventLoop', false);
+/**
+ * Uses new, deduplicated logic for constructing Android Spannables from text fragments
+ */
+export const enableSpannableBuildingUnification: Getter<boolean> = createNativeFlagGetter('enableSpannableBuildingUnification', false);
 
 /**
  * Overrides the feature flags with the provided methods.

package/src/private/specs/components/PopupMenuAndroidNativeComponent.js

@@ -0,0 +1,47 @@
+/**
+ * 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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {
+  DirectEventHandler,
+  Int32,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type PopupMenuSelectionEvent = $ReadOnly<{
+  item: Int32,
+}>;
+
+type NativeProps = $ReadOnly<{
+  ...ViewProps,
+
+  //Props
+  menuItems?: ?$ReadOnlyArray<string>,
+
+  onSelectionChange?: DirectEventHandler<PopupMenuSelectionEvent>,
+}>;
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  +show: (viewRef: React.ElementRef<ComponentType>) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['show'],
+});
+
+export default (codegenNativeComponent<NativeProps>(
+  'AndroidPopupMenu',
+): HostComponent<NativeProps>);

package/template/Gemfile

@@ -3,5 +3,7 @@ source 'https://rubygems.org'
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
 ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.13'
+# 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'

package/template/package.json

@@ -11,16 +11,16 @@
   },
   "dependencies": {
     "react": "18.2.0",
-    "react-native": "0.74.0-nightly-20240128-cfc0ba04a"
+    "react-native": "0.74.0-nightly-20240131-82e9a5e4f"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
-    "@react-native/babel-preset": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/eslint-config": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/metro-config": "0.74.0-nightly-20240128-cfc0ba04a",
-    "@react-native/typescript-config": "0.74.0-nightly-20240128-cfc0ba04a",
+    "@react-native/babel-preset": "0.74.0-nightly-20240131-82e9a5e4f",
+    "@react-native/eslint-config": "0.74.0-nightly-20240131-82e9a5e4f",
+    "@react-native/metro-config": "0.74.0-nightly-20240131-82e9a5e4f",
+    "@react-native/typescript-config": "0.74.0-nightly-20240131-82e9a5e4f",
     "@types/react": "^18.2.6",
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.6.3",

package/Libraries/Performance/QuickPerformanceLogger.js

@@ -1,155 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-const AUTO_SET_TIMESTAMP = -1;
-const DUMMY_INSTANCE_KEY = 0;
-
-// Defines map of annotations
-// Use as following:
-// {string: {key1: value1, key2: value2}}
-export type AnnotationsMap = Partial<{
-  string: ?{[string]: string, ...},
-  int: ?{[string]: number, ...},
-  double: ?{[string]: number, ...},
-  bool: ?{[string]: boolean, ...},
-  string_array: ?{[string]: $ReadOnlyArray<string>, ...},
-  int_array: ?{[string]: $ReadOnlyArray<number>, ...},
-  double_array: ?{[string]: $ReadOnlyArray<number>, ...},
-  bool_array: ?{[string]: $ReadOnlyArray<boolean>, ...},
-}>;
-
-const QuickPerformanceLogger = {
-  markerStart(
-    markerId: number,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-  ): void {
-    if (global.nativeQPLMarkerStart) {
-      global.nativeQPLMarkerStart(markerId, instanceKey, timestamp);
-    }
-  },
-
-  markerEnd(
-    markerId: number,
-    actionId: number,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-  ): void {
-    if (global.nativeQPLMarkerEnd) {
-      global.nativeQPLMarkerEnd(markerId, instanceKey, actionId, timestamp);
-    }
-  },
-
-  markerTag(
-    markerId: number,
-    tag: string,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerTag) {
-      global.nativeQPLMarkerTag(markerId, instanceKey, tag);
-    }
-  },
-
-  markerAnnotate(
-    markerId: number,
-    annotations: AnnotationsMap,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerAnnotateWithMap) {
-      global.nativeQPLMarkerAnnotateWithMap(markerId, annotations, instanceKey);
-    } else if (global.nativeQPLMarkerAnnotate) {
-      for (const type of [
-        'string',
-        'int',
-        'double',
-        'bool',
-        'string_array',
-        'int_array',
-        'double_array',
-        'bool_array',
-      ]) {
-        const keyValsOfType = annotations[type];
-        if (keyValsOfType != null) {
-          for (const annotationKey of Object.keys(keyValsOfType)) {
-            global.nativeQPLMarkerAnnotate(
-              markerId,
-              instanceKey,
-              annotationKey,
-              keyValsOfType[annotationKey].toString(),
-            );
-          }
-        }
-      }
-    }
-  },
-
-  markerCancel(
-    markerId: number,
-    instanceKey?: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    // $FlowFixMe[object-this-reference]
-    this.markerDrop(markerId, instanceKey);
-  },
-
-  markerPoint(
-    markerId: number,
-    name: string,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-    data: ?string = null,
-  ): void {
-    if (global.nativeQPLMarkerPoint) {
-      global.nativeQPLMarkerPoint(markerId, name, instanceKey, timestamp, data);
-    }
-  },
-
-  markerDrop(
-    markerId: number,
-    instanceKey?: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerDrop) {
-      global.nativeQPLMarkerDrop(markerId, instanceKey);
-    }
-  },
-
-  // Checks whether the given QPL marker is going to be sent to server or not
-  // (the latter may be the case due to e.g. downsampling).
-  // Note that markerStart is expected to have been already called at this point.
-  isMarkerOn(
-    markerId: number,
-    instanceKey?: number = DUMMY_INSTANCE_KEY,
-  ): boolean {
-    if (global.nativeQPLIsMarkerOn) {
-      return global.nativeQPLIsMarkerOn(markerId, instanceKey);
-    }
-    return true;
-  },
-
-  markEvent(
-    markerId: number,
-    type: string,
-    annotations: ?AnnotationsMap = null,
-  ): void {
-    if (global.nativeQPLMarkEvent) {
-      global.nativeQPLMarkEvent(markerId, type, annotations);
-    }
-  },
-
-  currentTimestamp(): number {
-    if (global.nativeQPLTimestamp) {
-      return global.nativeQPLTimestamp();
-    }
-    return 0;
-  },
-};
-
-module.exports = QuickPerformanceLogger;

package/ReactAndroid/src/main/jni/react/jni/OnLoad.h

@@ -1,16 +0,0 @@
-/*
- * 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.
- */
-
-#pragma once
-
-#include <jni.h>
-
-namespace facebook::react {
-
-jmethodID getLogMarkerMethod();
-
-} // namespace facebook::react