react-native-windows 0.73.11 → 0.74.0-preview.2

package/Libraries/Types/ReactDevToolsTypes.js

@@ -0,0 +1,58 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+import type {NativeMethods} from '../Renderer/shims/ReactNativeTypes';
+
+type PublicInstance = {
+  ...NativeMethods,
+};
+
+export type InstanceFromReactDevTools =
+  | PublicInstance
+  | {
+      canonical?:
+        | PublicInstance // TODO: remove this variant when syncing the new version of the renderer from React to React Native.
+        | {
+            publicInstance?: PublicInstance,
+          },
+    };
+
+export type ReactDevToolsAgentEvents = {
+  drawTraceUpdates: [Array<{node: InstanceFromReactDevTools, color: string}>],
+  disableTraceUpdates: [],
+
+  showNativeHighlight: [nodes: Array<InstanceFromReactDevTools>],
+  hideNativeHighlight: [],
+  shutdown: [],
+  startInspectingNative: [],
+  stopInspectingNative: [],
+};
+
+export type ReactDevToolsAgent = {
+  selectNode(node: mixed): void,
+  stopInspectingNative(value: boolean): void,
+  addListener<Event: $Keys<ReactDevToolsAgentEvents>>(
+    event: Event,
+    listener: (...ReactDevToolsAgentEvents[Event]) => void,
+  ): void,
+  removeListener(
+    event: $Keys<ReactDevToolsAgentEvents>,
+    listener: () => void,
+  ): void,
+};
+
+export type ReactDevToolsGlobalHook = {
+  on: (eventName: string, (agent: ReactDevToolsAgent) => void) => void,
+  off: (eventName: string, (agent: ReactDevToolsAgent) => void) => void,
+  reactDevtoolsAgent?: ReactDevToolsAgent,
+  resolveRNStyle?: mixed,
+  nativeStyleEditorValidAttributes?: Array<string>,
+};

package/Libraries/Types/UIManagerJSInterface.js

@@ -0,0 +1,16 @@
+/**
+ * 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
+ * @format
+ */
+
+import type {Spec} from '../ReactNative/NativeUIManager';
+
+export interface UIManagerJSInterface extends Spec {
+  +getViewManagerConfig: (viewManagerName: string) => Object;
+  +hasViewManagerConfig: (viewManagerName: string) => boolean;
+}

package/Libraries/Utilities/DebugEnvironment.js

@@ -12,8 +12,5 @@ export let isAsyncDebugging: boolean = false;
 
 if (__DEV__) {
   // These native interfaces don't exist in asynchronous debugging environments.
-  isAsyncDebugging =
-    !global.nativeExtensions &&
-    !global.nativeCallSyncHook &&
-    !global.RN$Bridgeless;
+  isAsyncDebugging = !global.nativeCallSyncHook && !global.RN$Bridgeless;
 }

package/Libraries/Utilities/Dimensions.js

@@ -110,21 +110,13 @@ class Dimensions {
   }
 }
 
-let initialDims: ?$ReadOnly<DimensionsPayload> =
-  global.nativeExtensions &&
-  global.nativeExtensions.DeviceInfo &&
-  global.nativeExtensions.DeviceInfo.Dimensions;
-if (!initialDims) {
-  // Subscribe before calling getConstants to make sure we don't miss any updates in between.
-  RCTDeviceEventEmitter.addListener(
-    'didUpdateDimensions',
-    (update: DimensionsPayload) => {
-      Dimensions.set(update);
-    },
-  );
-  initialDims = NativeDeviceInfo.getConstants().Dimensions;
-}
-
-Dimensions.set(initialDims);
+// Subscribe before calling getConstants to make sure we don't miss any updates in between.
+RCTDeviceEventEmitter.addListener(
+  'didUpdateDimensions',
+  (update: DimensionsPayload) => {
+    Dimensions.set(update);
+  },
+);
+Dimensions.set(NativeDeviceInfo.getConstants().Dimensions);
 
 export default Dimensions;

package/Libraries/Utilities/GlobalPerformanceLogger.js

@@ -19,7 +19,6 @@ import createPerformanceLogger from './createPerformanceLogger';
  * that are logged during loading bundle. If you want to log something from your
  * React component you should use PerformanceLoggerContext instead.
  */
