setup() — react Function Reference

Architecture documentation for the setup() function in backendManager.js from the react codebase.

Function javascript BabelCompiler Validation calls 3 called by 1

Entity Profile

BabelCompiler→ Validation→ setup() — react Function Reference

Dependency Diagram

graph TD
  74df88b7_2c4d_b47c_87ff_25f127f61424["setup()"]
  90e8e836_8a48_d6c0_6325_60776b1ad6d2["backendManager.js"]
  74df88b7_2c4d_b47c_87ff_25f127f61424 -->|defined in| 90e8e836_8a48_d6c0_6325_60776b1ad6d2
  96d7c41f_0ad6_adfa_e1d8_c54daa214f95["welcome()"]
  96d7c41f_0ad6_adfa_e1d8_c54daa214f95 -->|calls| 74df88b7_2c4d_b47c_87ff_25f127f61424
  847ea02b_4ff0_64a5_d2fa_8fb154737783["registerRenderer()"]
  74df88b7_2c4d_b47c_87ff_25f127f61424 -->|calls| 847ea02b_4ff0_64a5_d2fa_8fb154737783
  850f866e_d60f_317f_0442_0354d3c889ac["activateBackend()"]
  74df88b7_2c4d_b47c_87ff_25f127f61424 -->|calls| 850f866e_d60f_317f_0442_0354d3c889ac
  6fd6af0a_b496_e636_9f9d_61d5e2da4377["updateRequiredBackends()"]
  74df88b7_2c4d_b47c_87ff_25f127f61424 -->|calls| 6fd6af0a_b496_e636_9f9d_61d5e2da4377
  style 74df88b7_2c4d_b47c_87ff_25f127f61424 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-extensions/src/contentScripts/backendManager.js lines 58–97

function setup(hook: ?DevToolsHook) {
  // this should not happen, but Chrome can be weird sometimes
  if (hook == null) {
    return;
  }

  // register renderers that have already injected themselves.
  hook.renderers.forEach(renderer => {
    registerRenderer(renderer, hook);
  });

  // Activate and remove from required all present backends, registered within the hook
  hook.backends.forEach((_, backendVersion) => {
    requiredBackends.delete(backendVersion);
    activateBackend(backendVersion, hook);
  });

  updateRequiredBackends();

  // register renderers that inject themselves later.
  const unsubscribeRendererListener = hook.sub('renderer', ({renderer}) => {
    registerRenderer(renderer, hook);
    updateRequiredBackends();
  });

  // listen for backend installations.
  const unsubscribeBackendInstallationListener = hook.sub(
    'devtools-backend-installed',
    version => {
      activateBackend(version, hook);
      updateRequiredBackends();
    },
  );

  const unsubscribeShutdownListener: () => void = hook.sub('shutdown', () => {
    unsubscribeRendererListener();
    unsubscribeBackendInstallationListener();
    unsubscribeShutdownListener();
  });
}