230 lines
		
	
	
		
			6.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			230 lines
		
	
	
		
			6.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| /*
 | |
| 	MIT License http://www.opensource.org/licenses/mit-license.php
 | |
| 	Author Tobias Koppers @sokra
 | |
| */
 | |
| 
 | |
| "use strict";
 | |
| 
 | |
| const Template = require("../Template");
 | |
| const AwaitDependenciesInitFragment = require("../async-modules/AwaitDependenciesInitFragment");
 | |
| const makeSerializable = require("../util/makeSerializable");
 | |
| const HarmonyImportDependency = require("./HarmonyImportDependency");
 | |
| const NullDependency = require("./NullDependency");
 | |
| 
 | |
| /** @typedef {import("webpack-sources").ReplaceSource} ReplaceSource */
 | |
| /** @typedef {import("../Dependency")} Dependency */
 | |
| /** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
 | |
| /** @typedef {import("../javascript/JavascriptParser").Range} Range */
 | |
| /** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
 | |
| /** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
 | |
| /** @typedef {import("./HarmonyAcceptImportDependency")} HarmonyAcceptImportDependency */
 | |
| /** @typedef {import("../Module")} Module */
 | |
| /** @typedef {import("../Module").ModuleId} ModuleId */
 | |
| 
 | |
| class HarmonyAcceptDependency extends NullDependency {
 | |
| 	/**
 | |
| 	 * @param {Range} range expression range
 | |
| 	 * @param {HarmonyAcceptImportDependency[]} dependencies import dependencies
 | |
| 	 * @param {boolean} hasCallback true, if the range wraps an existing callback
 | |
| 	 */
 | |
| 	constructor(range, dependencies, hasCallback) {
 | |
| 		super();
 | |
| 		this.range = range;
 | |
| 		this.dependencies = dependencies;
 | |
| 		this.hasCallback = hasCallback;
 | |
| 	}
 | |
| 
 | |
| 	get type() {
 | |
| 		return "accepted harmony modules";
 | |
| 	}
 | |
| 
 | |
| 	/**
 | |
| 	 * @param {ObjectSerializerContext} context context
 | |
| 	 */
 | |
| 	serialize(context) {
 | |
| 		const { write } = context;
 | |
| 		write(this.range);
 | |
| 		write(this.dependencies);
 | |
| 		write(this.hasCallback);
 | |
| 		super.serialize(context);
 | |
| 	}
 | |
| 
 | |
| 	/**
 | |
| 	 * @param {ObjectDeserializerContext} context context
 | |
| 	 */
 | |
| 	deserialize(context) {
 | |
| 		const { read } = context;
 | |
| 		this.range = read();
 | |
| 		this.dependencies = read();
 | |
| 		this.hasCallback = read();
 | |
| 		super.deserialize(context);
 | |
| 	}
 | |
| }
 | |
| 
 | |
| makeSerializable(
 | |
| 	HarmonyAcceptDependency,
 | |
| 	"webpack/lib/dependencies/HarmonyAcceptDependency"
 | |
| );
 | |
| 
 | |
