webpack 5.89.0 → 5.90.1

package/lib/EnvironmentNotSupportAsyncWarning.js

@@ -0,0 +1,52 @@
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+	Author Gengkun He @ahabhgk
+*/
+
+"use strict";
+
+const WebpackError = require("./WebpackError");
+const makeSerializable = require("./util/makeSerializable");
+
+/** @typedef {import("./Module")} Module */
+/** @typedef {import("./Compilation")} Compilation */
+/** @typedef {import("./RuntimeTemplate")} RuntimeTemplate */
+/** @typedef {import("./serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
+/** @typedef {import("./serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
+/** @typedef {"asyncWebAssembly" | "topLevelAwait" | "external promise" | "external script" | "external import" | "external module"} Feature */
+
+class EnvironmentNotSupportAsyncWarning extends WebpackError {
+	/**
+	 * Creates an instance of EnvironmentNotSupportAsyncWarning.
+	 * @param {Module} module module
+	 * @param {Feature} feature feature
+	 */
+	constructor(module, feature) {
+		const message = `The generated code contains 'async/await' because this module is using "${feature}".
+However, your target environment does not appear to support 'async/await'.
+As a result, the code may not run as expected or may cause runtime errors.`;
+		super(message);
+
+		this.name = "EnvironmentNotSupportAsyncWarning";
+		this.module = module;
+	}
+
+	/**
+	 * Creates an instance of EnvironmentNotSupportAsyncWarning.
+	 * @param {Module} module module
+	 * @param {RuntimeTemplate} runtimeTemplate compilation
+	 * @param {Feature} feature feature
+	 */
+	static check(module, runtimeTemplate, feature) {
+		if (!runtimeTemplate.supportsAsyncFunction()) {
+			module.addWarning(new EnvironmentNotSupportAsyncWarning(module, feature));
+		}
+	}
+}
+
+makeSerializable(
+	EnvironmentNotSupportAsyncWarning,
+	"webpack/lib/EnvironmentNotSupportAsyncWarning"
+);
+
+module.exports = EnvironmentNotSupportAsyncWarning;

package/lib/EvalDevToolModulePlugin.js

@@ -82,7 +82,7 @@ class EvalDevToolModulePlugin {
 							compilation.outputOptions.trustedTypes
 								? `${RuntimeGlobals.createScript}(${JSON.stringify(
 										content + footer
-								  )})`
+									)})`
 								: JSON.stringify(content + footer)
 						});`
 					);

package/lib/EvalSourceMapDevToolPlugin.js

@@ -129,7 +129,7 @@ class EvalSourceMapDevToolPlugin {
 
 						// Clone (flat) the sourcemap to ensure that the mutations below do not persist.
 						sourceMap = { ...sourceMap };
-						const context = compiler.options.context;
+						const context = /** @type {string} */ (compiler.options.context);
 						const root = compiler.root;
 						const modules = sourceMap.sources.map(source => {
 							if (!source.startsWith("webpack://")) return source;
@@ -182,7 +182,7 @@ class EvalSourceMapDevToolPlugin {
 									compilation.outputOptions.trustedTypes
 										? `${RuntimeGlobals.createScript}(${JSON.stringify(
 												content + footer
-										  )})`
+											)})`
 										: JSON.stringify(content + footer)
 								});`
 							)

package/lib/ExportsInfoApiPlugin.js

@@ -48,12 +48,12 @@ class ExportsInfoApiPlugin {
 											/** @type {Range} */ (expr.range),
 											members.slice(0, -1),
 											members[members.length - 1]
-									  )
+										)
 									: new ExportsInfoDependency(
 											/** @type {Range} */ (expr.range),
 											null,
 											members[0]
-									  );
+										);
 							dep.loc = /** @type {DependencyLocation} */ (expr.loc);
 							parser.state.module.addDependency(dep);
 							return true;

package/lib/ExternalModule.js

