react/scripts/rollup/stats.js

107 lines
2.7 KiB
JavaScript

'use strict';
const Table = require('cli-table');
const filesize = require('filesize');
const chalk = require('chalk');
const join = require('path').join;
const fs = require('fs');
const prevBuildResults = require('./results.json');
const currentBuildResults = {
// Mutated inside build.js during a build run.
// We make a copy so that partial rebuilds don't erase other stats.
bundleSizes: [...prevBuildResults.bundleSizes],
};
function saveResults() {
fs.writeFileSync(
join('scripts', 'rollup', 'results.json'),
JSON.stringify(currentBuildResults, null, 2)
);
}
function percentChange(prev, current) {
return Math.floor((current - prev) / prev * 100);
}
function percentChangeString(change) {
if (change > 0) {
return chalk.red.bold(`+${change} %`);
} else if (change <= 0) {
return chalk.green.bold(change + ' %');
}
}
const resultsHeaders = [
'Bundle',
'Prev Size',
'Current Size',
'Diff',
'Prev Gzip',
'Current Gzip',
'Diff',
];
function generateResultsArray(current, prevResults) {
return current.bundleSizes
.map(result => {
const prev = prevResults.bundleSizes.filter(
res =>
res.filename === result.filename &&
res.bundleType === result.bundleType
)[0];
if (result === prev) {
// We didn't rebuild this bundle.
return;
}
const size = result.size;
const gzip = result.gzip;
let prevSize = prev ? prev.size : 0;
let prevGzip = prev ? prev.gzip : 0;
return {
filename: result.filename,
bundleType: result.bundleType,
packageName: result.packageName,
prevSize: filesize(prevSize),
prevFileSize: filesize(size),
prevFileSizeChange: percentChange(prevSize, size),
prevGzip: filesize(prevGzip),
prevGzipSize: filesize(gzip),
prevGzipSizeChange: percentChange(prevGzip, gzip),
};
// Strip any nulls
})
.filter(f => f);
}
function printResults() {
const table = new Table({
head: resultsHeaders.map(chalk.gray.yellow),
});
const results = generateResultsArray(currentBuildResults, prevBuildResults);
results.forEach(result => {
table.push([
chalk.white.bold(`${result.filename} (${result.bundleType})`),
chalk.gray.bold(result.prevSize),
chalk.white.bold(result.prevFileSize),
percentChangeString(result.prevFileSizeChange),
chalk.gray.bold(result.prevGzip),
chalk.white.bold(result.prevGzipSize),
percentChangeString(result.prevGzipSizeChange),
]);
});
return table.toString();
}
module.exports = {
currentBuildResults,
generateResultsArray,
printResults,
saveResults,
resultsHeaders,
};