-const GlobalPerformanceLogger: IPerformanceLogger =
-  createPerformanceLogger(true);
+const GlobalPerformanceLogger: IPerformanceLogger = createPerformanceLogger();
 
 module.exports = GlobalPerformanceLogger;

package/Libraries/Utilities/NativeAppearance.js

@@ -8,29 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type ColorSchemeName = 'light' | 'dark';
-
-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;
-
-  // RCTEventEmitter
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('Appearance'): ?Spec);
+export type * from '../../src/private/specs/modules/NativeAppearance';
+import NativeAppearance from '../../src/private/specs/modules/NativeAppearance';
+export default NativeAppearance;

package/Libraries/Utilities/NativeDevLoadingView.js

@@ -8,17 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +showMessage: (
-    message: string,
-    withColor: ?number,
-    withBackgroundColor: ?number,
-  ) => void;
-  +hide: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('DevLoadingView'): ?Spec);
+export * from '../../src/private/specs/modules/NativeDevLoadingView';
+import NativeDevLoadingView from '../../src/private/specs/modules/NativeDevLoadingView';
+export default NativeDevLoadingView;

package/Libraries/Utilities/NativeDeviceInfo.js

@@ -8,51 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type DisplayMetricsAndroid = {|
-  width: number,
-  height: number,
-  scale: number,
-  fontScale: number,
-  densityDpi: number,
-|};
-
-export type DisplayMetrics = {|
-  width: number,
-  height: number,
-  scale: number,
-  fontScale: number,
-|};
-
-export type DimensionsPayload = {|
-  window?: DisplayMetrics,
-  screen?: DisplayMetrics,
-  windowPhysicalPixels?: DisplayMetricsAndroid,
-  screenPhysicalPixels?: DisplayMetricsAndroid,
-|};
-
-export type DeviceInfoConstants = {|
-  +Dimensions: DimensionsPayload,
-  +isIPhoneX_deprecated?: boolean,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => DeviceInfoConstants;
-}
-
-const NativeModule: Spec = TurboModuleRegistry.getEnforcing<Spec>('DeviceInfo');
-let constants: ?DeviceInfoConstants = null;
-
-const NativeDeviceInfo = {
-  getConstants(): DeviceInfoConstants {
-    if (constants == null) {
-      constants = NativeModule.getConstants();
-    }
-    return constants;
-  },
-};
-
+export * from '../../src/private/specs/modules/NativeDeviceInfo';
+import NativeDeviceInfo from '../../src/private/specs/modules/NativeDeviceInfo';
 export default NativeDeviceInfo;

package/Libraries/Utilities/NativePlatformConstantsAndroid.js

@@ -8,37 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type ReactNativeVersionAndroid = {|
-  major: number,
-  minor: number,
-  patch: number,
-  prerelease: ?number,
-|};
-
-export type PlatformConstantsAndroid = {|
-  isTesting: boolean,
-  isDisableAnimations?: boolean,
-  reactNativeVersion: ReactNativeVersionAndroid,
-  Version: number,
-  Release: string,
-  Serial: string,
-  Fingerprint: string,
-  Model: string,
-  ServerHost?: string,
-  uiMode: string,
-  Brand: string,
-  Manufacturer: string,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => PlatformConstantsAndroid;
-  +getAndroidID: () => string;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'PlatformConstants',
-): Spec);
+export * from '../../src/private/specs/modules/NativePlatformConstantsAndroid';
+import NativePlatformConstantsAndroid from '../../src/private/specs/modules/NativePlatformConstantsAndroid';
+export default NativePlatformConstantsAndroid;

package/Libraries/Utilities/NativePlatformConstantsIOS.js

@@ -8,29 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type PlatformConstantsIOS = {|
-  isTesting: boolean,
-  isDisableAnimations?: boolean,
-  reactNativeVersion: {|
-    major: number,
-    minor: number,
-    patch: number,
-    prerelease: ?number,
-  |},
-  forceTouchAvailable: boolean,
-  osVersion: string,
-  systemName: string,
-  interfaceIdiom: string,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => PlatformConstantsIOS;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'PlatformConstants',
-): Spec);
+export * from '../../src/private/specs/modules/NativePlatformConstantsIOS';
+import NativePlatformConstantsIOS from '../../src/private/specs/modules/NativePlatformConstantsIOS';
+export default NativePlatformConstantsIOS;

