Add PerformanceEventTiming API, according to the standard

Summary:
Changelog: [Internal]

This adds definition of `PerformanceEventTiming` interface, according to the W3C standard, so that [event timing](https://www.w3.org/TR/event-timing) data can be reported from native (the C++ part is in the next diff).

See here: https://www.w3.org/TR/event-timing/#performanceeventtiming

Reviewed By: christophpurrer

Differential Revision: D42279486

fbshipit-source-id: 0dfbcd6e5a08fc1b89651bd35b24fb4e731f8b05

Libraries/WebPerformance/Performance.js

@@ -8,11 +8,11 @@
  * @flow strict
  */
 
-import type {HighResTimeStamp} from './PerformanceObserver';
+import type {HighResTimeStamp} from './PerformanceEntry';
 
 import warnOnce from '../Utilities/warnOnce';
 import NativePerformance from './NativePerformance';
-import {PerformanceEntry} from './PerformanceObserver';
+import {PerformanceEntry} from './PerformanceEntry';
 
 type DetailType = mixed;
 

Libraries/WebPerformance/PerformanceEntry.js

@@ -0,0 +1,45 @@
+/**
+ * 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
+ */
+
+export type HighResTimeStamp = number;
+export type PerformanceEntryType = 'mark' | 'measure' | 'event' | 'first-input';
+
+export class PerformanceEntry {
+  name: string;
+  entryType: PerformanceEntryType;
+  startTime: HighResTimeStamp;
+  duration: HighResTimeStamp;
+
+  constructor(init: {
+    name: string,
+    entryType: PerformanceEntryType,
+    startTime: HighResTimeStamp,
+    duration: HighResTimeStamp,
+  }) {
+    this.name = init.name;
+    this.entryType = init.entryType;
+    this.startTime = init.startTime;
+    this.duration = init.duration;
+  }
+
+  toJSON(): {
+    name: string,
+    entryType: PerformanceEntryType,
+    startTime: HighResTimeStamp,
+    duration: HighResTimeStamp,
+  } {
+    return {
+      name: this.name,
+      entryType: this.entryType,
+      startTime: this.startTime,
+      duration: this.duration,
+    };
+  }
+}

Libraries/WebPerformance/PerformanceEventTiming.js

@@ -0,0 +1,39 @@
+/**
+ * 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
+ */
+
+import type {HighResTimeStamp} from './PerformanceEntry';
+
+import {PerformanceEntry} from './PerformanceEntry';
+
+export class PerformanceEventTiming extends PerformanceEntry {
+  processingStart: HighResTimeStamp;
+  processingEnd: HighResTimeStamp;
+  interactionId: number;
+
+  constructor(init: {
+    name: string,
+    startTime?: HighResTimeStamp,
+    duration?: HighResTimeStamp,
+    processingStart?: HighResTimeStamp,
+    processingEnd?: HighResTimeStamp,
+    interactionId?: number,
+    isFirstInput?: boolean,
+  }) {
+    super({
+      name: init.name,
+      entryType: init.isFirstInput === true ? 'first-input' : 'measure',
+      startTime: init.startTime ?? 0,
+      duration: init.duration ?? 0,
+    });
+    this.processingStart = init.processingStart ?? 0;
+    this.processingEnd = init.processingEnd ?? 0;
+    this.interactionId = init.interactionId ?? 0;
+  }
+}

Libraries/WebPerformance/PerformanceObserver.js

@@ -12,47 +12,14 @@ import type {
   RawPerformanceEntry,
   RawPerformanceEntryType,
 } from './NativePerformanceObserver';
+import type {PerformanceEntryType} from './PerformanceEntry';
 
 import warnOnce from '../Utilities/warnOnce';
 import NativePerformanceObserver, {
   RawPerformanceEntryTypeValues,
 } from './NativePerformanceObserver';
-
-export type HighResTimeStamp = number;
-export type PerformanceEntryType = 'mark' | 'measure' | 'event' | 'first-input';
-
-export class PerformanceEntry {
-  name: string;
-  entryType: PerformanceEntryType;
-  startTime: HighResTimeStamp;
-  duration: HighResTimeStamp;
-
-  constructor(init: {
-    name: string,
-    entryType: PerformanceEntryType,
-    startTime: HighResTimeStamp,
-    duration: HighResTimeStamp,
-  }) {
-    this.name = init.name;
-    this.entryType = init.entryType;
-    this.startTime = init.startTime;
-    this.duration = init.duration;
-  }
-
-  toJSON(): {
-    name: string,
-    entryType: PerformanceEntryType,
-    startTime: HighResTimeStamp,
-    duration: HighResTimeStamp,
-  } {
-    return {
-      name: this.name,
-      entryType: this.entryType,
-      startTime: this.startTime,
-      duration: this.duration,
-    };
-  }
-}
+import {PerformanceEntry} from './PerformanceEntry';
+import {PerformanceEventTiming} from './PerformanceEventTiming';
 
 function rawToPerformanceEntryType(
   type: RawPerformanceEntryType,
@@ -74,12 +41,28 @@ function rawToPerformanceEntryType(
 }
 
 function rawToPerformanceEntry(entry: RawPerformanceEntry): PerformanceEntry {
-  return new PerformanceEntry({
-    name: entry.name,
-    entryType: rawToPerformanceEntryType(entry.entryType),
-    startTime: entry.startTime,
-    duration: entry.duration,
-  });
+  if (
+    entry.entryType === RawPerformanceEntryTypeValues.EVENT ||
+    entry.entryType === RawPerformanceEntryTypeValues.FIRST_INPUT
+  ) {
+    return new PerformanceEventTiming({
+      name: entry.name,
+      startTime: entry.startTime,
+      duration: entry.duration,
+      processingStart: entry.processingStart,
+      processingEnd: entry.processingEnd,
+      interactionId: entry.interactionId,
+      isFirstInput:
+        entry.entryType === RawPerformanceEntryTypeValues.FIRST_INPUT,
+    });
+  } else {
+    return new PerformanceEntry({
+      name: entry.name,
+      entryType: rawToPerformanceEntryType(entry.entryType),
+      startTime: entry.startTime,
+      duration: entry.duration,
+    });
+  }
 }
 
 export type PerformanceEntryList = $ReadOnlyArray<PerformanceEntry>;