@office-iss/react-native-win32 0.0.0-canary.280 → 0.0.0-canary.282

package/Libraries/Inspector/BoxInspector.js

@@ -10,11 +10,15 @@
 
 'use strict';
 
+import type {TextStyleProp, ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {InspectedElementFrame} from './Inspector';
+
+import React from 'react';
+
 const View = require('../Components/View/View');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const Text = require('../Text/Text');
 const resolveBoxStyle = require('./resolveBoxStyle');
-const React = require('react');
 
 const blank = {
   top: 0,
@@ -23,51 +27,65 @@ const blank = {
   bottom: 0,
 };
 
-class BoxInspector extends React.Component<$FlowFixMeProps> {
-  render(): React.Node {
-    const frame = this.props.frame;
-    const style = this.props.style;
-    const margin = (style && resolveBoxStyle('margin', style)) || blank;
-    const padding = (style && resolveBoxStyle('padding', style)) || blank;
-    return (
-      <BoxContainer title="margin" titleStyle={styles.marginLabel} box={margin}>
-        <BoxContainer title="padding" box={padding}>
-          <View>
-            <Text style={styles.innerText}>
-              ({(frame.left || 0).toFixed(1)}, {(frame.top || 0).toFixed(1)})
-            </Text>
-            <Text style={styles.innerText}>
-              {(frame.width || 0).toFixed(1)} &times;{' '}
-              {(frame.height || 0).toFixed(1)}
-            </Text>
-          </View>
-        </BoxContainer>
-      </BoxContainer>
-    );
-  }
-}
+type BoxInspectorProps = $ReadOnly<{
+  style: ViewStyleProp,
+  frame: ?InspectedElementFrame,
+}>;
+
+function BoxInspector({style, frame}: BoxInspectorProps): React.Node {
+  const margin = (style && resolveBoxStyle('margin', style)) || blank;
+  const padding = (style && resolveBoxStyle('padding', style)) || blank;
 
-class BoxContainer extends React.Component<$FlowFixMeProps> {
-  render(): React.Node {
-    const box = this.props.box;
-    return (
-      <View style={styles.box}>
-        <View style={styles.row}>
-          {}
-          <Text style={[this.props.titleStyle, styles.label]}>
-            {this.props.title}
+  return (
+    <BoxContainer title="margin" titleStyle={styles.marginLabel} box={margin}>
+      <BoxContainer title="padding" box={padding}>
+        <View>
+          <Text style={styles.innerText}>
+            ({(frame?.left || 0).toFixed(1)}, {(frame?.top || 0).toFixed(1)})
+          </Text>
+          <Text style={styles.innerText}>
+            {(frame?.width || 0).toFixed(1)} &times;{' '}
+            {(frame?.height || 0).toFixed(1)}
           </Text>
-          <Text style={styles.boxText}>{box.top}</Text>
-        </View>
-        <View style={styles.row}>
-          <Text style={styles.boxText}>{box.left}</Text>
-          {this.props.children}
-          <Text style={styles.boxText}>{box.right}</Text>
         </View>
-        <Text style={styles.boxText}>{box.bottom}</Text>
+      </BoxContainer>
+    </BoxContainer>
+  );
+}
+
+type BoxContainerProps = $ReadOnly<{
+  title: string,
+  titleStyle?: TextStyleProp,
+  box: $ReadOnly<{
+    top: number,
+    left: number,
+    right: number,
+    bottom: number,
+  }>,
+  children: React.Node,
+}>;
+
+function BoxContainer({
+  title,
+  titleStyle,
+  box,
+  children,
+}: BoxContainerProps): React.Node {
+  return (
+    <View style={styles.box}>
+      <View style={styles.row}>
+        {}
+        <Text style={[titleStyle, styles.label]}>{title}</Text>
+        <Text style={styles.boxText}>{box.top}</Text>
+      </View>
+      <View style={styles.row}>
+        <Text style={styles.boxText}>{box.left}</Text>
+        {children}
+        <Text style={styles.boxText}>{box.right}</Text>
       </View>
-    );
-  }
+      <Text style={styles.boxText}>{box.bottom}</Text>
+    </View>
+  );
 }
 
 const styles = StyleSheet.create({

package/Libraries/Inspector/ElementBox.js

@@ -10,65 +10,72 @@
 
 'use strict';
 
+import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {InspectedElementFrame} from './Inspector';
+
+import React from 'react';
+
 const View = require('../Components/View/View');
 const flattenStyle = require('../StyleSheet/flattenStyle');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const Dimensions = require('../Utilities/Dimensions').default;
 const BorderBox = require('./BorderBox');
 const resolveBoxStyle = require('./resolveBoxStyle');
-const React = require('react');
-
-class ElementBox extends React.Component<$FlowFixMeProps> {
-  render(): React.Node {
-    const style = flattenStyle(this.props.style) || {};
-    let margin: ?$ReadOnly<Style> = resolveBoxStyle('margin', style);
-    let padding: ?$ReadOnly<Style> = resolveBoxStyle('padding', style);
-
-    const frameStyle = {...this.props.frame};
-    const contentStyle: {width: number, height: number} = {
-      width: this.props.frame.width,
-      height: this.props.frame.height,
-    };
-
-    if (margin != null) {
-      margin = resolveRelativeSizes(margin);
-
-      frameStyle.top -= margin.top;
-      frameStyle.left -= margin.left;
-      frameStyle.height += margin.top + margin.bottom;
-      frameStyle.width += margin.left + margin.right;
-
-      if (margin.top < 0) {
-        contentStyle.height += margin.top;
-      }
-      if (margin.bottom < 0) {
-        contentStyle.height += margin.bottom;
-      }
-      if (margin.left < 0) {
-        contentStyle.width += margin.left;
-      }
-      if (margin.right < 0) {
-        contentStyle.width += margin.right;
-      }
-    }
 
-    if (padding != null) {
-      padding = resolveRelativeSizes(padding);
+type Props = $ReadOnly<{
+  frame: InspectedElementFrame,
+  style?: ?ViewStyleProp,
+}>;
+
+function ElementBox({frame, style}: Props): React.Node {
+  const flattenedStyle = flattenStyle(style) || {};
+  let margin: ?$ReadOnly<Style> = resolveBoxStyle('margin', flattenedStyle);
+  let padding: ?$ReadOnly<Style> = resolveBoxStyle('padding', flattenedStyle);
 
-      contentStyle.width -= padding.left + padding.right;
-      contentStyle.height -= padding.top + padding.bottom;
+  const frameStyle = {...frame};
+  const contentStyle: {width: number, height: number} = {
+    width: frame.width,
+    height: frame.height,
+  };
+
+  if (margin != null) {
+    margin = resolveRelativeSizes(margin);
+
+    frameStyle.top -= margin.top;
+    frameStyle.left -= margin.left;
+    frameStyle.height += margin.top + margin.bottom;
+    frameStyle.width += margin.left + margin.right;
+
+    if (margin.top < 0) {
+      contentStyle.height += margin.top;
+    }
+    if (margin.bottom < 0) {
+      contentStyle.height += margin.bottom;
     }
+    if (margin.left < 0) {
+      contentStyle.width += margin.left;
+    }
+    if (margin.right < 0) {
+      contentStyle.width += margin.right;
+    }
+  }
 
-    return (
-      <View style={[styles.frame, frameStyle]} pointerEvents="none">
-        <BorderBox box={margin} style={styles.margin}>
-          <BorderBox box={padding} style={styles.padding}>
-            <View style={[styles.content, contentStyle]} />
-          </BorderBox>
-        </BorderBox>
-      </View>
-    );
+  if (padding != null) {
+    padding = resolveRelativeSizes(padding);
+
+    contentStyle.width -= padding.left + padding.right;
+    contentStyle.height -= padding.top + padding.bottom;
   }
+
+  return (
+    <View style={[styles.frame, frameStyle]} pointerEvents="none">
+      <BorderBox box={margin} style={styles.margin}>
+        <BorderBox box={padding} style={styles.padding}>
+          <View style={[styles.content, contentStyle]} />
+        </BorderBox>
+      </BorderBox>
+    </View>
+  );
 }
 
 const styles = StyleSheet.create({

package/Libraries/Inspector/StyleInspector.js

@@ -10,42 +10,48 @@
 
 'use strict';
 
+import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {____FlattenStyleProp_Internal} from '../StyleSheet/StyleSheetTypes';
+
+import React from 'react';
+
 const View = require('../Components/View/View');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const Text = require('../Text/Text');
-const React = require('react');
 
-class StyleInspector extends React.Component<$FlowFixMeProps> {
-  render(): React.Node {
-    if (!this.props.style) {
-      return <Text style={styles.noStyle}>No style</Text>;
-    }
-    const names = Object.keys(this.props.style);
-    return (
-      <View style={styles.container}>
-        <View>
-          {names.map(name => (
-            <Text key={name} style={styles.attr}>
-              {name}:
-            </Text>
-          ))}
-        </View>
+type Props = $ReadOnly<{
+  style?: ?____FlattenStyleProp_Internal<ViewStyleProp>,
+}>;
 
-        <View>
-          {names.map(name => {
-            const value = this.props.style[name];
-            return (
-              <Text key={name} style={styles.value}>
-                {typeof value !== 'string' && typeof value !== 'number'
-                  ? JSON.stringify(value)
-                  : value}
-              </Text>
-            );
-          })}
-        </View>
-      </View>
-    );
+function StyleInspector({style}: Props): React.Node {
+  if (!style) {
+    return <Text style={styles.noStyle}>No style</Text>;
   }
+  const names = Object.keys(style);
+  return (
+    <View style={styles.container}>
+      <View>
+        {names.map(name => (
+          <Text key={name} style={styles.attr}>
+            {name}:
+          </Text>
+        ))}
+      </View>
+
+      <View>
+        {names.map(name => {
+          const value = style?.[name];
+          return (
+            <Text key={name} style={styles.value}>
+              {typeof value !== 'string' && typeof value !== 'number'
+                ? JSON.stringify(value)
+                : value}
+            </Text>
+          );
+        })}
+      </View>
+    </View>
+  );
 }
 
 const styles = StyleSheet.create({

package/Libraries/ReactNative/UIManagerProperties.js

@@ -26,7 +26,7 @@
  * accessed. Once UIManager property accesses for view managers has been fully
  * deprecated, this file will also be removed.
  */
-module.exports = [
+const UIManagerProperties: $ReadOnlyArray<string> = [
   'clearJSResponder',
   'configureNextLayoutAnimation',
   'createView',
@@ -59,3 +59,5 @@ module.exports = [
   'genericDirectEventTypes',
   'lazilyLoadView',
 ];
+
+module.exports = UIManagerProperties;

package/overrides.json

@@ -7,13 +7,13 @@
     "**/__snapshots__/**",
     "src-win/rntypes/**"
   ],
-  "baseVersion": "0.78.0-nightly-20241231-a3c8e2137",
+  "baseVersion": "0.78.0-nightly-20250113-d4407d6f7",
   "overrides": [
     {
       "type": "derived",
       "file": ".flowconfig",
       "baseFile": ".flowconfig",
-      "baseHash": "5b40175690b07272a61410d4fc6437a82248e8cc"
+      "baseHash": "efd6eb0780d7f3b6717feac846e0e7fe8dae1ee9"
     },
     {
       "type": "derived",
@@ -71,11 +71,11 @@
       "file": "src-win/Libraries/Components/Button/ButtonWin32.tsx"
     },
     {
-      "type": "copy",
+      "type": "patch",
       "file": "src-win/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js",
       "baseFile": "packages/react-native/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js",
-      "baseHash": "b9a6866d03ca389af38734ffed24199505b05402",
-      "issue": 4378
+      "baseHash": "7664e2616540fd4ecc398009216314675f6e3f86",
+      "issue": 14290
     },
     {
       "type": "platform",
@@ -109,7 +109,7 @@
       "type": "derived",
       "file": "src-win/Libraries/Components/TextInput/TextInput.win32.js",
       "baseFile": "packages/react-native/Libraries/Components/TextInput/TextInput.js",
-      "baseHash": "1f9adcb7ca64fa536372ed28b7af5e03b05458ac"
+      "baseHash": "437a56337e8b6fabd440538af48167c2bbc59704"
     },
     {
       "type": "patch",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.0.0-canary.280",
+  "version": "0.0.0-canary.282",
   "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": "15.0.0-alpha.2",
     "@react-native-community/cli-platform-ios": "15.0.0-alpha.2",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.78.0-nightly-20241231-a3c8e2137",
-    "@react-native/codegen": "0.78.0-nightly-20241231-a3c8e2137",
-    "@react-native/community-cli-plugin": "0.78.0-nightly-20241231-a3c8e2137",
-    "@react-native/gradle-plugin": "0.78.0-nightly-20241231-a3c8e2137",
-    "@react-native/js-polyfills": "0.78.0-nightly-20241231-a3c8e2137",
-    "@react-native/normalize-colors": "0.78.0-nightly-20241231-a3c8e2137",
-    "@react-native/virtualized-lists": "0.78.0-nightly-20241231-a3c8e2137",
+    "@react-native/assets-registry": "0.78.0-nightly-20250113-d4407d6f7",
+    "@react-native/codegen": "0.78.0-nightly-20250113-d4407d6f7",
+    "@react-native/community-cli-plugin": "0.78.0-nightly-20250113-d4407d6f7",
+    "@react-native/gradle-plugin": "0.78.0-nightly-20250113-d4407d6f7",
+    "@react-native/js-polyfills": "0.78.0-nightly-20250113-d4407d6f7",
+    "@react-native/normalize-colors": "0.78.0-nightly-20250113-d4407d6f7",
+    "@react-native/virtualized-lists": "0.78.0-nightly-20250113-d4407d6f7",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
@@ -84,19 +84,19 @@
     "@types/prop-types": "15.7.1",
     "@types/react": "^19.0.0",
     "eslint": "^8.19.0",
-    "flow-bin": "^0.257.1",
+    "flow-bin": "^0.258.1",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
     "prettier": "2.8.8",
     "react": "19.0.0",
-    "react-native": "0.78.0-nightly-20241231-a3c8e2137",
+    "react-native": "0.78.0-nightly-20250113-d4407d6f7",
     "react-native-platform-override": "^1.9.51",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
     "@types/react": "^19.0.0",
     "react": "^19.0.0",
-    "react-native": "0.78.0-nightly-20241231-a3c8e2137"
+    "react-native": "0.78.0-nightly-20250113-d4407d6f7"
   },
   "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<<fb2e049d649b9bf7ef6bd0e26523b4ef>>
+ * @generated SignedSource<<3037cf1c938dae492b656333cec9633c>>
  * @flow strict
  */
 
@@ -56,8 +56,6 @@ export type ReactNativeFeatureFlags = $ReadOnly<{
   disableEventLoopOnBridgeless: Getter<boolean>,
   disableMountItemReorderingAndroid: Getter<boolean>,
   enableAccumulatedUpdatesInRawPropsAndroid: Getter<boolean>,
-  enableAlignItemsBaselineOnFabricIOS: Getter<boolean>,
-  enableAndroidLineHeightCentering: Getter<boolean>,
   enableBridgelessArchitecture: Getter<boolean>,
   enableCppPropsIteratorSetter: Getter<boolean>,
   enableDeletionOfUnmountedViews: Getter<boolean>,
@@ -83,7 +81,6 @@ export type ReactNativeFeatureFlags = $ReadOnly<{
   fixDifferentiatorEmittingUpdatesWithWrongParentTag: Getter<boolean>,
   fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean>,
   fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<boolean>,
-  fuseboxEnabledDebug: Getter<boolean>,
   fuseboxEnabledRelease: Getter<boolean>,
   initEagerTurboModulesOnNativeModulesQueueAndroid: Getter<boolean>,
   lazyAnimationCallbacks: Getter<boolean>,
@@ -210,14 +207,6 @@ export const disableMountItemReorderingAndroid: Getter<boolean> = createNativeFl
  * When enabled, Andoid will accumulate updates in rawProps to reduce the number of mounting instructions for cascading rerenders.
  */
 export const enableAccumulatedUpdatesInRawPropsAndroid: Getter<boolean> = createNativeFlagGetter('enableAccumulatedUpdatesInRawPropsAndroid', false);
-/**
- * Kill-switch to turn off support for aling-items:baseline on Fabric iOS.
- */
-export const enableAlignItemsBaselineOnFabricIOS: Getter<boolean> = createNativeFlagGetter('enableAlignItemsBaselineOnFabricIOS', true);
-/**
- * When enabled, custom line height calculation will be centered from top to bottom.
- */
-export const enableAndroidLineHeightCentering: Getter<boolean> = createNativeFlagGetter('enableAndroidLineHeightCentering', true);
 /**
  * Feature flag to enable the new bridgeless architecture. Note: Enabling this will force enable the following flags: `useTurboModules` & `enableFabricRenderer.
  */
@@ -318,10 +307,6 @@ export const fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean> =
  * 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);
-/**
- * Flag determining if the React Native DevTools (Fusebox) CDP backend should be enabled in debug builds. This flag is global and should not be changed across React Host lifetimes.
- */
-export const fuseboxEnabledDebug: Getter<boolean> = createNativeFlagGetter('fuseboxEnabledDebug', true);
 /**
  * Flag determining if the React Native DevTools (Fusebox) CDP backend should be enabled in release builds. This flag is global and should not be changed across React Host lifetimes.
  */

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<<386958552a092ac75840bf3202fb0341>>
+ * @generated SignedSource<<37e95652ef5d824bb05e78ebdb051e43>>
  * @flow strict
  */
 
@@ -29,8 +29,6 @@ export interface Spec extends TurboModule {
   +disableEventLoopOnBridgeless?: () => boolean;
   +disableMountItemReorderingAndroid?: () => boolean;
   +enableAccumulatedUpdatesInRawPropsAndroid?: () => boolean;
-  +enableAlignItemsBaselineOnFabricIOS?: () => boolean;
-  +enableAndroidLineHeightCentering?: () => boolean;
   +enableBridgelessArchitecture?: () => boolean;
   +enableCppPropsIteratorSetter?: () => boolean;
   +enableDeletionOfUnmountedViews?: () => boolean;
@@ -56,7 +54,6 @@ export interface Spec extends TurboModule {
   +fixDifferentiatorEmittingUpdatesWithWrongParentTag?: () => boolean;
   +fixMappingOfEventPrioritiesBetweenFabricAndReact?: () => boolean;
   +fixMountingCoordinatorReportedPendingTransactionsOnAndroid?: () => boolean;
-  +fuseboxEnabledDebug?: () => boolean;
   +fuseboxEnabledRelease?: () => boolean;
   +initEagerTurboModulesOnNativeModulesQueueAndroid?: () => boolean;
   +lazyAnimationCallbacks?: () => boolean;

package/src/private/renderer/errorhandling/ErrorHandlers.js

@@ -21,7 +21,10 @@ type ErrorInfo = {
   +errorBoundary?: ?React$Component<any, any>,
 };
 
-export function onUncaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
+function getExtendedError(
+  errorValue: mixed,
+  errorInfo: ErrorInfo,
+): ExtendedError {
   let error;
 
   // Typically, `errorValue` should be an error. However, other values such as
@@ -50,38 +53,18 @@ export function onUncaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
     // Ignored.
   }
 
+  return error;
+}
+
+export function onUncaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
+  const error = getExtendedError(errorValue, errorInfo);
+
   // Uncaught errors are fatal.
   handleException(error, true);
 }
 
 export function onCaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
-  let error;
-
-  // Typically, `errorValue` should be an error. However, other values such as
-  // strings (or even null) are sometimes thrown.
-  if (errorValue instanceof Error) {
-    /* $FlowFixMe[class-object-subtyping] added when improving typing for
-     * this parameters */
-    // $FlowFixMe[incompatible-cast]
-    error = (errorValue: ExtendedError);
-  } else if (typeof errorValue === 'string') {
-    /* $FlowFixMe[class-object-subtyping] added when improving typing for
-     * this parameters */
-    // $FlowFixMe[incompatible-cast]
-    error = (new SyntheticError(errorValue): ExtendedError);
-  } else {
-    /* $FlowFixMe[class-object-subtyping] added when improving typing for
-     * this parameters */
-    // $FlowFixMe[incompatible-cast]
-    error = (new SyntheticError('Unspecified error'): ExtendedError);
-  }
-  try {
-    // $FlowFixMe[incompatible-use] this is in try/catch.
-    error.componentStack = errorInfo.componentStack;
-    error.isComponentError = true;
-  } catch {
-    // Ignored.
-  }
+  const error = getExtendedError(errorValue, errorInfo);
 
   // Caught errors are not fatal.
   handleException(error, false);
@@ -91,33 +74,7 @@ export function onRecoverableError(
   errorValue: mixed,
   errorInfo: ErrorInfo,
 ): void {
-  let error;
-
-  // Typically, `errorValue` should be an error. However, other values such as
-  // strings (or even null) are sometimes thrown.
-  if (errorValue instanceof Error) {
-    /* $FlowFixMe[class-object-subtyping] added when improving typing for
-     * this parameters */
-    // $FlowFixMe[incompatible-cast]
-    error = (errorValue: ExtendedError);
-  } else if (typeof errorValue === 'string') {
-    /* $FlowFixMe[class-object-subtyping] added when improving typing for
-     * this parameters */
-    // $FlowFixMe[incompatible-cast]
-    error = (new SyntheticError(errorValue): ExtendedError);
-  } else {
-    /* $FlowFixMe[class-object-subtyping] added when improving typing for
-     * this parameters */
-    // $FlowFixMe[incompatible-cast]
-    error = (new SyntheticError('Unspecified error'): ExtendedError);
-  }
-  try {
-    // $FlowFixMe[incompatible-use] this is in try/catch.
-    error.componentStack = errorInfo.componentStack;
-    error.isComponentError = true;
-  } catch {
-    // Ignored.
-  }
+  const error = getExtendedError(errorValue, errorInfo);
 
   // Recoverable errors should only be warnings.
   // This will make it a soft error in LogBox.

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

@@ -0,0 +1,24 @@
+/**
+ * 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
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+/**
+ * This is an internal native module meant to be used for performance
+ * measurements and benchmarks. It is not meant to be used in production.
+ */
+export interface Spec extends TurboModule {
+  +getCPUTimeNanos: () => number;
+  +hasAccurateCPUTimeNanosForBenchmarks: () => boolean;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('CPUTimeCxx'): Spec);

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

@@ -0,0 +1,37 @@
+/**
+ * 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
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+// match RenderFormatOptions.h
+export type RenderFormatOptions = {
+  includeRoot: boolean,
+  includeLayoutMetrics: boolean,
+};
+
+interface Spec extends TurboModule {
+  startSurface: (
+    surfaceId: number,
+    viewportWidth: number,
+    viewportHeight: number,
+    devicePixelRatio: number,
+  ) => void;
+  stopSurface: (surfaceId: number) => void;
+  getMountingManagerLogs: (surfaceId: number) => Array<string>;
+  flushMessageQueue: () => void;
+  getRenderedOutput: (surfaceId: number, config: RenderFormatOptions) => string;
+  reportTestSuiteResultsJSON: (results: string) => void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>(
+  'NativeFantomCxx',
+) as Spec;