Implement new preprocessData and types to support new React marks (#20)

Author: taneliang

src/constants.js

@@ -0,0 +1,4 @@
+// @flow
+// App constants
+
+export const REACT_TOTAL_NUM_LANES = 31;

src/types.js

@@ -14,20 +14,25 @@ export type Return<T> = Return_<*, T>;
 
 export type Milliseconds = number;
 
+/** @deprecated */
 export type ReactPriority = 'unscheduled' | 'high' | 'normal' | 'low';
 
+/** @deprecated */
 export type ReactEventType =
   | 'schedule-render'
   | 'schedule-state-update'
   | 'suspend';
 
 export type ReactMeasureType =
   | 'commit'
+  // render-idle: A measure spanning the time when a render starts, through all
+  // yields and restarts, and ends when commit stops OR render is cancelled.
   | 'render-idle'
   | 'render'
   | 'layout-effects'
   | 'passive-effects';
 
+/** @deprecated */
 export type ReactEvent = {|
   +type: ReactEventType,
   +priority: ReactPriority,
@@ -39,6 +44,7 @@ export type ReactEvent = {|
 
 export type BatchUID = number;
 
+/** @deprecated */
 export type ReactMeasure = {|
   +type: ReactMeasureType,
   +priority: ReactPriority,
@@ -48,12 +54,14 @@ export type ReactMeasure = {|
   +depth: number,
 |};
 
+/** @deprecated */
 export type ReactProfilerDataPriority = {|
   events: Array<ReactEvent>,
   measures: Array<ReactMeasure>,
   maxNestedMeasures: number,
 |};
 
+/** @deprecated */
 export type ReactProfilerData = {|
   startTime: number,
   duration: number,
@@ -64,11 +72,84 @@ export type ReactProfilerData = {|
 |};
 
 export type ReactHoverContextInfo = {|
+  /** @deprecated */
   event: ReactEvent | null,
+  /** @deprecated */
   measure: ReactMeasure | null,
+  /** @deprecated */
   priorityIndex: number | null,
+  /** @deprecated */
   data: ReactProfilerData | null,
   flamechartNode: FlamechartFrame | null,
 |};
 
 export type FlamechartData = Flamechart;
+
+export type ReactLane = number;
+
+type BaseReactEvent = {|
+  +componentName?: string,
+  +componentStack?: string,
+  +timestamp: Milliseconds,
+|};
+
+type BaseReactScheduleEvent = {|
+  ...BaseReactEvent,
+  +lanes: ReactLane[],
+|};
+export type ReactScheduleRenderEvent = {|
+  ...BaseReactScheduleEvent,
+  type: 'schedule-render',
+|};
+export type ReactScheduleStateUpdateEvent = {|
+  ...BaseReactScheduleEvent,
+  type: 'schedule-state-update',
+  isCascading: boolean,
+|};
+export type ReactScheduleForceUpdateEvent = {|
+  ...BaseReactScheduleEvent,
+  type: 'schedule-force-update',
+  isCascading: boolean,
+|};
+
+type BaseReactSuspenseEvent = {|
+  ...BaseReactEvent,
+  id: string,
+|};
+export type ReactSuspenseSuspendEvent = {|
+  ...BaseReactSuspenseEvent,
+  type: 'suspense-suspend',
+|};
+export type ReactSuspenseResolvedEvent = {|
+  ...BaseReactSuspenseEvent,
+  type: 'suspense-resolved',
+|};
+export type ReactSuspenseRejectedEvent = {|
+  ...BaseReactSuspenseEvent,
+  type: 'suspense-rejected',
+|};
+
+export type ReactEventV2 =
+  | ReactScheduleRenderEvent
+  | ReactScheduleStateUpdateEvent
+  | ReactScheduleForceUpdateEvent
+  | ReactSuspenseSuspendEvent
+  | ReactSuspenseResolvedEvent
+  | ReactSuspenseRejectedEvent;
+export type ReactEventTypeV2 = $PropertyType<ReactEventV2, 'type'>;
+
+export type ReactMeasureV2 = {|
+  +type: ReactMeasureType,
+  +lanes: ReactLane[],
+  +timestamp: Milliseconds,
+  +duration: Milliseconds,
+  +batchUID: BatchUID,
+  +depth: number,
+|};
+
+export type ReactProfilerDataV2 = {|
+  startTime: number,
+  duration: number,
+  events: ReactEventV2[],
+  measures: ReactMeasureV2[],
+|};