/* MIT License http://www.opensource.org/licenses/mit-license.php Author Ivan Kopeykin @vankop */ "use strict"; const RawDataUrlModule = require("../asset/RawDataUrlModule"); 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 getIgnoredRawDataUrlModule = memoize(() => { return new RawDataUrlModule("data:,", `ignored-asset`, `(ignored asset)`); }); 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) { return getIgnoredRawDataUrlModule(); } /** * @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); const module = /** @type {Module} */ (moduleGraph.getModule(dep)); /** @type {string | undefined} */ let newValue; switch (dep.urlType) { case "string": newValue = cssEscapeString( runtimeTemplate.assetUrl({ module, codeGenerationResults }) ); break; case "url": newValue = `url(${cssEscapeString( runtimeTemplate.assetUrl({ module, codeGenerationResults }) )})`; break; } source.replace( dep.range[0], dep.range[1] - 1, /** @type {string} */ (newValue) ); } }; makeSerializable(CssUrlDependency, "webpack/lib/dependencies/CssUrlDependency"); CssUrlDependency.PUBLIC_PATH_AUTO = "__WEBPACK_CSS_PUBLIC_PATH_AUTO__"; module.exports = CssUrlDependency;