react-native 0.71.3 → 0.72.0-rc.0

package/Libraries/Core/InitializeCore.js

@@ -27,6 +27,7 @@
 const start = Date.now();
 
 require('./setUpGlobals');
+require('./setUpDOM');
 require('./setUpPerformance');
 require('./setUpErrorHandling');
 require('./polyfillPromise');
@@ -40,7 +41,7 @@ require('./setUpSegmentFetcher');
 if (__DEV__) {
   require('./checkNativeVersion');
   require('./setUpDeveloperTools');
-  require('../LogBox/LogBox').install();
+  require('../LogBox/LogBox').default.install();
 }
 
 require('../ReactNative/AppRegistry');

package/Libraries/Core/ReactNativeVersion.js

@@ -11,7 +11,7 @@
 
 exports.version = {
   major: 0,
-  minor: 71,
-  patch: 3,
-  prerelease: null,
+  minor: 72,
+  patch: 0,
+  prerelease: 'rc.0',
 };

package/Libraries/Core/ReactNativeVersionCheck.js

@@ -40,15 +40,7 @@ exports.checkVersions = function checkVersions(): void {
 };
 
 function _formatVersion(
-  version:
-    | {major: number, minor: number, patch: number, prerelease: ?number}
-    | {major: number, minor: number, patch: number, prerelease: ?string}
-    | $TEMPORARY$object<{
-        major: number,
-        minor: number,
-        patch: number,
-        prerelease: null,
-      }>,
+  version: (typeof Platform)['constants']['reactNativeVersion'],
 ): string {
   return (
     `${version.major}.${version.minor}.${version.patch}` +

package/Libraries/Core/Timers/JSTimers.js

@@ -379,7 +379,7 @@ const JSTimers = {
 
   callIdleCallbacks: function (frameTime: number) {
     if (
-      FRAME_DURATION - (global.performance.now() - frameTime) <
+      FRAME_DURATION - (Date.now() - frameTime) <
       IDLE_CALLBACK_FRAME_DEADLINE
     ) {
       return;

package/Libraries/Core/Timers/immediateShim.js

@@ -40,6 +40,7 @@ function setImmediate(callback: Function, ...args: any): number {
     clearedImmediates.delete(id);
   }
 
+  // $FlowFixMe[incompatible-call]
   global.queueMicrotask(() => {
     if (!clearedImmediates.has(id)) {
       callback.apply(undefined, args);

package/Libraries/Core/Timers/queueMicrotask.js

@@ -13,7 +13,7 @@
 let resolvedPromise;
 
 /**
- * Polyfill for the microtask queuening API defined by WHATWG HTMP spec.
+ * Polyfill for the microtask queueing API defined by WHATWG HTML spec.
  * https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-queuemicrotask
  *
  * The method must queue a microtask to invoke @param {function} callback, and

package/Libraries/Core/setUpAlert.js

@@ -15,7 +15,7 @@
  * You can use this module directly, or just require InitializeCore.
  */
 if (!global.alert) {
-  global.alert = function (text) {
+  global.alert = function (text: string) {
     // Require Alert on demand. Requiring it too early can lead to issues
     // with things like Platform not being fully initialized.
     require('../Alert/Alert').alert('Alert', '' + text);

package/Libraries/Core/setUpDOM.js

@@ -0,0 +1,18 @@
+/**
+ * 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 DOMRect from '../DOM/Geometry/DOMRect';
+import DOMRectReadOnly from '../DOM/Geometry/DOMRectReadOnly';
+
+// $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it
+global.DOMRect = DOMRect;
+
+// $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it
+global.DOMRectReadOnly = DOMRectReadOnly;

package/Libraries/Core/setUpDeveloperTools.js

@@ -56,7 +56,7 @@ if (__DEV__) {
         'debug',
       ].forEach(level => {
         const originalFunction = console[level];
-        console[level] = function (...args) {
+        console[level] = function (...args: $ReadOnlyArray<mixed>) {
           HMRClient.log(level, args);
           originalFunction.apply(console, args);
         };

package/Libraries/Core/setUpGlobals.js

@@ -15,18 +15,21 @@
  * You can use this module directly, or just require InitializeCore.
  */
 if (global.window === undefined) {
-  // $FlowFixMe[cannot-write]
+  // $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it.
   global.window = global;
 }
 
 if (global.self === undefined) {
-  // $FlowFixMe[cannot-write]
+  // $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it.
   global.self = global;
 }
 
 // Set up process
+// $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it.
 global.process = global.process || {};
+// $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it.
 global.process.env = global.process.env || {};
 if (!global.process.env.NODE_ENV) {
+  // $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it.
   global.process.env.NODE_ENV = __DEV__ ? 'development' : 'production';
 }

package/Libraries/Core/setUpNavigator.js

@@ -12,10 +12,11 @@
 
 const {polyfillObjectProperty} = require('../Utilities/PolyfillFunctions');
 
-let navigator = global.navigator;
+const navigator = global.navigator;
 if (navigator === undefined) {
-  global.navigator = navigator = {};
+  // $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it.
+  global.navigator = {product: 'ReactNative'};
+} else {
+  // see https://github.com/facebook/react-native/issues/10881
+  polyfillObjectProperty(navigator, 'product', () => 'ReactNative');
 }
-
-// see https://github.com/facebook/react-native/issues/10881
-polyfillObjectProperty(navigator, 'product', () => 'ReactNative');

package/Libraries/Core/setUpPerformance.js

@@ -8,19 +8,29 @@
  * @format
  */
 
-'use strict';
+import NativePerformance from '../WebPerformance/NativePerformance';
+import Performance from '../WebPerformance/Performance';
 
-if (!global.performance) {
-  global.performance = ({}: {now?: () => number});
-}
+// In case if the native implementation of the Performance API is available, use it,
+// otherwise fall back to the legacy/default one, which only defines 'Performance.now()'
+if (NativePerformance) {
+  // $FlowExpectedError[cannot-write]
+  global.performance = new Performance();
+} else {
+  if (!global.performance) {
+    // $FlowExpectedError[cannot-write]
+    global.performance = ({}: {now?: () => number});
+  }
 
-/**
- * Returns a double, measured in milliseconds.
- * https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
- */
-if (typeof global.performance.now !== 'function') {
-  global.performance.now = function () {
-    const performanceNow = global.nativePerformanceNow || Date.now;
-    return performanceNow();
-  };
+  /**
+   * Returns a double, measured in milliseconds.
+   * https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
+   */
+  if (typeof global.performance.now !== 'function') {
+    // $FlowExpectedError[cannot-write]
+    global.performance.now = function () {
+      const performanceNow = global.nativePerformanceNow || Date.now;
+      return performanceNow();
+    };
+  }
 }

package/Libraries/Core/setUpReactDevTools.js

@@ -62,6 +62,7 @@ if (__DEV__) {
       });
 
       const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleAttributes');
+      const devToolsSettingsManager = require('../DevToolsSettings/DevToolsSettingsManager');
 
       reactDevTools.connectToDevTools({
         isAppActive,
@@ -70,6 +71,7 @@ if (__DEV__) {
           ReactNativeStyleAttributes,
         ),
         websocket: ws,
+        devToolsSettingsManager,
       });
     }
   };

package/Libraries/Core/setUpSegmentFetcher.js

@@ -11,7 +11,6 @@
 'use strict';
 
 export type FetchSegmentFunction = typeof __fetchSegment;
-export type GetSegmentFunction = typeof __getSegment;
 
 /**
  * Set up SegmentFetcher.
@@ -51,43 +50,3 @@ function __fetchSegment(
 }
 
 global.__fetchSegment = __fetchSegment;
-
-function __getSegment(
-  segmentId: number,
-  options: $ReadOnly<{
-    otaBuildNumber: ?string,
-    requestedModuleName: string,
-    segmentHash: string,
-  }>,
-  callback: (?Error, ?string) => void,
-) {
-  const SegmentFetcher =
-    require('./SegmentFetcher/NativeSegmentFetcher').default;
-
-  if (!SegmentFetcher.getSegment) {
-    throw new Error('SegmentFetcher.getSegment must be defined');
-  }
-
-  SegmentFetcher.getSegment(
-    segmentId,
-    options,
-    (
-      errorObject: ?{
-        message: string,
-        code: string,
-        ...
-      },
-      path: ?string,
-    ) => {
-      if (errorObject) {
-        const error = new Error(errorObject.message);
-        (error: any).code = errorObject.code; // flowlint-line unclear-type: off
-        callback(error);
-      }
-
-      callback(null, path);
-    },
-  );
-}
-
-global.__getSegment = __getSegment;

package/Libraries/Core/setUpTimers.js

@@ -61,7 +61,7 @@ if (global.RN$Bridgeless !== true) {
  * as the Promise.
  */
 if (hasPromiseQueuedToJSVM) {
-  // When promise queues to the JSVM microtasks queue, we shim the immedaite
+  // When promise queues to the JSVM microtasks queue, we shim the immediate
   // APIs via `queueMicrotask` to maintain the backward compatibility.
   polyfillGlobal(
     'setImmediate',
@@ -95,7 +95,7 @@ if (hasHermesPromiseQueuedToJSVM) {
   // Fast path for Hermes.
   polyfillGlobal('queueMicrotask', () => global.HermesInternal?.enqueueJob);
 } else {
-  // Polyfill it with promise (regardless it's polyfiled or native) otherwise.
+  // Polyfill it with promise (regardless it's polyfilled or native) otherwise.
   polyfillGlobal(
     'queueMicrotask',
     () => require('./Timers/queueMicrotask.js').default,

package/Libraries/DOM/Geometry/DOMRect.js

@@ -0,0 +1,82 @@
+/**
+ * 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
+ */
+
+/**
+ * The JSDoc comments in this file have been extracted from [DOMRect](https://developer.mozilla.org/en-US/docs/Web/API/DOMRect).
+ * Content by [Mozilla Contributors](https://developer.mozilla.org/en-US/docs/Web/API/DOMRect/contributors.txt),
+ * licensed under [CC-BY-SA 2.5](https://creativecommons.org/licenses/by-sa/2.5/).
+ */
+
+import DOMRectReadOnly, {type DOMRectLike} from './DOMRectReadOnly';
+
+// flowlint unsafe-getters-setters:off
+
+/**
+ * A `DOMRect` describes the size and position of a rectangle.
+ * The type of box represented by the `DOMRect` is specified by the method or property that returned it.
+ *
+ * This is a (mostly) spec-compliant version of `DOMRect` (https://developer.mozilla.org/en-US/docs/Web/API/DOMRect).
+ */
+export default class DOMRect extends DOMRectReadOnly {
+  /**
+   * The x coordinate of the `DOMRect`'s origin.
+   */
+  get x(): number {
+    return this.__getInternalX();
+  }
+
+  set x(x: ?number) {
+    this.__setInternalX(x);
+  }
+
+  /**
+   * The y coordinate of the `DOMRect`'s origin.
+   */
+  get y(): number {
+    return this.__getInternalY();
+  }
+
+  set y(y: ?number) {
+    this.__setInternalY(y);
+  }
+
+  /**
+   * The width of the `DOMRect`.
+   */
+  get width(): number {
+    return this.__getInternalWidth();
+  }
+
+  set width(width: ?number) {
+    this.__setInternalWidth(width);
+  }
+
+  /**
+   * The height of the `DOMRect`.
+   */
+  get height(): number {
+    return this.__getInternalHeight();
+  }
+
+  set height(height: ?number) {
+    this.__setInternalHeight(height);
+  }
+
+  /**
+   * Creates a new `DOMRect` object with a given location and dimensions.
+   */
+  static fromRect(rect?: ?DOMRectLike): DOMRect {
+    if (!rect) {
+      return new DOMRect();
+    }
+
+    return new DOMRect(rect.x, rect.y, rect.width, rect.height);
+  }
+}

package/Libraries/DOM/Geometry/DOMRectReadOnly.js

@@ -0,0 +1,188 @@
+/**
+ * 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
+ */
+
+/**
+ * The JSDoc comments in this file have been extracted from [DOMRectReadOnly](https://developer.mozilla.org/en-US/docs/Web/API/DOMRectReadOnly).
+ * Content by [Mozilla Contributors](https://developer.mozilla.org/en-US/docs/Web/API/DOMRectReadOnly/contributors.txt),
+ * licensed under [CC-BY-SA 2.5](https://creativecommons.org/licenses/by-sa/2.5/).
+ */
+
+// flowlint sketchy-null:off, unsafe-getters-setters:off
+
+export interface DOMRectLike {
+  x?: ?number;
+  y?: ?number;
+  width?: ?number;
+  height?: ?number;
+}
+
+function castToNumber(value: mixed): number {
+  return value ? Number(value) : 0;
+}
+
+/**
+ * The `DOMRectReadOnly` interface specifies the standard properties used by `DOMRect` to define a rectangle whose properties are immutable.
+ *
+ * This is a (mostly) spec-compliant version of `DOMRectReadOnly` (https://developer.mozilla.org/en-US/docs/Web/API/DOMRectReadOnly).
+ */
+export default class DOMRectReadOnly {
+  _x: number;
+  _y: number;
+  _width: number;
+  _height: number;
+
+  constructor(x: ?number, y: ?number, width: ?number, height: ?number) {
+    this.__setInternalX(x);
+    this.__setInternalY(y);
+    this.__setInternalWidth(width);
+    this.__setInternalHeight(height);
+  }
+
+  /**
+   * The x coordinate of the `DOMRectReadOnly`'s origin.
+   */
+  get x(): number {
+    return this._x;
+  }
+
+  /**
+   * The y coordinate of the `DOMRectReadOnly`'s origin.
+   */
+  get y(): number {
+    return this._y;
+  }
+
+  /**
+   * The width of the `DOMRectReadOnly`.
+   */
+  get width(): number {
+    return this._width;
+  }
+
+  /**
+   * The height of the `DOMRectReadOnly`.
+   */
+  get height(): number {
+    return this._height;
+  }
+
+  /**
+   * Returns the top coordinate value of the `DOMRect` (has the same value as `y`, or `y + height` if `height` is negative).
+   */
+  get top(): number {
+    const height = this._height;
+    const y = this._y;
+
+    if (height < 0) {
+      return y + height;
+    }
+
+    return y;
+  }
+
+  /**
+   * Returns the right coordinate value of the `DOMRect` (has the same value as ``x + width`, or `x` if `width` is negative).
+   */
+  get right(): number {
+    const width = this._width;
+    const x = this._x;
+
+    if (width < 0) {
+      return x;
+    }
+
+    return x + width;
+  }
+
+  /**
+   * Returns the bottom coordinate value of the `DOMRect` (has the same value as `y + height`, or `y` if `height` is negative).
+   */
+  get bottom(): number {
+    const height = this._height;
+    const y = this._y;
+
+    if (height < 0) {
+      return y;
+    }
+
+    return y + height;
+  }
+
+  /**
+   * Returns the left coordinate value of the `DOMRect` (has the same value as `x`, or `x + width` if `width` is negative).
+   */
+  get left(): number {
+    const width = this._width;
+    const x = this._x;
+
+    if (width < 0) {
+      return x + width;
+    }
+
+    return x;
+  }
+
+  toJSON(): {
+    x: number,
+    y: number,
+    width: number,
+    height: number,
+    top: number,
+    left: number,
+    bottom: number,
+    right: number,
+  } {
+    const {x, y, width, height, top, left, bottom, right} = this;
+    return {x, y, width, height, top, left, bottom, right};
+  }
+
+  /**
+   * Creates a new `DOMRectReadOnly` object with a given location and dimensions.
+   */
+  static fromRect(rect?: ?DOMRectLike): DOMRectReadOnly {
+    if (!rect) {
+      return new DOMRectReadOnly();
+    }
+
+    return new DOMRectReadOnly(rect.x, rect.y, rect.width, rect.height);
+  }
+
+  __getInternalX(): number {
+    return this._x;
+  }
+
+  __getInternalY(): number {
+    return this._y;
+  }
+
+  __getInternalWidth(): number {
+    return this._width;
+  }
+
+  __getInternalHeight(): number {
+    return this._height;
+  }
+
+  __setInternalX(x: ?number) {
+    this._x = castToNumber(x);
+  }
+
+  __setInternalY(y: ?number) {
+    this._y = castToNumber(y);
+  }
+
+  __setInternalWidth(width: ?number) {
+    this._width = castToNumber(width);
+  }
+
+  __setInternalHeight(height: ?number) {
+    this._height = castToNumber(height);
+  }
+}

package/Libraries/DOM/Nodes/ReactNativeElement.js

@@ -0,0 +1,75 @@
+/**
+ * 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 strict
+ */
+
+// flowlint unsafe-getters-setters:off
+
+import type {
+  HostComponent,
+  MeasureInWindowOnSuccessCallback,
+  MeasureLayoutOnSuccessCallback,
+  MeasureOnSuccessCallback,
+} from '../../Renderer/shims/ReactNativeTypes';
+import type {ElementRef} from 'react';
+
+import ReadOnlyElement from './ReadOnlyElement';
+
+export default class ReactNativeElement extends ReadOnlyElement {
+  get offsetHeight(): number {
+    throw new TypeError('Unimplemented');
+  }
+
+  get offsetLeft(): number {
+    throw new TypeError('Unimplemented');
+  }
+
+  get offsetParent(): ReadOnlyElement | null {
+    throw new TypeError('Unimplemented');
+  }
+
+  get offsetTop(): number {
+    throw new TypeError('Unimplemented');
+  }
+
+  get offsetWidth(): number {
+    throw new TypeError('Unimplemented');
+  }
+
+  /**
+   * React Native compatibility methods
+   */
+
+  blur(): void {
+    throw new TypeError('Unimplemented');
+  }
+
+  focus(): void {
+    throw new TypeError('Unimplemented');
+  }
+
+  measure(callback: MeasureOnSuccessCallback): void {
+    throw new TypeError('Unimplemented');
+  }
+
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void {
+    throw new TypeError('Unimplemented');
+  }
+
+  measureLayout(
+    relativeToNativeNode: number | ElementRef<HostComponent<mixed>>,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void /* currently unused */,
+  ): void {
+    throw new TypeError('Unimplemented');
+  }
+
+  setNativeProps(nativeProps: {...}): void {
+    throw new TypeError('Unimplemented');
+  }
+}