You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
	
	
		
			128 lines
		
	
	
		
			3.5 KiB
		
	
	
	
		
			JavaScript
		
	
		
		
			
		
	
	
			128 lines
		
	
	
		
			3.5 KiB
		
	
	
	
		
			JavaScript
		
	
| 
											9 months ago
										 | /* | ||
|  | 	MIT License http://www.opensource.org/licenses/mit-license.php
 | ||
|  | 	Author Ivan Kopeykin @vankop | ||
|  | */ | ||
|  | 
 | ||
|  | "use strict"; | ||
|  | 
 | ||
|  | const makeSerializable = require("../util/makeSerializable"); | ||
|  | const ModuleDependency = require("./ModuleDependency"); | ||
|  | 
 | ||
|  | /** @typedef {import("webpack-sources").ReplaceSource} ReplaceSource */ | ||
|  | /** @typedef {import("../ChunkGraph")} ChunkGraph */ | ||
|  | /** @typedef {import("../Dependency")} Dependency */ | ||
|  | /** @typedef {import("../Dependency").UpdateHashContext} UpdateHashContext */ | ||
|  | /** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */ | ||
|  | /** @typedef {import("../Module")} Module */ | ||
|  | /** @typedef {import("../ModuleGraph")} ModuleGraph */ | ||
|  | /** @typedef {import("../ModuleGraphConnection")} ModuleGraphConnection */ | ||
|  | /** @typedef {import("../ModuleGraphConnection").ConnectionState} ConnectionState */ | ||
|  | /** @typedef {import("../css/CssParser").Range} Range */ | ||
|  | /** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */ | ||
|  | /** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */ | ||
|  | /** @typedef {import("../util/Hash")} Hash */ | ||
|  | /** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */ | ||
|  | 
 | ||
|  | class CssImportDependency extends ModuleDependency { | ||
|  | 	/** | ||
|  | 	 * Example of dependency: | ||
|  | 	 * | ||
|  | 	 * \@import url("landscape.css") layer(forms) screen and (orientation: landscape) screen and (orientation: landscape); | ||
|  | 	 * | ||
|  | 	 * @param {string} request request | ||
|  | 	 * @param {Range} range range of the argument | ||
|  | 	 * @param {string | undefined} layer layer | ||
|  | 	 * @param {string | undefined} supports list of supports conditions | ||
|  | 	 * @param {string | undefined} media list of media conditions | ||
|  | 	 */ | ||
|  | 	constructor(request, range, layer, supports, media) { | ||
|  | 		super(request); | ||
|  | 		this.range = range; | ||
|  | 		this.layer = layer; | ||
|  | 		this.supports = supports; | ||
|  | 		this.media = media; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	get type() { | ||
|  | 		return "css @import"; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	get category() { | ||
|  | 		return "css-import"; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @returns {string | null} an identifier to merge equal requests | ||
|  | 	 */ | ||
|  | 	getResourceIdentifier() { | ||
|  | 		let str = `context${this._context || ""}|module${this.request}`; | ||
|  | 
 | ||
|  | 		if (this.layer) { | ||
|  | 			str += `|layer${this.layer}`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		if (this.supports) { | ||
|  | 			str += `|supports${this.supports}`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		if (this.media) { | ||
|  | 			str += `|media${this.media}`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		return str; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @param {string} context context directory | ||
|  | 	 * @returns {Module | null} a module | ||
|  | 	 */ | ||
|  | 	createIgnoredModule(context) { | ||
|  | 		return null; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @param {ObjectSerializerContext} context context | ||
|  | 	 */ | ||
|  | 	serialize(context) { | ||
|  | 		const { write } = context; | ||
|  | 		write(this.layer); | ||
|  | 		write(this.supports); | ||
|  | 		write(this.media); | ||
|  | 		super.serialize(context); | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @param {ObjectDeserializerContext} context context | ||
|  | 	 */ | ||
|  | 	deserialize(context) { | ||
|  | 		const { read } = context; | ||
|  | 		this.layer = read(); | ||
|  | 		this.supports = read(); | ||
|  | 		this.media = read(); | ||
|  | 		super.deserialize(context); | ||
|  | 	} | ||
|  | } | ||
|  | 
 | ||
|  | CssImportDependency.Template = class CssImportDependencyTemplate extends ( | ||
|  | 	ModuleDependency.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 {CssImportDependency} */ (dependency); | ||
|  | 
 | ||
|  | 		source.replace(dep.range[0], dep.range[1] - 1, ""); | ||
|  | 	} | ||
|  | }; | ||
|  | 
 | ||
|  | makeSerializable( | ||
|  | 	CssImportDependency, | ||
|  | 	"webpack/lib/dependencies/CssImportDependency" | ||
|  | ); | ||
|  | 
 | ||
|  | module.exports = CssImportDependency; |