webpack 5.88.2 → 5.90.0

package/lib/HotModuleReplacementPlugin.js

@@ -447,7 +447,7 @@ class HotModuleReplacementPlugin {
 								: compilation.codeGenerationResults.getHash(
 										module,
 										chunk.runtime
-								  );
+									);
 							if (records.chunkModuleHashes[key] !== hash) {
 								updatedModules.add(module, chunk);
 							}
@@ -571,7 +571,7 @@ class HotModuleReplacementPlugin {
 											: compilation.codeGenerationResults.getHash(
 													module,
 													newRuntime
-											  );
+												);
 										if (hash !== oldHash) {
 											if (module.type === WEBPACK_MODULE_TYPE_RUNTIME) {
 												newRuntimeModules = newRuntimeModules || [];
@@ -735,7 +735,7 @@ To fix this, make sure to include [runtime] in the output.hotUpdateMainFilename
 												Array.from(removedModules, m =>
 													chunkGraph.getModuleId(m)
 												)
-										  )
+											)
 							};
 
 							const source = new RawSource(JSON.stringify(hotUpdateMainJson));

package/lib/LibManifestPlugin.js

@@ -46,7 +46,10 @@ class LibManifestPlugin {
 	 */
 	apply(compiler) {
 		compiler.hooks.emit.tapAsync(
-			"LibManifestPlugin",
+			{
+				name: "LibManifestPlugin",
+				stage: 110
+			},
 			(compilation, callback) => {
 				const moduleGraph = compilation.moduleGraph;
 				asyncLib.forEach(

package/lib/Module.js

@@ -59,7 +59,8 @@ const makeSerializable = require("./util/makeSerializable");
  * @property {RuntimeTemplate} runtimeTemplate the runtime template
  * @property {ModuleGraph} moduleGraph the module graph
  * @property {ChunkGraph} chunkGraph the chunk graph
- * @property {RuntimeSpec} runtime the runtimes code should be generated for
+ * @property {RuntimeSpec} runtime the runtime code should be generated for
+ * @property {RuntimeSpec[]} [runtimes] the runtimes code should be generated for
  * @property {ConcatenationScope=} concatenationScope when in concatenated module, information about other concatenated modules
  * @property {CodeGenerationResults} codeGenerationResults code generation results of other modules (need to have a codeGenerationDependency to use that)
  * @property {Compilation=} compilation the compilation

package/lib/ModuleFilenameHelpers.js

@@ -162,7 +162,7 @@ ModuleFilenameHelpers.createFilename = (
 			? options
 			: {
 					moduleFilenameTemplate: options
-			  })
+				})
 	};
 
 	let absoluteResourcePath;

package/lib/ModuleInfoHeaderPlugin.js

@@ -96,7 +96,7 @@ const printExportsInfoToSource = (
 											.map(e => JSON.stringify(e).slice(1, -1))
 											.join(".")}`
 									: ""
-						  }`
+							}`
 						: ""
 				}`
 			) + "\n"

package/lib/MultiStats.js

@@ -59,8 +59,8 @@ class MultiStats {
 					...(typeof childOptions === "string"
 						? { preset: childOptions }
 						: childOptions && typeof childOptions === "object"
-						? childOptions
-						: undefined)
+							? childOptions
+							: undefined)
 				},
 				context
 			);

package/lib/NodeStuffPlugin.js

@@ -13,6 +13,7 @@ const NodeStuffInWebError = require("./NodeStuffInWebError");
 const RuntimeGlobals = require("./RuntimeGlobals");
 const CachedConstDependency = require("./dependencies/CachedConstDependency");
 const ConstDependency = require("./dependencies/ConstDependency");
