react-native-windows 0.84.0 → 0.85.0-preview.1

package/src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent.js

@@ -13,7 +13,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type RCTSafeAreaViewNativeProps = $ReadOnly<{
+type RCTSafeAreaViewNativeProps = Readonly<{
   ...ViewProps,
 
   // No props

package/src/private/specs_DEPRECATED/components/SwitchNativeComponent.js

@@ -21,12 +21,12 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type NativeSwitchChangeEvent = $ReadOnly<{
+type NativeSwitchChangeEvent = Readonly<{
   value: boolean,
   target: Int32,
 }>;
 
-type SwitchNativeProps = $ReadOnly<{
+type SwitchNativeProps = Readonly<{
   ...ViewProps,
 
   // Props

package/src/private/specs_DEPRECATED/components/UnimplementedNativeViewNativeComponent.js

@@ -14,7 +14,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type UnimplementedNativeViewNativeProps = $ReadOnly<{
+type UnimplementedNativeViewNativeProps = Readonly<{
   ...ViewProps,
   name?: WithDefault<string, ''>,
 }>;

package/src/private/specs_DEPRECATED/modules/NativeImageLoaderIOS.js

@@ -16,7 +16,7 @@ import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboMod
 export interface Spec extends TurboModule {
   +getConstants: () => {};
   // Return [width, height] of image uri
-  +getSize: (uri: string) => Promise<$ReadOnlyArray<number>>;
+  +getSize: (uri: string) => Promise<ReadonlyArray<number>>;
   +getSizeWithHeaders: (
     uri: string,
     headers: Object,

package/src/private/styles/composeStyles.js

@@ -16,7 +16,7 @@
 export default function composeStyles<T, U: T, V: T>(
   style1: ?U,
   style2: ?V,
-): ?(T | $ReadOnlyArray<T>) {
+): ?(T | ReadonlyArray<T>) {
   if (style1 == null) {
     return style2;
   }

package/src/private/utilities/toError.js

@@ -0,0 +1,27 @@
+/**
+ * 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
+ */
+
+/**
+ * Converts an unknown value to an Error instance.
+ * If the value is already an Error, returns it as-is.
+ * Otherwise, creates a new Error with the stringified value as the message.
+ *
+ * This is particularly useful in catch blocks where the caught value
+ * is annotated as `unknown` but needs to be treated as an Error.
+ *
+ * @param value - The unknown value to convert to an Error
+ * @returns An Error instance
+ */
+export default function toError(value: unknown): Error {
+  if (value instanceof Error) {
+    return value;
+  }
+  return new Error(String(value));
+}

package/src/private/utilities/toExtendedError.js

@@ -0,0 +1,30 @@
+/**
+ * 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 {ExtendedError} from '../../../Libraries/Core/ExtendedError';
+
+import toError from './toError';
+
+/**
+ * Converts an unknown value to an ExtendedError instance suitable for LogBox.
+ * Uses the standard toError utility internally and then casts to ExtendedError.
+ *
+ * This is specifically designed for LogBox error reporting which requires
+ * ExtendedError type compatibility.
+ *
+ * @param value - The unknown value to convert to an ExtendedError
+ * @returns An ExtendedError instance
+ */
+export default function toExtendedError(value: unknown): ExtendedError {
+  const error = toError(value);
+  // ExtendedError extends Error, so this cast is safe for the LogBox system
+  // $FlowFixMe[incompatible-type] ExtendedError extends Error, this cast is safe
+  return (error: ExtendedError);
+}

package/src/private/webapis/dom/events/Event.js

@@ -151,7 +151,7 @@ export default class Event {
     return this._type;
   }
 
-  composedPath(): $ReadOnlyArray<EventTarget> {
+  composedPath(): ReadonlyArray<EventTarget> {
     return getComposedPath(this).slice();
   }
 

package/src/private/webapis/dom/events/EventHandlerAttributes.js

@@ -43,7 +43,7 @@
 import type EventTarget from './EventTarget';
 import type {EventCallback} from './EventTarget';
 
-type EventHandler = $ReadOnly<{
+type EventHandler = Readonly<{
   handleEvent: EventCallback,
 }>;
 type EventHandlerAttributeMap = Map<string, EventHandler | null>;
@@ -119,7 +119,7 @@ export function setEventHandlerAttribute(
         setEventHandlerAttributeMap(target, map);
       }
       map.set(type, listener);
-    } catch (e) {
+    } catch {
       // Assigning incorrect listener does not throw in setters.
     }
   }

package/src/private/webapis/dom/events/EventTarget.js

@@ -40,11 +40,11 @@ export type EventHandler = interface {
 };
 export type EventListener = EventCallback | EventHandler;
 
-export type EventListenerOptions = $ReadOnly<{
+export type EventListenerOptions = Readonly<{
   capture?: boolean,
 }>;
 
-export type AddEventListenerOptions = $ReadOnly<{
+export type AddEventListenerOptions = Readonly<{
   ...EventListenerOptions,
   passive?: boolean,
   once?: boolean,
@@ -311,7 +311,7 @@ function dispatch(eventTarget: EventTarget, event: Event): void {
 function getEventPath(
   eventTarget: EventTarget,
   event: Event,
-): $ReadOnlyArray<EventTarget> {
+): ReadonlyArray<EventTarget> {
   const path = [];
   let target: EventTarget | null = eventTarget;
 

package/src/private/webapis/dom/events/internals/EventInternals.js

@@ -43,14 +43,14 @@ export function setCurrentTarget(
   event[CURRENT_TARGET_KEY] = currentTarget;
 }
 
-export function getComposedPath(event: Event): $ReadOnlyArray<EventTarget> {
+export function getComposedPath(event: Event): ReadonlyArray<EventTarget> {
   // $FlowExpectedError[prop-missing]
   return event[COMPOSED_PATH_KEY];
 }
 
 export function setComposedPath(
   event: Event,
-  composedPath: $ReadOnlyArray<EventTarget>,
+  composedPath: ReadonlyArray<EventTarget>,
 ): void {
   // $FlowExpectedError[prop-missing]
   event[COMPOSED_PATH_KEY] = composedPath;

package/src/private/webapis/dom/nodes/ReadOnlyElement.js

@@ -219,7 +219,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
   }
 }
 
-function getChildElements(node: ReadOnlyNode): $ReadOnlyArray<ReadOnlyElement> {
+function getChildElements(node: ReadOnlyNode): ReadonlyArray<ReadOnlyElement> {
   // $FlowFixMe[incompatible-type]
   return getChildNodes(
     node,

package/src/private/webapis/dom/nodes/ReadOnlyNode.js

@@ -297,7 +297,7 @@ setPlatformObject(ReadOnlyNode);
 export function getChildNodes(
   node: ReadOnlyNode,
   filter?: (node: ReadOnlyNode) => boolean,
-): $ReadOnlyArray<ReadOnlyNode> {
+): ReadonlyArray<ReadOnlyNode> {
   const shadowNode = getNativeNodeReference(node);
 
   if (shadowNode == null) {
@@ -319,7 +319,7 @@ export function getChildNodes(
 
 function getNodeSiblingsAndPosition(
   node: ReadOnlyNode,
-): [$ReadOnlyArray<ReadOnlyNode>, number] {
+): [ReadonlyArray<ReadOnlyNode>, number] {
   const parent = node.parentNode;
   if (parent == null) {
     // This node is the root or it's disconnected.

package/src/private/webapis/dom/nodes/specs/NativeDOM.js

@@ -58,7 +58,7 @@ export interface Spec extends TurboModule {
 
   +getChildNodes: (
     nativeNodeReference: unknown /* NativeNodeReference */,
-  ) => $ReadOnlyArray<unknown> /* $ReadOnlyArray<InstanceHandle> */;
+  ) => ReadonlyArray<unknown> /* $ReadOnlyArray<InstanceHandle> */;
 
   +getElementById?: (
     nativeNodeReference: unknown /* NativeNodeReference */,
@@ -79,24 +79,24 @@ export interface Spec extends TurboModule {
 
   +getBorderWidth: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [topWidth: number, rightWidth: number, bottomWidth: number, leftWidth: number] */;
+  ) => ReadonlyArray<number> /* [topWidth: number, rightWidth: number, bottomWidth: number, leftWidth: number] */;
 
   +getBoundingClientRect: (
     nativeElementReference: unknown /* NativeElementReference */,
     includeTransform: boolean,
-  ) => $ReadOnlyArray<number> /* [x: number, y: number, width: number, height: number] */;
+  ) => ReadonlyArray<number> /* [x: number, y: number, width: number, height: number] */;
 
   +getInnerSize: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [width: number, height: number] */;
+  ) => ReadonlyArray<number> /* [width: number, height: number] */;
 
   +getScrollPosition: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [scrollLeft: number, scrollTop: number] */;
+  ) => ReadonlyArray<number> /* [scrollLeft: number, scrollTop: number] */;
 
   +getScrollSize: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [scrollWidth: number, scrollHeight: number] */;
+  ) => ReadonlyArray<number> /* [scrollWidth: number, scrollHeight: number] */;
 
   +getTagName: (
     nativeElementReference: unknown /* NativeElementReference */,
@@ -127,7 +127,7 @@ export interface Spec extends TurboModule {
 
   +getOffset: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<unknown> /* [offsetParent: ?InstanceHandle, top: number, left: number] */;
+  ) => ReadonlyArray<unknown> /* [offsetParent: ?InstanceHandle, top: number, left: number] */;
 
   /*
    * Special methods to handle the root node.
@@ -199,7 +199,7 @@ export interface RefinedSpec {
    */
   +getChildNodes: (
     nativeNodeReference: NativeNodeReference,
-  ) => $ReadOnlyArray<InstanceHandle>;
+  ) => ReadonlyArray<InstanceHandle>;
 
   /**
    * This is a React Native implementation of `Document.prototype.getElementById`
@@ -247,7 +247,7 @@ export interface RefinedSpec {
    */
   +getBorderWidth: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* topWidth: */ number,
       /* rightWidth: */ number,
@@ -270,7 +270,7 @@ export interface RefinedSpec {
   +getBoundingClientRect: (
     nativeElementReference: NativeElementReference,
     includeTransform: boolean,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* x: */ number,
       /* y: */ number,
@@ -293,7 +293,7 @@ export interface RefinedSpec {
    */
   +getInnerSize: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* width: */ number, /* height: */ number]>;
+  ) => Readonly<[/* width: */ number, /* height: */ number]>;
 
   /**
    * This is a method to access scroll information for a shadow node, to
@@ -308,7 +308,7 @@ export interface RefinedSpec {
    */
   +getScrollPosition: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* scrollLeft: */ number, /* scrollTop: */ number]>;
+  ) => Readonly<[/* scrollLeft: */ number, /* scrollTop: */ number]>;
 
   /**
    *
@@ -324,7 +324,7 @@ export interface RefinedSpec {
    */
   +getScrollSize: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* scrollWidth: */ number, /* scrollHeight: */ number]>;
+  ) => Readonly<[/* scrollWidth: */ number, /* scrollHeight: */ number]>;
 
   /**
    * This is a method to access the normalized tag name of a shadow node, to
@@ -377,7 +377,7 @@ export interface RefinedSpec {
    */
   +getOffset: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* offsetParent: */ ?InstanceHandle,
       /* top: */ number,

package/src/private/webapis/dom/oldstylecollections/HTMLCollection.js

@@ -35,7 +35,7 @@ export default class HTMLCollection<T> implements Iterable<T>, ArrayLike<T> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<T>) {
+  constructor(elements: ReadonlyArray<T>) {
     for (let i = 0; i < elements.length; i++) {
       REUSABLE_PROPERTY_DESCRIPTOR.value = elements[i];
       Object.defineProperty(this, i, REUSABLE_PROPERTY_DESCRIPTOR);
@@ -82,7 +82,7 @@ setPlatformObject(HTMLCollection);
  * `HTMLCollection.js.flow`, not here.
  */
 export function createHTMLCollection<T>(
-  elements: $ReadOnlyArray<T>,
+  elements: ReadonlyArray<T>,
 ): HTMLCollection<T> {
   return new HTMLCollection(elements);
 }

package/src/private/webapis/dom/oldstylecollections/NodeList.js

@@ -37,7 +37,7 @@ export default class NodeList<T> implements Iterable<T>, ArrayLike<T> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<T>) {
+  constructor(elements: ReadonlyArray<T>) {
     for (let i = 0; i < elements.length; i++) {
       REUSABLE_PROPERTY_DESCRIPTOR.value = elements[i];
       Object.defineProperty(this, i, REUSABLE_PROPERTY_DESCRIPTOR);
@@ -105,6 +105,6 @@ setPlatformObject(NodeList);
  * We can do that because the external definition of `NodeList` lives in
  * `NodeList.js.flow`, not here.
  */
-export function createNodeList<T>(elements: $ReadOnlyArray<T>): NodeList<T> {
+export function createNodeList<T>(elements: ReadonlyArray<T>): NodeList<T> {
   return new NodeList(elements);
 }

package/src/private/webapis/geometry/DOMRectList.js

@@ -29,7 +29,7 @@ export default class DOMRectList implements Iterable<DOMRectReadOnly> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<DOMRectReadOnly>) {
+  constructor(elements: ReadonlyArray<DOMRectReadOnly>) {
     for (let i = 0; i < elements.length; i++) {
       Object.defineProperty(this, i, {
         value: elements[i],
@@ -73,7 +73,7 @@ setPlatformObject(DOMRectList);
  * `DOMRectList.js.flow`, not here.
  */
 export function createDOMRectList(
-  elements: $ReadOnlyArray<DOMRectReadOnly>,
+  elements: ReadonlyArray<DOMRectReadOnly>,
 ): DOMRectList {
   return new DOMRectList(elements);
 }

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

@@ -25,7 +25,7 @@ export type IntersectionObserverCallback = (
 export interface IntersectionObserverInit {
   root?: ?ReactNativeElement;
   rootMargin?: string;
-  threshold?: number | $ReadOnlyArray<number>;
+  threshold?: number | ReadonlyArray<number>;
 
   /**
    * This is a React Native specific option (not spec compliant) that specifies
@@ -37,7 +37,7 @@ export interface IntersectionObserverInit {
    * Note: If `rnRootThreshold` is set, and `threshold` is not set,
    * `threshold` will not default to [0] (as per spec)
    */
-  rnRootThreshold?: number | $ReadOnlyArray<number>;
+  rnRootThreshold?: number | ReadonlyArray<number>;
 }
 
 /**
@@ -62,10 +62,10 @@ export interface IntersectionObserverInit {
  */
 export default class IntersectionObserver {
   _callback: IntersectionObserverCallback;
-  _thresholds: $ReadOnlyArray<number>;
+  _thresholds: ReadonlyArray<number>;
   _observationTargets: Set<ReactNativeElement> = new Set();
   _intersectionObserverId: ?IntersectionObserverId;
-  _rootThresholds: $ReadOnlyArray<number> | null;
+  _rootThresholds: ReadonlyArray<number> | null;
   _root: ReactNativeElement | null;
   _rootMargin: string;
 
@@ -155,7 +155,7 @@ export default class IntersectionObserver {
    * If no value was passed to the constructor, and no `rnRootThreshold`
    * is set, `0` is used.
    */
-  get thresholds(): $ReadOnlyArray<number> {
+  get thresholds(): ReadonlyArray<number> {
     return this._thresholds;
   }
 
@@ -166,7 +166,7 @@ export default class IntersectionObserver {
    * Notifications for a target are generated when any of the thresholds specified
    * in `rnRootThreshold` or `threshold` are crossed for that target.
    */
-  get rnRootThresholds(): $ReadOnlyArray<number> | null {
+  get rnRootThresholds(): ReadonlyArray<number> | null {
     return this._rootThresholds;
   }
 
@@ -317,7 +317,7 @@ setPlatformObject(IntersectionObserver);
 function normalizeThreshold(
   threshold: unknown,
   defaultEmpty: boolean = false,
-): $ReadOnlyArray<number> {
+): ReadonlyArray<number> {
   if (Array.isArray(threshold)) {
     if (threshold.length > 0) {
       return threshold
@@ -354,7 +354,7 @@ function normalizeThreshold(
  */
 function normalizeRootThreshold(
   rootThreshold: unknown,
-): null | $ReadOnlyArray<number> {
+): null | ReadonlyArray<number> {
   if (Array.isArray(rootThreshold)) {
     const normalizedArr = rootThreshold
       .map(rt => normalizeThresholdValue(rt, 'rnRootThreshold'))

package/src/private/webapis/intersectionobserver/specs/NativeIntersectionObserver.js

@@ -15,10 +15,10 @@ import * as TurboModuleRegistry from '../../../../../Libraries/TurboModule/Turbo
 export type NativeIntersectionObserverEntry = {
   intersectionObserverId: number,
   targetInstanceHandle: unknown,
-  targetRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
-  rootRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
+  targetRect: ReadonlyArray<number>, // It's actually a tuple with x, y, width and height
+  rootRect: ReadonlyArray<number>, // It's actually a tuple with x, y, width and height
   // TODO(T209328432) - Remove optionality of intersectionRect when native changes are released
-  intersectionRect: ?$ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
+  intersectionRect: ?ReadonlyArray<number>, // It's actually a tuple with x, y, width and height
   isIntersectingAboveThresholds: boolean,
   time: number,
 };
@@ -27,8 +27,8 @@ export type NativeIntersectionObserverObserveOptions = {
   intersectionObserverId: number,
   rootShadowNode?: ?unknown,
   targetShadowNode: unknown,
-  thresholds: $ReadOnlyArray<number>,
-  rootThresholds?: ?$ReadOnlyArray<number>,
+  thresholds: ReadonlyArray<number>,
+  rootThresholds?: ?ReadonlyArray<number>,
   rootMargin?: ?string,
 };
 
@@ -44,7 +44,7 @@ export interface Spec extends TurboModule {
   ) => void;
   +connect: (notifyIntersectionObserversCallback: () => void) => void;
   +disconnect: () => void;
-  +takeRecords: () => $ReadOnlyArray<NativeIntersectionObserverEntry>;
+  +takeRecords: () => ReadonlyArray<NativeIntersectionObserverEntry>;
 }
 
 export default (TurboModuleRegistry.get<Spec>(

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

@@ -18,7 +18,7 @@ import {setPlatformObject} from '../webidl/PlatformObjects';
 import * as MutationObserverManager from './internals/MutationObserverManager';
 
 export type MutationObserverCallback = (
-  mutationRecords: $ReadOnlyArray<MutationRecord>,
+  mutationRecords: ReadonlyArray<MutationRecord>,
   observer: MutationObserver,
 ) => unknown;
 
@@ -29,7 +29,7 @@ export interface MutationObserverInit {
 
   // Unsupported:
   +attributes?: boolean;
-  +attributeFilter?: $ReadOnlyArray<string>;
+  +attributeFilter?: ReadonlyArray<string>;
   +attributeOldValue?: boolean;
   +characterData?: boolean;
   +characterDataOldValue?: boolean;

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

@@ -35,9 +35,9 @@ export default class MutationRecord {
     const target: ReactNativeElement = nativeRecord.target;
     this._target = target;
     // $FlowExpectedError[incompatible-type] the codegen doesn't support the actual type.
-    const addedNodes: $ReadOnlyArray<ReadOnlyNode> = nativeRecord.addedNodes;
+    const addedNodes: ReadonlyArray<ReadOnlyNode> = nativeRecord.addedNodes;
     this._addedNodes = createNodeList(addedNodes);
-    const removedNodes: $ReadOnlyArray<ReadOnlyNode> =
+    const removedNodes: ReadonlyArray<ReadOnlyNode> =
       // $FlowFixMe[incompatible-type]
       nativeRecord.removedNodes;
     this._removedNodes = createNodeList(removedNodes);

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

@@ -38,7 +38,7 @@ let isConnected: boolean = false;
 
 const registeredMutationObservers: Map<
   MutationObserverId,
-  $ReadOnly<{observer: MutationObserver, callback: MutationObserverCallback}>,
+  Readonly<{observer: MutationObserver, callback: MutationObserverCallback}>,
 > = new Map();
 
 /**

package/src/private/webapis/mutationobserver/specs/NativeMutationObserver.js

@@ -23,8 +23,8 @@ type ReadOnlyNode = unknown;
 export type NativeMutationRecord = {
   mutationObserverId: MutationObserverId,
   target: ReactNativeElement,
-  addedNodes: $ReadOnlyArray<ReadOnlyNode>,
-  removedNodes: $ReadOnlyArray<ReadOnlyNode>,
+  addedNodes: ReadonlyArray<ReadOnlyNode>,
+  removedNodes: ReadonlyArray<ReadOnlyNode>,
   ...
 };
 
@@ -47,7 +47,7 @@ export interface Spec extends TurboModule {
     ) => ReadOnlyNode,
   ) => void;
   +disconnect: () => void;
-  +takeRecords: () => $ReadOnlyArray<NativeMutationRecord>;
+  +takeRecords: () => ReadonlyArray<NativeMutationRecord>;
 }
 
 export default (TurboModuleRegistry.get<Spec>(

package/src/private/webapis/performance/LongTasks.js

@@ -18,7 +18,7 @@ import {PerformanceEntry} from './PerformanceEntry';
 
 export type PerformanceLongTaskTimingJSON = {
   ...PerformanceEntryJSON,
-  attribution: $ReadOnlyArray<TaskAttributionTiming>,
+  attribution: ReadonlyArray<TaskAttributionTiming>,
   ...
 };
 
@@ -36,7 +36,7 @@ export const TaskAttributionTiming_public: typeof TaskAttributionTiming =
 // $FlowExpectedError[prop-missing]
 TaskAttributionTiming_public.prototype = TaskAttributionTiming.prototype;
 
-const EMPTY_ATTRIBUTION: $ReadOnlyArray<TaskAttributionTiming> =
+const EMPTY_ATTRIBUTION: ReadonlyArray<TaskAttributionTiming> =
   Object.preventExtensions([]);
 
 export interface PerformanceLongTaskTimingInit extends PerformanceEntryInit {}
@@ -46,7 +46,7 @@ export class PerformanceLongTaskTiming extends PerformanceEntry {
     super('longtask', init);
   }
 
-  get attribution(): $ReadOnlyArray<TaskAttributionTiming> {
+  get attribution(): ReadonlyArray<TaskAttributionTiming> {
     return EMPTY_ATTRIBUTION;
   }
 

package/src/private/webapis/performance/Performance.js

@@ -37,23 +37,23 @@ import {PerformanceMark, PerformanceMeasure} from './UserTiming';
 import nullthrows from 'nullthrows';
 
 export type PerformanceMeasureOptions =
-  | $ReadOnly<{
+  | Readonly<{
       detail?: DetailType,
       start?: DOMHighResTimeStamp | string,
       duration?: DOMHighResTimeStamp,
     }>
-  | $ReadOnly<{
+  | Readonly<{
       detail?: DetailType,
       start?: DOMHighResTimeStamp | string,
       end?: DOMHighResTimeStamp | string,
     }>
-  | $ReadOnly<{
+  | Readonly<{
       detail?: DetailType,
       duration?: DOMHighResTimeStamp | string,
       end?: DOMHighResTimeStamp | string,
     }>;
 
-const ENTRY_TYPES_AVAILABLE_FROM_TIMELINE: $ReadOnlyArray<PerformanceEntryType> =
+const ENTRY_TYPES_AVAILABLE_FROM_TIMELINE: ReadonlyArray<PerformanceEntryType> =
   ['mark', 'measure'];
 
 const NativePerformance = nullthrows(MaybeNativePerformance);

package/src/private/webapis/performance/PerformanceEntry.js

@@ -91,4 +91,4 @@ PerformanceEntry_public.prototype = PerformanceEntry.prototype;
 
 setPlatformObject(PerformanceEntry);
 
-export type PerformanceEntryList = $ReadOnlyArray<PerformanceEntry>;
+export type PerformanceEntryList = ReadonlyArray<PerformanceEntry>;

package/src/private/webapis/performance/PerformanceObserver.js

@@ -88,7 +88,7 @@ export interface PerformanceObserverInit {
   +durationThreshold?: DOMHighResTimeStamp;
 }
 
-function getSupportedPerformanceEntryTypes(): $ReadOnlyArray<PerformanceEntryType> {
+function getSupportedPerformanceEntryTypes(): ReadonlyArray<PerformanceEntryType> {
   return Object.freeze(
     NativePerformance.getSupportedPerformanceEntryTypes().map(
       rawToPerformanceEntryType,
@@ -237,7 +237,7 @@ export class PerformanceObserver {
     }
   }
 
-  static supportedEntryTypes: $ReadOnlyArray<PerformanceEntryType> =
+  static supportedEntryTypes: ReadonlyArray<PerformanceEntryType> =
     getSupportedPerformanceEntryTypes();
 }