Get rid of perf_hooks package in Flipper UI

Summary:
perf_hooks is no longer needed as these APIs are widely available in both browser and electron.

Still needed in unit tests, as they run from Node

Reviewed By: lblasa, aigoncharov

Differential Revision: D32648253

fbshipit-source-id: 5718ea99b57f96f6858311fd0815ad18c476c99e

desktop/babel-transformer/src/electron-requires.ts

@@ -34,7 +34,6 @@ const BUILTINS = [
   'assert',
   'util',
   'path',
-  'perf_hooks',
   'punycode',
   'querystring',
   'cluster',

desktop/flipper-ui-core/src/Client.tsx

@@ -14,7 +14,6 @@ import {PluginDefinition} from './plugin';
 import BaseDevice from './devices/BaseDevice';
 import {Logger} from 'flipper-common';
 import {Store} from './reducers/index';
-import {performance} from 'perf_hooks';
 import {
   reportPluginFailures,
   NoLongerConnectedToClientError,

desktop/flipper-ui-core/src/chrome/ShareSheetExportFile.tsx

@@ -10,7 +10,6 @@
 import {FlexColumn, Button, styled, Text, FlexRow, Spacer} from '../ui';
 import React, {Component} from 'react';
 import {reportPlatformFailures} from 'flipper-common';
-import {performance} from 'perf_hooks';
 import {Logger} from 'flipper-common';
 import {IdlerImpl} from '../utils/Idler';
 import {

desktop/flipper-ui-core/src/chrome/ShareSheetExportUrl.tsx

@@ -24,7 +24,6 @@ import {
 } from '../utils/exportData';
 import ShareSheetErrorList from './ShareSheetErrorList';
 import {reportPlatformFailures} from 'flipper-common';
-import {performance} from 'perf_hooks';
 import ShareSheetPendingDialog from './ShareSheetPendingDialog';
 import {getLogger} from 'flipper-common';
 import {resetSupportFormV2State} from '../reducers/supportForm';

desktop/flipper-ui-core/src/dispatcher/tracking.tsx

@@ -7,7 +7,6 @@
  * @format
  */
 
-import {performance} from 'perf_hooks';
 import EventEmitter from 'eventemitter3';
 
 import {State, Store} from '../reducers/index';

desktop/flipper-ui-core/src/reducers/connections.tsx

@@ -18,7 +18,6 @@ import type {
   Logger,
   FlipperServer,
 } from 'flipper-common';
-import {performance} from 'perf_hooks';
 import type {Actions} from '.';
 import {WelcomeScreenStaticView} from '../sandy-chrome/WelcomeScreen';
 import {isDevicePluginDefinition} from '../utils/pluginUtils';

desktop/flipper-ui-core/src/utils/exportData.tsx

@@ -32,7 +32,6 @@ import {
   SupportFormRequestDetailsState,
 } from '../reducers/supportForm';
 import {deconstructClientId} from 'flipper-common';
-import {performance} from 'perf_hooks';
 import {processMessageQueue} from './messageQueue';
 import {getPluginTitle} from './pluginUtils';
 import {capture} from './screenshot';

desktop/scripts/jest-setup-after.js

@@ -39,6 +39,23 @@ console.debug = function () {
   // Intentional noop, we don't want debug statements in Jest runs
 };
 
+// make perf tools available in Node (it is available in Browser / Electron just fine)
+const {PerformanceObserver, performance} = require('perf_hooks');
+Object.freeze(performance);
+Object.freeze(Object.getPrototypeOf(performance));
+// Something in our unit tests is messing with the performance global
+// This fixes that.....
+Object.defineProperty(global, 'performance', {
+  get() {
+    return performance;
+  },
+  set() {
+    throw new Error('Attempt to overwrite global.performance');
+  },
+});
+
+global.PerformanceObserver = PerformanceObserver;
+
 // https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
 Object.defineProperty(window, 'matchMedia', {
   writable: true,