+const ExternalModuleDependency = require("./dependencies/ExternalModuleDependency");
 const {
 	evaluateToString,
 	expressionIsUnsupported
@@ -52,6 +53,11 @@ class NodeStuffPlugin {
 		compiler.hooks.compilation.tap(
 			PLUGIN_NAME,
 			(compilation, { normalModuleFactory }) => {
+				compilation.dependencyTemplates.set(
+					ExternalModuleDependency,
+					new ExternalModuleDependency.Template()
+				);
+
 				/**
 				 * @param {JavascriptParser} parser the parser
 				 * @param {JavascriptParserOptions} parserOptions options
@@ -128,6 +134,35 @@ class NodeStuffPlugin {
 							});
 					};
 
+					/**
+					 * @param {string} expressionName expression name
+					 * @param {(value: string) => void} fn function
+					 * @returns {void}
+					 */
+					const setUrlModuleConstant = (expressionName, fn) => {
+						parser.hooks.expression
+							.for(expressionName)
+							.tap(PLUGIN_NAME, expr => {
+								const dep = new ExternalModuleDependency(
+									"url",
+									[
+										{
+											name: "fileURLToPath",
+											value: "__webpack_fileURLToPath__"
+										}
+									],
+									undefined,
+									fn("__webpack_fileURLToPath__"),
+									expr.range,
+									expressionName
+								);
+								dep.loc = expr.loc;
+								parser.state.module.addPresentationalDependency(dep);
+
+								return true;
+							});
+					};
+
 					/**
 					 * @param {string} expressionName expression name
 					 * @param {string} value value
@@ -150,6 +185,12 @@ class NodeStuffPlugin {
 									"__filename is a Node.js feature and isn't available in browsers."
 								);
 								break;
+							case "node-module":
+								setUrlModuleConstant(
+									"__filename",
+									functionName => `${functionName}(import.meta.url)`
+								);
+								break;
 							case true:
 								setModuleConstant("__filename", module =>
 									relative(compiler.inputFileSystem, context, module.resource)
@@ -177,6 +218,13 @@ class NodeStuffPlugin {
 									"__dirname is a Node.js feature and isn't available in browsers."
 								);
 								break;
+							case "node-module":
+								setUrlModuleConstant(
+									"__dirname",
+									functionName =>
+										`${functionName}(import.meta.url + "/..").slice(0, -1)`
+								);
+								break;
 							case true:
 								setModuleConstant("__dirname", module =>
 									relative(compiler.inputFileSystem, context, module.context)

package/lib/NormalModule.js

@@ -132,14 +132,14 @@ const contextifySourceMap = (context, sourceMap, associatedObjectForCache) => {
 	const mapper = !sourceRoot
 		? source => source
 		: sourceRoot.endsWith("/")
-		? source =>
-				source.startsWith("/")
-					? `${sourceRoot.slice(0, -1)}${source}`
-					: `${sourceRoot}${source}`
-		: source =>
-				source.startsWith("/")
-					? `${sourceRoot}${source}`
-					: `${sourceRoot}/${source}`;
+			? source =>
+					source.startsWith("/")
+						? `${sourceRoot.slice(0, -1)}${source}`
+						: `${sourceRoot}${source}`
+			: source =>
+					source.startsWith("/")
+						? `${sourceRoot}${source}`
+						: `${sourceRoot}/${source}`;
 	const newSources = sourceMap.sources.map(source =>
 		contextifySourceUrl(context, mapper(source), associatedObjectForCache)
 	);
@@ -782,7 +782,7 @@ class NormalModule extends Module {
 						currentLoader
 							? compilation.runtimeTemplate.requestShortener.shorten(
 									currentLoader.loader
-							  )
+								)
 							: "unknown"
 					}) didn't return a Buffer or String`
 				);
@@ -1181,6 +1181,7 @@ class NormalModule extends Module {
 		moduleGraph,
 		chunkGraph,
 		runtime,
+		runtimes,
 		concatenationScope,
 		codeGenerationResults,
 		sourceTypes
@@ -1204,7 +1205,7 @@ class NormalModule extends Module {
 			const source = this.error
 				? new RawSource(
 						"throw new Error(" + JSON.stringify(this.error.message) + ");"
-				  )
+					)
 				: this.generator.generate(this, {
 						dependencyTemplates,
 						runtimeTemplate,
@@ -1212,11 +1213,12 @@ class NormalModule extends Module {
 						chunkGraph,
 						runtimeRequirements,
 						runtime,
+						runtimes,
 						concatenationScope,
 						codeGenerationResults,
 						getData,
 						type
-				  });
+					});
 
 			if (source) {
 				sources.set(type, new CachedSource(source));

package/lib/NormalModuleFactory.js

@@ -411,8 +411,8 @@ class NormalModuleFactory extends ModuleFactory {
 								noPreAutoLoaders || noPrePostAutoLoaders
 									? 2
 									: noAutoLoaders
-									? 1
-									: 0
+										? 1
+										: 0
 							)
 							.split(/!+/);
 						unresolvedResource = rawElements.pop();
@@ -676,7 +676,7 @@ class NormalModuleFactory extends ModuleFactory {
 										resolveOptions || EMPTY_RESOLVE_OPTIONS,
 										"dependencyType",
 										dependencyType
-								  )
+									)
 								: resolveOptions
 						);
 						this.resolveResource(
@@ -1063,10 +1063,10 @@ If changing the source code is not an option there is also a resolve options cal
 						const type = /\.mjs$/i.test(parsedResult.path)
 							? "module"
 							: /\.cjs$/i.test(parsedResult.path)
-							? "commonjs"
-							: resolveRequest.descriptionFileData === undefined
-							? undefined
-							: resolveRequest.descriptionFileData.type;
+								? "commonjs"
+								: resolveRequest.descriptionFileData === undefined
+									? undefined
+									: resolveRequest.descriptionFileData.type;
 
 						const resolved = {
 							loader: parsedResult.path,

package/lib/RuntimeTemplate.js

@@ -102,6 +102,10 @@ class RuntimeTemplate {
 		return this.outputOptions.environment.arrowFunction;
 	}
 
+	supportsAsyncFunction() {
+		return this.outputOptions.environment.asyncFunction;
+	}
+
 	supportsOptionalChaining() {
 		return this.outputOptions.environment.optionalChaining;
 	}
@@ -222,7 +226,7 @@ class RuntimeTemplate {
 			? `var [${items.join(", ")}] = ${value};`
 			: Template.asString(
 					items.map((item, i) => `var ${item} = ${value}[${i}];`)
-			  );
+				);
 	}
 
 	destructureObject(items, value) {
@@ -230,7 +234,7 @@ class RuntimeTemplate {
 			? `var {${items.join(", ")}} = ${value};`
 			: Template.asString(
 					items.map(item => `var ${item} = ${value}${propertyAccess([item])};`)
-			  );
+				);
 	}
 
 	iife(args, body) {
@@ -242,7 +246,7 @@ class RuntimeTemplate {
 			? `for(const ${variable} of ${array}) {\n${Template.indent(body)}\n}`
 			: `${array}.forEach(function(${variable}) {\n${Template.indent(
 					body
-			  )}\n});`;
+				)}\n});`;
 	}
 
 	/**
@@ -343,10 +347,10 @@ class RuntimeTemplate {
 			moduleId === null
 				? JSON.stringify("Module is not available (weak dependency)")
 				: idExpr
-				? `"Module '" + ${idExpr} + "' is not available (weak dependency)"`
-				: JSON.stringify(
-						`Module '${moduleId}' is not available (weak dependency)`
-				  );
+					? `"Module '" + ${idExpr} + "' is not available (weak dependency)"`
+					: JSON.stringify(
+							`Module '${moduleId}' is not available (weak dependency)`
+						);
 		const comment = request ? Template.toNormalComment(request) + " " : "";
 		const errorStatements =
 			`var e = new Error(${errorMessage}); ` +
@@ -840,8 +844,8 @@ class RuntimeTemplate {
 							return asiSafe
 								? `(${importVar}_default()${propertyAccess(exportName, 1)})`
 								: asiSafe === false
-								? `;(${importVar}_default()${propertyAccess(exportName, 1)})`
-								: `${importVar}_default.a${propertyAccess(exportName, 1)}`;
+									? `;(${importVar}_default()${propertyAccess(exportName, 1)})`
+									: `${importVar}_default.a${propertyAccess(exportName, 1)}`;
 						}
 					case "default-only":
 					case "default-with-named":
@@ -898,8 +902,8 @@ class RuntimeTemplate {
 				return asiSafe
 					? `(0,${access})`
 					: asiSafe === false
-					? `;(0,${access})`
-					: `/*#__PURE__*/Object(${access})`;
+						? `;(0,${access})`
+						: `/*#__PURE__*/Object(${access})`;
 			}
 			return access;
 		} else {

package/lib/SourceMapDevToolPlugin.js

@@ -486,7 +486,7 @@ class SourceMapDevToolPlugin {
 														outputFs,
 														`/${options.fileContext}`,
 														`/${filename}`
-												  )
+													)
 												: filename,
 											contentHash: sourceMapContentHash
 										};
@@ -501,7 +501,7 @@ class SourceMapDevToolPlugin {
 													outputFs,
 													dirname(outputFs, `/${file}`),
 													`/${sourceMapFile}`
-											  );
+												);
 										/** @type {Source} */
 										let asset = new RawSource(source);
 										if (currentSourceMappingURLComment !== false) {

package/lib/WebpackOptionsApply.js

@@ -307,7 +307,7 @@ class WebpackOptionsApply extends OptionsApply {
 
 		if (options.experiments.css) {
 			const CssModulesPlugin = require("./css/CssModulesPlugin");
-			new CssModulesPlugin(options.experiments.css).apply(compiler);
+			new CssModulesPlugin().apply(compiler);
 		}
 
 		if (options.experiments.lazyCompilation) {
@@ -329,7 +329,7 @@ class WebpackOptionsApply extends OptionsApply {
 											options.externalsPresets.node ? "node" : "web"
 										}.js`
 									)
-						  }),
+							}),
 				entries: !lazyOptions || lazyOptions.entries !== false,
 				imports: !lazyOptions || lazyOptions.imports !== false,
 				test: (lazyOptions && lazyOptions.test) || undefined
