/* MIT License http://www.opensource.org/licenses/mit-license.php Author Jason Anderson @diurnalist */ "use strict"; const mime = require("mime-types"); const { basename, extname } = require("path"); const util = require("util"); const Chunk = require("./Chunk"); const Module = require("./Module"); const { parseResource } = require("./util/identifier"); /** @typedef {import("./ChunkGraph")} ChunkGraph */ /** @typedef {import("./Compilation").AssetInfo} AssetInfo */ /** @typedef {import("./Compilation").PathData} PathData */ /** @typedef {import("./Compiler")} Compiler */ const REGEXP = /\[\\*([\w:]+)\\*\]/gi; /** * @param {string | number} id id * @returns {string | number} result */ const prepareId = id => { if (typeof id !== "string") return id; if (/^"\s\+*.*\+\s*"$/.test(id)) { const match = /^"\s\+*\s*(.*)\s*\+\s*"$/.exec(id); return `" + (${ /** @type {string[]} */ (match)[1] } + "").replace(/(^[.-]|[^a-zA-Z0-9_-])+/g, "_") + "`; } return id.replace(/(^[.-]|[^a-zA-Z0-9_-])+/g, "_"); }; /** * @callback ReplacerFunction * @param {string} match * @param {string | undefined} arg * @param {string} input */ /** * @param {ReplacerFunction} replacer replacer * @param {((arg0: number) => string) | undefined} handler handler * @param {AssetInfo | undefined} assetInfo asset info * @param {string} hashName hash name * @returns {ReplacerFunction} hash replacer function */ const hashLength = (replacer, handler, assetInfo, hashName) => { /** @type {ReplacerFunction} */ const fn = (match, arg, input) => { let result; const length = arg && parseInt(arg, 10); if (length && handler) { result = handler(length); } else { const hash = replacer(match, arg, input); result = length ? hash.slice(0, length) : hash; } if (assetInfo) { assetInfo.immutable = true; if (Array.isArray(assetInfo[hashName])) { assetInfo[hashName] = [...assetInfo[hashName], result]; } else if (assetInfo[hashName]) { assetInfo[hashName] = [assetInfo[hashName], result]; } else { assetInfo[hashName] = result; } } return result; }; return fn; }; /** @typedef {(match: string, arg?: string, input?: string) => string} Replacer */ /** * @param {string | number | null | undefined | (() => string | number | null | undefined)} value value * @param {boolean=} allowEmpty allow empty * @returns {Replacer} replacer */ const replacer = (value, allowEmpty) => { /** @type {Replacer} */ const fn = (match, arg, input) => { if (typeof value === "function") { value = value(); } if (value === null || value === undefined) { if (!allowEmpty) { throw new Error( `Path variable ${match} not implemented in this context: ${input}` ); } return ""; } else { return `${value}`; } }; return fn; }; const deprecationCache = new Map(); const deprecatedFunction = (() => () => {})(); /** * @param {Function} fn function * @param {string} message message * @param {string} code code * @returns {function(...any[]): void} function with deprecation output */ const deprecated = (fn, message, code) => { let d = deprecationCache.get(message); if (d === undefined) { d = util.deprecate(deprecatedFunction, message, code); deprecationCache.set(message, d); } return (...args) => { d(); return fn(...args); }; }; /** * @param {string | function(PathData, AssetInfo=): string} path the raw path * @param {PathData} data context data * @param {AssetInfo | undefined} assetInfo extra info about the asset (will be written to) * @returns {string} the interpolated path */ const replacePathVariables = (path, data, assetInfo) => { const chunkGraph = data.chunkGraph; /** @type {Map} */ const replacements = new Map(); // Filename context // // Placeholders // // for /some/path/file.js?query#fragment: // [file] - /some/path/file.js // [query] - ?query // [fragment] - #fragment // [base] - file.js // [path] - /some/path/ // [name] - file // [ext] - .js if (typeof data.filename === "string") { // check that filename is data uri let match = data.filename.match(/^data:([^;,]+)/); if (match) { const ext = mime.extension(match[1]); const emptyReplacer = replacer("", true); replacements.set("file", emptyReplacer); replacements.set("query", emptyReplacer); replacements.set("fragment", emptyReplacer); replacements.set("path", emptyReplacer); replacements.set("base", emptyReplacer); replacements.set("name", emptyReplacer); replacements.set("ext", replacer(ext ? `.${ext}` : "", true)); // Legacy replacements.set( "filebase", deprecated( emptyReplacer, "[filebase] is now [base]", "DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_FILENAME" ) ); } else { const { path: file, query, fragment } = parseResource(data.filename); const ext = extname(file); const base = basename(file); const name = base.slice(0, base.length - ext.length); const path = file.slice(0, file.length - base.length); replacements.set("file", replacer(file)); replacements.set("query", replacer(query, true)); replacements.set("fragment", replacer(fragment, true)); replacements.set("path", replacer(path, true)); replacements.set("base", replacer(base)); replacements.set("name", replacer(name)); replacements.set("ext", replacer(ext, true)); // Legacy replacements.set( "filebase", deprecated( replacer(base), "[filebase] is now [base]", "DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_FILENAME" ) ); } } // Compilation context // // Placeholders // // [fullhash] - data.hash (3a4b5c6e7f) // // Legacy Placeholders // // [hash] - data.hash (3a4b5c6e7f) if (data.hash) { const hashReplacer = hashLength( replacer(data.hash), data.hashWithLength, assetInfo, "fullhash" ); replacements.set("fullhash", hashReplacer); // Legacy replacements.set( "hash", deprecated( hashReplacer, "[hash] is now [fullhash] (also consider using [chunkhash] or [contenthash], see documentation for details)", "DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_HASH" ) ); } // Chunk Context // // Placeholders // // [id] - chunk.id (0.js) // [name] - chunk.name (app.js) // [chunkhash] - chunk.hash (7823t4t4.js) // [contenthash] - chunk.contentHash[type] (3256u3zg.js) if (data.chunk) { const chunk = data.chunk; const contentHashType = data.contentHashType; const idReplacer = replacer(chunk.id); const nameReplacer = replacer(chunk.name || chunk.id); const chunkhashReplacer = hashLength( replacer(chunk instanceof Chunk ? chunk.renderedHash : chunk.hash), "hashWithLength" in chunk ? chunk.hashWithLength : undefined, assetInfo, "chunkhash" ); const contenthashReplacer = hashLength( replacer( data.contentHash || (contentHashType && chunk.contentHash && chunk.contentHash[contentHashType]) ), data.contentHashWithLength || ("contentHashWithLength" in chunk && chunk.contentHashWithLength ? chunk.contentHashWithLength[/** @type {string} */ (contentHashType)] : undefined), assetInfo, "contenthash" ); replacements.set("id", idReplacer); replacements.set("name", nameReplacer); replacements.set("chunkhash", chunkhashReplacer); replacements.set("contenthash", contenthashReplacer); } // Module Context // // Placeholders // // [id] - module.id (2.png) // [hash] - module.hash (6237543873.png) // // Legacy Placeholders // // [moduleid] - module.id (2.png) // [modulehash] - module.hash (6237543873.png) if (data.module) { const module = data.module; const idReplacer = replacer(() => prepareId( module instanceof Module ? /** @type {ChunkGraph} */ (chunkGraph).getModuleId(module) : module.id ) ); const moduleHashReplacer = hashLength( replacer(() => module instanceof Module ? /** @type {ChunkGraph} */ (chunkGraph).getRenderedModuleHash( module, data.runtime ) : module.hash ), "hashWithLength" in module ? module.hashWithLength : undefined, assetInfo, "modulehash" ); const contentHashReplacer = hashLength( replacer(/** @type {string} */ (data.contentHash)), undefined, assetInfo, "contenthash" ); replacements.set("id", idReplacer); replacements.set("modulehash", moduleHashReplacer); replacements.set("contenthash", contentHashReplacer); replacements.set( "hash", data.contentHash ? contentHashReplacer : moduleHashReplacer ); // Legacy replacements.set( "moduleid", deprecated( idReplacer, "[moduleid] is now [id]", "DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_MODULE_ID" ) ); } // Other things if (data.url) { replacements.set("url", replacer(data.url)); } if (typeof data.runtime === "string") { replacements.set( "runtime", replacer(() => prepareId(/** @type {string} */ (data.runtime))) ); } else { replacements.set("runtime", replacer("_")); } if (typeof path === "function") { path = path(data, assetInfo); } path = path.replace(REGEXP, (match, content) => { if (content.length + 2 === match.length) { const contentMatch = /^(\w+)(?::(\w+))?$/.exec(content); if (!contentMatch) return match; const [, kind, arg] = contentMatch; const replacer = replacements.get(kind); if (replacer !== undefined) { return replacer(match, arg, path); } } else if (match.startsWith("[\\") && match.endsWith("\\]")) { return `[${match.slice(2, -2)}]`; } return match; }); return path; }; const plugin = "TemplatedPathPlugin"; class TemplatedPathPlugin { /** * Apply the plugin * @param {Compiler} compiler the compiler instance * @returns {void} */ apply(compiler) { compiler.hooks.compilation.tap(plugin, compilation => { compilation.hooks.assetPath.tap(plugin, replacePathVariables); }); } } module.exports = TemplatedPathPlugin;