Strip all "bom" types that are actually not defined in RN (facebook#49730)

Summary:
Pull Request resolved: facebook#49730

Changelog: [internal]

This removes all the types from "bom" that are actually not implemented in RN. For now, we're just stripping whole interfaces and not looking into specific methods/properties in interfaces that we do implement but not 100%.

`Performance`, `PerformanceObserver`, `MutationObserver` and `IntersectionObserver` are implemented but not stable yet, so they aren't exposed as globals in the types.

Reviewed By: huntie

Differential Revision: D70329185

fbshipit-source-id: 63bac619e100ca66b41df071df80dfa73d0f9651

Author: rubennorte

packages/react-native/Libraries/Core/setUpReactDevTools.js

@@ -152,6 +152,7 @@ if (__DEV__) {
       // Read the optional global variable for backward compatibility.
       // It was added in https://github.com/facebook/react-native/commit/bf2b435322e89d0aeee8792b1c6e04656c2719a0.
       const port =
+        // $FlowFixMe[prop-missing]
         // $FlowFixMe[incompatible-use]
         window.__REACT_DEVTOOLS_PORT__ != null
           ? window.__REACT_DEVTOOLS_PORT__

packages/react-native/Libraries/Network/XMLHttpRequest_new.js

@@ -14,6 +14,7 @@ import type {
   EventCallback,
   EventListener,
 } from '../../src/private/webapis/dom/events/EventTarget';
+import type Performance from '../../src/private/webapis/performance/Performance';
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
 import Event from '../../src/private/webapis/dom/events/Event';
@@ -33,6 +34,8 @@ const RCTNetworking = require('./RCTNetworking').default;
 const base64 = require('base64-js');
 const invariant = require('invariant');
 
+declare var performance: Performance;
+
 const DEBUG_NETWORK_SEND_DELAY: false = false; // Set to a number of milliseconds when debugging
 const LABEL_FOR_MISSING_URL_FOR_PROFILING = 'Unknown URL';
 

packages/react-native/Libraries/Network/XMLHttpRequest_old.js

@@ -10,6 +10,7 @@
 
 'use strict';
 
+import type Performance from '../../src/private/webapis/performance/Performance';
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
@@ -22,6 +23,8 @@ const RCTNetworking = require('./RCTNetworking').default;
 const base64 = require('base64-js');
 const invariant = require('invariant');
 
+declare var performance: Performance;
+
 const DEBUG_NETWORK_SEND_DELAY: false = false; // Set to a number of milliseconds when debugging
 const LABEL_FOR_MISSING_URL_FOR_PROFILING = 'Unknown URL';
 

packages/react-native/flow/Position.js

@@ -10,6 +10,7 @@
  */
 
 import type MutationObserverType from '../MutationObserver';
+import type MutationRecordType from '../MutationRecord';
 
 import View from '../../../../../Libraries/Components/View/View';
 import setUpMutationObserver from '../../../setup/setUpMutationObserver';
@@ -22,6 +23,7 @@ import * as React from 'react';
 import '../../../../../Libraries/Core/InitializeCore.js';
 
 declare const MutationObserver: Class<MutationObserverType>;
+declare const MutationRecord: Class<MutationRecordType>;
 
 setUpMutationObserver();
 

packages/react-native/src/private/webapis/mutationobserver/__tests__/MutationObserver-itest.js

@@ -10,10 +10,14 @@
  * @fantom_flags enableLongTaskAPI:true
  */
 
-import type {PerformanceObserverCallbackOptions} from '../PerformanceObserver';
+import type {
+  PerformanceObserverCallbackOptions,
+  PerformanceObserverEntryList,
+} from '../PerformanceObserver';
 
 import setUpPerformanceObserver from '../../../setup/setUpPerformanceObserver';
 import {PerformanceLongTaskTiming} from '../LongTasks';
+import {PerformanceObserver} from '../PerformanceObserver';
 import Fantom from '@react-native/fantom';
 import nullthrows from 'nullthrows';
 

packages/react-native/src/private/webapis/performance/__tests__/LongTaskAPI-itest.js

@@ -12,8 +12,12 @@
 
 import '../../../../../Libraries/Core/InitializeCore.js';
 
+import type Performance from '../Performance';
+
 import Fantom from '@react-native/fantom';
 
+declare var performance: Performance;
+
 const clearMarksAndMeasures = () => {
   performance.clearMarks();
   performance.clearMeasures();
@@ -76,7 +80,9 @@ Fantom.unstable_benchmark
       performance.clearMarks('mark');
     },
     {
-      beforeEach: () => performance.mark('mark'),
+      beforeEach: () => {
+        performance.mark('mark');
+      },
     },
   )
   .test(
@@ -85,11 +91,12 @@ Fantom.unstable_benchmark
       performance.clearMeasures('measure');
     },
     {
-      beforeEach: () =>
+      beforeEach: () => {
         performance.measure('measure', {
           start: 100,
           end: 300,
-        }),
+        });
+      },
     },
   )
   .test('mark + clearMarks', () => {

packages/react-native/src/private/webapis/performance/__tests__/Performance-benchmark-itest.js

@@ -10,23 +10,26 @@
  */
 
 // eslint-disable-next-line lint/sort-imports
+import type Performance from '../Performance';
 import {performanceEntryTypeToRaw} from '../internals/RawPerformanceEntry';
 import {reportEntry} from '../specs/__mocks__/NativePerformanceMock';
 
 jest.mock('../specs/NativePerformance', () =>
   require('../specs/__mocks__/NativePerformanceMock'),
 );
 
+declare var performance: Performance;
+
 const NativePerformanceMock =
   require('../specs/__mocks__/NativePerformanceMock').default;
 
 describe('Performance', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    const Performance = require('../Performance').default;
+    const PerformanceClass = require('../Performance').default;
     // $FlowExpectedError[cannot-write]
-    global.performance = new Performance();
+    global.performance = new PerformanceClass();
   });
 
   it('reports marks and measures', () => {

packages/react-native/src/private/webapis/performance/__tests__/Performance-test.js

@@ -9,20 +9,26 @@
  * @oncall react_native
  */
 
+import type Performance from '../Performance';
+import type {PerformanceEntryList} from '../PerformanceEntry';
+
 jest.mock(
   '../specs/NativePerformance',
   () => require('../specs/__mocks__/NativePerformanceMock').default,
 );
 
+declare var performance: Performance;
+
 describe('PerformanceObserver', () => {
+  let PerformanceObserver;
+
   beforeEach(() => {
     jest.resetModules();
 
     const Performance = require('../Performance').default;
     // $FlowExpectedError[cannot-write]
     global.performance = new Performance();
-    global.PerformanceObserver =
-      require('../PerformanceObserver').PerformanceObserver;
+    PerformanceObserver = require('../PerformanceObserver').PerformanceObserver;
   });
 
   it('prevents durationThreshold to be used together with entryTypes', async () => {

packages/react-native/src/private/webapis/performance/__tests__/PerformanceObserver-test.js

@@ -10,15 +10,20 @@
  * @fantom_flags enableLongTaskAPI:true
  */
 
+import type Performance from '../Performance';
+
 import setUpPerformanceObserver from '../../../setup/setUpPerformanceObserver';
 import ensureInstance from '../../../utilities/ensureInstance';
+import {PerformanceObserver} from '../PerformanceObserver';
 import {PerformanceMark} from '../UserTiming';
 import Fantom from '@react-native/fantom';
 
 import '../../../../../Libraries/Core/InitializeCore.js';
 
 setUpPerformanceObserver();
 
+declare var performance: Performance;
+
 describe('User Timing API', () => {
   describe('performance.mark()', () => {
     it('reports marks to observers', () => {