package/Libraries/Utilities/NativePlatformConstantsWin.js

@@ -6,26 +6,6 @@
  * @flow strict
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type PlatformConstantsWindows = {|
-  isTesting: boolean,
-  isDisableAnimations?: boolean,
-  reactNativeVersion: {|
-    major: number,
-    minor: number,
-    patch: number,
-    prerelease: ?string,
-  |},
-  osVersion: number,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => PlatformConstantsWindows;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'PlatformConstants',
-): Spec);
+export * from '../../src/private/specs/modules/NativePlatformConstantsWin';
+import NativePlatformConstantsWin from '../../src/private/specs/modules/NativePlatformConstantsWin';
+export default NativePlatformConstantsWin;

package/Libraries/Utilities/PixelRatio.d.ts

@@ -32,11 +32,11 @@ export interface PixelRatioStatic {
           used to calculate the absolute font size, so any elements that
           heavily depend on that should use this to do calculations.
 
-          If a font scale is not set, this returns the device pixel ratio.
+          * on Android value reflects the user preference set in Settings > Display > Font size
+          * on iOS value reflects the user preference set in Settings > Display & Brightness > Text Size,
+            value can also be updated in Settings > Accessibility > Display & Text Size > Larger Text
 
-          Currently this is only implemented on Android and reflects the user
-          preference set in Settings > Display > Font size,
-          on iOS it will always return the default pixel ratio.
+          If a font scale is not set, this returns the device pixel ratio.
           */
   getFontScale(): number;
 

package/Libraries/Utilities/Platform.android.js

@@ -69,6 +69,10 @@ const Platform: PlatformType = {
     // $FlowFixMe[object-this-reference]
     return this.constants.uiMode === 'tv';
   },
+  // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean {
+    return false;
+  },
   select: <T>(spec: PlatformSelectSpec<T>): T =>
     'android' in spec
       ? // $FlowFixMe[incompatible-return]

package/Libraries/Utilities/Platform.d.ts

@@ -50,10 +50,13 @@ interface PlatformIOSStatic extends PlatformStatic {
     interfaceIdiom: string;
     osVersion: string;
     systemName: string;
+    isMacCatalyst?: boolean | undefined;
   };
   OS: 'ios';
   isPad: boolean;
   isTV: boolean;
+  isVision: boolean;
+  isMacCatalyst?: boolean | undefined;
   Version: string;
 }
 

package/Libraries/Utilities/Platform.flow.js

@@ -35,15 +35,20 @@ type IOSPlatform = {
       prerelease: ?number,
     |},
     systemName: string,
