webpack 5.59.0 → 5.94.0

package/lib/stats/DefaultStatsPrinterPlugin.js

@@ -6,16 +6,27 @@
 "use strict";
 
 /** @typedef {import("../Compiler")} Compiler */
+/** @typedef {import("./DefaultStatsFactoryPlugin").KnownStatsChunkGroup} KnownStatsChunkGroup */
 /** @typedef {import("./StatsPrinter")} StatsPrinter */
+/** @typedef {import("./StatsPrinter").KnownStatsPrinterColorFn} KnownStatsPrinterColorFn */
+/** @typedef {import("./StatsPrinter").KnownStatsPrinterFormaters} KnownStatsPrinterFormaters */
 /** @typedef {import("./StatsPrinter").StatsPrinterContext} StatsPrinterContext */
 
+const DATA_URI_CONTENT_LENGTH = 16;
+const MAX_MODULE_IDENTIFIER_LENGTH = 80;
+
+/**
+ * @param {number} n a number
+ * @param {string} singular singular
+ * @param {string} plural plural
+ * @returns {string} if n is 1, singular, else plural
+ */
 const plural = (n, singular, plural) => (n === 1 ? singular : plural);
 
 /**
  * @param {Record<string, number>} sizes sizes by source type
- * @param {Object} options options
- * @param {(number) => string=} options.formatSize size formatter
- * @returns {string} text
+ * @param {StatsPrinterContext} options options
+ * @returns {string | undefined} text
  */
 const printSizes = (sizes, { formatSize = n => `${n}` }) => {
 	const keys = Object.keys(sizes);
@@ -26,6 +37,51 @@ const printSizes = (sizes, { formatSize = n => `${n}` }) => {
 	}
 };
 
+/**
+ * @param {string} resource resource
+ * @returns {string} resource name for display
+ */
+const getResourceName = resource => {
+	const dataUrl = /^data:[^,]+,/.exec(resource);
+	if (!dataUrl) return resource;
+
+	const len = dataUrl[0].length + DATA_URI_CONTENT_LENGTH;
+	if (resource.length < len) return resource;
+	return `${resource.slice(
+		0,
+		Math.min(resource.length - /* '..'.length */ 2, len)
+	)}..`;
+};
+
+/**
+ * @param {string} name module name
+ * @returns {[string,string]} prefix and module name
+ */
+const getModuleName = name => {
+	const [, prefix, resource] =
+		/** @type {[any, string, string]} */
+		(/** @type {unknown} */ (/^(.*!)?([^!]*)$/.exec(name)));
+
+	if (resource.length > MAX_MODULE_IDENTIFIER_LENGTH) {
+		const truncatedResource = `${resource.slice(
+			0,
+			Math.min(
+				resource.length - /* '...(truncated)'.length */ 14,
+				MAX_MODULE_IDENTIFIER_LENGTH
+			)
+		)}...(truncated)`;
+
+		return [prefix, getResourceName(truncatedResource)];
+	}
+
+	return [prefix, getResourceName(resource)];
+};
+
+/**
+ * @param {string} str string
+ * @param {function(string): string} fn function to apply to each line
+ * @returns {string} joined string
+ */
 const mapLines = (str, fn) => str.split("\n").map(fn).join("\n");
 
 /**
@@ -34,12 +90,29 @@ const mapLines = (str, fn) => str.split("\n").map(fn).join("\n");
  */
 const twoDigit = n => (n >= 10 ? `${n}` : `0${n}`);
 
-const isValidId = id => {
-	return typeof id === "number" || id;
-};
+/**
+ * @param {string | number} id an id
+ * @returns {boolean | string} is i
+ */
+const isValidId = id => typeof id === "number" || id;
+
+/**
+ * @template T
+ * @param {Array<T> | undefined} list of items
+ * @param {number} count number of items to show
+ * @returns {string} string representation of list
+ */
+const moreCount = (list, count) =>
+	list && list.length > 0 ? `+ ${count}` : `${count}`;
 
