showOverlay() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ showOverlay() — react Function Reference

Dependency Diagram

graph TD
  f1332dfb_38f6_9072_35cf_d53315e4c35c["showOverlay()"]
  637d6ae2_3589_aafb_1b83_9f14bbf636ac["Highlighter.js"]
  f1332dfb_38f6_9072_35cf_d53315e4c35c -->|defined in| 637d6ae2_3589_aafb_1b83_9f14bbf636ac
  257ae4e1_d9ef_2cd8_8e8f_05070ef27bd0["setupHighlighter()"]
  257ae4e1_d9ef_2cd8_8e8f_05070ef27bd0 -->|calls| f1332dfb_38f6_9072_35cf_d53315e4c35c
  ba9a65f4_6a61_3b22_2e91_9ffb86920326["showOverlayNative()"]
  f1332dfb_38f6_9072_35cf_d53315e4c35c -->|calls| ba9a65f4_6a61_3b22_2e91_9ffb86920326
  31e1f969_8742_8047_dfe7_213492768ac3["showOverlayWeb()"]
  f1332dfb_38f6_9072_35cf_d53315e4c35c -->|calls| 31e1f969_8742_8047_dfe7_213492768ac3
  style f1332dfb_38f6_9072_35cf_d53315e4c35c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/backend/views/Highlighter/Highlighter.js lines 69–83

export function showOverlay(
  elements: $ReadOnlyArray<HostInstance>,
  componentName: string | null,
  agent: Agent,
  hideAfterTimeout: boolean,
): void {
  return isReactNativeEnvironment()
    ? showOverlayNative(elements, agent)
    : showOverlayWeb(
        (elements: $ReadOnlyArray<any>),
        componentName,
        agent,
        hideAfterTimeout,
      );
}