+    isMacCatalyst?: boolean,
   |},
   // $FlowFixMe[unsafe-getters-setters]
   get isPad(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
   get isTV(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean,
+  // $FlowFixMe[unsafe-getters-setters]
   get isTesting(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
   get isDisableAnimations(): boolean,
+  // $FlowFixMe[unsafe-getters-setters]
+  get isMacCatalyst(): boolean,
   select: <T>(spec: PlatformSelectSpec<T>) => T,
 };
 
@@ -75,6 +80,8 @@ type AndroidPlatform = {
   // $FlowFixMe[unsafe-getters-setters]
   get isTV(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean,
+  // $FlowFixMe[unsafe-getters-setters]
   get isTesting(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
   get isDisableAnimations(): boolean,

package/Libraries/Utilities/Platform.flow.windows.js

@@ -42,6 +42,8 @@ type IOSPlatform = {
   // $FlowFixMe[unsafe-getters-setters]
   get isTV(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean,
+  // $FlowFixMe[unsafe-getters-setters]
   get isTesting(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
   get isDisableAnimations(): boolean,
@@ -76,6 +78,8 @@ type AndroidPlatform = {
   // $FlowFixMe[unsafe-getters-setters]
   get isTV(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean,
+  // $FlowFixMe[unsafe-getters-setters]
   get isTesting(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
   get isDisableAnimations(): boolean,
@@ -97,6 +101,11 @@ type WindowsPlatform = {
       patch: number,
       prerelease: ?string,
     |},
+    reactNativeWindowsVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+    |},
     osVersion: number,
   |},
   // $FlowFixMe[unsafe-getters-setters]

package/Libraries/Utilities/Platform.ios.js

@@ -37,6 +37,7 @@ const Platform: PlatformType = {
       prerelease: ?number,
     |},
     systemName: string,
+    isMacCatalyst?: boolean,
   |} {
     // $FlowFixMe[object-this-reference]
     if (this.__constants == null) {
@@ -57,6 +58,11 @@ const Platform: PlatformType = {
     return this.constants.interfaceIdiom === 'tv';
   },
   // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean {
+    // $FlowFixMe[object-this-reference]
+    return this.constants.interfaceIdiom === 'vision';
+  },
+  // $FlowFixMe[unsafe-getters-setters]
   get isTesting(): boolean {
     if (__DEV__) {
       // $FlowFixMe[object-this-reference]
@@ -69,6 +75,11 @@ const Platform: PlatformType = {
     // $FlowFixMe[object-this-reference]
     return this.constants.isDisableAnimations ?? this.isTesting;
   },
+  // $FlowFixMe[unsafe-getters-setters]
+  get isMacCatalyst(): boolean {
+    // $FlowFixMe[object-this-reference]
+    return this.constants.isMacCatalyst ?? false;
+  },
   select: <T>(spec: PlatformSelectSpec<T>): T =>
     // $FlowFixMe[incompatible-return]
     'ios' in spec ? spec.ios : 'native' in spec ? spec.native : spec.default,

package/Libraries/Utilities/Platform.windows.js

@@ -31,6 +31,12 @@ const Platform: PlatformType = {
       patch: number,
       prerelease: ?string,
     |},
+    reactNativeWindowsVersion: {|
+      // [Windows]
+      major: number,
+      minor: number,
+      patch: number,
+    |},
     osVersion: number,
   |} {
     // $FlowFixMe[object-this-reference]

package/Libraries/Utilities/binaryToBase64.js

@@ -24,7 +24,7 @@ function binaryToBase64(data: ArrayBuffer | $ArrayBufferView): string {
     throw new Error('data must be ArrayBuffer or typed array');
   }
   // Already checked that `data` is `DataView` in `ArrayBuffer.isView(data)`
-  const {buffer, byteOffset, byteLength} = ((data: $FlowFixMe): DataView);
+  const {buffer, byteOffset, byteLength}: DataView = (data: $FlowFixMe);
   return base64.fromByteArray(new Uint8Array(buffer, byteOffset, byteLength));
 }
 

package/Libraries/Utilities/codegenNativeComponent.js

@@ -35,12 +35,10 @@ function codegenNativeComponent<Props>(
   componentName: string,
   options?: Options,
 ): NativeComponentType<Props> {
-  if (global.RN$Bridgeless === true) {
-    const errorMessage =
-      "Native Component '" +
-      componentName +
-      "' that calls codegenNativeComponent was not code generated at build time. Please check its definition.";
-    console.error(errorMessage);
+  if (global.RN$Bridgeless === true && __DEV__) {
+    console.warn(
+      `Codegen didn't run for ${componentName}. This will be an error in the future. Make sure you are using @react-native/babel-preset when building your JavaScript code.`,
+    );
   }
 
   let componentNameInUse =

package/Libraries/Utilities/createPerformanceLogger.js

@@ -16,18 +16,12 @@ import type {
 } from './IPerformanceLogger';
 
 import * as Systrace from '../Performance/Systrace';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
-import NativePerformance from '../WebPerformance/NativePerformance';
 import infoLog from './infoLog';
 
 const _cookies: {[key: string]: number, ...} = {};
 
 const PRINT_TO_CONSOLE: false = false; // Type as false to prevent accidentally committing `true`;
 
-// This is the prefix for optional logging points/timespans as marks/measures via Performance API,
-// used to separate these internally from other marks/measures
-const WEB_PERFORMANCE_PREFIX = 'global_perf_';
-
 export const getCurrentTimestamp: () => number =
   global.nativeQPLTimestamp ?? (() => global.performance.now());
 
@@ -37,51 +31,6 @@ class PerformanceLogger implements IPerformanceLogger {
   _points: {[key: string]: ?number} = {};
   _pointExtras: {[key: string]: ?Extras, ...} = {};
   _closed: boolean = false;
-  _isGlobalLogger: boolean = false;
-  _isGlobalWebPerformanceLoggerEnabled: ?boolean;
-
-  constructor(isGlobalLogger?: boolean) {
-    this._isGlobalLogger = isGlobalLogger === true;
-  }
-
-  _isLoggingForWebPerformance(): boolean {
-    if (!this._isGlobalLogger || NativePerformance == null) {
-      return false;
-    }
-    if (this._isGlobalWebPerformanceLoggerEnabled == null) {
-      this._isGlobalWebPerformanceLoggerEnabled =
-        ReactNativeFeatureFlags.isGlobalWebPerformanceLoggerEnabled();
-    }
-    return this._isGlobalWebPerformanceLoggerEnabled === true;
-  }
-
-  // NOTE: The Performance.mark/measure calls are wrapped here to ensure that
-  // we are safe from the cases when the global 'peformance' object is still not yet defined.
-  // It is only necessary in this file because of potential race conditions in the initialization
-  // order between 'createPerformanceLogger' and 'setUpPerformance'.
-  //
-  // In most of the other cases this kind of check for `performance` being defined
-  // wouldn't be necessary.
-  _performanceMark(key: string, startTime: number) {
-    if (this._isLoggingForWebPerformance()) {
-      global.performance?.mark?.(key, {
-        startTime,
-      });
-    }
-  }
-
-  _performanceMeasure(
-    key: string,
-    start: number | string,
-    end: number | string,
-  ) {
-    if (this._isLoggingForWebPerformance()) {
-      global.performance?.measure?.(key, {
-        start,
-        end,
-      });
-    }
-  }
 
   addTimespan(
     key: string,
@@ -113,12 +62,6 @@ class PerformanceLogger implements IPerformanceLogger {
       startExtras,
       endExtras,
     };
-
-    this._performanceMeasure(
-      `${WEB_PERFORMANCE_PREFIX}_${key}`,
-      startTime,
-      endTime,
-    );
   }
 
   append(performanceLogger: IPerformanceLogger) {
@@ -233,8 +176,6 @@ class PerformanceLogger implements IPerformanceLogger {
     if (extras) {
       this._pointExtras[key] = extras;
     }
-
-    this._performanceMark(`${WEB_PERFORMANCE_PREFIX}_${key}`, timestamp);
   }
 
   removeExtra(key: string): ?ExtraValue {
@@ -296,11 +237,6 @@ class PerformanceLogger implements IPerformanceLogger {
     if (PRINT_TO_CONSOLE) {
       infoLog('PerformanceLogger.js', 'start: ' + key);
     }
-
-    this._performanceMark(
-      `${WEB_PERFORMANCE_PREFIX}_timespan_start_${key}`,
-      timestamp,
-    );
   }
 
   stopTimespan(
@@ -346,12 +282,6 @@ class PerformanceLogger implements IPerformanceLogger {
       Systrace.endAsyncEvent(key, _cookies[key]);
       delete _cookies[key];
     }
-
-    this._performanceMeasure(
-      `${WEB_PERFORMANCE_PREFIX}_${key}`,
-      `${WEB_PERFORMANCE_PREFIX}_timespan_start_${key}`,
-      timestamp,
-    );
   }
 }
 
@@ -364,8 +294,6 @@ export type {Extras, ExtraValue, IPerformanceLogger, Timespan};
  * various performance data such as timespans, points and extras.
  * The loggers need to have minimal overhead since they're used in production.
  */
-export default function createPerformanceLogger(
-  isGlobalLogger?: boolean,
-): IPerformanceLogger {
-  return new PerformanceLogger(isGlobalLogger);
+export default function createPerformanceLogger(): IPerformanceLogger {
+  return new PerformanceLogger();
 }