-/** @type {Record<string, (thing: any, context: StatsPrinterContext, printer: StatsPrinter) => string | void>} */
-const SIMPLE_PRINTERS = {
+/**
+ * @template T
+ * @template {keyof T} K
+ * @typedef {{ [P in K]-?: T[P] }} WithRequired
+ */
+
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation">, printer: StatsPrinter) => string | undefined>} */
+const COMPILATION_SIMPLE_PRINTERS = {
 	"compilation.summary!": (
 		_,
 		{
@@ -63,14 +136,16 @@ const SIMPLE_PRINTERS = {
 	) => {
 		const root = type === "compilation.summary!";
 		const warningsMessage =
-			warningsCount > 0
+			/** @type {number} */ (warningsCount) > 0
 				? yellow(
-						`${warningsCount} ${plural(warningsCount, "warning", "warnings")}`
-				  )
+						`${warningsCount} ${plural(/** @type {number} */ (warningsCount), "warning", "warnings")}`
+					)
 				: "";
 		const errorsMessage =
-			errorsCount > 0
-				? red(`${errorsCount} ${plural(errorsCount, "error", "errors")}`)
+			/** @type {number} */ (errorsCount) > 0
+				? red(
+						`${errorsCount} ${plural(/** @type {number} */ (errorsCount), "error", "errors")}`
+					)
 				: "";
 		const timeMessage = root && time ? ` in ${formatTime(time)}` : "";
 		const hashMessage = hash ? ` (${hash})` : "";
@@ -81,10 +156,10 @@ const SIMPLE_PRINTERS = {
 			root && name
 				? bold(name)
 				: name
-				? `Child ${bold(name)}`
-				: root
-				? ""
-				: "Child";
+					? `Child ${bold(name)}`
+					: root
+						? ""
+						: "Child";
 		const subjectMessage =
 			nameMessage && versionMessage
 				? `${nameMessage} (${versionMessage})`
@@ -99,7 +174,7 @@ const SIMPLE_PRINTERS = {
 		} else if (errorsCount === 0 && warningsCount === 0) {
 			statusMessage = `compiled ${green("successfully")}`;
 		} else {
-			statusMessage = `compiled`;
+			statusMessage = "compiled";
 		}
 		if (
 			builtAtMessage ||
@@ -118,7 +193,7 @@ const SIMPLE_PRINTERS = {
 					count,
 					"warning has",
 					"warnings have"
-			  )} detailed information that is not shown.\nUse 'stats.errorDetails: true' resp. '--stats-error-details' to show it.`
+				)} detailed information that is not shown.\nUse 'stats.errorDetails: true' resp. '--stats-error-details' to show it.`
 			: undefined,
 	"compilation.filteredErrorDetailsCount": (count, { yellow }) =>
 		count
@@ -128,7 +203,7 @@ const SIMPLE_PRINTERS = {
 						"error has",
 						"errors have"
 					)} detailed information that is not shown.\nUse 'stats.errorDetails: true' resp. '--stats-error-details' to show it.`
-			  )
+				)
 			: undefined,
 	"compilation.env": (env, { bold }) =>
 		env
@@ -142,7 +217,7 @@ const SIMPLE_PRINTERS = {
 			: printer.print(context.type, Object.values(entrypoints), {
 					...context,
 					chunkGroupKind: "Entrypoint"
-			  }),
+				}),
 	"compilation.namedChunkGroups": (namedChunkGroups, context, printer) => {
 		if (!Array.isArray(namedChunkGroups)) {
 			const {
@@ -163,13 +238,27 @@ const SIMPLE_PRINTERS = {
 	},
 	"compilation.assetsByChunkName": () => "",
 
-	"compilation.filteredModules": filteredModules =>
+	"compilation.filteredModules": (
+		filteredModules,
+		{ compilation: { modules } }
+	) =>
 		filteredModules > 0
-			? `${filteredModules} ${plural(filteredModules, "module", "modules")}`
+			? `${moreCount(modules, filteredModules)} ${plural(
+					filteredModules,
+					"module",
+					"modules"
+				)}`
 			: undefined,
-	"compilation.filteredAssets": (filteredAssets, { compilation: { assets } }) =>
+	"compilation.filteredAssets": (
+		filteredAssets,
+		{ compilation: { assets } }
+	) =>
 		filteredAssets > 0
-			? `${filteredAssets} ${plural(filteredAssets, "asset", "assets")}`
+			? `${moreCount(assets, filteredAssets)} ${plural(
+					filteredAssets,
+					"asset",
+					"assets"
+				)}`
 			: undefined,
 	"compilation.logging": (logging, context, printer) =>
 		Array.isArray(logging)
@@ -178,15 +267,16 @@ const SIMPLE_PRINTERS = {
 					context.type,
 					Object.entries(logging).map(([name, value]) => ({ ...value, name })),
 					context
-			  ),
+				),
 	"compilation.warningsInChildren!": (_, { yellow, compilation }) => {
 		if (
 			!compilation.children &&
-			compilation.warningsCount > 0 &&
+			/** @type {number} */ (compilation.warningsCount) > 0 &&
 			compilation.warnings
 		) {
 			const childWarnings =
-				compilation.warningsCount - compilation.warnings.length;
+				/** @type {number} */ (compilation.warningsCount) -
+				compilation.warnings.length;
 			if (childWarnings > 0) {
 				return yellow(
 					`${childWarnings} ${plural(
@@ -205,10 +295,12 @@ const SIMPLE_PRINTERS = {
 	"compilation.errorsInChildren!": (_, { red, compilation }) => {
 		if (
 			!compilation.children &&
-			compilation.errorsCount > 0 &&
+			/** @type {number} */ (compilation.errorsCount) > 0 &&
 			compilation.errors
 		) {
-			const childErrors = compilation.errorsCount - compilation.errors.length;
+			const childErrors =
+				/** @type {number} */ (compilation.errorsCount) -
+				compilation.errors.length;
 			if (childErrors > 0) {
 				return red(
 					`${childErrors} ${plural(
@@ -223,15 +315,16 @@ const SIMPLE_PRINTERS = {
 				);
 			}
 		}
-	},
+	}
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "asset">, printer: StatsPrinter) => string | undefined>} */
+const ASSET_SIMPLE_PRINTERS = {
 	"asset.type": type => type,
 	"asset.name": (name, { formatFilename, asset: { isOverSizeLimit } }) =>
 		formatFilename(name, isOverSizeLimit),
-	"asset.size": (
-		size,
-		{ asset: { isOverSizeLimit }, yellow, green, formatSize }
-	) => (isOverSizeLimit ? yellow(formatSize(size)) : formatSize(size)),
+	"asset.size": (size, { asset: { isOverSizeLimit }, yellow, formatSize }) =>
+		isOverSizeLimit ? yellow(formatSize(size)) : formatSize(size),
 	"asset.emitted": (emitted, { green, formatFlag }) =>
 		emitted ? green(formatFlag("emitted")) : undefined,
 	"asset.comparedForEmit": (comparedForEmit, { yellow, formatFlag }) =>
@@ -251,7 +344,7 @@ const SIMPLE_PRINTERS = {
 					sourceFilename === true
 						? "from source file"
 						: `from: ${sourceFilename}`
-			  )
+				)
 			: undefined,
 	"asset.info.development": (development, { green, formatFlag }) =>
 		development ? green(formatFlag("dev")) : undefined,
@@ -262,28 +355,35 @@ const SIMPLE_PRINTERS = {
 	"asset.separator!": () => "\n",
 	"asset.filteredRelated": (filteredRelated, { asset: { related } }) =>
 		filteredRelated > 0
-			? `${filteredRelated} related ${plural(
+			? `${moreCount(related, filteredRelated)} related ${plural(
 					filteredRelated,
 					"asset",
 					"assets"
-			  )}`
+				)}`
 			: undefined,
-	"asset.filteredChildren": filteredChildren =>
+	"asset.filteredChildren": (filteredChildren, { asset: { children } }) =>
 		filteredChildren > 0
-			? `${filteredChildren} ${plural(filteredChildren, "asset", "assets")}`
+			? `${moreCount(children, filteredChildren)} ${plural(
+					filteredChildren,
+					"asset",
+					"assets"
+				)}`
 			: undefined,
 
 	assetChunk: (id, { formatChunkId }) => formatChunkId(id),
 
 	assetChunkName: name => name,
-	assetChunkIdHint: name => name,
+	assetChunkIdHint: name => name
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "module">, printer: StatsPrinter) => string | undefined>} */
+const MODULE_SIMPLE_PRINTERS = {
 	"module.type": type => (type !== "module" ? type : undefined),
 	"module.id": (id, { formatModuleId }) =>
 		isValidId(id) ? formatModuleId(id) : undefined,
 	"module.name": (name, { bold }) => {
-		const [, prefix, resource] = /^(.*!)?([^!]*)$/.exec(name);
-		return (prefix || "") + bold(resource);
+		const [prefix, resource] = getModuleName(name);
+		return `${prefix || ""}${bold(resource || "")}`;
 	},
 	"module.identifier": identifier => undefined,
 	"module.layer": (layer, { formatLayer }) =>
@@ -316,22 +416,22 @@ const SIMPLE_PRINTERS = {
 					formatFlag(
 						`${assets.length} ${plural(assets.length, "asset", "assets")}`
 					)
-			  )
+				)
 			: undefined,
 	"module.warnings": (warnings, { formatFlag, yellow }) =>
 		warnings === true
 			? yellow(formatFlag("warnings"))
 			: warnings
-			? yellow(
-					formatFlag(`${warnings} ${plural(warnings, "warning", "warnings")}`)
-			  )
-			: undefined,
+				? yellow(
+						formatFlag(`${warnings} ${plural(warnings, "warning", "warnings")}`)
+					)
+				: undefined,
 	"module.errors": (errors, { formatFlag, red }) =>
 		errors === true
 			? red(formatFlag("errors"))
 			: errors
-			? red(formatFlag(`${errors} ${plural(errors, "error", "errors")}`))
-			: undefined,
+				? red(formatFlag(`${errors} ${plural(errors, "error", "errors")}`))
+				: undefined,
 	"module.providedExports": (providedExports, { formatFlag, cyan }) => {
 		if (Array.isArray(providedExports)) {
 			if (providedExports.length === 0) return cyan(formatFlag("no exports"));
@@ -353,11 +453,11 @@ const SIMPLE_PRINTERS = {
 					providedExportsCount === usedExports.length
 				) {
 					return cyan(formatFlag("all exports used"));
-				} else {
-					return cyan(
-						formatFlag(`only some exports used: ${usedExports.join(", ")}`)
-					);
 				}
+
+				return cyan(
+					formatFlag(`only some exports used: ${usedExports.join(", ")}`)
+				);
 			}
 		}
 	},
@@ -366,29 +466,44 @@ const SIMPLE_PRINTERS = {
 	"module.issuerPath": (issuerPath, { module }) =>
 		module.profile ? undefined : "",
 	"module.profile": profile => undefined,
-	"module.filteredModules": filteredModules =>
+	"module.filteredModules": (filteredModules, { module: { modules } }) =>
 		filteredModules > 0
-			? `${filteredModules} nested ${plural(
+			? `${moreCount(modules, filteredModules)} nested ${plural(
 					filteredModules,
 					"module",
 					"modules"
-			  )}`
+				)}`
 			: undefined,
-	"module.filteredReasons": filteredReasons =>
+	"module.filteredReasons": (filteredReasons, { module: { reasons } }) =>
 		filteredReasons > 0
-			? `${filteredReasons} ${plural(filteredReasons, "reason", "reasons")}`
+			? `${moreCount(reasons, filteredReasons)} ${plural(
+					filteredReasons,
+					"reason",
+					"reasons"
+				)}`
 			: undefined,
-	"module.filteredChildren": filteredChildren =>
+	"module.filteredChildren": (filteredChildren, { module: { children } }) =>
 		filteredChildren > 0
-			? `${filteredChildren} ${plural(filteredChildren, "module", "modules")}`
+			? `${moreCount(children, filteredChildren)} ${plural(
+					filteredChildren,
+					"module",
+					"modules"
+				)}`
 			: undefined,
-	"module.separator!": () => "\n",
+	"module.separator!": () => "\n"
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "moduleIssuer">, printer: StatsPrinter) => string | undefined>} */
+const MODULE_ISSUER_PRINTERS = {
 	"moduleIssuer.id": (id, { formatModuleId }) => formatModuleId(id),
-	"moduleIssuer.profile.total": (value, { formatTime }) => formatTime(value),
+	"moduleIssuer.profile.total": (value, { formatTime }) => formatTime(value)
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "moduleReason">, printer: StatsPrinter) => string | undefined>} */
+const MODULE_REASON_PRINTERS = {
 	"moduleReason.type": type => type,
-	"moduleReason.userRequest": (userRequest, { cyan }) => cyan(userRequest),
+	"moduleReason.userRequest": (userRequest, { cyan }) =>
+		cyan(getResourceName(userRequest)),
 	"moduleReason.moduleId": (moduleId, { formatModuleId }) =>
 		isValidId(moduleId) ? formatModuleId(moduleId) : undefined,
 	"moduleReason.module": (module, { magenta }) => magenta(module),
@@ -397,11 +512,21 @@ const SIMPLE_PRINTERS = {
 	"moduleReason.active": (active, { formatFlag }) =>
 		active ? undefined : formatFlag("inactive"),
 	"moduleReason.resolvedModule": (module, { magenta }) => magenta(module),
-	"moduleReason.filteredChildren": filteredChildren =>
+	"moduleReason.filteredChildren": (
+		filteredChildren,
+		{ moduleReason: { children } }
+	) =>
 		filteredChildren > 0
-			? `${filteredChildren} ${plural(filteredChildren, "reason", "reasons")}`
-			: undefined,
+			? `${moreCount(children, filteredChildren)} ${plural(
+					filteredChildren,
+					"reason",
+					"reasons"
+				)}`
+			: undefined
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "profile">, printer: StatsPrinter) => string | undefined>} */
+const MODULE_PROFILE_PRINTERS = {
 	"module.profile.total": (value, { formatTime }) => formatTime(value),
 	"module.profile.resolving": (value, { formatTime }) =>
 		`resolving: ${formatTime(value)}`,
@@ -416,8 +541,11 @@ const SIMPLE_PRINTERS = {
 	"module.profile.additionalResolving": (value, { formatTime }) =>
 		value ? `additional resolving: ${formatTime(value)}` : undefined,
 	"module.profile.additionalIntegration": (value, { formatTime }) =>
-		value ? `additional integration: ${formatTime(value)}` : undefined,
+		value ? `additional integration: ${formatTime(value)}` : undefined
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "chunkGroupKind" | "chunkGroup">, printer: StatsPrinter) => string | undefined>} */
+const CHUNK_GROUP_PRINTERS = {
 	"chunkGroup.kind!": (_, { chunkGroupKind }) => chunkGroupKind,
 	"chunkGroup.separator!": () => "\n",
 	"chunkGroup.name": (name, { bold }) => bold(name),
@@ -427,17 +555,29 @@ const SIMPLE_PRINTERS = {
 		size ? formatSize(size) : undefined,
 	"chunkGroup.auxiliaryAssetsSize": (size, { formatSize }) =>
 		size ? `(${formatSize(size)})` : undefined,
-	"chunkGroup.filteredAssets": n =>
-		n > 0 ? `${n} ${plural(n, "asset", "assets")}` : undefined,
-	"chunkGroup.filteredAuxiliaryAssets": n =>
-		n > 0 ? `${n} auxiliary ${plural(n, "asset", "assets")}` : undefined,
+	"chunkGroup.filteredAssets": (n, { chunkGroup: { assets } }) =>
+		n > 0
+			? `${moreCount(assets, n)} ${plural(n, "asset", "assets")}`
+			: undefined,
+	"chunkGroup.filteredAuxiliaryAssets": (
+		n,
+		{ chunkGroup: { auxiliaryAssets } }
+	) =>
+		n > 0
+			? `${moreCount(auxiliaryAssets, n)} auxiliary ${plural(
+					n,
+					"asset",
+					"assets"
+				)}`
+			: undefined,
 	"chunkGroup.is!": () => "=",
 	"chunkGroupAsset.name": (asset, { green }) => green(asset),
 	"chunkGroupAsset.size": (size, { formatSize, chunkGroup }) =>
-		chunkGroup.assets.length > 1 ||
+		chunkGroup.assets &&
+		(chunkGroup.assets.length > 1 ||
 		(chunkGroup.auxiliaryAssets && chunkGroup.auxiliaryAssets.length > 0)
 			? formatSize(size)
-			: undefined,
+			: undefined),
 	"chunkGroup.children": (children, context, printer) =>
 		Array.isArray(children)
 			? undefined
@@ -448,13 +588,16 @@ const SIMPLE_PRINTERS = {
 						children: children[key]
 					})),
 					context
-			  ),
+				),
 	"chunkGroupChildGroup.type": type => `${type}:`,
 	"chunkGroupChild.assets[]": (file, { formatFilename }) =>
 		formatFilename(file),
 	"chunkGroupChild.chunks[]": (id, { formatChunkId }) => formatChunkId(id),
-	"chunkGroupChild.name": name => (name ? `(name: ${name})` : undefined),
+	"chunkGroupChild.name": name => (name ? `(name: ${name})` : undefined)
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "chunk">, printer: StatsPrinter) => string | undefined>} */
+const CHUNK_PRINTERS = {
 	"chunk.id": (id, { formatChunkId }) => formatChunkId(id),
 	"chunk.files[]": (file, { formatFilename }) => formatFilename(file),
 	"chunk.names[]": name => name,
@@ -477,7 +620,7 @@ const SIMPLE_PRINTERS = {
 						children: childrenByOrder[key]
 					})),
 					context
-			  ),
+				),
 	"chunk.childrenByOrder[].type": type => `${type}:`,
 	"chunk.childrenByOrder[].children[]": (id, { formatChunkId }) =>
 		isValidId(id) ? formatChunkId(id) : undefined,
@@ -490,13 +633,13 @@ const SIMPLE_PRINTERS = {
 	"chunk.recorded": (recorded, { formatFlag, green }) =>
 		recorded ? green(formatFlag("recorded")) : undefined,
 	"chunk.reason": (reason, { yellow }) => (reason ? yellow(reason) : undefined),
-	"chunk.filteredModules": filteredModules =>
+	"chunk.filteredModules": (filteredModules, { chunk: { modules } }) =>
 		filteredModules > 0
-			? `${filteredModules} chunk ${plural(
+			? `${moreCount(modules, filteredModules)} chunk ${plural(
 					filteredModules,
 					"module",
 					"modules"
-			  )}`
+				)}`
 			: undefined,
 	"chunk.separator!": () => "\n",
 
@@ -504,8 +647,11 @@ const SIMPLE_PRINTERS = {
 	"chunkOrigin.moduleId": (moduleId, { formatModuleId }) =>
 		isValidId(moduleId) ? formatModuleId(moduleId) : undefined,
 	"chunkOrigin.moduleName": (moduleName, { bold }) => bold(moduleName),
-	"chunkOrigin.loc": loc => loc,
+	"chunkOrigin.loc": loc => loc
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "error">, printer: StatsPrinter) => string | undefined>} */
+const ERROR_PRINTERS = {
 	"error.compilerPath": (compilerPath, { bold }) =>
 		compilerPath ? bold(`(${compilerPath})`) : undefined,
 	"error.chunkId": (chunkId, { formatChunkId }) =>
@@ -515,19 +661,23 @@ const SIMPLE_PRINTERS = {
 	"error.chunkInitial": (chunkInitial, { formatFlag }) =>
 		chunkInitial ? formatFlag("initial") : undefined,
 	"error.file": (file, { bold }) => bold(file),
-	"error.moduleName": (moduleName, { bold }) => {
-		return moduleName.includes("!")
+	"error.moduleName": (moduleName, { bold }) =>
+		moduleName.includes("!")
 			? `${bold(moduleName.replace(/^(\s|\S)*!/, ""))} (${moduleName})`
-			: `${bold(moduleName)}`;
-	},
+			: `${bold(moduleName)}`,
 	"error.loc": (loc, { green }) => green(loc),
 	"error.message": (message, { bold, formatError }) =>
-		message.includes("\u001b[") ? message : bold(formatError(message)),
+		message.includes("\u001B[") ? message : bold(formatError(message)),
 	"error.details": (details, { formatError }) => formatError(details),
+	"error.filteredDetails": filteredDetails =>
+		filteredDetails ? `+ ${filteredDetails} hidden lines` : undefined,
 	"error.stack": stack => stack,
 	"error.moduleTrace": moduleTrace => undefined,
-	"error.separator!": () => "\n",
+	"error.separator!": () => "\n"
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "logging">, printer: StatsPrinter) => string | undefined>} */
+const LOG_ENTRY_PRINTERS = {
 	"loggingEntry(error).loggingEntry.message": (message, { red }) =>
 		mapLines(message, x => `<e> ${red(x)}`),
 	"loggingEntry(warn).loggingEntry.message": (message, { yellow }) =>
@@ -557,20 +707,26 @@ const SIMPLE_PRINTERS = {
 	"loggingEntry.trace[]": trace =>
 		trace ? mapLines(trace, x => `| ${x}`) : undefined,
 
-	"moduleTraceItem.originName": originName => originName,
-
 	loggingGroup: loggingGroup =>
 		loggingGroup.entries.length === 0 ? "" : undefined,
 	"loggingGroup.debug": (flag, { red }) => (flag ? red("DEBUG") : undefined),
 	"loggingGroup.name": (name, { bold }) => bold(`LOG from ${name}`),
 	"loggingGroup.separator!": () => "\n",
 	"loggingGroup.filteredEntries": filteredEntries =>
-		filteredEntries > 0 ? `+ ${filteredEntries} hidden lines` : undefined,
+		filteredEntries > 0 ? `+ ${filteredEntries} hidden lines` : undefined
+};
+
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "moduleTraceItem">, printer: StatsPrinter) => string | undefined>} */
+const MODULE_TRACE_ITEM_PRINTERS = {
+	"moduleTraceItem.originName": originName => originName
+};
 
+/** @type {Record<string, (thing: any, context: Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "moduleTraceDependency">, printer: StatsPrinter) => string | undefined>} */
+const MODULE_TRACE_DEPENDENCY_PRINTERS = {
 	"moduleTraceDependency.loc": loc => loc
 };
 
-/** @type {Record<string, string | Function>} */
+/** @type {Record<string, string | function(any): string>} */
 const ITEM_NAMES = {
 	"compilation.assets[]": "asset",
 	"compilation.modules[]": "module",
@@ -624,6 +780,8 @@ const ERROR_PREFERRED_ORDER = [
 	"separator!",
 	"details",
 	"separator!",
+	"filteredDetails",
+	"separator!",
 	"stack",
 	"separator!",
 	"missing",
@@ -797,19 +955,27 @@ const PREFERRED_ORDERS = {
 	loggingEntry: ["message", "trace", "children"]
 };
 
+/** @typedef {(items: string[]) => string | undefined} SimpleItemsJoiner */
+
+/** @type {SimpleItemsJoiner} */
 const itemsJoinOneLine = items => items.filter(Boolean).join(" ");
+/** @type {SimpleItemsJoiner} */
 const itemsJoinOneLineBrackets = items =>
 	items.length > 0 ? `(${items.filter(Boolean).join(" ")})` : undefined;
+/** @type {SimpleItemsJoiner} */
 const itemsJoinMoreSpacing = items => items.filter(Boolean).join("\n\n");
+/** @type {SimpleItemsJoiner} */
 const itemsJoinComma = items => items.filter(Boolean).join(", ");
+/** @type {SimpleItemsJoiner} */
 const itemsJoinCommaBrackets = items =>
 	items.length > 0 ? `(${items.filter(Boolean).join(", ")})` : undefined;
+/** @type {function(string): SimpleItemsJoiner} */
 const itemsJoinCommaBracketsWithName = name => items =>
 	items.length > 0
 		? `(${name}: ${items.filter(Boolean).join(", ")})`
 		: undefined;
 
-/** @type {Record<string, (items: string[]) => string>} */
+/** @type {Record<string, SimpleItemsJoiner>} */
 const SIMPLE_ITEMS_JOINER = {
 	"chunk.parents": itemsJoinOneLine,
 	"chunk.siblings": itemsJoinOneLine,
@@ -841,18 +1007,27 @@ const SIMPLE_ITEMS_JOINER = {
 	"compilation.errors": itemsJoinMoreSpacing,
 	"compilation.warnings": itemsJoinMoreSpacing,
 	"compilation.logging": itemsJoinMoreSpacing,
-	"compilation.children": items => indent(itemsJoinMoreSpacing(items), "  "),
+	"compilation.children": items =>
+		indent(/** @type {string} */ (itemsJoinMoreSpacing(items)), "  "),
 	"moduleTraceItem.dependencies": itemsJoinOneLine,
 	"loggingEntry.children": items =>
 		indent(items.filter(Boolean).join("\n"), "  ", false)
 };
 
+/**
+ * @param {Item[]} items items
+ * @returns {string} result
+ */
 const joinOneLine = items =>
 	items
 		.map(item => item.content)
 		.filter(Boolean)
 		.join(" ");
 
+/**
+ * @param {Item[]} items items
+ * @returns {string} result
+ */
 const joinInBrackets = items => {
 	const res = [];
 	let mode = 0;
@@ -895,13 +1070,24 @@ const joinInBrackets = items => {
 	return res.join("");
 };
 
+/**
+ * @param {string} str a string
+ * @param {string} prefix prefix
+ * @param {boolean=} noPrefixInFirstLine need prefix in the first line?
+ * @returns {string} result
+ */
 const indent = (str, prefix, noPrefixInFirstLine) => {
-	const rem = str.replace(/\n([^\n])/g, "\n" + prefix + "$1");
+	const rem = str.replace(/\n([^\n])/g, `\n${prefix}$1`);
 	if (noPrefixInFirstLine) return rem;
 	const ind = str[0] === "\n" ? "" : prefix;
 	return ind + rem;
 };
 
+/**
+ * @param {(false | Item)[]} items items
+ * @param {string} indenter indenter
+ * @returns {string} result
+ */
 const joinExplicitNewLine = (items, indenter) => {
 	let firstInLine = true;
 	let first = true;
@@ -916,22 +1102,34 @@ const joinExplicitNewLine = (items, indenter) => {
 			first = false;
 			const noJoiner = firstInLine || content.startsWith("\n");
 			firstInLine = content.endsWith("\n");
-			return noJoiner ? content : " " + content;
+			return noJoiner ? content : ` ${content}`;
 		})
 		.filter(Boolean)
 		.join("")
 		.trim();
 };
 
+/**
+ * @param {boolean} error is an error
+ * @returns {SimpleElementJoiner} joiner
+ */
 const joinError =
 	error =>
+	/**
+	 * @param {Item[]} items items
+	 * @param {Required<StatsPrinterContext>} ctx context
+	 * @returns {string} result
+	 */
 	(items, { red, yellow }) =>
 		`${error ? red("ERROR") : yellow("WARNING")} in ${joinExplicitNewLine(
 			items,
 			""
 		)}`;
 
-/** @type {Record<string, (items: ({ element: string, content: string })[], context: StatsPrinterContext) => string>} */
+/** @typedef {{ element: string, content: string }} Item */
+/** @typedef {(items: Item[], context: Required<StatsPrinterContext>) => string} SimpleElementJoiner */
+
+/** @type {Record<string, SimpleElementJoiner>} */
 const SIMPLE_ELEMENT_JOINERS = {
 	compilation: items => {
 		const result = [];
@@ -1008,23 +1206,20 @@ const SIMPLE_ELEMENT_JOINERS = {
 	},
 	chunk: items => {
 		let hasEntry = false;
-		return (
-			"chunk " +
-			joinExplicitNewLine(
-				items.filter(item => {
-					switch (item.element) {
-						case "entry":
-							if (item.content) hasEntry = true;
-							break;
-						case "initial":
-							if (hasEntry) return false;
-							break;
-					}
-					return true;
-				}),
-				"  "
-			)
-		);
+		return `chunk ${joinExplicitNewLine(
+			items.filter(item => {
+				switch (item.element) {
+					case "entry":
+						if (item.content) hasEntry = true;
+						break;
+					case "initial":
+						if (hasEntry) return false;
+						break;
+				}
+				return true;
+			}),
+			"  "
+		)}`;
 	},
 	"chunk.childrenByOrder[]": items => `(${joinOneLine(items)})`,
 	chunkGroup: items => joinExplicitNewLine(items, "  "),
@@ -1085,23 +1280,27 @@ const SIMPLE_ELEMENT_JOINERS = {
 	},
 	"module.profile": joinInBrackets,
 	moduleIssuer: joinOneLine,
-	chunkOrigin: items => "> " + joinOneLine(items),
+	chunkOrigin: items => `> ${joinOneLine(items)}`,
 	"errors[].error": joinError(true),
 	"warnings[].error": joinError(false),
-	loggingGroup: items => joinExplicitNewLine(items, "").trimRight(),
-	moduleTraceItem: items => " @ " + joinOneLine(items),
+	loggingGroup: items => joinExplicitNewLine(items, "").trimEnd(),
+	moduleTraceItem: items => ` @ ${joinOneLine(items)}`,
 	moduleTraceDependency: joinOneLine
 };
 
+/** @typedef {"bold" | "yellow" | "red" | "green" | "cyan" | "magenta"} ColorNames */
+
+/** @type {Record<ColorNames, string>} */
 const AVAILABLE_COLORS = {
-	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"
+	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"
 };
 
+/** @type {Record<string, function(any, Required<KnownStatsPrinterColorFn> & StatsPrinterContext, ...any): string>} */
 const AVAILABLE_FORMATS = {
 	formatChunkId: (id, { yellow }, direction) => {
 		switch (direction) {
@@ -1145,13 +1344,12 @@ const AVAILABLE_FORMATS = {
 			else if (time < times[2]) return bold(`${time}${unit}`);
 			else if (time < times[1]) return green(`${time}${unit}`);
 			else if (time < times[0]) return yellow(`${time}${unit}`);
-			else return red(`${time}${unit}`);
-		} else {
-			return `${boldQuantity ? bold(time) : time}${unit}`;
+			return red(`${time}${unit}`);
 		}
+		return `${boldQuantity ? bold(time) : time}${unit}`;
 	},
 	formatError: (message, { green, yellow, red }) => {
-		if (message.includes("\u001b[")) return message;
+		if (message.includes("\u001B[")) return message;
 		const highlights = [
 			{ regExp: /(Did you mean .+)/g, format: green },
 			{
@@ -1160,7 +1358,7 @@ const AVAILABLE_FORMATS = {
 			},
 			{ regExp: /(\(module has no exports\))/g, format: red },
 			{ regExp: /\(possible exports: (.+)\)/g, format: green },
-			{ regExp: /\s*(.+ doesn't exist)/g, format: red },
+			{ regExp: /(?:^|\n)(.* doesn't exist)/g, format: red },
 			{ regExp: /('\w+' option has not been set)/g, format: red },
 			{
 				regExp: /(Emitted value instead of an instance of Error)/g,
@@ -1179,23 +1377,36 @@ const AVAILABLE_FORMATS = {
 			}
 		];
 		for (const { regExp, format } of highlights) {
-			message = message.replace(regExp, (match, content) => {
-				return match.replace(content, format(content));
-			});
+			message = message.replace(
+				regExp,
+				/**
+				 * @param {string} match match
+				 * @param {string} content content
+				 * @returns {string} result
+				 */
+				(match, content) => match.replace(content, format(content))
+			);
 		}
 		return message;
 	}
 };
 
+/** @typedef {function(string): string} ResultModifierFn */
+/** @type {Record<string, ResultModifierFn>} */
 const RESULT_MODIFIER = {
-	"module.modules": result => {
-		return indent(result, "| ");
-	}
+	"module.modules": result => indent(result, "| ")
 };
 
+/**
+ * @param {string[]} array array
+ * @param {string[]} preferredOrder preferred order
+ * @returns {string[]} result
+ */
 const createOrder = (array, preferredOrder) => {
 	const originalArray = array.slice();
+	/** @type {Set<string>} */
 	const set = new Set(array);
+	/** @type {Set<string>} */
 	const usedSet = new Set();
 	array.length = 0;
 	for (const element of preferredOrder) {
@@ -1222,49 +1433,218 @@ class DefaultStatsPrinterPlugin {
 		compiler.hooks.compilation.tap("DefaultStatsPrinterPlugin", compilation => {
 			compilation.hooks.statsPrinter.tap(
 				"DefaultStatsPrinterPlugin",
-				(stats, options, context) => {
+				(stats, options) => {
 					// Put colors into context
 					stats.hooks.print
 						.for("compilation")
 						.tap("DefaultStatsPrinterPlugin", (compilation, context) => {
 							for (const color of Object.keys(AVAILABLE_COLORS)) {
+								const name = /** @type {ColorNames} */ (color);
+								/** @type {string | undefined} */
 								let start;
 								if (options.colors) {
 									if (
 										typeof options.colors === "object" &&
-										typeof options.colors[color] === "string"
+										typeof options.colors[name] === "string"
 									) {
-										start = options.colors[color];
+										start = options.colors[name];
 									} else {
-										start = AVAILABLE_COLORS[color];
+										start = AVAILABLE_COLORS[name];
 									}
 								}
 								if (start) {
+									/**
+									 * @param {string} str string
+									 * @returns {string} string with color
+									 */
 									context[color] = str =>
 										`${start}${
 											typeof str === "string"
 												? str.replace(
-														/((\u001b\[39m|\u001b\[22m|\u001b\[0m)+)/g,
+														/((\u001B\[39m|\u001B\[22m|\u001B\[0m)+)/g,
 														`$1${start}`
-												  )
+													)
 												: str
-										}\u001b[39m\u001b[22m`;
+										}\u001B[39m\u001B[22m`;
 								} else {
+									/**
+									 * @param {string} str string
+									 * @returns {string} str string
+									 */
 									context[color] = str => str;
 								}
 							}
 							for (const format of Object.keys(AVAILABLE_FORMATS)) {
-								context[format] = (content, ...args) =>
-									AVAILABLE_FORMATS[format](content, context, ...args);
+								context[format] =
+									/**
+									 * @param {string | number} content content
+									 * @param {...TODO} args args
+									 * @returns {string} result
+									 */
+									(content, ...args) =>
+										AVAILABLE_FORMATS[format](
+											content,
+											/** @type {Required<KnownStatsPrinterColorFn> & StatsPrinterContext} */
+											(context),
+											...args
+										);
 							}
 							context.timeReference = compilation.time;
 						});
 
-					for (const key of Object.keys(SIMPLE_PRINTERS)) {
+					for (const key of Object.keys(COMPILATION_SIMPLE_PRINTERS)) {
 						stats.hooks.print
 							.for(key)
 							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
-								SIMPLE_PRINTERS[key](obj, ctx, stats)
+								COMPILATION_SIMPLE_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(ASSET_SIMPLE_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								ASSET_SIMPLE_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "asset">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(MODULE_SIMPLE_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								MODULE_SIMPLE_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "module">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(MODULE_ISSUER_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								MODULE_ISSUER_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "moduleIssuer">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(MODULE_REASON_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								MODULE_REASON_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "moduleReason">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(MODULE_PROFILE_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								MODULE_PROFILE_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "profile">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(CHUNK_GROUP_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								CHUNK_GROUP_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "chunkGroupKind" | "chunkGroup">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(CHUNK_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								CHUNK_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "chunk">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(ERROR_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								ERROR_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "error">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(LOG_ENTRY_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								LOG_ENTRY_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "logging">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(MODULE_TRACE_DEPENDENCY_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								MODULE_TRACE_DEPENDENCY_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "moduleTraceDependency">} */
+									(ctx),
+									stats
+								)
+							);
+					}
+
+					for (const key of Object.keys(MODULE_TRACE_ITEM_PRINTERS)) {
+						stats.hooks.print
+							.for(key)
+							.tap("DefaultStatsPrinterPlugin", (obj, ctx) =>
+								MODULE_TRACE_ITEM_PRINTERS[key](
+									obj,
+									/** @type {Required<KnownStatsPrinterColorFn> & Required<KnownStatsPrinterFormaters> & WithRequired<StatsPrinterContext, "type" | "compilation" | "moduleTraceItem">} */
+									(ctx),
+									stats
+								)
 							);
 					}
 
@@ -1298,7 +1678,7 @@ class DefaultStatsPrinterPlugin {
 						const joiner = SIMPLE_ELEMENT_JOINERS[key];
 						stats.hooks.printElements
 							.for(key)
-							.tap("DefaultStatsPrinterPlugin", joiner);
+							.tap("DefaultStatsPrinterPlugin", /** @type {TODO} */ (joiner));
 					}
 
 					for (const key of Object.keys(RESULT_MODIFIER)) {