showOverlayWeb() — react Function Reference

Architecture documentation for the showOverlayWeb() function in Highlighter.js from the react codebase.

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ showOverlayWeb() — react Function Reference

Dependency Diagram

graph TD
  31e1f969_8742_8047_dfe7_213492768ac3["showOverlayWeb()"]
  637d6ae2_3589_aafb_1b83_9f14bbf636ac["Highlighter.js"]
  31e1f969_8742_8047_dfe7_213492768ac3 -->|defined in| 637d6ae2_3589_aafb_1b83_9f14bbf636ac
  f1332dfb_38f6_9072_35cf_d53315e4c35c["showOverlay()"]
  f1332dfb_38f6_9072_35cf_d53315e4c35c -->|calls| 31e1f969_8742_8047_dfe7_213492768ac3
  ca452625_274e_0064_ef00_337501859e94["inspect()"]
  31e1f969_8742_8047_dfe7_213492768ac3 -->|calls| ca452625_274e_0064_ef00_337501859e94
  588a0ccc_6953_a79c_0da7_498ef35e4d47["hideOverlay()"]
  31e1f969_8742_8047_dfe7_213492768ac3 -->|calls| 588a0ccc_6953_a79c_0da7_498ef35e4d47
  style 31e1f969_8742_8047_dfe7_213492768ac3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/backend/views/Highlighter/Highlighter.js lines 48–67

function showOverlayWeb(
  elements: $ReadOnlyArray<HTMLElement>,
  componentName: string | null,
  agent: Agent,
  hideAfterTimeout: boolean,
): void {
  if (timeoutID !== null) {
    clearTimeout(timeoutID);
  }

  if (overlay === null) {
    overlay = new Overlay(agent);
  }

  overlay.inspect(elements, componentName);

  if (hideAfterTimeout) {
    timeoutID = setTimeout(() => hideOverlay(agent), SHOW_DURATION);
  }
}