@@ -7,6 +7,7 @@
 
 const { OriginalSource, RawSource } = require("webpack-sources");
 const ConcatenationScope = require("./ConcatenationScope");
+const EnvironmentNotSupportAsyncWarning = require("./EnvironmentNotSupportAsyncWarning");
 const { UsageState } = require("./ExportsInfo");
 const InitFragment = require("./InitFragment");
 const Module = require("./Module");
@@ -217,7 +218,12 @@ register(
 	}
 );
 
-const generateModuleRemapping = (input, exportsInfo, runtime) => {
+const generateModuleRemapping = (
+	input,
+	exportsInfo,
+	runtime,
+	runtimeTemplate
+) => {
 	if (exportsInfo.otherExportsInfo.getUsed(runtime) === UsageState.Unused) {
 		const properties = [];
 		for (const exportInfo of exportsInfo.orderedExports) {
@@ -235,9 +241,9 @@ const generateModuleRemapping = (input, exportsInfo, runtime) => {
 				}
 			}
 			properties.push(
-				`[${JSON.stringify(used)}]: () => ${input}${propertyAccess([
-					exportInfo.name
-				])}`
+				`[${JSON.stringify(used)}]: ${runtimeTemplate.returningFunction(
+					`${input}${propertyAccess([exportInfo.name])}`
+				)}`
 			);
 		}
 		return `x({ ${properties.join(", ")} })`;
@@ -248,21 +254,21 @@ const generateModuleRemapping = (input, exportsInfo, runtime) => {
  * @param {string|string[]} moduleAndSpecifiers the module request
  * @param {ExportsInfo} exportsInfo exports info of this module
  * @param {RuntimeSpec} runtime the runtime
- * @param {string | HashConstructor=} hashFunction the hash function to use
+ * @param {RuntimeTemplate} runtimeTemplate the runtime template
  * @returns {SourceData} the generated source
  */
 const getSourceForModuleExternal = (
 	moduleAndSpecifiers,
 	exportsInfo,
 	runtime,
-	hashFunction
+	runtimeTemplate
 ) => {
 	if (!Array.isArray(moduleAndSpecifiers))
 		moduleAndSpecifiers = [moduleAndSpecifiers];
 	const initFragment = new ModuleExternalInitFragment(
 		moduleAndSpecifiers[0],
 		undefined,
-		hashFunction
+		runtimeTemplate.outputOptions.hashFunction
 	);
 	const baseAccess = `${initFragment.getNamespaceIdentifier()}${propertyAccess(
 		moduleAndSpecifiers,
@@ -271,12 +277,19 @@ const getSourceForModuleExternal = (
 	const moduleRemapping = generateModuleRemapping(
 		baseAccess,
 		exportsInfo,
-		runtime
+		runtime,
+		runtimeTemplate
 	);
 	let expression = moduleRemapping || baseAccess;
 	return {
 		expression,
-		init: `var x = y => { var x = {}; ${RuntimeGlobals.definePropertyGetters}(x, y); return x; }\nvar y = x => () => x`,
+		init: `var x = ${runtimeTemplate.basicFunction(
+			"y",
+			`var x = {}; ${RuntimeGlobals.definePropertyGetters}(x, y); return x`
+		)} \nvar y = ${runtimeTemplate.returningFunction(
+			runtimeTemplate.returningFunction("x"),
+			"x"
+		)}`,
 		runtimeRequirements: moduleRemapping
 			? RUNTIME_REQUIREMENTS_FOR_MODULE
 			: undefined,
@@ -355,7 +368,7 @@ const getSourceForAmdOrUmdExternal = (
 					externalVariable,
 					Array.isArray(request) ? request.join(".") : request,
 					runtimeTemplate
-			  )
+				)
 			: undefined,
 		expression: externalVariable
 	};
@@ -491,6 +504,11 @@ class ExternalModule extends Module {
 					}
 				} else {
 					this.buildMeta.async = true;
+					EnvironmentNotSupportAsyncWarning.check(
+						this,
+						compilation.runtimeTemplate,
+						"external module"
+					);
 					if (!Array.isArray(request) || request.length === 1) {
 						this.buildMeta.exportsType = "namespace";
 						canMangle = false;
@@ -498,11 +516,28 @@ class ExternalModule extends Module {
 				}
 				break;
 			case "script":
+				this.buildMeta.async = true;
+				EnvironmentNotSupportAsyncWarning.check(
+					this,
+					compilation.runtimeTemplate,
+					"external script"
+				);
+				break;
 			case "promise":
 				this.buildMeta.async = true;
+				EnvironmentNotSupportAsyncWarning.check(
+					this,
+					compilation.runtimeTemplate,
+					"external promise"
+				);
 				break;
 			case "import":
 				this.buildMeta.async = true;
+				EnvironmentNotSupportAsyncWarning.check(
+					this,
+					compilation.runtimeTemplate,
+					"external import"
+				);
 				if (!Array.isArray(request) || request.length === 1) {
 					this.buildMeta.exportsType = "namespace";
 					canMangle = false;
@@ -569,7 +604,7 @@ class ExternalModule extends Module {
 					? getSourceForCommonJsExternalInNodeModule(
 							request,
 							runtimeTemplate.outputOptions.importMetaName
-					  )
+						)
 					: getSourceForCommonJsExternal(request);
 			case "amd":
 			case "amd-require":
@@ -610,7 +645,7 @@ class ExternalModule extends Module {
 					request,
 					moduleGraph.getExportsInfo(this),
 					runtime,
-					runtimeTemplate.outputOptions.hashFunction
+					runtimeTemplate
 				);
 			}
 			case "var":

package/lib/ExternalModuleFactoryPlugin.js

@@ -192,7 +192,7 @@ class ExternalModuleFactoryPlugin {
 														data.resolveOptions || EMPTY_RESOLVE_OPTIONS,
 														"dependencyType",
 														dependencyType
-												  )
+													)
 												: data.resolveOptions
 										);
 										if (options) resolver = resolver.withOptions(options);

package/lib/FileSystemInfo.js

@@ -729,7 +729,8 @@ class SnapshotOptimization {
 }
 
 const parseString = str => {
-	if (str[0] === "'") str = `"${str.slice(1, -1).replace(/"/g, '\\"')}"`;
+	if (str[0] === "'" || str[0] === "`")
+		str = `"${str.slice(1, -1).replace(/"/g, '\\"')}"`;
 	return JSON.parse(str);
 };
 
@@ -898,6 +899,7 @@ class FileSystemInfo {
 	/**
 	 * @param {InputFileSystem} fs file system
 	 * @param {Object} options options
+	 * @param {Iterable<string | RegExp>=} options.unmanagedPaths paths that are not managed by a package manager and the contents are subject to change
 	 * @param {Iterable<string | RegExp>=} options.managedPaths paths that are only managed by a package manager
 	 * @param {Iterable<string | RegExp>=} options.immutablePaths paths that are immutable
 	 * @param {Logger=} options.logger logger used to log invalid snapshots
@@ -906,6 +908,7 @@ class FileSystemInfo {
 	constructor(
 		fs,
 		{
+			unmanagedPaths = [],
 			managedPaths = [],
 			immutablePaths = [],
 			logger,
@@ -1040,6 +1043,14 @@ class FileSystemInfo {
 			parallelism: 10,
 			processor: this._getManagedItemDirectoryInfo.bind(this)
 		});
+		const _unmanagedPaths = Array.from(unmanagedPaths);
+		this.unmanagedPathsWithSlash = /** @type {string[]} */ (
+			_unmanagedPaths.filter(p => typeof p === "string")
+		).map(p => join(fs, p, "_").slice(0, -1));
+		this.unmanagedPathsRegExps = /** @type {RegExp[]} */ (
+			_unmanagedPaths.filter(p => typeof p !== "string")
+		);
+
 		this.managedPaths = Array.from(managedPaths);
 		this.managedPathsWithSlash = /** @type {string[]} */ (
 			this.managedPaths.filter(p => typeof p === "string")
@@ -1733,7 +1744,7 @@ class FileSystemInfo {
 													type: RBDT_RESOLVE_ESM_FILE,
 													context,
 													path: dependency,
-													expected: undefined,
+													expected: imp.d > -1 ? false : undefined,
 													issuer: job
 												});
 											} catch (e) {
@@ -2028,6 +2039,12 @@ class FileSystemInfo {
 			}
 		};
 		const checkManaged = (path, managedSet) => {
+			for (const unmanagedPath of this.unmanagedPathsRegExps) {
+				if (unmanagedPath.test(path)) return false;
+			}
+			for (const unmanagedPath of this.unmanagedPathsWithSlash) {
+				if (path.startsWith(unmanagedPath)) return false;
+			}
 			for (const immutablePath of this.immutablePathsRegExps) {
 				if (immutablePath.test(path)) {
 					managedSet.add(path);
@@ -3346,7 +3363,7 @@ class FileSystemInfo {
 					: {
 							...timestamp,
 							...hash
-					  };
+						};
 			this._contextTshs.set(path, result);
 			callback(null, result);
 		};

package/lib/FlagDependencyExportsPlugin.js

@@ -246,7 +246,7 @@ class FlagDependencyExportsPlugin {
 															from,
 															fromExport === undefined ? [name] : fromExport,
 															priority
-													  ))
+														))
 											) {
 												changed = true;
 											}

