loadModules() — react Function Reference

Architecture documentation for the loadModules() function in react-loader.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ loadModules() — react Function Reference

Dependency Diagram

graph TD
  0928f4a9_e54f_8e33_8a41_892689b3b784["loadModules()"]
  dd026ac1_6193_60a0_f5c1_cc7da4d3c4af["react-loader.js"]
  0928f4a9_e54f_8e33_8a41_892689b3b784 -->|defined in| dd026ac1_6193_60a0_f5c1_cc7da4d3c4af
  83707f54_2192_80b8_bcfe_57a894138f14["loadReact()"]
  83707f54_2192_80b8_bcfe_57a894138f14 -->|calls| 0928f4a9_e54f_8e33_8a41_892689b3b784
  style 0928f4a9_e54f_8e33_8a41_892689b3b784 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/react-loader.js lines 39–64

function loadModules(SymbolSrcPairs) {
  let firstScript = document.getElementsByTagName('script')[0];

  let imports = '';
  SymbolSrcPairs.map(([symbol, src]) => {
    imports += `import ${symbol} from "${src}";\n`;
    imports += `window.${symbol} = ${symbol};\n`;
  });

  return new Promise((resolve, reject) => {
    const timeout = setTimeout(
      () => reject(new Error('Timed out loading react modules over esm')),
      5000
    );
    window.__loaded = () => {
      clearTimeout(timeout);
      resolve();
    };

    const moduleScript = document.createElement('script');
    moduleScript.type = 'module';
    moduleScript.textContent = imports + 'window.__loaded();';

    firstScript.parentNode.insertBefore(moduleScript, firstScript);
  });
}