@@ -588,7 +588,8 @@ class WebpackOptionsApply extends OptionsApply {
 		const AddManagedPathsPlugin = require("./cache/AddManagedPathsPlugin");
 		new AddManagedPathsPlugin(
 			options.snapshot.managedPaths,
-			options.snapshot.immutablePaths
+			options.snapshot.immutablePaths,
+			options.snapshot.unmanagedPaths
 		).apply(compiler);
 
 		if (options.cache && typeof options.cache === "object") {

package/lib/asset/AssetModulesPlugin.js

@@ -208,9 +208,8 @@ class AssetModulesPlugin {
 										codeGenResult.data.get("fullContentHash")
 								});
 							} catch (e) {
-								/** @type {Error} */ (
-									e
-								).message += `\nduring rendering of asset ${module.identifier()}`;
+								/** @type {Error} */ (e).message +=
+									`\nduring rendering of asset ${module.identifier()}`;
 								throw e;
 							}
 						}

package/lib/cache/AddManagedPathsPlugin.js

@@ -11,10 +11,12 @@ class AddManagedPathsPlugin {
 	/**
 	 * @param {Iterable<string | RegExp>} managedPaths list of managed paths
 	 * @param {Iterable<string | RegExp>} immutablePaths list of immutable paths
+	 * @param {Iterable<string | RegExp>} unmanagedPaths list of unmanaged paths
 	 */
-	constructor(managedPaths, immutablePaths) {
+	constructor(managedPaths, immutablePaths, unmanagedPaths) {
 		this.managedPaths = new Set(managedPaths);
 		this.immutablePaths = new Set(immutablePaths);
+		this.unmanagedPaths = new Set(unmanagedPaths);
 	}
 
 	/**
@@ -29,6 +31,9 @@ class AddManagedPathsPlugin {
 		for (const immutablePath of this.immutablePaths) {
 			compiler.immutablePaths.add(immutablePath);
 		}
+		for (const unmanagedPath of this.unmanagedPaths) {
+			compiler.unmanagedPaths.add(unmanagedPath);
+		}
 	}
 }
 

package/lib/cache/IdleFileCachePlugin.js

@@ -199,11 +199,18 @@ class IdleFileCachePlugin {
 							}s.`
 						);
 				}
-				idleTimer = setTimeout(() => {
-					idleTimer = undefined;
-					isIdle = true;
-					resolvedPromise.then(processIdleTasks);
-				}, Math.min(isInitialStore ? idleTimeoutForInitialStore : Infinity, isLargeChange ? idleTimeoutAfterLargeChanges : Infinity, idleTimeout));
+				idleTimer = setTimeout(
+					() => {
+						idleTimer = undefined;
+						isIdle = true;
+						resolvedPromise.then(processIdleTasks);
+					},
+					Math.min(
+						isInitialStore ? idleTimeoutForInitialStore : Infinity,
+						isLargeChange ? idleTimeoutAfterLargeChanges : Infinity,
+						idleTimeout
+					)
+				);
 				idleTimer.unref();
 			}
 		);

package/lib/cache/PackFileCacheStrategy.js

@@ -539,7 +539,7 @@ class Pack {
 								map.set(identifier, content.content.get(identifier));
 							}
 							return new PackContentItems(map);
-					  })
+						})
 					: undefined;
 		}
 	}
@@ -1046,8 +1046,8 @@ class PackFileCacheStrategy {
 			compression === "brotli"
 				? ".pack.br"
 				: compression === "gzip"
-				? ".pack.gz"
-				: ".pack";
+					? ".pack.gz"
+					: ".pack";
 		this.snapshot = snapshot;
 		/** @type {Set<string>} */
 		this.buildDependencies = new Set();

package/lib/cache/ResolverCachePlugin.js

@@ -264,7 +264,7 @@ class ResolverCachePlugin {
 												yields = undefined;
 												callbacks = false;
 											}
-									  }
+										}
 									: (err, result) => {
 											if (callbacks === undefined) {
 												callback(err, result);
@@ -276,7 +276,7 @@ class ResolverCachePlugin {
 												activeRequests.delete(identifier);
 												callbacks = false;
 											}
-									  };
+										};
 								/**
 								 * @param {Error=} err error if any
 								 * @param {CacheEntry=} cacheEntry cache entry

package/lib/config/browserslistTargetHandler.js

@@ -60,11 +60,11 @@ const load = (input, context) => {
 	const config = query
 		? query
 		: configPath
-		? browserslist.loadConfig({
-				config: configPath,
-				env
-		  })
-		: browserslist.loadConfig({ path: context, env });
+			? browserslist.loadConfig({
+					config: configPath,
+					env
+				})
+			: browserslist.loadConfig({ path: context, env });
 
 	if (!config) return;
 	return browserslist(config);
@@ -310,6 +310,25 @@ const resolve = browsers => {
 			kaios: [2, 5],
 			node: 4
 		}),
+		asyncFunction: rawChecker({
+			chrome: 55,
+			and_chr: 55,
+			edge: 15,
+			firefox: 52,
+			and_ff: 52,
+			// ie: Not supported,
+			opera: 42,
+			op_mob: 42,
+			safari: [10, 1],
+			ios_saf: [10, 3],
+			samsung: 6,
+			android: 55,
+			// and_qq: Unknown support
+			// baidu: Unknown support
+			// and_uc: Unknown support
+			// kaios: Unknown support
+			node: [7, 6]
+		}),
 		browser: browserProperty,
 		electron: false,
 		node: nodeProperty,