connectPort() — react Function Reference

Architecture documentation for the connectPort() function in proxy.js from the react codebase.

Function javascript BabelCompiler Validation called by 2

Entity Profile

BabelCompiler→ Validation→ connectPort() — react Function Reference

Dependency Diagram

graph TD
  c394f590_bdfa_9662_aa2d_496fa7ad61ab["connectPort()"]
  668e31ea_eaa7_3604_a571_2b6a67d82b6c["proxy.js"]
  c394f590_bdfa_9662_aa2d_496fa7ad61ab -->|defined in| 668e31ea_eaa7_3604_a571_2b6a67d82b6c
  06a325b2_15e1_b60b_59d8_0e05e88623f9["injectProxy()"]
  06a325b2_15e1_b60b_59d8_0e05e88623f9 -->|calls| c394f590_bdfa_9662_aa2d_496fa7ad61ab
  821837c3_2a4c_4c04_d620_3b627e5264f7["handleDisconnect()"]
  821837c3_2a4c_4c04_d620_3b627e5264f7 -->|calls| c394f590_bdfa_9662_aa2d_496fa7ad61ab
  style c394f590_bdfa_9662_aa2d_496fa7ad61ab fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-extensions/src/contentScripts/proxy.js lines 108–119

function connectPort() {
  port = chrome.runtime.connect({
    name: 'proxy',
  });

  window.addEventListener('message', handleMessageFromPage);

  // $FlowFixMe[incompatible-use]
  port.onMessage.addListener(handleMessageFromDevtools);
  // $FlowFixMe[incompatible-use]
  port.onDisconnect.addListener(handleDisconnect);
}