| HarmonyAcceptDependency.Template = class HarmonyAcceptDependencyTemplate extends (
 | |
| 	NullDependency.Template
 | |
| ) {
 | |
| 	/**
 | |
| 	 * @param {Dependency} dependency the dependency for which the template should be applied
 | |
| 	 * @param {ReplaceSource} source the current replace source which can be modified
 | |
| 	 * @param {DependencyTemplateContext} templateContext the context object
 | |
| 	 * @returns {void}
 | |
| 	 */
 | |
| 	apply(dependency, source, templateContext) {
 | |
| 		const dep = /** @type {HarmonyAcceptDependency} */ (dependency);
 | |
| 		const {
 | |
| 			module,
 | |
| 			runtime,
 | |
| 			runtimeRequirements,
 | |
| 			runtimeTemplate,
 | |
| 			moduleGraph,
 | |
| 			chunkGraph
 | |
| 		} = templateContext;
 | |
| 
 | |
| 		/**
 | |
| 		 * @param {Dependency} dependency the dependency to get module id for
 | |
| 		 * @returns {ModuleId | null} the module id or null if not found
 | |
| 		 */
 | |
| 		const getDependencyModuleId = (dependency) =>
 | |
| 			chunkGraph.getModuleId(
 | |
| 				/** @type {Module} */ (moduleGraph.getModule(dependency))
 | |
| 			);
 | |
| 
 | |
| 		/**
 | |
| 		 * @param {Dependency} a the first dependency
 | |
| 		 * @param {Dependency} b the second dependency
 | |
| 		 * @returns {boolean} true if the dependencies are related
 | |
| 		 */
 | |
| 		const isRelatedHarmonyImportDependency = (a, b) =>
 | |
| 			a !== b &&
 | |
| 			b instanceof HarmonyImportDependency &&
 | |
| 			getDependencyModuleId(a) === getDependencyModuleId(b);
 | |
| 
 | |
| 		/**
 | |
| 		 * HarmonyAcceptImportDependency lacks a lot of information, such as the defer property.
 | |
| 		 * One HarmonyAcceptImportDependency may need to generate multiple ImportStatements.
 | |
| 		 * Therefore, we find its original HarmonyImportDependency for code generation.
 | |
| 		 * @param {HarmonyAcceptImportDependency} dependency the dependency to get harmony import dependencies for
 | |
| 		 * @returns {HarmonyImportDependency[]} array of related harmony import dependencies
 | |
| 		 */
 | |
| 		const getHarmonyImportDependencies = (dependency) => {
 | |
| 			const result = [];
 | |
| 			let deferDependency = null;
 | |
| 			let noDeferredDependency = null;
 | |
| 
 | |
| 			for (const d of module.dependencies) {
 | |
| 				if (deferDependency && noDeferredDependency) break;
 | |
| 				if (isRelatedHarmonyImportDependency(dependency, d)) {
 | |
| 					if (d.defer) {
 | |
| 						deferDependency = /** @type {HarmonyImportDependency} */ (d);
 | |
| 					} else {
 | |
| 						noDeferredDependency = /** @type {HarmonyImportDependency} */ (d);
 | |
| 					}
 | |
| 				}
 | |
| 			}
 | |
| 			if (deferDependency) result.push(deferDependency);
 | |
| 			if (noDeferredDependency) result.push(noDeferredDependency);
 | |
| 			if (result.length === 0) {
 | |
| 				// fallback to the original dependency
 | |
| 				result.push(dependency);
 | |
| 			}
 | |
| 			return result;
 | |
| 		};
 | |
| 
 | |
| 		/** @type {HarmonyImportDependency[]} */
 | |
| 		const syncDeps = [];
 | |
| 
 | |
| 		/** @type {HarmonyAcceptImportDependency[]} */
 | |
| 		const asyncDeps = [];
 | |
| 
 | |
| 		for (const dependency of dep.dependencies) {
 | |
| 			const connection = moduleGraph.getConnection(dependency);
 | |
| 
 | |
| 			if (connection && moduleGraph.isAsync(connection.module)) {
 | |
| 				asyncDeps.push(dependency);
 | |
| 			} else {
 | |
| 				syncDeps.push(...getHarmonyImportDependencies(dependency));
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		let content = syncDeps
 | |
| 			.map((dependency) => {
 | |
| 				const referencedModule = moduleGraph.getModule(dependency);
 | |
| 				return {
 | |
| 					dependency,
 | |
| 					runtimeCondition: referencedModule
 | |
| 						? HarmonyImportDependency.Template.getImportEmittedRuntime(
 | |
| 								module,
 | |
| 								referencedModule
 | |
| 							)
 | |
| 						: false
 | |
| 				};
 | |
| 			})
 | |
| 			.filter(({ runtimeCondition }) => runtimeCondition !== false)
 | |
| 			.map(({ dependency, runtimeCondition }) => {
 | |
| 				const condition = runtimeTemplate.runtimeConditionExpression({
 | |
| 					chunkGraph,
 | |
| 					runtime,
 | |
| 					runtimeCondition,
 | |
| 					runtimeRequirements
 | |
| 				});
 | |
| 				const s = dependency.getImportStatement(true, templateContext);
 | |
| 				const code = s[0] + s[1];
 | |
| 				if (condition !== "true") {
 | |
| 					return `if (${condition}) {\n${Template.indent(code)}\n}\n`;
 | |
| 				}
 | |
| 				return code;
 | |
| 			})
 | |
| 			.join("");
 | |
| 
 | |
| 		const promises = new Map(
 | |
| 			asyncDeps.map((dependency) => [
 | |
| 				dependency.getImportVar(moduleGraph),
 | |
| 				dependency.getModuleExports(templateContext)
 | |
| 			])
 | |
| 		);
 | |
| 
 | |
| 		let optAsync = "";
 | |
| 		if (promises.size !== 0) {
 | |
| 			optAsync = "async ";
 | |
| 			content += new AwaitDependenciesInitFragment(promises).getContent({
 | |
| 				...templateContext,
 | |
| 				type: "javascript"
 | |
| 			});
 | |
| 		}
 | |
| 
 | |
| 		if (dep.hasCallback) {
 | |
| 			if (runtimeTemplate.supportsArrowFunction()) {
 | |
| 				source.insert(
 | |
| 					dep.range[0],
 | |
| 					`${optAsync}__WEBPACK_OUTDATED_DEPENDENCIES__ => { ${content} return (`
 | |
| 				);
 | |
| 				source.insert(dep.range[1], ")(__WEBPACK_OUTDATED_DEPENDENCIES__); }");
 | |
| 			} else {
 | |
| 				source.insert(
 | |
| 					dep.range[0],
 | |
| 					`${optAsync}function(__WEBPACK_OUTDATED_DEPENDENCIES__) { ${content} return (`
 | |
| 				);
 | |
| 				source.insert(
 | |
| 					dep.range[1],
 | |
| 					")(__WEBPACK_OUTDATED_DEPENDENCIES__); }.bind(this)"
 | |
| 				);
 | |
| 			}
 | |
| 			return;
 | |
| 		}
 | |
| 
 | |
| 		const arrow = runtimeTemplate.supportsArrowFunction();
 | |
| 		source.insert(
 | |
| 			dep.range[1] - 0.5,
 | |
| 			`, ${arrow ? `${optAsync}() =>` : `${optAsync}function()`} { ${content} }`
 | |
| 		);
 | |
| 	}
 | |
| };
 | |
| 
 | |
| module.exports = HarmonyAcceptDependency;
 |