@office-iss/react-native-win32 0.0.0-canary.260 → 0.0.0-canary.262

package/jest/setup.js

@@ -392,10 +392,6 @@ jest
   .mock('../Libraries/ReactNative/requireNativeComponent', () => {
     return jest.requireActual('./mockNativeComponent');
   })
-  .mock(
-    '../Libraries/Utilities/verifyComponentAttributeEquivalence',
-    () => function () {},
-  )
   .mock('../Libraries/Vibration/Vibration', () => ({
     vibrate: jest.fn(),
     cancel: jest.fn(),

package/overrides.json

@@ -7,19 +7,19 @@
     "**/__snapshots__/**",
     "src-win/rntypes/**"
   ],
-  "baseVersion": "0.76.0-nightly-20240816-17017d2b8",
+  "baseVersion": "0.76.0-nightly-20240901-305b4357e",
   "overrides": [
     {
       "type": "derived",
       "file": ".flowconfig",
       "baseFile": ".flowconfig",
-      "baseHash": "3d94d14740956b3455abfbdff5e043212d04974b"
+      "baseHash": "67b097833fd6733db6c64c57fbcb2efb3e9b51c5"
     },
     {
       "type": "derived",
       "file": "src-win/index.win32.js",
       "baseFile": "packages/react-native/index.js",
-      "baseHash": "dc1e45b643d33d868da60fa27da2cbda0231b7f3"
+      "baseHash": "da5d9e79c8c14c56ba00f73c8514c06e6fffe8ed"
     },
     {
       "type": "platform",
@@ -116,7 +116,7 @@
       "type": "derived",
       "file": "src-win/Libraries/Components/TextInput/TextInput.win32.js",
       "baseFile": "packages/react-native/Libraries/Components/TextInput/TextInput.js",
-      "baseHash": "259941a60002c5a2a4166a39404d099f0472941e"
+      "baseHash": "494c1159a38de1b57d3889a4dabdc3708204ad4d"
     },
     {
       "type": "patch",
@@ -445,7 +445,7 @@
       "type": "derived",
       "file": "src-win/Libraries/Text/TextNativeComponent.win32.js",
       "baseFile": "packages/react-native/Libraries/Text/TextNativeComponent.js",
-      "baseHash": "dcb764530f8a6529152d9791597865034e2c36ae",
+      "baseHash": "642b6fc1c5b5802e3612f39c2ae0135b149a65f8",
       "issue": 7074
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.0.0-canary.260",
+  "version": "0.0.0-canary.262",
   "description": "Implementation of react native on top of Office's Win32 platform.",
   "repository": {
     "type": "git",
@@ -30,13 +30,13 @@
     "@react-native-community/cli-platform-android": "14.0.0",
     "@react-native-community/cli-platform-ios": "14.0.0",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.76.0-nightly-20240816-17017d2b8",
-    "@react-native/codegen": "0.76.0-nightly-20240816-17017d2b8",
-    "@react-native/community-cli-plugin": "0.76.0-nightly-20240816-17017d2b8",
-    "@react-native/gradle-plugin": "0.76.0-nightly-20240816-17017d2b8",
-    "@react-native/js-polyfills": "0.76.0-nightly-20240816-17017d2b8",
-    "@react-native/normalize-colors": "0.76.0-nightly-20240816-17017d2b8",
-    "@react-native/virtualized-lists": "0.76.0-nightly-20240816-17017d2b8",
+    "@react-native/assets-registry": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/codegen": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/community-cli-plugin": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/gradle-plugin": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/js-polyfills": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/normalize-colors": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/virtualized-lists": "0.76.0-nightly-20240901-305b4357e",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
@@ -50,8 +50,8 @@
     "jest-environment-node": "^29.6.3",
     "jsc-android": "^250231.0.0",
     "memoize-one": "^5.0.0",
-    "metro-runtime": "^0.80.3",
-    "metro-source-map": "^0.80.3",
+    "metro-runtime": "^0.80.10",
+    "metro-source-map": "^0.80.10",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^26.5.2",
@@ -82,19 +82,19 @@
     "@types/prop-types": "15.7.1",
     "@types/react": "^18.2.6",
     "eslint": "^8.19.0",
-    "flow-bin": "^0.241.0",
+    "flow-bin": "^0.245.0",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
     "prettier": "2.8.8",
     "react": "19.0.0-rc-fb9a90fa48-20240614",
-    "react-native": "0.76.0-nightly-20240816-17017d2b8",
+    "react-native": "0.76.0-nightly-20240901-305b4357e",
     "react-native-platform-override": "^1.9.45",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
     "@types/react": "^18.2.6",
     "react": "^19.0.0-rc-fb9a90fa48-20240614",
-    "react-native": "0.76.0-nightly-20240816-17017d2b8"
+    "react-native": "0.76.0-nightly-20240901-305b4357e"
   },
   "beachball": {
     "defaultNpmTag": "canary",

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<<fb7a3dcf7b3e5001e45f808fb4410376>>
+ * @generated SignedSource<<3693bce1a6719ef03c1c3148230771b4>>
  * @flow strict-local
  */
 
@@ -30,6 +30,7 @@ export type ReactNativeFeatureFlagsJsOnly = {
   animatedShouldDebounceQueueFlush: Getter<boolean>,
   animatedShouldUseSingleOp: Getter<boolean>,
   enableAccessToHostTreeInFabric: Getter<boolean>,
+  enableOptimisedVirtualizedCells: Getter<boolean>,
   isLayoutAnimationEnabled: Getter<boolean>,
   shouldSkipStateUpdatesForLoopingAnimations: Getter<boolean>,
   shouldUseAnimatedObjectForTransform: Getter<boolean>,
@@ -48,7 +49,6 @@ export type ReactNativeFeatureFlags = {
   commonTestFlag: Getter<boolean>,
   allowRecursiveCommitsWithSynchronousMountOnAndroid: Getter<boolean>,
   batchRenderingUpdatesInEventLoop: Getter<boolean>,
-  changeOrderOfMountingInstructionsOnAndroid: Getter<boolean>,
   completeReactInstanceCreationOnBgThreadOnAndroid: Getter<boolean>,
   destroyFabricSurfacesInReactInstanceManager: Getter<boolean>,
   enableAlignItemsBaselineOnFabricIOS: Getter<boolean>,
@@ -60,6 +60,8 @@ export type ReactNativeFeatureFlags = {
   enableFabricLogs: Getter<boolean>,
   enableFabricRendererExclusively: Getter<boolean>,
   enableGranularShadowTreeStateReconciliation: Getter<boolean>,
+  enableIOSViewClipToPaddingBox: Getter<boolean>,
+  enableLayoutAnimationsOnIOS: Getter<boolean>,
   enableLongTaskAPI: Getter<boolean>,
   enableMicrotasks: Getter<boolean>,
   enablePropsUpdateReconciliationAndroid: Getter<boolean>,
@@ -72,6 +74,7 @@ export type ReactNativeFeatureFlags = {
   fixIncorrectScrollViewStateUpdateOnAndroid: Getter<boolean>,
   fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean>,
   fixMissedFabricStateUpdatesOnAndroid: Getter<boolean>,
+  fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<boolean>,
   forceBatchingMountItemsOnAndroid: Getter<boolean>,
   fuseboxEnabledDebug: Getter<boolean>,
   fuseboxEnabledRelease: Getter<boolean>,
@@ -86,6 +89,7 @@ export type ReactNativeFeatureFlags = {
   useNativeViewConfigsInBridgelessMode: Getter<boolean>,
   useNewReactImageViewBackgroundDrawing: Getter<boolean>,
   useOptimisedViewPreallocationOnAndroid: Getter<boolean>,
+  useOptimizedEventBatchingOnAndroid: Getter<boolean>,
   useRuntimeShadowNodeReferenceUpdate: Getter<boolean>,
   useRuntimeShadowNodeReferenceUpdateOnLayout: Getter<boolean>,
   useStateAlignmentMechanism: Getter<boolean>,
@@ -112,6 +116,11 @@ export const animatedShouldUseSingleOp: Getter<boolean> = createJavaScriptFlagGe
  */
 export const enableAccessToHostTreeInFabric: Getter<boolean> = createJavaScriptFlagGetter('enableAccessToHostTreeInFabric', false);
 
+/**
+ * Removing unnecessary rerenders Virtualized cells after any rerenders of Virualized list. Works with strict=true option
+ */
+export const enableOptimisedVirtualizedCells: Getter<boolean> = createJavaScriptFlagGetter('enableOptimisedVirtualizedCells', false);
+
 /**
  * Function used to enable / disabled Layout Animations in React Native.
  */
@@ -169,10 +178,6 @@ export const allowRecursiveCommitsWithSynchronousMountOnAndroid: Getter<boolean>
  * 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);
-/**
- * When enabled, insert of views on Android will be moved from the beginning of the IntBufferBatchMountItem to be after layout updates.
- */
-export const changeOrderOfMountingInstructionsOnAndroid: Getter<boolean> = createNativeFlagGetter('changeOrderOfMountingInstructionsOnAndroid', false);
 /**
  * Do not wait for a main-thread dispatch to complete init to start executing work on the JS thread on Android
  */
@@ -217,6 +222,14 @@ export const enableFabricRendererExclusively: Getter<boolean> = createNativeFlag
  * When enabled, the renderer would only fail commits when they propagate state and the last commit that updated state changed before committing.
  */
 export const enableGranularShadowTreeStateReconciliation: Getter<boolean> = createNativeFlagGetter('enableGranularShadowTreeStateReconciliation', false);
+/**
+ * iOS Views will clip to their padding box vs border box
+ */
+export const enableIOSViewClipToPaddingBox: Getter<boolean> = createNativeFlagGetter('enableIOSViewClipToPaddingBox', false);
+/**
+ * When enabled, LayoutAnimations API will animate state changes on iOS.
+ */
+export const enableLayoutAnimationsOnIOS: Getter<boolean> = createNativeFlagGetter('enableLayoutAnimationsOnIOS', true);
 /**
  * Enables the reporting of long tasks through `PerformanceObserver`. Only works if the event loop is enabled.
  */
@@ -265,6 +278,10 @@ export const fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean> =
  * Enables a fix to prevent the possibility of state updates in Fabric being missed due to race conditions with previous state updates.
  */
 export const fixMissedFabricStateUpdatesOnAndroid: Getter<boolean> = createNativeFlagGetter('fixMissedFabricStateUpdatesOnAndroid', false);
+/**
+ * Fixes a limitation on Android where the mounting coordinator would report there are no pending transactions but some of them were actually not processed due to the use of the push model.
+ */
+export const fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<boolean> = createNativeFlagGetter('fixMountingCoordinatorReportedPendingTransactionsOnAndroid', false);
 /**
  * Forces the mounting layer on Android to always batch mount items instead of dispatching them immediately. This might fix some crashes related to synchronous state updates, where some views dispatch state updates during mount.
  */
@@ -321,6 +338,10 @@ export const useNewReactImageViewBackgroundDrawing: Getter<boolean> = createNati
  * Moves more of the work in view preallocation to the main thread to free up JS thread.
  */
 export const useOptimisedViewPreallocationOnAndroid: Getter<boolean> = createNativeFlagGetter('useOptimisedViewPreallocationOnAndroid', false);
+/**
+ * Uses an optimized mechanism for event batching on Android that does not need to wait for a Choreographer frame callback.
+ */
+export const useOptimizedEventBatchingOnAndroid: Getter<boolean> = createNativeFlagGetter('useOptimizedEventBatchingOnAndroid', false);
 /**
  * When enabled, cloning shadow nodes within react native will update the reference held by the current JS fiber tree.
  */

package/src/private/featureflags/specs/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<<9728234e0662758c72ba79b3cffbd4e5>>
+ * @generated SignedSource<<6d4aa48dfdd3b78ac5f0f8e70eb3895f>>
  * @flow strict-local
  */
 
@@ -26,7 +26,6 @@ export interface Spec extends TurboModule {
   +commonTestFlag?: () => boolean;
   +allowRecursiveCommitsWithSynchronousMountOnAndroid?: () => boolean;
   +batchRenderingUpdatesInEventLoop?: () => boolean;
-  +changeOrderOfMountingInstructionsOnAndroid?: () => boolean;
   +completeReactInstanceCreationOnBgThreadOnAndroid?: () => boolean;
   +destroyFabricSurfacesInReactInstanceManager?: () => boolean;
   +enableAlignItemsBaselineOnFabricIOS?: () => boolean;
@@ -38,6 +37,8 @@ export interface Spec extends TurboModule {
   +enableFabricLogs?: () => boolean;
   +enableFabricRendererExclusively?: () => boolean;
   +enableGranularShadowTreeStateReconciliation?: () => boolean;
+  +enableIOSViewClipToPaddingBox?: () => boolean;
+  +enableLayoutAnimationsOnIOS?: () => boolean;
   +enableLongTaskAPI?: () => boolean;
   +enableMicrotasks?: () => boolean;
   +enablePropsUpdateReconciliationAndroid?: () => boolean;
@@ -50,6 +51,7 @@ export interface Spec extends TurboModule {
   +fixIncorrectScrollViewStateUpdateOnAndroid?: () => boolean;
   +fixMappingOfEventPrioritiesBetweenFabricAndReact?: () => boolean;
   +fixMissedFabricStateUpdatesOnAndroid?: () => boolean;
+  +fixMountingCoordinatorReportedPendingTransactionsOnAndroid?: () => boolean;
   +forceBatchingMountItemsOnAndroid?: () => boolean;
   +fuseboxEnabledDebug?: () => boolean;
   +fuseboxEnabledRelease?: () => boolean;
@@ -64,6 +66,7 @@ export interface Spec extends TurboModule {
   +useNativeViewConfigsInBridgelessMode?: () => boolean;
   +useNewReactImageViewBackgroundDrawing?: () => boolean;
   +useOptimisedViewPreallocationOnAndroid?: () => boolean;
+  +useOptimizedEventBatchingOnAndroid?: () => boolean;
   +useRuntimeShadowNodeReferenceUpdate?: () => boolean;
   +useRuntimeShadowNodeReferenceUpdateOnLayout?: () => boolean;
   +useStateAlignmentMechanism?: () => boolean;

package/src/private/fusebox/FuseboxSessionObserver.js

@@ -0,0 +1,42 @@
+/**
+ * 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
+ * @format
+ * @oncall react_native
+ */
+
+class FuseboxSessionObserver {
+  #hasNativeSupport: boolean;
+
+  constructor() {
+    this.#hasNativeSupport = global.hasOwnProperty(
+      '__DEBUGGER_SESSION_OBSERVER__',
+    );
+  }
+
+  hasActiveSession(): boolean {
+    if (!this.#hasNativeSupport) {
+      return false;
+    }
+
+    return global.__DEBUGGER_SESSION_OBSERVER__.hasActiveSession;
+  }
+
+  subscribe(callback: (status: boolean) => void): () => void {
+    if (!this.#hasNativeSupport) {
+      return () => {};
+    }
+
+    global.__DEBUGGER_SESSION_OBSERVER__.subscribers.add(callback);
+    return () => {
+      global.__DEBUGGER_SESSION_OBSERVER__.subscribers.delete(callback);
+    };
+  }
+}
+
+const observerInstance: FuseboxSessionObserver = new FuseboxSessionObserver();
+export default observerInstance;

package/src/private/specs/modules/NativeAppearance.js

@@ -14,19 +14,19 @@ import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboMod
 
 export type ColorSchemeName = 'light' | 'dark';
 
-export type AppearancePreferences = {|
+export type AppearancePreferences = {
   // TODO: (hramos) T52919652 Use ?ColorSchemeName once codegen supports union
   // types.
   /* 'light' | 'dark' */
   colorScheme?: ?string,
-|};
+};
 
 export interface Spec extends TurboModule {
   // TODO: (hramos) T52919652 Use ?ColorSchemeName once codegen supports union
   // types.
   /* 'light' | 'dark' */
   +getColorScheme: () => ?string;
-  +setColorScheme?: (colorScheme: string) => void;
+  +setColorScheme: (colorScheme: string) => void;
 
   // RCTEventEmitter
   +addListener: (eventName: string) => void;

package/src/private/webapis/intersectionobserver/IntersectionObserver.js

@@ -141,12 +141,14 @@ export default class IntersectionObserver {
       return;
     }
 
-    IntersectionObserverManager.observe({
+    const didStartObserving = IntersectionObserverManager.observe({
       intersectionObserverId: this._getOrCreateIntersectionObserverId(),
       target,
     });
 
-    this._observationTargets.add(target);
+    if (didStartObserving) {
+      this._observationTargets.add(target);
+    }
   }
 
   /**

package/src/private/webapis/intersectionobserver/IntersectionObserverManager.js

@@ -116,10 +116,10 @@ export function observe({
 }: {
   intersectionObserverId: IntersectionObserverId,
   target: ReactNativeElement,
-}): void {
+}): boolean {
   if (NativeIntersectionObserver == null) {
     warnNoNativeIntersectionObserver();
-    return;
+    return false;
   }
 
   const registeredObserver = registeredIntersectionObservers.get(
@@ -129,15 +129,13 @@ export function observe({
     console.error(
       `IntersectionObserverManager: could not start observing target because IntersectionObserver with ID ${intersectionObserverId} was not registered.`,
     );
-    return;
+    return false;
   }
 
   const targetShadowNode = getShadowNode(target);
   if (targetShadowNode == null) {
-    console.error(
-      'IntersectionObserverManager: could not find reference to host node from target',
-    );
-    return;
+    // The target is disconnected. We can't observe it anymore.
+    return false;
   }
 
   const instanceHandle = getInstanceHandle(target);
@@ -145,7 +143,7 @@ export function observe({
     console.error(
       'IntersectionObserverManager: could not find reference to instance handle from target',
     );
-    return;
+    return false;
   }
 
   // Store the mapping between the instance handle and the target so we can
@@ -160,11 +158,13 @@ export function observe({
     isConnected = true;
   }
 
-  return NativeIntersectionObserver.observe({
+  NativeIntersectionObserver.observe({
     intersectionObserverId,
     targetShadowNode,
     thresholds: registeredObserver.observer.thresholds,
   });
+
+  return true;
 }
 
 export function unobserve(

package/src/private/webapis/mutationobserver/MutationObserver.js

@@ -121,13 +121,15 @@ export default class MutationObserver {
       MutationObserverManager.unobserve(mutationObserverId, target);
     }
 
-    MutationObserverManager.observe({
+    const didStartObserving = MutationObserverManager.observe({
       mutationObserverId,
       target,
       subtree: Boolean(options?.subtree),
     });
 
-    this._observationTargets.add(target);
+    if (didStartObserving) {
+      this._observationTargets.add(target);
+    }
   }
 
   _unobserve(target: ReactNativeElement): void {

package/src/private/webapis/mutationobserver/MutationObserverManager.js

@@ -43,6 +43,13 @@ const registeredMutationObservers: Map<
   $ReadOnly<{observer: MutationObserver, callback: MutationObserverCallback}>,
 > = new Map();
 
+// The mapping between ReactNativeElement and their corresponding shadow node
+// needs to be kept here because React removes the link when unmounting.
+const targetToShadowNodeMap: WeakMap<
+  ReactNativeElement,
+  ReturnType<typeof getShadowNode>,
+> = new WeakMap();
+
 /**
  * Registers the given mutation observer and returns a unique ID for it,
  * which is required to start observing targets.
@@ -85,10 +92,10 @@ export function observe({
   mutationObserverId: MutationObserverId,
   target: ReactNativeElement,
   subtree: boolean,
-}): void {
+}): boolean {
   if (NativeMutationObserver == null) {
     warnNoNativeMutationObserver();
-    return;
+    return false;
   }
 
   const registeredObserver =
@@ -97,17 +104,17 @@ export function observe({
     console.error(
       `MutationObserverManager: could not start observing target because MutationObserver with ID ${mutationObserverId} was not registered.`,
     );
-    return;
+    return false;
   }
 
   const targetShadowNode = getShadowNode(target);
   if (targetShadowNode == null) {
-    console.error(
-      'MutationObserverManager: could not find reference to host node from target',
-    );
-    return;
+    // The target is disconnected. We can't observe it anymore.
+    return false;
   }
 
+  targetToShadowNodeMap.set(target, targetShadowNode);
+
   if (!isConnected) {
     NativeMutationObserver.connect(
       notifyMutationObservers,
@@ -121,11 +128,13 @@ export function observe({
     isConnected = true;
   }
 
-  return NativeMutationObserver.observe({
+  NativeMutationObserver.observe({
     mutationObserverId,
     targetShadowNode,
     subtree,
   });
+
+  return true;
 }
 
 export function unobserve(
@@ -146,10 +155,10 @@ export function unobserve(
     return;
   }
 
-  const targetShadowNode = getShadowNode(target);
+  const targetShadowNode = targetToShadowNodeMap.get(target);
   if (targetShadowNode == null) {
     console.error(
-      'MutationObserverManager: could not find reference to host node from target',
+      'MutationObserverManager: could not find registration data for target',
     );
     return;
   }

package/Libraries/Utilities/verifyComponentAttributeEquivalence.js

@@ -1,135 +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
- */
-
-import PlatformBaseViewConfig from '../NativeComponent/PlatformBaseViewConfig';
-import {type ViewConfig} from '../Renderer/shims/ReactNativeTypes';
-
-const IGNORED_KEYS = ['transform', 'hitSlop'];
-
-/**
- * The purpose of this function is to validate that the view config that
- * native exposes for a given view manager is the same as the view config
- * that is specified for that view manager in JS.
- *
- * In order to improve perf, we want to avoid calling into native to get
- * the view config when each view manager is used. To do this, we are moving
- * the configs to JS. In the future we will use these JS based view configs
- * to codegen the view manager on native to ensure they stay in sync without
- * this runtime check.
- *
- * If this function fails, that likely means a change was made to the native
- * view manager without updating the JS config as well. Ideally you can make
- * that direct change to the JS config. If you don't know what the differences
- * are, the best approach I've found is to create a view that prints
- * the return value of getNativeComponentAttributes, and then copying that
- * text and pasting it back into JS:
- * <Text selectable={true}>{JSON.stringify(getNativeComponentAttributes('RCTView'))}</Text>
- *
- * This is meant to be a stopgap until the time comes when we only have a
- * single source of truth. I wonder if this message will still be here two
- * years from now...
- */
-export default function verifyComponentAttributeEquivalence(
-  nativeViewConfig: ViewConfig,
-  staticViewConfig: ViewConfig,
-) {
-  for (const prop of [
-    'validAttributes',
-    'bubblingEventTypes',
-    'directEventTypes',
-  ]) {
-    const diff = Object.keys(
-      lefthandObjectDiff(nativeViewConfig[prop], staticViewConfig[prop]),
-    );
-
-    if (diff.length > 0) {
-      const name =
-        staticViewConfig.uiViewClassName ?? nativeViewConfig.uiViewClassName;
-      console.error(
-        `'${name}' has a view config that does not match native. ` +
-          `'${prop}' is missing: ${diff.join(', ')}`,
-      );
-    }
-  }
-}
-
-// Return the different key-value pairs of the right object, by iterating through the keys in the left object
-// Note it won't return a difference where a key is missing in the left but exists the right.
-function lefthandObjectDiff(leftObj: Object, rightObj: Object): Object {
-  const differentKeys: {[string]: any | {...}} = {};
-
-  function compare(leftItem: any, rightItem: any, key: string) {
-    if (typeof leftItem !== typeof rightItem && leftItem != null) {
-      differentKeys[key] = rightItem;
-      return;
-    }
-
-    if (typeof leftItem === 'object') {
-      const objDiff = lefthandObjectDiff(leftItem, rightItem);
-      if (Object.keys(objDiff).length > 1) {
-        differentKeys[key] = objDiff;
-      }
-      return;
-    }
-
-    if (leftItem !== rightItem) {
-      differentKeys[key] = rightItem;
-      return;
-    }
-  }
-
-  for (const key in leftObj) {
-    if (IGNORED_KEYS.includes(key)) {
-      continue;
-    }
-
-    if (!rightObj) {
-      differentKeys[key] = {};
-    } else if (leftObj.hasOwnProperty(key)) {
-      compare(leftObj[key], rightObj[key], key);
-    }
-  }
-
-  return differentKeys;
-}
-
-export function getConfigWithoutViewProps(
-  viewConfig: ViewConfig,
-  propName: string,
-): {...} {
-  // $FlowFixMe[invalid-computed-prop]
-  if (!viewConfig[propName]) {
-    return {};
-  }
-
-  return (
-    Object.keys(viewConfig[propName])
-      // $FlowFixMe[invalid-computed-prop]
-      .filter(prop => !PlatformBaseViewConfig[propName][prop])
-      .reduce<{[string]: any}>((obj, prop) => {
-        // $FlowFixMe[invalid-computed-prop]
-        obj[prop] = viewConfig[propName][prop];
-        return obj;
-      }, {})
-  );
-}
-
-export function stringifyViewConfig(viewConfig: any): string {
-  return JSON.stringify(
-    viewConfig,
-    (key, val) => {
-      if (typeof val === 'function') {
-        return `ƒ ${val.name}`;
-      }
-      return val;
-    },
-    2,
-  );
-}

package/src/private/specs/modules/NativeDebuggerSessionObserver.js

@@ -1,23 +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.
- *
- * @flow strict
- * @format
- * @oncall react_native
- */
-
-import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +hasActiveSession: () => boolean;
-  +subscribe: (callback: (hasActiveSession: boolean) => void) => () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>(
-  'NativeDebuggerSessionObserverCxx',
-): ?Spec);