nav tabs on admin dashboard

node_modules/webpack/lib/performance/AssetsOverSizeLimitWarning.js

@@ -9,14 +9,21 @@ const SizeFormatHelpers = require("../SizeFormatHelpers");
 
 module.exports = class AssetsOverSizeLimitWarning extends WebpackError {
 	constructor(assetsOverSizeLimit, assetLimit) {
-		super();
+		const assetLists = assetsOverSizeLimit
+			.map(
+				asset =>
+					`\n  ${asset.name} (${SizeFormatHelpers.formatSize(asset.size)})`
+			)
+			.join("");
+
+		super(`asset size limit: The following asset(s) exceed the recommended size limit (${SizeFormatHelpers.formatSize(
+			assetLimit
+		)}).
+This can impact web performance.
+Assets: ${assetLists}`);
 
 		this.name = "AssetsOverSizeLimitWarning";
 		this.assets = assetsOverSizeLimit;
-		const assetLists = this.assets.map(asset => `\n  ${asset.name} (${SizeFormatHelpers.formatSize(asset.size)})`).join("");
-		this.message = `asset size limit: The following asset(s) exceed the recommended size limit (${SizeFormatHelpers.formatSize(assetLimit)}).
-This can impact web performance.
-Assets: ${assetLists}`;
 
 		Error.captureStackTrace(this, this.constructor);
 	}

node_modules/webpack/lib/performance/EntrypointsOverSizeLimitWarning.js

@@ -9,19 +9,21 @@ const SizeFormatHelpers = require("../SizeFormatHelpers");
 
 module.exports = class EntrypointsOverSizeLimitWarning extends WebpackError {
 	constructor(entrypoints, entrypointLimit) {
-		super();
+		const entrypointList = entrypoints
+			.map(
+				entrypoint =>
+					`\n  ${entrypoint.name} (${SizeFormatHelpers.formatSize(
+						entrypoint.size
+					)})\n${entrypoint.files.map(asset => `      ${asset}`).join("\n")}`
+			)
+			.join("");
+		super(`entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (${SizeFormatHelpers.formatSize(
+			entrypointLimit
+		)}). This can impact web performance.
+Entrypoints:${entrypointList}\n`);
 
 		this.name = "EntrypointsOverSizeLimitWarning";
 		this.entrypoints = entrypoints;
-		const entrypointList = this.entrypoints.map(entrypoint => `\n  ${
-			entrypoint.name
-		} (${
-			SizeFormatHelpers.formatSize(entrypoint.size)
-		})\n${
-			entrypoint.files.map(asset => `      ${asset}`).join("\n")
-		}`).join("");
-		this.message = `entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (${SizeFormatHelpers.formatSize(entrypointLimit)}). This can impact web performance.
-Entrypoints:${entrypointList}\n`;
 
 		Error.captureStackTrace(this, this.constructor);
 	}

node_modules/webpack/lib/performance/NoAsyncChunksWarning.js

@@ -8,12 +8,13 @@ const WebpackError = require("../WebpackError");
 
 module.exports = class NoAsyncChunksWarning extends WebpackError {
 	constructor() {
-		super();
+		super(
+			"webpack performance recommendations: \n" +
+				"You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.\n" +
+				"For more info visit https://webpack.js.org/guides/code-splitting/"
+		);
 
 		this.name = "NoAsyncChunksWarning";
-		this.message = "webpack performance recommendations: \n" +
-			"You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.\n" +
-			"For more info visit https://webpack.js.org/guides/code-splitting/";
 
 		Error.captureStackTrace(this, this.constructor);
 	}

node_modules/webpack/lib/performance/SizeLimitsPlugin.js

@@ -18,85 +18,88 @@ module.exports = class SizeLimitsPlugin {
 		const entrypointSizeLimit = this.maxEntrypointSize;
 		const assetSizeLimit = this.maxAssetSize;
 		const hints = this.hints;
-		const assetFilter = this.assetFilter || (asset => !(/\.map$/.test(asset)));
+		const assetFilter = this.assetFilter || (asset => !asset.endsWith(".map"));
 
-		compiler.plugin("after-emit", (compilation, callback) => {
+		compiler.hooks.afterEmit.tap("SizeLimitsPlugin", compilation => {
 			const warnings = [];
 
 			const getEntrypointSize = entrypoint =>
-				entrypoint.getFiles()
-				.filter(assetFilter)
-				.map(file => compilation.assets[file])
-				.filter(Boolean)
-				.map(asset => asset.size())
-				.reduce((currentSize, nextSize) => currentSize + nextSize, 0);
+				entrypoint.getFiles().reduce((currentSize, file) => {
+					if (assetFilter(file) && compilation.assets[file]) {
+						return currentSize + compilation.assets[file].size();
+					}
+
+					return currentSize;
+				}, 0);
 
 			const assetsOverSizeLimit = [];
-			Object.keys(compilation.assets)
-				.filter(assetFilter)
-				.forEach(assetName => {
-					const asset = compilation.assets[assetName];
-					const size = asset.size();
+			for (const assetName of Object.keys(compilation.assets)) {
+				if (!assetFilter(assetName)) {
+					continue;
+				}
 
-					if(size > assetSizeLimit) {
-						assetsOverSizeLimit.push({
-							name: assetName,
-							size: size,
-						});
-						asset.isOverSizeLimit = true;
-					}
-				});
+				const asset = compilation.assets[assetName];
+				const size = asset.size();
+				if (size > assetSizeLimit) {
+					assetsOverSizeLimit.push({
+						name: assetName,
+						size: size
+					});
+					asset.isOverSizeLimit = true;
+				}
+			}
 
 			const entrypointsOverLimit = [];
-			Object.keys(compilation.entrypoints)
-				.forEach(key => {
-					const entry = compilation.entrypoints[key];
-					const size = getEntrypointSize(entry, compilation);
+			for (const pair of compilation.entrypoints) {
+				const name = pair[0];
+				const entry = pair[1];
+				const size = getEntrypointSize(entry);
 
-					if(size > entrypointSizeLimit) {
-						entrypointsOverLimit.push({
-							name: key,
-							size: size,
-							files: entry.getFiles().filter(assetFilter)
-						});
-						entry.isOverSizeLimit = true;
-					}
-				});
+				if (size > entrypointSizeLimit) {
+					entrypointsOverLimit.push({
+						name: name,
+						size: size,
+						files: entry.getFiles().filter(assetFilter)
+					});
+					entry.isOverSizeLimit = true;
+				}
+			}
 
-			if(hints) {
+			if (hints) {
 				// 1. Individual Chunk: Size < 250kb
 				// 2. Collective Initial Chunks [entrypoint] (Each Set?): Size < 250kb
 				// 3. No Async Chunks
 				// if !1, then 2, if !2 return
-				if(assetsOverSizeLimit.length > 0) {
+				if (assetsOverSizeLimit.length > 0) {
 					warnings.push(
-						new AssetsOverSizeLimitWarning(
-							assetsOverSizeLimit,
-							assetSizeLimit));
+						new AssetsOverSizeLimitWarning(assetsOverSizeLimit, assetSizeLimit)
+					);
 				}
-				if(entrypointsOverLimit.length > 0) {
+				if (entrypointsOverLimit.length > 0) {
 					warnings.push(
 						new EntrypointsOverSizeLimitWarning(
 							entrypointsOverLimit,
-							entrypointSizeLimit));
+							entrypointSizeLimit
+						)
+					);
 				}
 
-				if(warnings.length > 0) {
-					const hasAsyncChunks = compilation.chunks.filter(chunk => !chunk.isInitial()).length > 0;
+				if (warnings.length > 0) {
+					const hasAsyncChunks =
+						compilation.chunks.filter(chunk => !chunk.canBeInitial()).length >
+						0;
 
-					if(!hasAsyncChunks) {
+					if (!hasAsyncChunks) {
 						warnings.push(new NoAsyncChunksWarning());
 					}
 
-					if(hints === "error") {
-						Array.prototype.push.apply(compilation.errors, warnings);
+					if (hints === "error") {
+						compilation.errors.push(...warnings);
 					} else {
-						Array.prototype.push.apply(compilation.warnings, warnings);
+						compilation.warnings.push(...warnings);
 					}
 				}
 			}
-
-			callback();
 		});
 	}
 };