source: imaps-frontend/node_modules/webpack/lib/dependencies/CssUrlDependency.js@ 79a0317

/*
        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("../CodeGenerationResults")} CodeGenerationResults */
/** @typedef {import("../Dependency")} Dependency */
/** @typedef {import("../Dependency").UpdateHashContext} UpdateHashContext */
/** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
/** @typedef {import("../Module")} Module */
/** @typedef {import("../Module").CodeGenerationResult} CodeGenerationResult */
/** @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(
        () => 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" | "src"} 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}`)}"`;
        }
        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(
                                        this.assetUrl({
                                                module,
                                                codeGenerationResults
                                        })
                                );
                                break;
                        case "url":
                                newValue = `url(${cssEscapeString(
                                        this.assetUrl({
                                                module,
                                                codeGenerationResults
                                        })
                                )})`;
                                break;
                        case "src":
                                newValue = `src(${cssEscapeString(
                                        this.assetUrl({
                                                module,
                                                codeGenerationResults
                                        })
                                )})`;
                                break;
                }

                source.replace(
                        dep.range[0],
                        dep.range[1] - 1,
                        /** @type {string} */ (newValue)
                );
        }

        /**
         * @param {object} options options object
         * @param {Module} options.module the module
         * @param {RuntimeSpec=} options.runtime runtime
         * @param {CodeGenerationResults} options.codeGenerationResults the code generation results
         * @returns {string} the url of the asset
         */
        assetUrl({ runtime, module, codeGenerationResults }) {
                if (!module) {
                        return "data:,";
                }
                const codeGen = codeGenerationResults.get(module, runtime);
                const data =
                        /** @type {NonNullable<CodeGenerationResult["data"]>} */
                        (codeGen.data);
                if (!data) return "data:,";
                const url = data.get("url");
                if (!url || !url["css-url"]) return "data:,";
                return url["css-url"];
        }
};

makeSerializable(CssUrlDependency, "webpack/lib/dependencies/CssUrlDependency");

CssUrlDependency.PUBLIC_PATH_AUTO = "__WEBPACK_CSS_PUBLIC_PATH_AUTO__";

module.exports = CssUrlDependency;