logIOInfo() — react Function Reference

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

Function javascript CompilerCore BabelIntegration calls 2

Entity Profile

CompilerCore→ BabelIntegration→ logIOInfo() — react Function Reference

Dependency Diagram

graph TD
  39cfda83_ba0d_5683_c8d9_7532e59c8b13["logIOInfo()"]
  6f5ec7bd_866f_5318_794f_a75160bffa69["ReactFlightPerformanceTrack.js"]
  39cfda83_ba0d_5683_c8d9_7532e59c8b13 -->|defined in| 6f5ec7bd_866f_5318_794f_a75160bffa69
  c82b46d0_c1dd_b160_3a95_1061c6cbf6bd["getIOShortName()"]
  39cfda83_ba0d_5683_c8d9_7532e59c8b13 -->|calls| c82b46d0_c1dd_b160_3a95_1061c6cbf6bd
  c1e29888_8a0b_0ab5_f372_46dd010bf91a["getIOLongName()"]
  39cfda83_ba0d_5683_c8d9_7532e59c8b13 -->|calls| c1e29888_8a0b_0ab5_f372_46dd010bf91a
  style 39cfda83_ba0d_5683_c8d9_7532e59c8b13 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-client/src/ReactFlightPerformanceTrack.js lines 596–649

export function logIOInfo(
  ioInfo: ReactIOInfo,
  rootEnv: string,
  value: mixed,
): void {
  const startTime = ioInfo.start;
  const endTime = ioInfo.end;
  if (supportsUserTiming && endTime >= 0) {
    const description = getIODescription(value);
    const entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv);
    const color = getIOColor(entryName);
    const debugTask = ioInfo.debugTask;
    const measureName = '\u200b' + entryName;
    if (__DEV__ && debugTask) {
      const properties: Array<[string, string]> = [];
      if (typeof value === 'object' && value !== null) {
        addObjectToProperties(value, properties, 0, '');
      } else if (value !== undefined) {
        addValueToProperties('Resolved', value, properties, 0, '');
      }
      const tooltipText = getIOLongName(
        ioInfo,
        description,
        ioInfo.env,
        rootEnv,
      );
      debugTask.run(
        // $FlowFixMe[method-unbinding]
        performance.measure.bind(performance, measureName, {
          start: startTime < 0 ? 0 : startTime,
          end: endTime,
          detail: {
            devtools: {
              color: color,
              track: IO_TRACK,
              properties,
              tooltipText,
            },
          },
        }),
      );
      performance.clearMeasures(measureName);
    } else {
      console.timeStamp(
        measureName,
        startTime < 0 ? 0 : startTime,
        endTime,
        IO_TRACK,
        undefined,
        color,
      );
    }
  }
}