buildAndTestInlinePackage() — react Function Reference

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

Function javascript BabelCompiler Entrypoint called by 1

Entity Profile

BabelCompiler→ Entrypoint→ buildAndTestInlinePackage() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

scripts/devtools/build-and-test.js lines 153–182

async function buildAndTestInlinePackage() {
  const inlinePackagePath = join(
    ROOT_PATH,
    'packages',
    'react-devtools-inline'
  );
  const inlinePackageDest = join(inlinePackagePath, 'dist');

  await exec(`rm -rf ${inlinePackageDest}`);
  const buildPromise = exec('yarn build', {cwd: inlinePackagePath});

  await logger(
    buildPromise,
    `Building ${chalk.bold('react-devtools-inline')} package.`,
    {
      estimate: 10000,
    }
  );

  const shellPackagePath = join(ROOT_PATH, 'packages', 'react-devtools-shell');

  console.log('');
  console.log(`Built ${chalk.bold('react-devtools-inline')} target.`);
  console.log('');
  console.log('Test this build before continuing:');
  console.log(`  ${chalk.bold.green('cd ' + shellPackagePath)}`);
  console.log(`  ${chalk.bold.green('yarn start')}`);

  await confirmContinue();
}