Viewing github.com/facebook/react/packages/react-devtools-timeline/src/types.js

```
/**
```

 * 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.

```
 *
```
```
 * @flow
```
```
 */
```

import type {ScrollState} from './view-base/utils/scrollState';

// Source: https://github.com/facebook/flow/issues/4002#issuecomment-323612798

// eslint-disable-next-line no-unused-vars

type Return_<R, F: (...args: Array<any>) => R> = R;

```
/** Get return type of a function. */
```

export type Return<T> = Return_<mixed, T>;

```
// Project types
```
```
export type ErrorStackFrame = {
```
```
  fileName: string,
```
```
  lineNumber: number,
```
```
  columnNumber: number,
```
```
};
```
```
export type Milliseconds = number;
```
```
export type ReactLane = number;
```
```
export type NativeEvent = {
```
```
  +depth: number,
```
```
  +duration: Milliseconds,
```
```
  +timestamp: Milliseconds,
```
```
  +type: string,
```
```
  warning: string | null,
```
```
};
```
```
type BaseReactEvent = {
```
```
  +componentName?: string,
```
```
  +timestamp: Milliseconds,
```
```
  warning: string | null,
```
```
};
```
```
type BaseReactScheduleEvent = {
```
```
  ...BaseReactEvent,
```
```
  +lanes: ReactLane[],
```
```
};
```

