DevTools: Timeline profiler refactor

Refactor DevTools to record Timeline data (in memory) while profiling. Updated the Profiler UI to import/export Timeline data along with legacy profiler data.

Relates to issue #22529

Author: Brian Vaughn

packages/react-devtools-shared/src/__tests__/TimelineProfiler-test.js

@@ -0,0 +1,25 @@
+import hasOwnProperty from 'shared/hasOwnProperty';
+
+const FILTERED_VERSION_STRING = '<filtered-version>';
+
+// test() is part of Jest's serializer API
+export function test(maybeProfile) {
+  if (
+    maybeProfile != null &&
+    typeof maybeProfile === 'object' &&
+    hasOwnProperty.call(maybeProfile, 'reactVersion') &&
+    maybeProfile.reactVersion !== FILTERED_VERSION_STRING
+  ) {
+    return true;
+  }
+
+  return false;
+}
+
+// print() is part of Jest's serializer API
+export function print(profile, serialize, indent) {
+  return serialize({
+    ...profile,
+    reactVersion: FILTERED_VERSION_STRING,
+  });
+}

packages/react-devtools-shared/src/__tests__/__serializers__/profilingSerializer.js

@@ -0,0 +1,29 @@
+import hasOwnProperty from 'shared/hasOwnProperty';
+import isArray from 'shared/isArray';
+
+function formatLanes(laneArray) {
+  const lanes = laneArray.reduce((current, reduced) => current + reduced, 0);
+  return '0b' + lanes.toString(2).padStart(31, '0');
+}
+
+// test() is part of Jest's serializer API
+export function test(maybeTimelineData) {
+  if (
+    maybeTimelineData != null &&
+    typeof maybeTimelineData === 'object' &&
+    hasOwnProperty.call(maybeTimelineData, 'lanes') &&
+    isArray(maybeTimelineData.lanes)
+  ) {
+    return true;
+  }
+
+  return false;
+}
+
+// print() is part of Jest's serializer API
+export function print(timelineData, serialize, indent) {
+  return serialize({
+    ...timelineData,
+    lanes: formatLanes(timelineData.lanes),
+  });
+}