constructor() — react Function Reference

Architecture documentation for the constructor() function in Overlay.js from the react codebase.

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ constructor() — react Function Reference

Dependency Diagram

graph TD
  2aefb676_663c_c1e6_d265_8493cbc5b1ae["constructor()"]
  76519fd3_f246_fb28_c5c7_e3e31c4d0bc6["Overlay"]
  2aefb676_663c_c1e6_d265_8493cbc5b1ae -->|defined in| 76519fd3_f246_fb28_c5c7_e3e31c4d0bc6
  398fbed3_a71d_efb3_1425_8c5f9e4bcf83["constructor()"]
  2aefb676_663c_c1e6_d265_8493cbc5b1ae -->|calls| 398fbed3_a71d_efb3_1425_8c5f9e4bcf83
  style 2aefb676_663c_c1e6_d265_8493cbc5b1ae fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/backend/views/Highlighter/Overlay.js lines 158–177

  constructor(agent: Agent) {
    // Find the root window, because overlays are positioned relative to it.
    const currentWindow = window.__REACT_DEVTOOLS_TARGET_WINDOW__ || window;
    this.window = currentWindow;

    // When opened in shells/dev, the tooltip should be bound by the app iframe, not by the topmost window.
    const tipBoundsWindow = window.__REACT_DEVTOOLS_TARGET_WINDOW__ || window;
    this.tipBoundsWindow = tipBoundsWindow;

    const doc = currentWindow.document;
    this.container = doc.createElement('div');
    this.container.style.zIndex = '10000000';

    this.tip = new OverlayTip(doc, this.container);
    this.rects = [];

    this.agent = agent;

    doc.body.appendChild(this.container);
  }