fetchResource() — react Function Reference

Architecture documentation for the fetchResource() function in fileFetcher.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ fetchResource() — react Function Reference

Dependency Diagram

graph TD
  49b46d41_f976_d369_8f10_ddfa818a85d7["fetchResource()"]
  f9d7fe75_1665_84ec_5151_961917667a7a["fileFetcher.js"]
  49b46d41_f976_d369_8f10_ddfa818a85d7 -->|defined in| f9d7fe75_1665_84ec_5151_961917667a7a
  style 49b46d41_f976_d369_8f10_ddfa818a85d7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-extensions/src/contentScripts/fileFetcher.js lines 3–39

function fetchResource(url) {
  const reject = value => {
    chrome.runtime.sendMessage({
      source: 'react-devtools-fetch-resource-content-script',
      payload: {
        type: 'fetch-file-with-cache-error',
        url,
        value,
      },
    });
  };

  const resolve = value => {
    chrome.runtime.sendMessage({
      source: 'react-devtools-fetch-resource-content-script',
      payload: {
        type: 'fetch-file-with-cache-complete',
        url,
        value,
      },
    });
  };

  fetch(url, {cache: 'force-cache', signal: AbortSignal.timeout(60000)}).then(
    response => {
      if (response.ok) {
        response
          .text()
          .then(text => resolve(text))
          .catch(error => reject(null));
      } else {
        reject(null);
      }
    },
    error => reject(null),
  );
}