rollup-plugin-visualizer
Version:
[](https://npmjs.org/package/rollup-plugin-visualizer) [](https://github.com/btd
163 lines (162 loc) • 8.18 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.visualizer = void 0;
const fs_1 = require("fs");
const path_1 = __importDefault(require("path"));
const open_1 = __importDefault(require("open"));
const version_1 = require("./version");
const compress_1 = require("./compress");
const module_mapper_1 = require("./module-mapper");
const data_1 = require("./data");
const sourcemap_1 = require("./sourcemap");
const render_template_1 = require("./render-template");
const create_filter_1 = require("../shared/create-filter");
const WARN_SOURCEMAP_DISABLED = "rollup output configuration missing sourcemap = true. You should add output.sourcemap = true or disable sourcemap in this plugin";
const WARN_SOURCEMAP_MISSING = (id) => `${id} missing source map`;
const WARN_JSON_DEPRECATED = 'Option `json` deprecated, please use template: "raw-data"';
const ERR_FILENAME_EMIT = "When using emitFile option, filename must not be path but a filename";
const defaultSizeGetter = () => Promise.resolve(0);
const chooseDefaultFileName = (opts) => {
if (opts.filename)
return opts.filename;
if (opts.json || opts.template === "raw-data")
return "stats.json";
if (opts.template === "list")
return "stats.yml";
return "stats.html";
};
const visualizer = (opts = {}) => {
return {
name: "visualizer",
async generateBundle(outputOptions, outputBundle) {
var _a, _b, _c, _d, _e, _f, _g, _h;
opts = typeof opts === "function" ? opts(outputOptions) : opts;
if ("json" in opts) {
this.warn(WARN_JSON_DEPRECATED);
if (opts.json)
opts.template = "raw-data";
}
const filename = (_a = opts.filename) !== null && _a !== void 0 ? _a : chooseDefaultFileName(opts);
const title = (_b = opts.title) !== null && _b !== void 0 ? _b : "Rollup Visualizer";
const open = !!opts.open;
const openOptions = (_c = opts.openOptions) !== null && _c !== void 0 ? _c : {};
const template = (_d = opts.template) !== null && _d !== void 0 ? _d : "treemap";
const projectRoot = (_e = opts.projectRoot) !== null && _e !== void 0 ? _e : process.cwd();
const filter = (0, create_filter_1.createFilter)(opts.include, opts.exclude);
const gzipSize = !!opts.gzipSize && !opts.sourcemap;
const brotliSize = !!opts.brotliSize && !opts.sourcemap;
const gzipSizeGetter = gzipSize
? (0, compress_1.createGzipSizeGetter)(typeof opts.gzipSize === "object" ? opts.gzipSize : {})
: defaultSizeGetter;
const brotliSizeGetter = brotliSize
? (0, compress_1.createBrotliSizeGetter)(typeof opts.brotliSize === "object" ? opts.brotliSize : {})
: defaultSizeGetter;
const getModuleLengths = async ({ id, renderedLength, code, }, useRenderedLength = false) => {
const isCodeEmpty = code == null || code == "";
const result = {
id,
gzipLength: isCodeEmpty ? 0 : await gzipSizeGetter(code),
brotliLength: isCodeEmpty ? 0 : await brotliSizeGetter(code),
renderedLength: useRenderedLength
? renderedLength
: isCodeEmpty
? 0
: Buffer.byteLength(code, "utf-8"),
};
return result;
};
if (opts.sourcemap && !outputOptions.sourcemap) {
this.warn(WARN_SOURCEMAP_DISABLED);
}
const roots = [];
const mapper = new module_mapper_1.ModuleMapper(projectRoot);
// collect trees
for (const [bundleId, bundle] of Object.entries(outputBundle)) {
if (bundle.type !== "chunk")
continue; //only chunks
let tree;
if (opts.sourcemap) {
if (!bundle.map) {
this.warn(WARN_SOURCEMAP_MISSING(bundleId));
}
const modules = await (0, sourcemap_1.getSourcemapModules)(bundleId, bundle, (_g = (_f = outputOptions.dir) !== null && _f !== void 0 ? _f : (outputOptions.file && path_1.default.dirname(outputOptions.file))) !== null && _g !== void 0 ? _g : process.cwd());
const moduleRenderInfo = await Promise.all(Object.values(modules)
.filter(({ id }) => filter(bundleId, id))
.map(({ id, renderedLength, code }) => {
return getModuleLengths({ id, renderedLength, code: code.join("") }, true);
}));
tree = (0, data_1.buildTree)(bundleId, moduleRenderInfo, mapper);
}
else {
const modules = await Promise.all(Object.entries(bundle.modules)
.filter(([id]) => filter(bundleId, id))
.map(([id, { renderedLength, code }]) => getModuleLengths({ id, renderedLength, code }), false));
tree = (0, data_1.buildTree)(bundleId, modules, mapper);
}
if (tree.children.length === 0) {
const bundleSizes = await getModuleLengths({
id: bundleId,
renderedLength: bundle.code.length,
code: bundle.code,
}, false);
const facadeModuleId = (_h = bundle.facadeModuleId) !== null && _h !== void 0 ? _h : `${bundleId}-unknown`;
const bundleUid = mapper.setNodePart(bundleId, facadeModuleId, bundleSizes);
mapper.setNodeMeta(facadeModuleId, { isEntry: true });
const leaf = { name: bundleId, uid: bundleUid };
roots.push(leaf);
}
else {
roots.push(tree);
}
}
// after trees we process links (this is mostly for uids)
for (const [, bundle] of Object.entries(outputBundle)) {
if (bundle.type !== "chunk" || bundle.facadeModuleId == null)
continue; //only chunks
(0, data_1.addLinks)(bundle.facadeModuleId, this.getModuleInfo.bind(this), mapper);
}
const tree = (0, data_1.mergeTrees)(roots);
const data = {
version: version_1.version,
tree,
nodeParts: mapper.getNodeParts(),
nodeMetas: mapper.getNodeMetas(),
env: {
rollup: this.meta.rollupVersion,
},
options: {
gzip: gzipSize,
brotli: brotliSize,
sourcemap: !!opts.sourcemap,
},
};
const stringData = (0, module_mapper_1.replaceHashPlaceholders)(data);
const fileContent = await (0, render_template_1.renderTemplate)(template, {
title,
data: stringData,
});
if (opts.emitFile) {
if (path_1.default.isAbsolute(filename) || filename.startsWith(".")) {
this.error(ERR_FILENAME_EMIT);
}
this.emitFile({
type: "asset",
fileName: filename,
source: fileContent,
});
}
else {
await fs_1.promises.mkdir(path_1.default.dirname(filename), { recursive: true });
await fs_1.promises.writeFile(filename, fileContent);
if (open) {
await (0, open_1.default)(filename, openOptions);
}
}
},
};
};
exports.visualizer = visualizer;
exports.default = exports.visualizer;