react-native-tvos 0.87.1-0 → 0.88.0-0rc2

package/ReactCommon/react/nativemodule/dom/CMakeLists.txt

@@ -18,6 +18,7 @@ add_library(react_nativemodule_dom
 target_include_directories(react_nativemodule_dom PUBLIC ${REACT_COMMON_DIR})
 
 target_link_libraries(react_nativemodule_dom
+        react_cxxstableapi
         rrc_root
         react_codegen_rncore
         react_cxxreact

package/ReactCommon/react/nativemodule/dom/NativeDOM.cpp

@@ -92,7 +92,7 @@ bool isRootShadowNode(const ShadowNode& shadowNode) {
 NativeDOM::NativeDOM(std::shared_ptr<CallInvoker> jsInvoker)
     : NativeDOMCxxSpec(std::move(jsInvoker)) {}
 
-#pragma mark - Methods from the `Node` interface (for `ReadOnlyNode`).
+#pragma mark - Methods from the Node interface (for ReadOnlyNode).
 
 double NativeDOM::compareDocumentPosition(
     jsi::Runtime& rt,
@@ -119,7 +119,7 @@ double NativeDOM::compareDocumentPosition(
 
       if (isRootShadowNode(*otherShadowNode)) {
         // If the other is a root node, we just need to check if it is its
-        // `documentElement`
+        // documentElement
         return (surfaceId == otherShadowNode->getSurfaceId())
             ? dom::DOCUMENT_POSITION_CONTAINED_BY |
                 dom::DOCUMENT_POSITION_FOLLOWING
@@ -238,7 +238,7 @@ bool NativeDOM::isConnected(jsi::Runtime& rt, jsi::Value nativeNodeReference) {
   return dom::isConnected(currentRevision, *shadowNode);
 }
 
-#pragma mark - Methods from the `Element` interface (for `ReactNativeElement`).
+#pragma mark - Methods from the Element interface (for ReactNativeElement).
 
 std::tuple<
     /* topWidth: */ int,
@@ -364,7 +364,7 @@ void NativeDOM::setPointerCapture(
       static_cast<PointerIdentifier>(pointerId), shadowNode);
 }
 
-#pragma mark - Methods from the `HTMLElement` interface (for `ReactNativeElement`).
+#pragma mark - Methods from the HTMLElement interface (for ReactNativeElement).
 
 std::tuple<
     /* offsetParent: */ jsi::Value,
@@ -407,7 +407,7 @@ jsi::Value NativeDOM::linkRootNode(
   return Bridging<std::shared_ptr<const ShadowNode>>::toJs(rt, currentRevision);
 }
 
-#pragma mark - Legacy layout APIs (for `ReactNativeElement`).
+#pragma mark - Legacy layout APIs (for ReactNativeElement).
 
 void NativeDOM::measure(
     jsi::Runtime& rt,
@@ -472,7 +472,7 @@ void NativeDOM::measureLayout(
   onSuccess(rect.x, rect.y, rect.width, rect.height);
 }
 
-#pragma mark - Legacy direct manipulation APIs (for `ReactNativeElement`).
+#pragma mark - Legacy direct manipulation APIs (for ReactNativeElement).
 
 void NativeDOM::setNativeProps(
     jsi::Runtime& rt,

package/ReactCommon/react/nativemodule/dom/NativeDOM.h

@@ -7,6 +7,8 @@
 
 #pragma once
 
+#include <react/cxxstableapi/PrivateGuard.h>
+
 #include <string>
 
 #if __has_include("FBReactNativeSpecJSI.h") // CocoaPod headers on Apple

package/ReactCommon/react/nativemodule/dom/React-domnativemodule.podspec

@@ -55,7 +55,10 @@ Pod::Spec.new do |s|
   s.dependency "React-Fabric"
   s.dependency "React-Fabric/bridging"
   s.dependency "React-FabricComponents"
+  s.dependency "React-cxxstableapi"
   add_dependency(s, "React-runtimeexecutor", :additional_framework_paths => ["platform/ios"])
   add_dependency(s, "React-graphics", :additional_framework_paths => ["react/renderer/graphics/platform/ios"])
   add_dependency(s, "React-RCTFBReactNativeSpec")
+
+  mark_as_react_native_build(s)
 end

package/ReactCommon/react/nativemodule/featureflags/CMakeLists.txt

@@ -16,6 +16,7 @@ target_include_directories(react_nativemodule_featureflags PUBLIC ${REACT_COMMON
 target_link_libraries(react_nativemodule_featureflags
         react_codegen_rncore
         react_cxxreact
+        react_cxxstableapi
         react_featureflags
 )
 target_compile_reactnative_options(react_nativemodule_featureflags PRIVATE)

package/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.cpp

@@ -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<<1e26f8dc1f474475c0a4d6be79aedb24>>
+ * @generated SignedSource<<909f4afa6f96b4e77577432e4d98ba76>>
  */
 
 /**
@@ -104,11 +104,6 @@ bool NativeReactNativeFeatureFlags::enableAccumulatedUpdatesInRawPropsAndroid(
   return ReactNativeFeatureFlags::enableAccumulatedUpdatesInRawPropsAndroid();
 }
 
-bool NativeReactNativeFeatureFlags::enableAndroidFontWeightAdjustment(
-    jsi::Runtime& /*runtime*/) {
-  return ReactNativeFeatureFlags::enableAndroidFontWeightAdjustment();
-}
-
 bool NativeReactNativeFeatureFlags::enableAndroidTextMeasurementOptimizations(
     jsi::Runtime& /*runtime*/) {
   return ReactNativeFeatureFlags::enableAndroidTextMeasurementOptimizations();
@@ -119,6 +114,11 @@ bool NativeReactNativeFeatureFlags::enableBridgelessArchitecture(
   return ReactNativeFeatureFlags::enableBridgelessArchitecture();
 }
 
+bool NativeReactNativeFeatureFlags::enableBufferedCallInvoker(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableBufferedCallInvoker();
+}
+
 bool NativeReactNativeFeatureFlags::enableCppPropsIteratorSetter(
     jsi::Runtime& /*runtime*/) {
   return ReactNativeFeatureFlags::enableCppPropsIteratorSetter();
@@ -189,11 +189,21 @@ bool NativeReactNativeFeatureFlags::enableImagePrefetchingAndroid(
   return ReactNativeFeatureFlags::enableImagePrefetchingAndroid();
 }
 
+bool NativeReactNativeFeatureFlags::enableImageTransparentTintColor(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableImageTransparentTintColor();
+}
+
 bool NativeReactNativeFeatureFlags::enableImmediateUpdateModeForContentOffsetChanges(
     jsi::Runtime& /*runtime*/) {
   return ReactNativeFeatureFlags::enableImmediateUpdateModeForContentOffsetChanges();
 }
 
+bool NativeReactNativeFeatureFlags::enableImperativeEvents(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableImperativeEvents();
+}
+
 bool NativeReactNativeFeatureFlags::enableImperativeFocus(
     jsi::Runtime& /*runtime*/) {
   return ReactNativeFeatureFlags::enableImperativeFocus();
@@ -229,6 +239,11 @@ bool NativeReactNativeFeatureFlags::enableModuleArgumentNSNullConversionIOS(
   return ReactNativeFeatureFlags::enableModuleArgumentNSNullConversionIOS();
 }
 
+bool NativeReactNativeFeatureFlags::enableMountingCoordinatorPullModelAndroid(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableMountingCoordinatorPullModelAndroid();
+}
+
 bool NativeReactNativeFeatureFlags::enableMutationObserverByDefault(
     jsi::Runtime& /*runtime*/) {
   return ReactNativeFeatureFlags::enableMutationObserverByDefault();
@@ -239,11 +254,6 @@ bool NativeReactNativeFeatureFlags::enableNativeCSSParsing(
   return ReactNativeFeatureFlags::enableNativeCSSParsing();
 }
 
-bool NativeReactNativeFeatureFlags::enableNetworkEventReporting(
-    jsi::Runtime& /*runtime*/) {
-  return ReactNativeFeatureFlags::enableNetworkEventReporting();
-}
-
 bool NativeReactNativeFeatureFlags::enablePreparedTextLayout(
     jsi::Runtime& /*runtime*/) {
   return ReactNativeFeatureFlags::enablePreparedTextLayout();
@@ -254,14 +264,9 @@ bool NativeReactNativeFeatureFlags::enablePropsUpdateReconciliationAndroid(
   return ReactNativeFeatureFlags::enablePropsUpdateReconciliationAndroid();
 }
 
-bool NativeReactNativeFeatureFlags::enableRuntimeSchedulerQueueClearingOnError(
-    jsi::Runtime& /*runtime*/) {
-  return ReactNativeFeatureFlags::enableRuntimeSchedulerQueueClearingOnError();
-}
-
-bool NativeReactNativeFeatureFlags::enableSchedulerDelegateInvalidation(
+bool NativeReactNativeFeatureFlags::enableResizeObserverByDefault(
     jsi::Runtime& /*runtime*/) {
-  return ReactNativeFeatureFlags::enableSchedulerDelegateInvalidation();
+  return ReactNativeFeatureFlags::enableResizeObserverByDefault();
 }
 
 bool NativeReactNativeFeatureFlags::enableSwiftUIBasedFilters(
@@ -334,14 +339,14 @@ bool NativeReactNativeFeatureFlags::fuseboxFrameRecordingEnabled(
   return ReactNativeFeatureFlags::fuseboxFrameRecordingEnabled();
 }
 
-bool NativeReactNativeFeatureFlags::fuseboxNetworkInspectionEnabled(
+bool NativeReactNativeFeatureFlags::fuseboxScreenshotCaptureEnabled(
     jsi::Runtime& /*runtime*/) {
-  return ReactNativeFeatureFlags::fuseboxNetworkInspectionEnabled();
+  return ReactNativeFeatureFlags::fuseboxScreenshotCaptureEnabled();
 }
 
-bool NativeReactNativeFeatureFlags::fuseboxScreenshotCaptureEnabled(
+bool NativeReactNativeFeatureFlags::fuseboxWebSocketEventsEnabled(
     jsi::Runtime& /*runtime*/) {
-  return ReactNativeFeatureFlags::fuseboxScreenshotCaptureEnabled();
+  return ReactNativeFeatureFlags::fuseboxWebSocketEventsEnabled();
 }
 
 bool NativeReactNativeFeatureFlags::optimizedAnimatedPropUpdates(

package/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.h

@@ -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<<86a4b76371a4005f7083c3806d53cc87>>
+ * @generated SignedSource<<88f2554b7033d38f5b275eac1d52ae6e>>
  */
 
 /**
@@ -19,6 +19,8 @@
 
 #pragma once
 
+#include <react/cxxstableapi/PrivateGuard.h>
+
 #if __has_include("FBReactNativeSpecJSI.h") // CocoaPod headers on Apple
 #include "FBReactNativeSpecJSI.h"
 #else
@@ -60,12 +62,12 @@ class NativeReactNativeFeatureFlags
 
   bool enableAccumulatedUpdatesInRawPropsAndroid(jsi::Runtime& runtime);
 
-  bool enableAndroidFontWeightAdjustment(jsi::Runtime& runtime);
-
   bool enableAndroidTextMeasurementOptimizations(jsi::Runtime& runtime);
 
   bool enableBridgelessArchitecture(jsi::Runtime& runtime);
 
+  bool enableBufferedCallInvoker(jsi::Runtime& runtime);
+
   bool enableCppPropsIteratorSetter(jsi::Runtime& runtime);
 
   bool enableCustomFocusSearchOnClippedElementsAndroid(jsi::Runtime& runtime);
@@ -94,8 +96,12 @@ class NativeReactNativeFeatureFlags
 
   bool enableImagePrefetchingAndroid(jsi::Runtime& runtime);
 
+  bool enableImageTransparentTintColor(jsi::Runtime& runtime);
+
   bool enableImmediateUpdateModeForContentOffsetChanges(jsi::Runtime& runtime);
 
+  bool enableImperativeEvents(jsi::Runtime& runtime);
+
   bool enableImperativeFocus(jsi::Runtime& runtime);
 
   bool enableInteropViewManagerClassLookUpOptimizationIOS(jsi::Runtime& runtime);
@@ -110,19 +116,17 @@ class NativeReactNativeFeatureFlags
 
   bool enableModuleArgumentNSNullConversionIOS(jsi::Runtime& runtime);
 
+  bool enableMountingCoordinatorPullModelAndroid(jsi::Runtime& runtime);
+
   bool enableMutationObserverByDefault(jsi::Runtime& runtime);
 
   bool enableNativeCSSParsing(jsi::Runtime& runtime);
 
-  bool enableNetworkEventReporting(jsi::Runtime& runtime);
-
   bool enablePreparedTextLayout(jsi::Runtime& runtime);
 
   bool enablePropsUpdateReconciliationAndroid(jsi::Runtime& runtime);
 
-  bool enableRuntimeSchedulerQueueClearingOnError(jsi::Runtime& runtime);
-
-  bool enableSchedulerDelegateInvalidation(jsi::Runtime& runtime);
+  bool enableResizeObserverByDefault(jsi::Runtime& runtime);
 
   bool enableSwiftUIBasedFilters(jsi::Runtime& runtime);
 
@@ -152,10 +156,10 @@ class NativeReactNativeFeatureFlags
 
   bool fuseboxFrameRecordingEnabled(jsi::Runtime& runtime);
 
-  bool fuseboxNetworkInspectionEnabled(jsi::Runtime& runtime);
-
   bool fuseboxScreenshotCaptureEnabled(jsi::Runtime& runtime);
 
+  bool fuseboxWebSocketEventsEnabled(jsi::Runtime& runtime);
+
   bool optimizedAnimatedPropUpdates(jsi::Runtime& runtime);
 
   bool overrideBySynchronousMountPropsAtMountingAndroid(jsi::Runtime& runtime);

package/ReactCommon/react/nativemodule/featureflags/React-featureflagsnativemodule.podspec

@@ -50,4 +50,7 @@ Pod::Spec.new do |s|
   s.dependency "ReactCommon/turbomodule/core"
   s.dependency "React-RCTFBReactNativeSpec"
   s.dependency "React-featureflags"
+  s.dependency "React-cxxstableapi"
+
+  mark_as_react_native_build(s)
 end

package/ReactCommon/react/nativemodule/idlecallbacks/CMakeLists.txt

@@ -15,6 +15,7 @@ target_include_directories(react_nativemodule_idlecallbacks PUBLIC ${REACT_COMMO
 target_link_libraries(react_nativemodule_idlecallbacks
         react_codegen_rncore
         react_cxxreact
+        react_cxxstableapi
         react_renderer_runtimescheduler
 )
 target_compile_reactnative_options(react_nativemodule_idlecallbacks PRIVATE)

package/ReactCommon/react/nativemodule/idlecallbacks/NativeIdleCallbacks.cpp

@@ -87,6 +87,7 @@ CallbackHandle NativeIdleCallbacks::requestIdleCallback(
   if (options.has_value() && options.value().timeout.has_value()) {
     HighResDuration userTimeout = options.value().timeout.value();
     if (userTimeout > HighResDuration::zero()) {
+      timeout = userTimeout;
       expirationTime = runtimeScheduler->now() + userTimeout;
     }
   }

package/ReactCommon/react/nativemodule/idlecallbacks/NativeIdleCallbacks.h

@@ -7,6 +7,8 @@
 
 #pragma once
 
+#include <react/cxxstableapi/PrivateGuard.h>
+
 #if __has_include("FBReactNativeSpecJSI.h") // CocoaPod headers on Apple
 #include "FBReactNativeSpecJSI.h"
 #else

package/ReactCommon/react/nativemodule/idlecallbacks/React-idlecallbacksnativemodule.podspec

@@ -50,7 +50,9 @@ Pod::Spec.new do |s|
   s.dependency "ReactCommon/turbomodule/core"
   s.dependency "React-bridging"
   s.dependency "React-runtimescheduler"
+  s.dependency "React-cxxstableapi"
   add_dependency(s, "React-RCTFBReactNativeSpec")
   add_dependency(s, "React-runtimeexecutor", :additional_framework_paths => ["platform/ios"])
 
+  mark_as_react_native_build(s)
 end

package/ReactCommon/react/nativemodule/intersectionobserver/CMakeLists.txt

@@ -16,6 +16,7 @@ target_include_directories(react_nativemodule_intersectionobserver PUBLIC ${REAC
 target_link_libraries(react_nativemodule_intersectionobserver
         react_codegen_rncore
         react_cxxreact
+        react_cxxstableapi
         react_renderer_bridging
         react_renderer_core
         react_renderer_graphics

package/ReactCommon/react/nativemodule/intersectionobserver/NativeIntersectionObserver.cpp

@@ -9,7 +9,6 @@
 #include <react/renderer/core/ShadowNode.h>
 #include <react/renderer/runtimescheduler/RuntimeSchedulerBinding.h>
 #include <react/renderer/uimanager/UIManagerBinding.h>
-#include <react/renderer/uimanager/primitives.h>
 
 #ifdef RN_DISABLE_OSS_PLUGIN_HEADER
 #include "Plugins.h"
@@ -29,12 +28,11 @@ namespace {
 jsi::Object tokenFromShadowNodeFamily(
     jsi::Runtime& runtime,
     ShadowNodeFamily::Shared shadowNodeFamily) {
-  jsi::Object obj(runtime);
-  // Need to const_cast since JSI only allows non-const pointees
-  obj.setNativeState(
+  jsi::Object token(runtime);
+  token.setNativeState(
       runtime,
       std::const_pointer_cast<ShadowNodeFamily>(std::move(shadowNodeFamily)));
-  return obj;
+  return token;
 }
 
 ShadowNodeFamily::Shared shadowNodeFamilyFromToken(

package/ReactCommon/react/nativemodule/intersectionobserver/NativeIntersectionObserver.h

@@ -7,6 +7,8 @@
 
 #pragma once
 
+#include <react/cxxstableapi/PrivateGuard.h>
+
 #if __has_include("FBReactNativeSpecJSI.h") // CocoaPod headers on Apple
 #include "FBReactNativeSpecJSI.h"
 #else

package/ReactCommon/react/nativemodule/intersectionobserver/React-intersectionobservernativemodule.podspec

@@ -60,8 +60,10 @@ Pod::Spec.new do |s|
   s.dependency "React-Fabric"
   s.dependency "React-Fabric/bridging"
   s.dependency "React-runtimescheduler"
+  s.dependency "React-cxxstableapi"
   add_dependency(s, "React-RCTFBReactNativeSpec")
   add_dependency(s, "React-runtimeexecutor", :additional_framework_paths => ["platform/ios"])
   add_dependency(s, "React-graphics", :additional_framework_paths => ["react/renderer/graphics/platform/ios"])
 
+  mark_as_react_native_build(s)
 end

package/ReactCommon/react/nativemodule/microtasks/CMakeLists.txt

@@ -16,6 +16,7 @@ target_include_directories(react_nativemodule_microtasks PUBLIC ${REACT_COMMON_D
 target_link_libraries(react_nativemodule_microtasks
         react_codegen_rncore
         react_cxxreact
+        react_cxxstableapi
 )
 target_compile_reactnative_options(react_nativemodule_microtasks PRIVATE)
 target_compile_options(react_nativemodule_microtasks PRIVATE -Wpedantic)

package/ReactCommon/react/nativemodule/microtasks/NativeMicrotasks.h

@@ -7,6 +7,8 @@
 
 #pragma once
 
+#include <react/cxxstableapi/PrivateGuard.h>
+
 #if __has_include("FBReactNativeSpecJSI.h") // CocoaPod headers on Apple
 #include "FBReactNativeSpecJSI.h"
 #else

package/ReactCommon/react/nativemodule/microtasks/React-microtasksnativemodule.podspec

@@ -48,5 +48,8 @@ Pod::Spec.new do |s|
   add_rncore_dependency(s)
 
   s.dependency "ReactCommon/turbomodule/core"
+  s.dependency "React-cxxstableapi"
   add_dependency(s, "React-RCTFBReactNativeSpec")
+
+  mark_as_react_native_build(s)
 end

package/ReactCommon/react/nativemodule/mutationobserver/CMakeLists.txt

@@ -15,6 +15,7 @@ target_include_directories(react_nativemodule_mutationobserver PUBLIC ${REACT_CO
 
 target_link_libraries(react_nativemodule_mutationobserver
         react_codegen_rncore
+        react_cxxstableapi
         react_renderer_bridging
         react_renderer_core
         react_renderer_uimanager

package/ReactCommon/react/nativemodule/mutationobserver/NativeMutationObserver.h

@@ -7,6 +7,8 @@
 
 #pragma once
 
+#include <react/cxxstableapi/PrivateGuard.h>
+
 #if __has_include("FBReactNativeSpecJSI.h") // CocoaPod headers on Apple
 #include "FBReactNativeSpecJSI.h"
 #else

package/ReactCommon/react/nativemodule/mutationobserver/React-mutationobservernativemodule.podspec

@@ -61,7 +61,9 @@ Pod::Spec.new do |s|
   s.dependency "React-Fabric/bridging"
   s.dependency "React-Fabric/observers/mutation"
   s.dependency "React-featureflags"
+  s.dependency "React-cxxstableapi"
   add_dependency(s, "React-RCTFBReactNativeSpec")
   add_dependency(s, "React-runtimeexecutor", :additional_framework_paths => ["platform/ios"])
 
+  mark_as_react_native_build(s)
 end

package/ReactCommon/react/nativemodule/resizeobserver/CMakeLists.txt

@@ -0,0 +1,29 @@
+# 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.
+
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE on)
+
+include(${REACT_COMMON_DIR}/cmake-utils/react-native-flags.cmake)
+
+file(GLOB react_nativemodule_resizeobserver_SRC CONFIGURE_DEPENDS *.cpp)
+add_library(react_nativemodule_resizeobserver OBJECT ${react_nativemodule_resizeobserver_SRC})
+
+target_include_directories(react_nativemodule_resizeobserver PUBLIC ${REACT_COMMON_DIR})
+
+target_link_libraries(react_nativemodule_resizeobserver
+        react_codegen_rncore
+        react_cxxreact
+        react_cxxstableapi
+        react_renderer_bridging
+        react_renderer_core
+        react_renderer_graphics
+        react_renderer_observers_resize
+        react_renderer_runtimescheduler
+        react_renderer_uimanager
+        rrc_view
+)
+target_compile_reactnative_options(react_nativemodule_resizeobserver PRIVATE)
+target_compile_options(react_nativemodule_resizeobserver PRIVATE -Wpedantic -Wno-deprecated-declarations)

package/ReactCommon/react/nativemodule/resizeobserver/NativeResizeObserver.cpp

@@ -0,0 +1,167 @@
+/*
+ * 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.
+ */
+
+#include "NativeResizeObserver.h"
+#include <react/renderer/bridging/bridging.h>
+#include <react/renderer/core/ShadowNode.h>
+#include <react/renderer/runtimescheduler/RuntimeSchedulerBinding.h>
+#include <react/renderer/uimanager/UIManagerBinding.h>
+
+#ifdef RN_DISABLE_OSS_PLUGIN_HEADER
+#include "Plugins.h"
+#endif
+
+std::shared_ptr<facebook::react::TurboModule>
+NativeResizeObserverModuleProvider(
+    std::shared_ptr<facebook::react::CallInvoker> jsInvoker) {
+  return std::make_shared<facebook::react::NativeResizeObserver>(
+      std::move(jsInvoker));
+}
+
+namespace facebook::react {
+
+template <>
+struct Bridging<NativeResizeObserverObserveOptions>
+    : NativeResizeObserverNativeResizeObserverObserveOptionsBridging<
+          NativeResizeObserverObserveOptions> {};
+
+template <>
+struct Bridging<NativeResizeObserverEntry>
+    : NativeResizeObserverNativeResizeObserverEntryBridging<
+          NativeResizeObserverEntry> {};
+
+namespace {
+
+jsi::Object tokenFromShadowNodeFamily(
+    jsi::Runtime& runtime,
+    ShadowNodeFamily::Shared shadowNodeFamily) {
+  jsi::Object token(runtime);
+  token.setNativeState(
+      runtime,
+      std::const_pointer_cast<ShadowNodeFamily>(std::move(shadowNodeFamily)));
+  return token;
+}
+
+ShadowNodeFamily::Shared shadowNodeFamilyFromToken(
+    jsi::Runtime& runtime,
+    const jsi::Object& token) {
+  return token.getNativeState<ShadowNodeFamily>(runtime);
+}
+
+UIManager& uiManagerFromRuntime(jsi::Runtime& runtime) {
+  return UIManagerBinding::getBinding(runtime)->getUIManager();
+}
+
+RuntimeScheduler& runtimeSchedulerFromRuntime(jsi::Runtime& runtime) {
+  return *RuntimeSchedulerBinding::getBinding(runtime)->getRuntimeScheduler();
+}
+
+ResizeObserverBoxOptions boxOptionsFromOptionalString(
+    const std::optional<std::string>& box) {
+  if (box.has_value()) {
+    if (*box == "border-box") {
+      return ResizeObserverBoxOptions::BorderBox;
+    } else if (*box == "device-pixel-content-box") {
+      return ResizeObserverBoxOptions::DevicePixelContentBox;
+    }
+  }
+
+  return ResizeObserverBoxOptions::ContentBox;
+}
+
+NativeResizeObserverEntry convertToNativeModuleEntry(
+    jsi::Runtime& runtime,
+    const ResizeObserverEntry& entry) {
+  auto contentRect = RectAsTuple{
+      entry.contentRect.origin.x,
+      entry.contentRect.origin.y,
+      entry.contentRect.size.width,
+      entry.contentRect.size.height};
+  auto borderBoxSize =
+      SizeAsTuple{entry.borderBoxSize.width, entry.borderBoxSize.height};
+  auto contentBoxSize =
+      SizeAsTuple{entry.contentBoxSize.width, entry.contentBoxSize.height};
+  auto devicePixelContentBoxSize = SizeAsTuple{
+      entry.devicePixelContentBoxSize.width,
+      entry.devicePixelContentBoxSize.height};
+
+  return {
+      entry.resizeObserverId,
+      entry.shadowNodeFamily->getInstanceHandle(runtime),
+      contentRect,
+      borderBoxSize,
+      contentBoxSize,
+      devicePixelContentBoxSize};
+}
+
+} // namespace
+
+NativeResizeObserver::NativeResizeObserver(
+    std::shared_ptr<CallInvoker> jsInvoker)
+    : NativeResizeObserverCxxSpec(std::move(jsInvoker)) {}
+
+jsi::Object NativeResizeObserver::observe(
+    jsi::Runtime& runtime,
+    const NativeResizeObserverObserveOptions& options) {
+  auto resizeObserverId = options.resizeObserverId;
+  auto shadowNodeFamily = options.targetShadowNode->getFamilyShared();
+  auto boxOptions = boxOptionsFromOptionalString(options.box);
+
+  resizeObserverManager_.observe(
+      resizeObserverId, shadowNodeFamily, boxOptions);
+
+  return tokenFromShadowNodeFamily(runtime, shadowNodeFamily);
+}
+
+void NativeResizeObserver::unobserve(
+    jsi::Runtime& runtime,
+    ResizeObserverObserverId resizeObserverId,
+    jsi::Object targetToken) {
+  auto shadowNodeFamily = shadowNodeFamilyFromToken(runtime, targetToken);
+  resizeObserverManager_.unobserve(resizeObserverId, shadowNodeFamily);
+}
+
+void NativeResizeObserver::connect(
+    jsi::Runtime& runtime,
+    NativeResizeObserverNotifyCallback notifyResizeObserversFunction) {
+  // `SyncCallback` is move-only, so share it: the manager copies the callable
+  // before invoking it, so that a `disconnect()` from within a callback can't
+  // destroy it mid-call. It also already holds the runtime it was created with,
+  // hence the unused parameter.
+  auto callback = std::make_shared<NativeResizeObserverNotifyCallback>(
+      std::move(notifyResizeObserversFunction));
+
+  resizeObserverManager_.connect(
+      runtimeSchedulerFromRuntime(runtime),
+      uiManagerFromRuntime(runtime),
+      [callback = std::move(callback)](
+          jsi::Runtime& /*runtime*/, bool hasResizeLoopError) {
+        (*callback)(hasResizeLoopError);
+      });
+}
+
+void NativeResizeObserver::disconnect(jsi::Runtime& runtime) {
+  resizeObserverManager_.disconnect(
+      runtimeSchedulerFromRuntime(runtime), uiManagerFromRuntime(runtime));
+}
+
+std::vector<NativeResizeObserverEntry> NativeResizeObserver::takeRecords(
+    jsi::Runtime& runtime) {
+  auto entries = resizeObserverManager_.takeRecords();
+
+  std::vector<NativeResizeObserverEntry> nativeModuleEntries;
+  nativeModuleEntries.reserve(entries.size());
+
+  for (const auto& entry : entries) {
+    nativeModuleEntries.emplace_back(
+        convertToNativeModuleEntry(runtime, entry));
+  }
+
+  return nativeModuleEntries;
+}
+
+} // namespace facebook::react