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.
		
		
		
		
		
			
		
			
	
	
		
			170 lines
		
	
	
		
			4.2 KiB
		
	
	
	
		
			JavaScript
		
	
		
		
			
		
	
	
			170 lines
		
	
	
		
			4.2 KiB
		
	
	
	
		
			JavaScript
		
	
| 
											9 months ago
										 | /* | ||
|  | 	MIT License http://www.opensource.org/licenses/mit-license.php
 | ||
|  | 	Author Alexander Krasnoyarov @alexander-akait | ||
|  | */ | ||
|  | 
 | ||
|  | "use strict"; | ||
|  | 
 | ||
|  | const NormalModule = require("./NormalModule"); | ||
|  | const makeSerializable = require("./util/makeSerializable"); | ||
|  | 
 | ||
|  | /** @typedef {import("./Module")} Module */ | ||
|  | /** @typedef {import("./NormalModule").NormalModuleCreateData} NormalModuleCreateData */ | ||
|  | /** @typedef {import("./RequestShortener")} RequestShortener */ | ||
|  | /** @typedef {import("./serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */ | ||
|  | /** @typedef {import("./serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */ | ||
|  | 
 | ||
|  | /** @typedef {string|undefined} CssLayer */ | ||
|  | /** @typedef {string|undefined} Supports */ | ||
|  | /** @typedef {string|undefined} Media */ | ||
|  | /** @typedef {[CssLayer?, Supports?, Media?]} InheritanceItem */ | ||
|  | /** @typedef {Array<InheritanceItem>} Inheritance */ | ||
|  | 
 | ||
|  | /** @typedef {NormalModuleCreateData & { cssLayer: CssLayer|null, supports: Supports|null, media: Media|null, inheritance: Inheritance|null }} CSSModuleCreateData */ | ||
|  | 
 | ||
|  | class CssModule extends NormalModule { | ||
|  | 	/** | ||
|  | 	 * @param {CSSModuleCreateData} options options object | ||
|  | 	 */ | ||
|  | 	constructor(options) { | ||
|  | 		super(options); | ||
|  | 
 | ||
|  | 		// Avoid override `layer` for `Module` class, because it is a feature to run module in specific layer
 | ||
|  | 		this.cssLayer = options.cssLayer; | ||
|  | 		this.supports = options.supports; | ||
|  | 		this.media = options.media; | ||
|  | 		this.inheritance = options.inheritance; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @returns {string} a unique identifier of the module | ||
|  | 	 */ | ||
|  | 	identifier() { | ||
|  | 		let identifier = super.identifier(); | ||
|  | 
 | ||
|  | 		if (this.cssLayer) { | ||
|  | 			identifier += `|${this.cssLayer}`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		if (this.supports) { | ||
|  | 			identifier += `|${this.supports}`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		if (this.media) { | ||
|  | 			identifier += `|${this.media}`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		if (this.inheritance) { | ||
|  | 			const inheritance = this.inheritance.map( | ||
|  | 				(item, index) => | ||
|  | 					`inheritance_${index}|${item[0] || ""}|${item[1] || ""}|${ | ||
|  | 						item[2] || "" | ||
|  | 					}`
 | ||
|  | 			); | ||
|  | 
 | ||
|  | 			identifier += `|${inheritance.join("|")}`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		return identifier; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @param {RequestShortener} requestShortener the request shortener | ||
|  | 	 * @returns {string} a user readable identifier of the module | ||
|  | 	 */ | ||
|  | 	readableIdentifier(requestShortener) { | ||
|  | 		const readableIdentifier = super.readableIdentifier(requestShortener); | ||
|  | 
 | ||
|  | 		let identifier = `css ${readableIdentifier}`; | ||
|  | 
 | ||
|  | 		if (this.cssLayer) { | ||
|  | 			identifier += ` (layer: ${this.cssLayer})`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		if (this.supports) { | ||
|  | 			identifier += ` (supports: ${this.supports})`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		if (this.media) { | ||
|  | 			identifier += ` (media: ${this.media})`; | ||
|  | 		} | ||
|  | 
 | ||
|  | 		return identifier; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * Assuming this module is in the cache. Update the (cached) module with | ||
|  | 	 * the fresh module from the factory. Usually updates internal references | ||
|  | 	 * and properties. | ||
|  | 	 * @param {Module} module fresh module | ||
|  | 	 * @returns {void} | ||
|  | 	 */ | ||
|  | 	updateCacheModule(module) { | ||
|  | 		super.updateCacheModule(module); | ||
|  | 		const m = /** @type {CssModule} */ (module); | ||
|  | 		this.cssLayer = m.cssLayer; | ||
|  | 		this.supports = m.supports; | ||
|  | 		this.media = m.media; | ||
|  | 		this.inheritance = m.inheritance; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @param {ObjectSerializerContext} context context | ||
|  | 	 */ | ||
|  | 	serialize(context) { | ||
|  | 		const { write } = context; | ||
|  | 		write(this.cssLayer); | ||
|  | 		write(this.supports); | ||
|  | 		write(this.media); | ||
|  | 		write(this.inheritance); | ||
|  | 		super.serialize(context); | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @param {ObjectDeserializerContext} context context | ||
|  | 	 * @returns {CssModule} the deserialized object | ||
|  | 	 */ | ||
|  | 	static deserialize(context) { | ||
|  | 		const obj = new CssModule({ | ||
|  | 			// will be deserialized by Module
 | ||
|  | 			layer: null, | ||
|  | 			type: "", | ||
|  | 			// will be filled by updateCacheModule
 | ||
|  | 			resource: "", | ||
|  | 			context: "", | ||
|  | 			request: null, | ||
|  | 			userRequest: null, | ||
|  | 			rawRequest: null, | ||
|  | 			loaders: null, | ||
|  | 			matchResource: null, | ||
|  | 			parser: null, | ||
|  | 			parserOptions: null, | ||
|  | 			generator: null, | ||
|  | 			generatorOptions: null, | ||
|  | 			resolveOptions: null, | ||
|  | 			cssLayer: null, | ||
|  | 			supports: null, | ||
|  | 			media: null, | ||
|  | 			inheritance: null | ||
|  | 		}); | ||
|  | 		obj.deserialize(context); | ||
|  | 		return obj; | ||
|  | 	} | ||
|  | 
 | ||
|  | 	/** | ||
|  | 	 * @param {ObjectDeserializerContext} context context | ||
|  | 	 */ | ||
|  | 	deserialize(context) { | ||
|  | 		const { read } = context; | ||
|  | 		this.cssLayer = read(); | ||
|  | 		this.supports = read(); | ||
|  | 		this.media = read(); | ||
|  | 		this.inheritance = read(); | ||
|  | 		super.deserialize(context); | ||
|  | 	} | ||
|  | } | ||
|  | 
 | ||
|  | makeSerializable(CssModule, "webpack/lib/CssModule"); | ||
|  | 
 | ||
|  | module.exports = CssModule; |