optimized() — react Function Reference

Architecture documentation for the optimized() function in improveImages.mjs from the react codebase.

Function javascript BabelCompiler Validation calls 3 called by 1

Entity Profile

BabelCompiler→ Validation→ optimized() — react Function Reference

Dependency Diagram

graph TD
  ec0360bd_6642_7d74_2a8a_25a13e8d9d23["optimized()"]
  2215085f_df2b_8415_0e3d_4069eaf31121["improveImages.mjs"]
  ec0360bd_6642_7d74_2a8a_25a13e8d9d23 -->|defined in| 2215085f_df2b_8415_0e3d_4069eaf31121
  12d575b8_b7b0_8899_e837_7ec1cdf50a6a["run()"]
  12d575b8_b7b0_8899_e837_7ec1cdf50a6a -->|calls| ec0360bd_6642_7d74_2a8a_25a13e8d9d23
  acb56df7_b3c1_49b2_24c3_87c7fd70757d["size()"]
  ec0360bd_6642_7d74_2a8a_25a13e8d9d23 -->|calls| acb56df7_b3c1_49b2_24c3_87c7fd70757d
  6acf61e7_5572_4789_e6ec_3efa80749fb4["readableSize()"]
  ec0360bd_6642_7d74_2a8a_25a13e8d9d23 -->|calls| 6acf61e7_5572_4789_e6ec_3efa80749fb4
  12d575b8_b7b0_8899_e837_7ec1cdf50a6a["run()"]
  ec0360bd_6642_7d74_2a8a_25a13e8d9d23 -->|calls| 12d575b8_b7b0_8899_e837_7ec1cdf50a6a
  style ec0360bd_6642_7d74_2a8a_25a13e8d9d23 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-extensions/improveImages.mjs lines 45–86

const optimized = async (filename) => {
  let output = parseFilepath(filename).dir || './'

  const fileSizeBefore = size(filename)

  if (fileSizeBefore === 0){
    console.info(chalk.blue(`Skipping ${filename}, it has ${readableSize(fileSizeBefore)}`))
    return
  }

  const pluginsOptions = {
    destination: output,
    plugins
  }

  const filenameBackup = `${filename}.bak`
  fs.copyFileSync(filename, filenameBackup)

  try {
    await imagemin([filename], pluginsOptions)

    const fileSizeAfter = size(filename)
    const fileSizeDiff = fileSizeBefore - fileSizeAfter
    if (fileSizeDiff > 0){
      savedSize += fileSizeDiff
      console.info(chalk.green(`Optimized ${filename}: ${chalk.yellow(readableSize(fileSizeAfter))}`))
    } else { // file after same or bigger
      // restore previous file
      fs.renameSync(filenameBackup, filename)

      console.info(`${filename} ${chalk.red(`already optimized`)}`)
    }

  } catch (err) {
    console.info(chalk.red(`Skip ${filename} due to error when optimizing`));
  }

  // delete backup file
  if (fs.existsSync(filenameBackup)) {
    fs.unlinkSync(filenameBackup)
  }
}