export type ReactScheduleRenderEvent = {

```
  ...BaseReactScheduleEvent,
```
```
  +type: 'schedule-render',
```
```
};
```

export type ReactScheduleStateUpdateEvent = {

```
  ...BaseReactScheduleEvent,
```
```
  +componentStack?: string,
```
```
  +type: 'schedule-state-update',
```
```
};
```

export type ReactScheduleForceUpdateEvent = {

```
  ...BaseReactScheduleEvent,
```
```
  +type: 'schedule-force-update',
```
```
};
```

export type Phase = 'mount' | 'update';

```
export type SuspenseEvent = {
```
```
  ...BaseReactEvent,
```
```
  depth: number,
```
```
  duration: number | null,
```
```
  +id: string,
```
```
  +phase: Phase | null,
```
```
  promiseName: string | null,
```

  resolution: 'rejected' | 'resolved' | 'unresolved',

```
  +type: 'suspense',
```
```
};
```
```
export type ThrownError = {
```
```
  +componentName?: string,
```
```
  +message: string,
```
```
  +phase: Phase,
```
```
  +timestamp: Milliseconds,
```
```
  +type: 'thrown-error',
```
```
};
```
```
export type SchedulingEvent =
```
```
  | ReactScheduleRenderEvent
```
```
  | ReactScheduleStateUpdateEvent
```
```
  | ReactScheduleForceUpdateEvent;
```

export type SchedulingEventType = $PropertyType<SchedulingEvent, 'type'>;

```
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';
```
```
export type BatchUID = number;
```
```
export type ReactMeasure = {
```
```
  +type: ReactMeasureType,
```
```
  +lanes: ReactLane[],
```
```
  +timestamp: Milliseconds,
```
```
  +duration: Milliseconds,
```
```
  +batchUID: BatchUID,
```
```
  +depth: number,
```
```
};
```
```
export type NetworkMeasure = {
```
```
  +depth: number,
```
```
  finishTimestamp: Milliseconds,
```

  firstReceivedDataTimestamp: Milliseconds,

  lastReceivedDataTimestamp: Milliseconds,

```
  priority: string,
```

  receiveResponseTimestamp: Milliseconds,

```
  +requestId: string,
```
```
  requestMethod: string,
```
```
  sendRequestTimestamp: Milliseconds,
```
```
  url: string,
```
```
};
```

export type ReactComponentMeasureType =

```
  | 'render'
```
```
  | 'layout-effect-mount'
```
```
  | 'layout-effect-unmount'
```
```
  | 'passive-effect-mount'
```
```
  | 'passive-effect-unmount';
```
```
export type ReactComponentMeasure = {
```
```
  +componentName: string,
```
```
  duration: Milliseconds,
```
```
  +timestamp: Milliseconds,
```
```
  +type: ReactComponentMeasureType,
```
```
  warning: string | null,
```
```
};
```
```
/**
```

 * A flamechart stack frame belonging to a stack trace.

```
 */
```
```
export type FlamechartStackFrame = {
```
```
  name: string,
```
```
  timestamp: Milliseconds,
```
```
  duration: Milliseconds,
```
```
  scriptUrl?: string,
```
```
  locationLine?: number,
```
```
  locationColumn?: number,
```
```
};
```
```
export type UserTimingMark = {
```
```
  name: string,
```
```
  timestamp: Milliseconds,
```
```
};
```
```
export type Snapshot = {
```
```
  height: number,
```
```
  image: Image | null,
```
```
  +imageSource: string,
```
```
  +timestamp: Milliseconds,
```
```
  width: number,
```
```
};
```
```
/**
```

 * A "layer" of stack frames in the profiler UI, i.e. all stack frames of the

 * same depth across all stack traces. Displayed as a flamechart row in the UI.

```
 */
```

export type FlamechartStackLayer = FlamechartStackFrame[];

export type Flamechart = FlamechartStackLayer[];

export type HorizontalScrollStateChangeCallback = (

```
  scrollState: ScrollState,
```
```
) => void;
```

export type SearchRegExpStateChangeCallback = (

```
  searchRegExp: RegExp | null,
```
```
) => void;
```

// Imperative view state that corresponds to profiler data.

// This state lives outside of React's lifecycle

// and should be erased/reset whenever new profiler data is loaded.

```
export type ViewState = {
```
```
  horizontalScrollState: ScrollState,
```
```
  onHorizontalScrollStateChange: (
```

    callback: HorizontalScrollStateChangeCallback,

```
  ) => void,
```
```
  onSearchRegExpStateChange: (
```

    callback: SearchRegExpStateChangeCallback,

```
  ) => void,
```
```
  searchRegExp: RegExp | null,
```

  updateHorizontalScrollState: (scrollState: ScrollState) => void,

  updateSearchRegExpState: (searchRegExp: RegExp | null) => void,

  viewToMutableViewStateMap: Map<string, mixed>,

```
};
```

export type InternalModuleSourceToRanges = Map<

```
  string,
```

  Array<[ErrorStackFrame, ErrorStackFrame]>,

```
>;
```

export type LaneToLabelMap = Map<ReactLane, string>;

```
export type TimelineData = {
```

  batchUIDToMeasuresMap: Map<BatchUID, ReactMeasure[]>,

  componentMeasures: ReactComponentMeasure[],

```
  duration: number,
```
```
  flamechart: Flamechart,
```

  internalModuleSourceToRanges: InternalModuleSourceToRanges,

```
  laneToLabelMap: LaneToLabelMap,
```

  laneToReactMeasureMap: Map<ReactLane, ReactMeasure[]>,

```
  nativeEvents: NativeEvent[],
```
```
  networkMeasures: NetworkMeasure[],
```

  otherUserTimingMarks: UserTimingMark[],

```
  reactVersion: string | null,
```
```
  schedulingEvents: SchedulingEvent[],
```
```
  snapshots: Snapshot[],
```
```
  snapshotHeight: number,
```
```
  startTime: number,
```
```
  suspenseEvents: SuspenseEvent[],
```
```
  thrownErrors: ThrownError[],
```
```
};
```
```
export type TimelineDataExport = {
```

  batchUIDToMeasuresKeyValueArray: Array<[BatchUID, ReactMeasure[]]>,

  componentMeasures: ReactComponentMeasure[],

```
  duration: number,
```
```
  flamechart: Flamechart,
```
```
  internalModuleSourceToRanges: Array<
```

    [string, Array<[ErrorStackFrame, ErrorStackFrame]>],

```
  >,
```

  laneToLabelKeyValueArray: Array<[ReactLane, string]>,

  laneToReactMeasureKeyValueArray: Array<[ReactLane, ReactMeasure[]]>,

```
  nativeEvents: NativeEvent[],
```
```
  networkMeasures: NetworkMeasure[],
```

  otherUserTimingMarks: UserTimingMark[],

```
  reactVersion: string | null,
```
```
  schedulingEvents: SchedulingEvent[],
```
```
  snapshots: Snapshot[],
```
```
  snapshotHeight: number,
```
```
  startTime: number,
```
```
  suspenseEvents: SuspenseEvent[],
```
```
  thrownErrors: ThrownError[],
```
```
};
```
```
export type ReactEventInfo = {
```

  componentMeasure: ReactComponentMeasure | null,

  flamechartStackFrame: FlamechartStackFrame | null,

```
  measure: ReactMeasure | null,
```
```
  nativeEvent: NativeEvent | null,
```

  networkMeasure: NetworkMeasure | null,

  schedulingEvent: SchedulingEvent | null,

```
  suspenseEvent: SuspenseEvent | null,
```
```
  snapshot: Snapshot | null,
```
```
  thrownError: ThrownError | null,
```

  userTimingMark: UserTimingMark | null,

```
};
```

About Sign Up Leave Feedback Contact