buildAndTestExtensions() — react Function Reference

Architecture documentation for the buildAndTestExtensions() function in build-and-test.js from the react codebase.

Function javascript BabelCompiler Entrypoint called by 1

Entity Profile

BabelCompiler→ Entrypoint→ buildAndTestExtensions() — react Function Reference

Dependency Diagram

graph TD
  396d4f02_6783_0b0c_3500_53a67b7c54ae["buildAndTestExtensions()"]
  21cad21f_644b_d18d_0ebc_7082529ded32["build-and-test.js"]
  396d4f02_6783_0b0c_3500_53a67b7c54ae -->|defined in| 21cad21f_644b_d18d_0ebc_7082529ded32
  5fee8731_b60a_55eb_a4e0_95679d86d20d["main()"]
  5fee8731_b60a_55eb_a4e0_95679d86d20d -->|calls| 396d4f02_6783_0b0c_3500_53a67b7c54ae
  style 396d4f02_6783_0b0c_3500_53a67b7c54ae fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

scripts/devtools/build-and-test.js lines 78–112

async function buildAndTestExtensions() {
  const extensionsPackagePath = join(
    ROOT_PATH,
    'packages',
    'react-devtools-extensions'
  );
  const buildExtensionsPromise = exec('yarn build', {
    cwd: extensionsPackagePath,
  });

  await logger(
    buildExtensionsPromise,
    `Building browser extensions ${chalk.dim('(this may take a minute)')}`,
    {
      estimate: 60000,
    }
  );

  console.log('');
  console.log(`Extensions have been build for Chrome, Edge, and Firefox.`);
  console.log('');
  console.log('Smoke test each extension before continuing:');
  console.log(`  ${chalk.bold.green('cd ' + extensionsPackagePath)}`);
  console.log('');
  console.log(`  ${chalk.dim('# Test Chrome extension')}`);
  console.log(`  ${chalk.bold.green('yarn test:chrome')}`);
  console.log('');
  console.log(`  ${chalk.dim('# Test Edge extension')}`);
  console.log(`  ${chalk.bold.green('yarn test:edge')}`);
  console.log('');
  console.log(`  ${chalk.dim('# Firefox Chrome extension')}`);
  console.log(`  ${chalk.bold.green('yarn test:firefox')}`);

  await confirmContinue();
}