Files
test-repo/scripts/build/esbuild-plugins/visualizer.js
T

61 lines
1.7 KiB
JavaScript

import fs from "node:fs/promises";
import { visualizer as esbuildVisualizer } from "esbuild-visualizer/dist/plugin/index.js";
import { renderTemplate as esbuildVisualizerRenderTemplate } from "esbuild-visualizer/dist/plugin/render-template.js";
/**
* @param {import("esbuild-visualizer").Metadata} metafile
* @param {{title: string, template: import("esbuild-visualizer").TemplateType}} options
*/
const getReport = async (metafile, options) => {
const data = await esbuildVisualizer(metafile);
const report = esbuildVisualizerRenderTemplate(options.template, {
title: options.title,
data,
});
return report;
};
export default function esbuildPluginVisualizer({ formats }) {
formats = Object.fromEntries(formats.map((format) => [format, true]));
return {
name: "visualizer",
setup(build) {
const { initialOptions: esbuildConfig, esbuild } = build;
esbuildConfig.metafile = true;
build.onEnd(async ({ metafile }) => {
const files = Object.keys(metafile.outputs);
if (files.length !== 1) {
throw new Error("Unexpected `outputs`.");
}
if (formats.text || formats.stdout) {
const report = await esbuild.analyzeMetafile(metafile, {
verbose: true,
});
if (formats.stdout) {
console.log(report);
}
if (formats.text) {
await fs.writeFile(`${esbuildConfig.outfile}.report.txt`, report);
}
}
if (formats.html) {
const report = await getReport(metafile, {
title: files[0],
template: "treemap",
});
await fs.writeFile(`${esbuildConfig.outfile}.report.html`, report);
}
});
},
};
}