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.
		
		
		
		
		
			
		
			
				
	
	
		
			163 lines
		
	
	
		
			4.4 KiB
		
	
	
	
		
			JavaScript
		
	
			
		
		
	
	
			163 lines
		
	
	
		
			4.4 KiB
		
	
	
	
		
			JavaScript
		
	
| /*
 | |
| 	MIT License http://www.opensource.org/licenses/mit-license.php
 | |
| 	Author Ivan Kopeykin @vankop
 | |
| */
 | |
| 
 | |
| "use strict";
 | |
| 
 | |
| const makeSerializable = require("../util/makeSerializable");
 | |
| const memoize = require("../util/memoize");
 | |
| 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("../javascript/JavascriptParser").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 */
 | |
| 
 | |
| const getRawDataUrlModule = memoize(() => require("../asset/RawDataUrlModule"));
 | |
| 
 | |
| class CssUrlDependency extends ModuleDependency {
 | |
| 	/**
 | |
| 	 * @param {string} request request
 | |
| 	 * @param {Range} range range of the argument
 | |
| 	 * @param {"string" | "url"} urlType dependency type e.g. url() or string
 | |
| 	 */
 | |
| 	constructor(request, range, urlType) {
 | |
| 		super(request);
 | |
| 		this.range = range;
 | |
| 		this.urlType = urlType;
 | |
| 	}
 | |
| 
 | |
| 	get type() {
 | |
| 		return "css url()";
 | |
| 	}
 | |
| 
 | |
| 	get category() {
 | |
| 		return "url";
 | |
| 	}
 | |
| 
 | |
| 	/**
 | |
| 	 * @param {string} context context directory
 | |
| 	 * @returns {Module | null} a module
 | |
| 	 */
 | |
| 	createIgnoredModule(context) {
 | |
| 		const RawDataUrlModule = getRawDataUrlModule();
 | |
| 		return new RawDataUrlModule("data:,", `ignored-asset`, `(ignored asset)`);
 | |
| 	}
 | |
| 
 | |
| 	/**
 | |
| 	 * @param {ObjectSerializerContext} context context
 | |
| 	 */
 | |
| 	serialize(context) {
 | |
| 		const { write } = context;
 | |
| 		write(this.urlType);
 | |
| 		super.serialize(context);
 | |
| 	}
 | |
| 
 | |
| 	/**
 | |
| 	 * @param {ObjectDeserializerContext} context context
 | |
| 	 */
 | |
| 	deserialize(context) {
 | |
| 		const { read } = context;
 | |
| 		this.urlType = read();
 | |
| 		super.deserialize(context);
 | |
| 	}
 | |
| }
 | |
| 
 | |
| /**
 | |
|  * @param {string} str string
 | |
|  * @returns {string} string in quotes if needed
 | |
|  */
 | |
| const cssEscapeString = str => {
 | |
| 	let countWhiteOrBracket = 0;
 | |
| 	let countQuotation = 0;
 | |
| 	let countApostrophe = 0;
 | |
| 	for (let i = 0; i < str.length; i++) {
 | |
| 		const cc = str.charCodeAt(i);
 | |
| 		switch (cc) {
 | |
| 			case 9: // tab
 | |
| 			case 10: // nl
 | |
| 			case 32: // space
 | |
| 			case 40: // (
 | |
| 			case 41: // )
 | |
| 				countWhiteOrBracket++;
 | |
| 				break;
 | |
| 			case 34:
 | |
| 				countQuotation++;
 | |
| 				break;
 | |
| 			case 39:
 | |
| 				countApostrophe++;
 | |
| 				break;
 | |
| 		}
 | |
| 	}
 | |
| 	if (countWhiteOrBracket < 2) {
 | |
| 		return str.replace(/[\n\t ()'"\\]/g, m => `\\${m}`);
 | |
| 	} else if (countQuotation <= countApostrophe) {
 | |
| 		return `"${str.replace(/[\n"\\]/g, m => `\\${m}`)}"`;
 | |
| 	} else {
 | |
| 		return `'${str.replace(/[\n'\\]/g, m => `\\${m}`)}'`;
 | |
| 	}
 | |
| };
 | |
| 
 | |
| CssUrlDependency.Template = class CssUrlDependencyTemplate 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,
 | |
| 		{ moduleGraph, runtimeTemplate, codeGenerationResults }
 | |
| 	) {
 | |
| 		const dep = /** @type {CssUrlDependency} */ (dependency);
 | |
| 
 | |
| 		/** @type {string | undefined} */
 | |
| 		let newValue;
 | |
| 
 | |
| 		switch (dep.urlType) {
 | |
| 			case "string":
 | |
| 				newValue = cssEscapeString(
 | |
| 					runtimeTemplate.assetUrl({
 | |
| 						publicPath: "",
 | |
| 						module: /** @type {Module} */ (moduleGraph.getModule(dep)),
 | |
| 						codeGenerationResults
 | |
| 					})
 | |
| 				);
 | |
| 				break;
 | |
| 			case "url":
 | |
| 				newValue = `url(${cssEscapeString(
 | |
| 					runtimeTemplate.assetUrl({
 | |
| 						publicPath: "",
 | |
| 						module: /** @type {Module} */ (moduleGraph.getModule(dep)),
 | |
| 						codeGenerationResults
 | |
| 					})
 | |
| 				)})`;
 | |
| 				break;
 | |
| 		}
 | |
| 
 | |
| 		source.replace(
 | |
| 			dep.range[0],
 | |
| 			dep.range[1] - 1,
 | |
| 			/** @type {string} */ (newValue)
 | |
| 		);
 | |
| 	}
 | |
| };
 | |
| 
 | |
| makeSerializable(CssUrlDependency, "webpack/lib/dependencies/CssUrlDependency");
 | |
| 
 | |
| module.exports = CssUrlDependency;
 |