logComponentAwaitAborted() — react Function Reference

Architecture documentation for the logComponentAwaitAborted() function in ReactFlightPerformanceTrack.js from the react codebase.

Function javascript BabelCompiler Validation calls 2

Entity Profile

BabelCompiler→ Validation→ logComponentAwaitAborted() — react Function Reference

Dependency Diagram

graph TD
  2060f35f_5c20_8dc4_8358_fe4c45025636["logComponentAwaitAborted()"]
  e5244d6e_35d7_7c99_420d_82c7be8fe931["ReactFlightPerformanceTrack.js"]
  2060f35f_5c20_8dc4_8358_fe4c45025636 -->|defined in| e5244d6e_35d7_7c99_420d_82c7be8fe931
  1fae0211_be70_95cf_fc81_b888b3d13b71["getIOShortName()"]
  2060f35f_5c20_8dc4_8358_fe4c45025636 -->|calls| 1fae0211_be70_95cf_fc81_b888b3d13b71
  7213be43_ce6c_ee41_dfb0_f5644c0fb421["getIOLongName()"]
  2060f35f_5c20_8dc4_8358_fe4c45025636 -->|calls| 7213be43_ce6c_ee41_dfb0_f5644c0fb421
  style 2060f35f_5c20_8dc4_8358_fe4c45025636 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-client/src/ReactFlightPerformanceTrack.js lines 375–421

export function logComponentAwaitAborted(
  asyncInfo: ReactAsyncInfo,
  trackIdx: number,
  startTime: number,
  endTime: number,
  rootEnv: string,
): void {
  if (supportsUserTiming && endTime > 0) {
    const entryName =
      'await ' + getIOShortName(asyncInfo.awaited, '', asyncInfo.env, rootEnv);
    const debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask;
    if (__DEV__ && debugTask) {
      const properties = [
        ['Aborted', 'The stream was aborted before this Promise resolved.'],
      ];
      const tooltipText =
        getIOLongName(asyncInfo.awaited, '', asyncInfo.env, rootEnv) +
        ' Aborted';
      debugTask.run(
        // $FlowFixMe[method-unbinding]
        performance.measure.bind(performance, entryName, {
          start: startTime < 0 ? 0 : startTime,
          end: endTime,
          detail: {
            devtools: {
              color: 'warning',
              track: trackNames[trackIdx],
              trackGroup: COMPONENTS_TRACK,
              properties,
              tooltipText,
            },
          },
        }),
      );
      performance.clearMeasures(entryName);
    } else {
      console.timeStamp(
        entryName,
        startTime < 0 ? 0 : startTime,
        endTime,
        trackNames[trackIdx],
        COMPONENTS_TRACK,
        'warning',
      );
    }
  }
}