_drawSingleThrownError() — react Function Reference

Architecture documentation for the _drawSingleThrownError() function in ThrownErrorsView.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ _drawSingleThrownError() — react Function Reference

Dependency Diagram

graph TD
  206c118a_a95b_2736_0a2c_50fcd6152f5e["_drawSingleThrownError()"]
  2c3a6a4e_0c73_35ac_af62_6070bfc10612["ThrownErrorsView"]
  206c118a_a95b_2736_0a2c_50fcd6152f5e -->|defined in| 2c3a6a4e_0c73_35ac_af62_6070bfc10612
  f2dac41f_c6ba_b398_a87d_c07c5219fab2["draw()"]
  f2dac41f_c6ba_b398_a87d_c07c5219fab2 -->|calls| 206c118a_a95b_2736_0a2c_50fcd6152f5e
  83465e3e_5308_9ddc_a12b_a84d78f1c10a["timestampToPosition()"]
  206c118a_a95b_2736_0a2c_50fcd6152f5e -->|calls| 83465e3e_5308_9ddc_a12b_a84d78f1c10a
  style 206c118a_a95b_2736_0a2c_50fcd6152f5e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/content-views/ThrownErrorsView.js lines 73–107

  _drawSingleThrownError(
    context: CanvasRenderingContext2D,
    rect: Rect,
    thrownError: ThrownError,
    baseY: number,
    scaleFactor: number,
    showHoverHighlight: boolean,
  ) {
    const {frame} = this;
    const {timestamp} = thrownError;

    const x = timestampToPosition(timestamp, scaleFactor, frame);
    const radius = REACT_EVENT_DIAMETER / 2;
    const eventRect: Rect = {
      origin: {
        x: x - radius,
        y: baseY,
      },
      size: {width: REACT_EVENT_DIAMETER, height: REACT_EVENT_DIAMETER},
    };
    if (!rectIntersectsRect(eventRect, rect)) {
      return; // Not in view
    }

    const fillStyle = showHoverHighlight
      ? COLORS.REACT_THROWN_ERROR_HOVER
      : COLORS.REACT_THROWN_ERROR;

    const y = eventRect.origin.y + radius;

    context.beginPath();
    context.fillStyle = fillStyle;
    context.arc(x, y, radius, 0, 2 * Math.PI);
    context.fill();
  }