webpack
Version:
Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
1,686 lines (1,610 loc) • 45.6 kB
JavaScript
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
;
const RequestShortener = require("./RequestShortener");
const SizeFormatHelpers = require("./SizeFormatHelpers");
const formatLocation = require("./formatLocation");
const identifierUtils = require("./util/identifier");
const compareLocations = require("./compareLocations");
const { LogType } = require("./logging/Logger");
const optionsOrFallback = (...args) => {
let optionValues = [];
optionValues.push(...args);
return optionValues.find(optionValue => optionValue !== undefined);
};
const compareId = (a, b) => {
if (typeof a !== typeof b) {
return typeof a < typeof b ? -1 : 1;
}
if (a < b) return -1;
if (a > b) return 1;
return 0;
};
class Stats {
constructor(compilation) {
this.compilation = compilation;
this.hash = compilation.hash;
this.startTime = undefined;
this.endTime = undefined;
}
static filterWarnings(warnings, warningsFilter) {
// we dont have anything to filter so all warnings can be shown
if (!warningsFilter) {
return warnings;
}
// create a chain of filters
// if they return "true" a warning should be suppressed
const normalizedWarningsFilters = [].concat(warningsFilter).map(filter => {
if (typeof filter === "string") {
return warning => warning.includes(filter);
}
if (filter instanceof RegExp) {
return warning => filter.test(warning);
}
if (typeof filter === "function") {
return filter;
}
throw new Error(
`Can only filter warnings with Strings or RegExps. (Given: ${filter})`
);
});
return warnings.filter(warning => {
return !normalizedWarningsFilters.some(check => check(warning));
});
}
formatFilePath(filePath) {
const OPTIONS_REGEXP = /^(\s|\S)*!/;
return filePath.includes("!")
? `${filePath.replace(OPTIONS_REGEXP, "")} (${filePath})`
: `${filePath}`;
}
hasWarnings() {
return (
this.compilation.warnings.length > 0 ||
this.compilation.children.some(child => child.getStats().hasWarnings())
);
}
hasErrors() {
return (
this.compilation.errors.length > 0 ||
this.compilation.children.some(child => child.getStats().hasErrors())
);
}
// remove a prefixed "!" that can be specified to reverse sort order
normalizeFieldKey(field) {
if (field[0] === "!") {
return field.substr(1);
}
return field;
}
// if a field is prefixed by a "!" reverse sort order
sortOrderRegular(field) {
if (field[0] === "!") {
return false;
}
return true;
}
toJson(options, forToString) {
if (typeof options === "boolean" || typeof options === "string") {
options = Stats.presetToOptions(options);
} else if (!options) {
options = {};
}
const optionOrLocalFallback = (v, def) =>
v !== undefined ? v : options.all !== undefined ? options.all : def;
const testAgainstGivenOption = item => {
if (typeof item === "string") {
const regExp = new RegExp(
`[\\\\/]${item.replace(
// eslint-disable-next-line no-useless-escape
/[-[\]{}()*+?.\\^$|]/g,
"\\$&"
)}([\\\\/]|$|!|\\?)`
);
return ident => regExp.test(ident);
}
if (item && typeof item === "object" && typeof item.test === "function") {
return ident => item.test(ident);
}
if (typeof item === "function") {
return item;
}
if (typeof item === "boolean") {
return () => item;
}
};
const compilation = this.compilation;
const context = optionsOrFallback(
options.context,
compilation.compiler.context
);
const requestShortener =
compilation.compiler.context === context
? compilation.requestShortener
: new RequestShortener(context);
const showPerformance = optionOrLocalFallback(options.performance, true);
const showHash = optionOrLocalFallback(options.hash, true);
const showEnv = optionOrLocalFallback(options.env, false);
const showVersion = optionOrLocalFallback(options.version, true);
const showTimings = optionOrLocalFallback(options.timings, true);
const showBuiltAt = optionOrLocalFallback(options.builtAt, true);
const showAssets = optionOrLocalFallback(options.assets, true);
const showEntrypoints = optionOrLocalFallback(options.entrypoints, true);
const showChunkGroups = optionOrLocalFallback(
options.chunkGroups,
!forToString
);
const showChunks = optionOrLocalFallback(options.chunks, !forToString);
const showChunkModules = optionOrLocalFallback(options.chunkModules, true);
const showChunkOrigins = optionOrLocalFallback(
options.chunkOrigins,
!forToString
);
const showModules = optionOrLocalFallback(options.modules, true);
const showNestedModules = optionOrLocalFallback(
options.nestedModules,
true
);
const showModuleAssets = optionOrLocalFallback(
options.moduleAssets,
!forToString
);
const showDepth = optionOrLocalFallback(options.depth, !forToString);
const showCachedModules = optionOrLocalFallback(options.cached, true);
const showCachedAssets = optionOrLocalFallback(options.cachedAssets, true);
const showReasons = optionOrLocalFallback(options.reasons, !forToString);
const showUsedExports = optionOrLocalFallback(
options.usedExports,
!forToString
);
const showProvidedExports = optionOrLocalFallback(
options.providedExports,
!forToString
);
const showOptimizationBailout = optionOrLocalFallback(
options.optimizationBailout,
!forToString
);
const showChildren = optionOrLocalFallback(options.children, true);
const showSource = optionOrLocalFallback(options.source, !forToString);
const showModuleTrace = optionOrLocalFallback(options.moduleTrace, true);
const showErrors = optionOrLocalFallback(options.errors, true);
const showErrorDetails = optionOrLocalFallback(
options.errorDetails,
!forToString
);
const showWarnings = optionOrLocalFallback(options.warnings, true);
const warningsFilter = optionsOrFallback(options.warningsFilter, null);
const showPublicPath = optionOrLocalFallback(
options.publicPath,
!forToString
);
const showLogging = optionOrLocalFallback(
options.logging,
forToString ? "info" : true
);
const showLoggingTrace = optionOrLocalFallback(
options.loggingTrace,
!forToString
);
const loggingDebug = []
.concat(optionsOrFallback(options.loggingDebug, []))
.map(testAgainstGivenOption);
const excludeModules = []
.concat(optionsOrFallback(options.excludeModules, options.exclude, []))
.map(testAgainstGivenOption);
const excludeAssets = []
.concat(optionsOrFallback(options.excludeAssets, []))
.map(testAgainstGivenOption);
const maxModules = optionsOrFallback(
options.maxModules,
forToString ? 15 : Infinity
);
const sortModules = optionsOrFallback(options.modulesSort, "id");
const sortChunks = optionsOrFallback(options.chunksSort, "id");
const sortAssets = optionsOrFallback(options.assetsSort, "");
const showOutputPath = optionOrLocalFallback(
options.outputPath,
!forToString
);
if (!showCachedModules) {
excludeModules.push((ident, module) => !module.built);
}
const createModuleFilter = () => {
let i = 0;
return module => {
if (excludeModules.length > 0) {
const ident = requestShortener.shorten(module.resource);
const excluded = excludeModules.some(fn => fn(ident, module));
if (excluded) return false;
}
const result = i < maxModules;
i++;
return result;
};
};
const createAssetFilter = () => {
return asset => {
if (excludeAssets.length > 0) {
const ident = asset.name;
const excluded = excludeAssets.some(fn => fn(ident, asset));
if (excluded) return false;
}
return showCachedAssets || asset.emitted;
};
};
const sortByFieldAndOrder = (fieldKey, a, b) => {
if (a[fieldKey] === null && b[fieldKey] === null) return 0;
if (a[fieldKey] === null) return 1;
if (b[fieldKey] === null) return -1;
if (a[fieldKey] === b[fieldKey]) return 0;
if (typeof a[fieldKey] !== typeof b[fieldKey])
return typeof a[fieldKey] < typeof b[fieldKey] ? -1 : 1;
return a[fieldKey] < b[fieldKey] ? -1 : 1;
};
const sortByField = (field, originalArray) => {
const originalMap = originalArray.reduce((map, v, i) => {
map.set(v, i);
return map;
}, new Map());
return (a, b) => {
if (field) {
const fieldKey = this.normalizeFieldKey(field);
// if a field is prefixed with a "!" the sort is reversed!
const sortIsRegular = this.sortOrderRegular(field);
const cmp = sortByFieldAndOrder(
fieldKey,
sortIsRegular ? a : b,
sortIsRegular ? b : a
);
if (cmp) return cmp;
}
return originalMap.get(a) - originalMap.get(b);
};
};
const formatError = e => {
let text = "";
if (typeof e === "string") {
e = { message: e };
}
if (e.chunk) {
text += `chunk ${e.chunk.name || e.chunk.id}${
e.chunk.hasRuntime()
? " [entry]"
: e.chunk.canBeInitial()
? " [initial]"
: ""
}\n`;
}
if (e.file) {
text += `${e.file}\n`;
}
if (
e.module &&
e.module.readableIdentifier &&
typeof e.module.readableIdentifier === "function"
) {
text += this.formatFilePath(
e.module.readableIdentifier(requestShortener)
);
if (typeof e.loc === "object") {
const locInfo = formatLocation(e.loc);
if (locInfo) text += ` ${locInfo}`;
}
text += "\n";
}
text += e.message;
if (showErrorDetails && e.details) {
text += `\n${e.details}`;
}
if (showErrorDetails && e.missing) {
text += e.missing.map(item => `\n[${item}]`).join("");
}
if (showModuleTrace && e.origin) {
text += `\n @ ${this.formatFilePath(
e.origin.readableIdentifier(requestShortener)
)}`;
if (typeof e.originLoc === "object") {
const locInfo = formatLocation(e.originLoc);
if (locInfo) text += ` ${locInfo}`;
}
if (e.dependencies) {
for (const dep of e.dependencies) {
if (!dep.loc) continue;
if (typeof dep.loc === "string") continue;
const locInfo = formatLocation(dep.loc);
if (!locInfo) continue;
text += ` ${locInfo}`;
}
}
let current = e.origin;
while (current.issuer) {
current = current.issuer;
text += `\n @ ${current.readableIdentifier(requestShortener)}`;
}
}
return text;
};
const obj = {
errors: compilation.errors.map(formatError),
warnings: Stats.filterWarnings(
compilation.warnings.map(formatError),
warningsFilter
)
};
//We just hint other renderers since actually omitting
//errors/warnings from the JSON would be kind of weird.
Object.defineProperty(obj, "_showWarnings", {
value: showWarnings,
enumerable: false
});
Object.defineProperty(obj, "_showErrors", {
value: showErrors,
enumerable: false
});
if (showVersion) {
obj.version = require("../package.json").version;
}
if (showHash) obj.hash = this.hash;
if (showTimings && this.startTime && this.endTime) {
obj.time = this.endTime - this.startTime;
}
if (showBuiltAt && this.endTime) {
obj.builtAt = this.endTime;
}
if (showEnv && options._env) {
obj.env = options._env;
}
if (compilation.needAdditionalPass) {
obj.needAdditionalPass = true;
}
if (showPublicPath) {
obj.publicPath = this.compilation.mainTemplate.getPublicPath({
hash: this.compilation.hash
});
}
if (showOutputPath) {
obj.outputPath = this.compilation.mainTemplate.outputOptions.path;
}
if (showAssets) {
const assetsByFile = {};
const compilationAssets = compilation
.getAssets()
.sort((a, b) => (a.name < b.name ? -1 : 1));
obj.assetsByChunkName = {};
obj.assets = compilationAssets
.map(({ name, source, info }) => {
const obj = {
name,
size: source.size(),
chunks: [],
chunkNames: [],
info,
// TODO webpack 5: remove .emitted
emitted: source.emitted || compilation.emittedAssets.has(name)
};
if (showPerformance) {
obj.isOverSizeLimit = source.isOverSizeLimit;
}
assetsByFile[name] = obj;
return obj;
})
.filter(createAssetFilter());
obj.filteredAssets = compilationAssets.length - obj.assets.length;
for (const chunk of compilation.chunks) {
for (const asset of chunk.files) {
if (assetsByFile[asset]) {
for (const id of chunk.ids) {
assetsByFile[asset].chunks.push(id);
}
if (chunk.name) {
assetsByFile[asset].chunkNames.push(chunk.name);
if (obj.assetsByChunkName[chunk.name]) {
obj.assetsByChunkName[chunk.name] = []
.concat(obj.assetsByChunkName[chunk.name])
.concat([asset]);
} else {
obj.assetsByChunkName[chunk.name] = asset;
}
}
}
}
}
obj.assets.sort(sortByField(sortAssets, obj.assets));
}
const fnChunkGroup = groupMap => {
const obj = {};
for (const keyValuePair of groupMap) {
const name = keyValuePair[0];
const cg = keyValuePair[1];
const children = cg.getChildrenByOrders();
obj[name] = {
chunks: cg.chunks.map(c => c.id),
assets: cg.chunks.reduce(
(array, c) => array.concat(c.files || []),
[]
),
children: Object.keys(children).reduce((obj, key) => {
const groups = children[key];
obj[key] = groups.map(group => ({
name: group.name,
chunks: group.chunks.map(c => c.id),
assets: group.chunks.reduce(
(array, c) => array.concat(c.files || []),
[]
)
}));
return obj;
}, Object.create(null)),
childAssets: Object.keys(children).reduce((obj, key) => {
const groups = children[key];
obj[key] = Array.from(
groups.reduce((set, group) => {
for (const chunk of group.chunks) {
for (const asset of chunk.files) {
set.add(asset);
}
}
return set;
}, new Set())
);
return obj;
}, Object.create(null))
};
if (showPerformance) {
obj[name].isOverSizeLimit = cg.isOverSizeLimit;
}
}
return obj;
};
if (showEntrypoints) {
obj.entrypoints = fnChunkGroup(compilation.entrypoints);
}
if (showChunkGroups) {
obj.namedChunkGroups = fnChunkGroup(compilation.namedChunkGroups);
}
const fnModule = module => {
const path = [];
let current = module;
while (current.issuer) {
path.push((current = current.issuer));
}
path.reverse();
const obj = {
id: module.id,
identifier: module.identifier(),
name: module.readableIdentifier(requestShortener),
index: module.index,
index2: module.index2,
size: module.size(),
cacheable: module.buildInfo.cacheable,
built: !!module.built,
optional: module.optional,
prefetched: module.prefetched,
chunks: Array.from(module.chunksIterable, chunk => chunk.id),
issuer: module.issuer && module.issuer.identifier(),
issuerId: module.issuer && module.issuer.id,
issuerName:
module.issuer && module.issuer.readableIdentifier(requestShortener),
issuerPath:
module.issuer &&
path.map(module => ({
id: module.id,
identifier: module.identifier(),
name: module.readableIdentifier(requestShortener),
profile: module.profile
})),
profile: module.profile,
failed: !!module.error,
errors: module.errors ? module.errors.length : 0,
warnings: module.warnings ? module.warnings.length : 0
};
if (showModuleAssets) {
obj.assets = Object.keys(module.buildInfo.assets || {});
}
if (showReasons) {
obj.reasons = module.reasons
.sort((a, b) => {
if (a.module && !b.module) return -1;
if (!a.module && b.module) return 1;
if (a.module && b.module) {
const cmp = compareId(a.module.id, b.module.id);
if (cmp) return cmp;
}
if (a.dependency && !b.dependency) return -1;
if (!a.dependency && b.dependency) return 1;
if (a.dependency && b.dependency) {
const cmp = compareLocations(a.dependency.loc, b.dependency.loc);
if (cmp) return cmp;
if (a.dependency.type < b.dependency.type) return -1;
if (a.dependency.type > b.dependency.type) return 1;
}
return 0;
})
.map(reason => {
const obj = {
moduleId: reason.module ? reason.module.id : null,
moduleIdentifier: reason.module
? reason.module.identifier()
: null,
module: reason.module
? reason.module.readableIdentifier(requestShortener)
: null,
moduleName: reason.module
? reason.module.readableIdentifier(requestShortener)
: null,
type: reason.dependency ? reason.dependency.type : null,
explanation: reason.explanation,
userRequest: reason.dependency
? reason.dependency.userRequest
: null
};
if (reason.dependency) {
const locInfo = formatLocation(reason.dependency.loc);
if (locInfo) {
obj.loc = locInfo;
}
}
return obj;
});
}
if (showUsedExports) {
if (module.used === true) {
obj.usedExports = module.usedExports;
} else if (module.used === false) {
obj.usedExports = false;
}
}
if (showProvidedExports) {
obj.providedExports = Array.isArray(module.buildMeta.providedExports)
? module.buildMeta.providedExports
: null;
}
if (showOptimizationBailout) {
obj.optimizationBailout = module.optimizationBailout.map(item => {
if (typeof item === "function") return item(requestShortener);
return item;
});
}
if (showDepth) {
obj.depth = module.depth;
}
if (showNestedModules) {
if (module.modules) {
const modules = module.modules;
obj.modules = modules
.sort(sortByField("depth", modules))
.filter(createModuleFilter())
.map(fnModule);
obj.filteredModules = modules.length - obj.modules.length;
obj.modules.sort(sortByField(sortModules, obj.modules));
}
}
if (showSource && module._source) {
obj.source = module._source.source();
}
return obj;
};
if (showChunks) {
obj.chunks = compilation.chunks.map(chunk => {
const parents = new Set();
const children = new Set();
const siblings = new Set();
const childIdByOrder = chunk.getChildIdsByOrders();
for (const chunkGroup of chunk.groupsIterable) {
for (const parentGroup of chunkGroup.parentsIterable) {
for (const chunk of parentGroup.chunks) {
parents.add(chunk.id);
}
}
for (const childGroup of chunkGroup.childrenIterable) {
for (const chunk of childGroup.chunks) {
children.add(chunk.id);
}
}
for (const sibling of chunkGroup.chunks) {
if (sibling !== chunk) siblings.add(sibling.id);
}
}
const obj = {
id: chunk.id,
rendered: chunk.rendered,
initial: chunk.canBeInitial(),
entry: chunk.hasRuntime(),
recorded: chunk.recorded,
reason: chunk.chunkReason,
size: chunk.modulesSize(),
names: chunk.name ? [chunk.name] : [],
files: chunk.files.slice(),
hash: chunk.renderedHash,
siblings: Array.from(siblings).sort(compareId),
parents: Array.from(parents).sort(compareId),
children: Array.from(children).sort(compareId),
childrenByOrder: childIdByOrder
};
if (showChunkModules) {
const modules = chunk.getModules();
obj.modules = modules
.slice()
.sort(sortByField("depth", modules))
.filter(createModuleFilter())
.map(fnModule);
obj.filteredModules = chunk.getNumberOfModules() - obj.modules.length;
obj.modules.sort(sortByField(sortModules, obj.modules));
}
if (showChunkOrigins) {
obj.origins = Array.from(chunk.groupsIterable, g => g.origins)
.reduce((a, b) => a.concat(b), [])
.map(origin => ({
moduleId: origin.module ? origin.module.id : undefined,
module: origin.module ? origin.module.identifier() : "",
moduleIdentifier: origin.module ? origin.module.identifier() : "",
moduleName: origin.module
? origin.module.readableIdentifier(requestShortener)
: "",
loc: formatLocation(origin.loc),
request: origin.request,
reasons: origin.reasons || []
}))
.sort((a, b) => {
const cmp1 = compareId(a.moduleId, b.moduleId);
if (cmp1) return cmp1;
const cmp2 = compareId(a.loc, b.loc);
if (cmp2) return cmp2;
const cmp3 = compareId(a.request, b.request);
if (cmp3) return cmp3;
return 0;
});
}
return obj;
});
obj.chunks.sort(sortByField(sortChunks, obj.chunks));
}
if (showModules) {
obj.modules = compilation.modules
.slice()
.sort(sortByField("depth", compilation.modules))
.filter(createModuleFilter())
.map(fnModule);
obj.filteredModules = compilation.modules.length - obj.modules.length;
obj.modules.sort(sortByField(sortModules, obj.modules));
}
if (showLogging) {
const util = require("util");
obj.logging = {};
let acceptedTypes;
let collapsedGroups = false;
switch (showLogging) {
case "none":
acceptedTypes = new Set([]);
break;
case "error":
acceptedTypes = new Set([LogType.error]);
break;
case "warn":
acceptedTypes = new Set([LogType.error, LogType.warn]);
break;
case "info":
acceptedTypes = new Set([LogType.error, LogType.warn, LogType.info]);
break;
case true:
case "log":
acceptedTypes = new Set([
LogType.error,
LogType.warn,
LogType.info,
LogType.log,
LogType.group,
LogType.groupEnd,
LogType.groupCollapsed,
LogType.clear
]);
break;
case "verbose":
acceptedTypes = new Set([
LogType.error,
LogType.warn,
LogType.info,
LogType.log,
LogType.group,
LogType.groupEnd,
LogType.groupCollapsed,
LogType.profile,
LogType.profileEnd,
LogType.time,
LogType.status,
LogType.clear
]);
collapsedGroups = true;
break;
}
for (const [origin, logEntries] of compilation.logging) {
const debugMode = loggingDebug.some(fn => fn(origin));
let collapseCounter = 0;
let processedLogEntries = logEntries;
if (!debugMode) {
processedLogEntries = processedLogEntries.filter(entry => {
if (!acceptedTypes.has(entry.type)) return false;
if (!collapsedGroups) {
switch (entry.type) {
case LogType.groupCollapsed:
collapseCounter++;
return collapseCounter === 1;
case LogType.group:
if (collapseCounter > 0) collapseCounter++;
return collapseCounter === 0;
case LogType.groupEnd:
if (collapseCounter > 0) {
collapseCounter--;
return false;
}
return true;
default:
return collapseCounter === 0;
}
}
return true;
});
}
processedLogEntries = processedLogEntries.map(entry => {
let message = undefined;
if (entry.type === LogType.time) {
message = `${entry.args[0]}: ${entry.args[1] * 1000 +
entry.args[2] / 1000000}ms`;
} else if (entry.args && entry.args.length > 0) {
message = util.format(entry.args[0], ...entry.args.slice(1));
}
return {
type:
(debugMode || collapsedGroups) &&
entry.type === LogType.groupCollapsed
? LogType.group
: entry.type,
message,
trace: showLoggingTrace && entry.trace ? entry.trace : undefined
};
});
let name = identifierUtils
.makePathsRelative(context, origin, compilation.cache)
.replace(/\|/g, " ");
if (name in obj.logging) {
let i = 1;
while (`${name}#${i}` in obj.logging) {
i++;
}
name = `${name}#${i}`;
}
obj.logging[name] = {
entries: processedLogEntries,
filteredEntries: logEntries.length - processedLogEntries.length,
debug: debugMode
};
}
}
if (showChildren) {
obj.children = compilation.children.map((child, idx) => {
const childOptions = Stats.getChildOptions(options, idx);
const obj = new Stats(child).toJson(childOptions, forToString);
delete obj.hash;
delete obj.version;
if (child.name) {
obj.name = identifierUtils.makePathsRelative(
context,
child.name,
compilation.cache
);
}
return obj;
});
}
return obj;
}
toString(options) {
if (typeof options === "boolean" || typeof options === "string") {
options = Stats.presetToOptions(options);
} else if (!options) {
options = {};
}
const useColors = optionsOrFallback(options.colors, false);
const obj = this.toJson(options, true);
return Stats.jsonToString(obj, useColors);
}
static jsonToString(obj, useColors) {
const buf = [];
const defaultColors = {
bold: "\u001b[1m",
yellow: "\u001b[1m\u001b[33m",
red: "\u001b[1m\u001b[31m",
green: "\u001b[1m\u001b[32m",
cyan: "\u001b[1m\u001b[36m",
magenta: "\u001b[1m\u001b[35m"
};
const colors = Object.keys(defaultColors).reduce(
(obj, color) => {
obj[color] = str => {
if (useColors) {
buf.push(
useColors === true || useColors[color] === undefined
? defaultColors[color]
: useColors[color]
);
}
buf.push(str);
if (useColors) {
buf.push("\u001b[39m\u001b[22m");
}
};
return obj;
},
{
normal: str => buf.push(str)
}
);
const coloredTime = time => {
let times = [800, 400, 200, 100];
if (obj.time) {
times = [obj.time / 2, obj.time / 4, obj.time / 8, obj.time / 16];
}
if (time < times[3]) colors.normal(`${time}ms`);
else if (time < times[2]) colors.bold(`${time}ms`);
else if (time < times[1]) colors.green(`${time}ms`);
else if (time < times[0]) colors.yellow(`${time}ms`);
else colors.red(`${time}ms`);
};
const newline = () => buf.push("\n");
const getText = (arr, row, col) => {
return arr[row][col].value;
};
const table = (array, align, splitter) => {
const rows = array.length;
const cols = array[0].length;
const colSizes = new Array(cols);
for (let col = 0; col < cols; col++) {
colSizes[col] = 0;
}
for (let row = 0; row < rows; row++) {
for (let col = 0; col < cols; col++) {
const value = `${getText(array, row, col)}`;
if (value.length > colSizes[col]) {
colSizes[col] = value.length;
}
}
}
for (let row = 0; row < rows; row++) {
for (let col = 0; col < cols; col++) {
const format = array[row][col].color;
const value = `${getText(array, row, col)}`;
let l = value.length;
if (align[col] === "l") {
format(value);
}
for (; l < colSizes[col] && col !== cols - 1; l++) {
colors.normal(" ");
}
if (align[col] === "r") {
format(value);
}
if (col + 1 < cols && colSizes[col] !== 0) {
colors.normal(splitter || " ");
}
}
newline();
}
};
const getAssetColor = (asset, defaultColor) => {
if (asset.isOverSizeLimit) {
return colors.yellow;
}
return defaultColor;
};
if (obj.hash) {
colors.normal("Hash: ");
colors.bold(obj.hash);
newline();
}
if (obj.version) {
colors.normal("Version: webpack ");
colors.bold(obj.version);
newline();
}
if (typeof obj.time === "number") {
colors.normal("Time: ");
colors.bold(obj.time);
colors.normal("ms");
newline();
}
if (typeof obj.builtAt === "number") {
const builtAtDate = new Date(obj.builtAt);
let timeZone = undefined;
try {
builtAtDate.toLocaleTimeString();
} catch (err) {
// Force UTC if runtime timezone is unsupported
timeZone = "UTC";
}
colors.normal("Built at: ");
colors.normal(
builtAtDate.toLocaleDateString(undefined, {
day: "2-digit",
month: "2-digit",
year: "numeric",
timeZone
})
);
colors.normal(" ");
colors.bold(builtAtDate.toLocaleTimeString(undefined, { timeZone }));
newline();
}
if (obj.env) {
colors.normal("Environment (--env): ");
colors.bold(JSON.stringify(obj.env, null, 2));
newline();
}
if (obj.publicPath) {
colors.normal("PublicPath: ");
colors.bold(obj.publicPath);
newline();
}
if (obj.assets && obj.assets.length > 0) {
const t = [
[
{
value: "Asset",
color: colors.bold
},
{
value: "Size",
color: colors.bold
},
{
value: "Chunks",
color: colors.bold
},
{
value: "",
color: colors.bold
},
{
value: "",
color: colors.bold
},
{
value: "Chunk Names",
color: colors.bold
}
]
];
for (const asset of obj.assets) {
t.push([
{
value: asset.name,
color: getAssetColor(asset, colors.green)
},
{
value: SizeFormatHelpers.formatSize(asset.size),
color: getAssetColor(asset, colors.normal)
},
{
value: asset.chunks.join(", "),
color: colors.bold
},
{
value: [
asset.emitted && "[emitted]",
asset.info.immutable && "[immutable]",
asset.info.development && "[dev]",
asset.info.hotModuleReplacement && "[hmr]"
]
.filter(Boolean)
.join(" "),
color: colors.green
},
{
value: asset.isOverSizeLimit ? "[big]" : "",
color: getAssetColor(asset, colors.normal)
},
{
value: asset.chunkNames.join(", "),
color: colors.normal
}
]);
}
table(t, "rrrlll");
}
if (obj.filteredAssets > 0) {
colors.normal(" ");
if (obj.assets.length > 0) colors.normal("+ ");
colors.normal(obj.filteredAssets);
if (obj.assets.length > 0) colors.normal(" hidden");
colors.normal(obj.filteredAssets !== 1 ? " assets" : " asset");
newline();
}
const processChunkGroups = (namedGroups, prefix) => {
for (const name of Object.keys(namedGroups)) {
const cg = namedGroups[name];
colors.normal(`${prefix} `);
colors.bold(name);
if (cg.isOverSizeLimit) {
colors.normal(" ");
colors.yellow("[big]");
}
colors.normal(" =");
for (const asset of cg.assets) {
colors.normal(" ");
colors.green(asset);
}
for (const name of Object.keys(cg.childAssets)) {
const assets = cg.childAssets[name];
if (assets && assets.length > 0) {
colors.normal(" ");
colors.magenta(`(${name}:`);
for (const asset of assets) {
colors.normal(" ");
colors.green(asset);
}
colors.magenta(")");
}
}
newline();
}
};
if (obj.entrypoints) {
processChunkGroups(obj.entrypoints, "Entrypoint");
}
if (obj.namedChunkGroups) {
let outputChunkGroups = obj.namedChunkGroups;
if (obj.entrypoints) {
outputChunkGroups = Object.keys(outputChunkGroups)
.filter(name => !obj.entrypoints[name])
.reduce((result, name) => {
result[name] = obj.namedChunkGroups[name];
return result;
}, {});
}
processChunkGroups(outputChunkGroups, "Chunk Group");
}
const modulesByIdentifier = {};
if (obj.modules) {
for (const module of obj.modules) {
modulesByIdentifier[`$${module.identifier}`] = module;
}
} else if (obj.chunks) {
for (const chunk of obj.chunks) {
if (chunk.modules) {
for (const module of chunk.modules) {
modulesByIdentifier[`$${module.identifier}`] = module;
}
}
}
}
const processModuleAttributes = module => {
colors.normal(" ");
colors.normal(SizeFormatHelpers.formatSize(module.size));
if (module.chunks) {
for (const chunk of module.chunks) {
colors.normal(" {");
colors.yellow(chunk);
colors.normal("}");
}
}
if (typeof module.depth === "number") {
colors.normal(` [depth ${module.depth}]`);
}
if (module.cacheable === false) {
colors.red(" [not cacheable]");
}
if (module.optional) {
colors.yellow(" [optional]");
}
if (module.built) {
colors.green(" [built]");
}
if (module.assets && module.assets.length) {
colors.magenta(
` [${module.assets.length} asset${
module.assets.length === 1 ? "" : "s"
}]`
);
}
if (module.prefetched) {
colors.magenta(" [prefetched]");
}
if (module.failed) colors.red(" [failed]");
if (module.warnings) {
colors.yellow(
` [${module.warnings} warning${module.warnings === 1 ? "" : "s"}]`
);
}
if (module.errors) {
colors.red(
` [${module.errors} error${module.errors === 1 ? "" : "s"}]`
);
}
};
const processModuleContent = (module, prefix) => {
if (Array.isArray(module.providedExports)) {
colors.normal(prefix);
if (module.providedExports.length === 0) {
colors.cyan("[no exports]");
} else {
colors.cyan(`[exports: ${module.providedExports.join(", ")}]`);
}
newline();
}
if (module.usedExports !== undefined) {
if (module.usedExports !== true) {
colors.normal(prefix);
if (module.usedExports === null) {
colors.cyan("[used exports unknown]");
} else if (module.usedExports === false) {
colors.cyan("[no exports used]");
} else if (
Array.isArray(module.usedExports) &&
module.usedExports.length === 0
) {
colors.cyan("[no exports used]");
} else if (Array.isArray(module.usedExports)) {
const providedExportsCount = Array.isArray(module.providedExports)
? module.providedExports.length
: null;
if (
providedExportsCount !== null &&
providedExportsCount === module.usedExports.length
) {
colors.cyan("[all exports used]");
} else {
colors.cyan(
`[only some exports used: ${module.usedExports.join(", ")}]`
);
}
}
newline();
}
}
if (Array.isArray(module.optimizationBailout)) {
for (const item of module.optimizationBailout) {
colors.normal(prefix);
colors.yellow(item);
newline();
}
}
if (module.reasons) {
for (const reason of module.reasons) {
colors.normal(prefix);
if (reason.type) {
colors.normal(reason.type);
colors.normal(" ");
}
if (reason.userRequest) {
colors.cyan(reason.userRequest);
colors.normal(" ");
}
if (reason.moduleId !== null) {
colors.normal("[");
colors.normal(reason.moduleId);
colors.normal("]");
}
if (reason.module && reason.module !== reason.moduleId) {
colors.normal(" ");
colors.magenta(reason.module);
}
if (reason.loc) {
colors.normal(" ");
colors.normal(reason.loc);
}
if (reason.explanation) {
colors.normal(" ");
colors.cyan(reason.explanation);
}
newline();
}
}
if (module.profile) {
colors.normal(prefix);
let sum = 0;
if (module.issuerPath) {
for (const m of module.issuerPath) {
colors.normal("[");
colors.normal(m.id);
colors.normal("] ");
if (m.profile) {
const time = (m.profile.factory || 0) + (m.profile.building || 0);
coloredTime(time);
sum += time;
colors.normal(" ");
}
colors.normal("-> ");
}
}
for (const key of Object.keys(module.profile)) {
colors.normal(`${key}:`);
const time = module.profile[key];
coloredTime(time);
colors.normal(" ");
sum += time;
}
colors.normal("= ");
coloredTime(sum);
newline();
}
if (module.modules) {
processModulesList(module, prefix + "| ");
}
};
const processModulesList = (obj, prefix) => {
if (obj.modules) {
let maxModuleId = 0;
for (const module of obj.modules) {
if (typeof module.id === "number") {
if (maxModuleId < module.id) maxModuleId = module.id;
}
}
let contentPrefix = prefix + " ";
if (maxModuleId >= 10) contentPrefix += " ";
if (maxModuleId >= 100) contentPrefix += " ";
if (maxModuleId >= 1000) contentPrefix += " ";
for (const module of obj.modules) {
colors.normal(prefix);
const name = module.name || module.identifier;
if (typeof module.id === "string" || typeof module.id === "number") {
if (typeof module.id === "number") {
if (module.id < 1000 && maxModuleId >= 1000) colors.normal(" ");
if (module.id < 100 && maxModuleId >= 100) colors.normal(" ");
if (module.id < 10 && maxModuleId >= 10) colors.normal(" ");
} else {
if (maxModuleId >= 1000) colors.normal(" ");
if (maxModuleId >= 100) colors.normal(" ");
if (maxModuleId >= 10) colors.normal(" ");
}
if (name !== module.id) {
colors.normal("[");
colors.normal(module.id);
colors.normal("]");
colors.normal(" ");
} else {
colors.normal("[");
colors.bold(module.id);
colors.normal("]");
}
}
if (name !== module.id) {
colors.bold(name);
}
processModuleAttributes(module);
newline();
processModuleContent(module, contentPrefix);
}
if (obj.filteredModules > 0) {
colors.normal(prefix);
colors.normal(" ");
if (obj.modules.length > 0) colors.normal(" + ");
colors.normal(obj.filteredModules);
if (obj.modules.length > 0) colors.normal(" hidden");
colors.normal(obj.filteredModules !== 1 ? " modules" : " module");
newline();
}
}
};
if (obj.chunks) {
for (const chunk of obj.chunks) {
colors.normal("chunk ");
if (chunk.id < 1000) colors.normal(" ");
if (chunk.id < 100) colors.normal(" ");
if (chunk.id < 10) colors.normal(" ");
colors.normal("{");
colors.yellow(chunk.id);
colors.normal("} ");
colors.green(chunk.files.join(", "));
if (chunk.names && chunk.names.length > 0) {
colors.normal(" (");
colors.normal(chunk.names.join(", "));
colors.normal(")");
}
colors.normal(" ");
colors.normal(SizeFormatHelpers.formatSize(chunk.size));
for (const id of chunk.parents) {
colors.normal(" <{");
colors.yellow(id);
colors.normal("}>");
}
for (const id of chunk.siblings) {
colors.normal(" ={");
colors.yellow(id);
colors.normal("}=");
}
for (const id of chunk.children) {
colors.normal(" >{");
colors.yellow(id);
colors.normal("}<");
}
if (chunk.childrenByOrder) {
for (const name of Object.keys(chunk.childrenByOrder)) {
const children = chunk.childrenByOrder[name];
colors.normal(" ");
colors.magenta(`(${name}:`);
for (const id of children) {
colors.normal(" {");
colors.yellow(id);
colors.normal("}");
}
colors.magenta(")");
}
}
if (chunk.entry) {
colors.yellow(" [entry]");
} else if (chunk.initial) {
colors.yellow(" [initial]");
}
if (chunk.rendered) {
colors.green(" [rendered]");
}
if (chunk.recorded) {
colors.green(" [recorded]");
}
if (chunk.reason) {
colors.yellow(` ${chunk.reason}`);
}
newline();
if (chunk.origins) {
for (const origin of chunk.origins) {
colors.normal(" > ");
if (origin.reasons && origin.reasons.length) {
colors.yellow(origin.reasons.join(" "));
colors.normal(" ");
}
if (origin.request) {
colors.normal(origin.request);
colors.normal(" ");
}
if (origin.module) {
colors.normal("[");
colors.normal(origin.moduleId);
colors.normal("] ");
const module = modulesByIdentifier[`$${origin.module}`];
if (module) {
colors.bold(module.name);
colors.normal(" ");
}
}
if (origin.loc) {
colors.normal(origin.loc);
}
newline();
}
}
processModulesList(chunk, " ");
}
}
processModulesList(obj, "");
if (obj.logging) {
for (const origin of Object.keys(obj.logging)) {
const logData = obj.logging[origin];
if (logData.entries.length > 0) {
newline();
if (logData.debug) {
colors.red("DEBUG ");
}
colors.bold("LOG from " + origin);
newline();
let indent = "";
for (const entry of logData.entries) {
let color = colors.normal;
let prefix = " ";
switch (entry.type) {
case LogType.clear:
colors.normal(`${indent}-------`);
newline();
continue;
case LogType.error:
color = colors.red;
prefix = "<e> ";
break;
case LogType.warn:
color = colors.yellow;
prefix = "<w> ";
break;
case LogType.info:
color = colors.green;
prefix = "<i> ";
break;
case LogType.log:
color = colors.bold;
break;
case LogType.trace:
case LogType.debug:
color = colors.normal;
break;
case LogType.status:
color = colors.magenta;
prefix = "<s> ";
break;
case LogType.profile:
color = colors.magenta;
prefix = "<p> ";
break;
case LogType.profileEnd:
color = colors.magenta;
prefix = "</p> ";
break;
case LogType.time:
color = colors.magenta;
prefix = "<t> ";
break;
case LogType.group:
color = colors.cyan;
prefix = "<-> ";
break;
case LogType.groupCollapsed:
color = colors.cyan;
prefix = "<+> ";
break;
case LogType.groupEnd:
if (indent.length >= 2)
indent = indent.slice(0, indent.length - 2);
continue;
}
if (entry.message) {
for (const line of entry.message.split("\n")) {
colors.normal(`${indent}${prefix}`);
color(line);
newline();
}
}
if (entry.trace) {
for (const line of entry.trace) {
colors.normal(`${indent}| ${line}`);
newline();
}
}
switch (entry.type) {
case LogType.group:
indent += " ";
break;
}
}
if (logData.filteredEntries) {
colors.normal(`+ ${logData.filteredEntries} hidden lines`);
newline();
}
}
}
}
if (obj._showWarnings && obj.warnings) {
for (const warning of obj.warnings) {
newline();
colors.yellow(`WARNING in ${warning}`);
newline();
}
}
if (obj._showErrors && obj.errors) {
for (const error of obj.errors) {
newline();
colors.red(`ERROR in ${error}`);
newline();
}
}
if (obj.children) {
for (const child of obj.children) {
const childString = Stats.jsonToString(child, useColors);
if (childString) {
if (child.name) {
colors.normal("Child ");
colors.bold(child.name);
colors.normal(":");
} else {
colors.normal("Child");
}
newline();
buf.push(" ");
buf.push(childString.replace(/\n/g, "\n "));
newline();
}
}
}
if (obj.needAdditionalPass) {
colors.yellow(
"Compilation needs an additional pass and will compile again."
);
}
while (buf[buf.length - 1] === "\n") {
buf.pop();
}
return buf.join("");
}
static presetToOptions(name) {
// Accepted values: none, errors-only, minimal, normal, detailed, verbose
// Any other falsy value will behave as 'none', truthy values as 'normal'
const pn =
(typeof name === "string" && name.toLowerCase()) || name || "none";
switch (pn) {
case "none":
return {
all: false
};
case "verbose":
return {
entrypoints: true,
chunkGroups: true,
modules: false,
chunks: true,
chunkModules: true,
chunkOrigins: true,
depth: true,
env: true,
reasons: true,
usedExports: true,
providedExports: true,
optimizationBailout: true,
errorDetails: true,
publicPath: true,
logging: "verbose",
exclude: false,
maxModules: Infinity
};
case "detailed":
return {
entrypoints: true,
chunkGroups: true,
chunks: true,
chunkModules: false,
chunkOrigins: true,
depth: true,
usedExports: true,
providedExports: true,
optimizationBailout: true,
errorDetails: true,
publicPath: true,
logging: true,
exclude: false,
maxModules: Infinity
};
case "minimal":
return {
all: false,
modules: true,
maxModules: 0,
errors: true,
warnings: true,
logging: "warn"
};
case "errors-only":
return {
all: false,
errors: true,
moduleTrace: true,
logging: "error"
};
case "errors-warnings":
return {
all: false,
errors: true,
warnings: true,
logging: "warn"
};
default:
return {};
}
}
static getChildOptions(options, idx) {
let innerOptions;
if (Array.isArray(options.children)) {
if (idx < options.children.length) {
innerOptions = options.children[idx];
}
} else if (typeof options.children === "object" && options.children) {
innerOptions = options.children;
}
if (typeof innerOptions === "boolean" || typeof innerOptions === "string") {
innerOptions = Stats.presetToOptions(innerOptions);
}
if (!innerOptions) {
return options;
}
const childOptions = Object.assign({}, options);
delete childOptions.children; // do not inherit children
return Object.assign(childOptions, innerOptions);
}
}
module.exports = Stats;