package/lib/Generator.js

@@ -27,6 +27,7 @@
  * @property {ChunkGraph} chunkGraph the chunk graph
  * @property {Set<string>} runtimeRequirements the requirements for runtime
  * @property {RuntimeSpec} runtime the runtime
+ * @property {RuntimeSpec[]} [runtimes] the runtimes
  * @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 {string} type which kind of code should be generated

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/InitFragment.js

@@ -36,15 +36,15 @@ const sortFragmentWithIndex = ([a, i], [b, j]) => {
 };
 
 /**
- * @template Context
+ * @template GenerateContext
  */
 class InitFragment {
 	/**
-	 * @param {string|Source} content the source code that will be included as initialization code
+	 * @param {string | Source} content the source code that will be included as initialization code
 	 * @param {number} stage category of initialization code (contribute to order)
 	 * @param {number} position position in the category (contribute to order)
 	 * @param {string=} key unique key to avoid emitting the same initialization code twice
-	 * @param {string|Source=} endContent the source code that will be included at the end of the module
+	 * @param {string | Source=} endContent the source code that will be included at the end of the module
 	 */
 	constructor(content, stage, position, key, endContent) {
 		this.content = content;
@@ -55,15 +55,15 @@ class InitFragment {
 	}
 
 	/**
-	 * @param {Context} context context
-	 * @returns {string|Source} the source code that will be included as initialization code
+	 * @param {GenerateContext} context context
+	 * @returns {string | Source} the source code that will be included as initialization code
 	 */
 	getContent(context) {
 		return this.content;
 	}
 
 	/**
-	 * @param {Context} context context
+	 * @param {GenerateContext} context context
 	 * @returns {string|Source=} the source code that will be included at the end of the module
 	 */
 	getEndContent(context) {
@@ -91,7 +91,7 @@ class InitFragment {
 			for (const [fragment] of sortedFragments) {
 				if (
 					typeof (
-						/** @type {InitFragment<T> & { mergeAll?: (fragments: InitFragment[]) => InitFragment[] }} */
+						/** @type {InitFragment<T> & { mergeAll?: (fragments: InitFragment<Context>[]) => InitFragment<Context>[] }} */
 						(fragment).mergeAll
 					) === "function"
 				) {

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) => string} 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__"),
+									/** @type {Range} */ (expr.range),
+									expressionName
+								);
+								dep.loc = /** @type {DependencyLocation} */ (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,