[6a3a178] | 1 | /*
|
---|
| 2 | * MIT License http://opensource.org/licenses/MIT
|
---|
| 3 | * Author: Ben Holloway @bholloway
|
---|
| 4 | */
|
---|
| 5 | 'use strict';
|
---|
| 6 |
|
---|
| 7 | var os = require('os'),
|
---|
| 8 | path = require('path'),
|
---|
| 9 | fs = require('fs'),
|
---|
| 10 | util = require('util'),
|
---|
| 11 | loaderUtils = require('loader-utils'),
|
---|
| 12 | SourceMapConsumer = require('source-map').SourceMapConsumer;
|
---|
| 13 |
|
---|
| 14 | var adjustSourceMap = require('adjust-sourcemap-loader/lib/process');
|
---|
| 15 |
|
---|
| 16 | var valueProcessor = require('./lib/value-processor'),
|
---|
| 17 | joinFn = require('./lib/join-function'),
|
---|
| 18 | logToTestHarness = require('./lib/log-to-test-harness');
|
---|
| 19 |
|
---|
| 20 | const DEPRECATED_OPTIONS = {
|
---|
| 21 | engine: [
|
---|
| 22 | 'DEP_RESOLVE_URL_LOADER_OPTION_ENGINE',
|
---|
| 23 | 'the "engine" option is deprecated, "postcss" engine is the default, using "rework" engine is not advised'
|
---|
| 24 | ],
|
---|
| 25 | keepQuery: [
|
---|
| 26 | 'DEP_RESOLVE_URL_LOADER_OPTION_KEEP_QUERY',
|
---|
| 27 | '"keepQuery" option has been removed, the query and/or hash are now always retained'
|
---|
| 28 | ],
|
---|
| 29 | absolute: [
|
---|
| 30 | 'DEP_RESOLVE_URL_LOADER_OPTION_ABSOLUTE',
|
---|
| 31 | '"absolute" option has been removed, consider the "join" option if absolute paths must be processed'
|
---|
| 32 | ],
|
---|
| 33 | attempts: [
|
---|
| 34 | 'DEP_RESOLVE_URL_LOADER_OPTION_ATTEMPTS',
|
---|
| 35 | '"attempts" option has been removed, consider the "join" option if search is needed'
|
---|
| 36 | ],
|
---|
| 37 | includeRoot: [
|
---|
| 38 | 'DEP_RESOLVE_URL_LOADER_OPTION_INCLUDE_ROOT',
|
---|
| 39 | '"includeRoot" option has been removed, consider the "join" option if search is needed'
|
---|
| 40 | ],
|
---|
| 41 | fail: [
|
---|
| 42 | 'DEP_RESOLVE_URL_LOADER_OPTION_FAIL',
|
---|
| 43 | '"fail" option has been removed'
|
---|
| 44 | ]
|
---|
| 45 | };
|
---|
| 46 |
|
---|
| 47 | /**
|
---|
| 48 | * A webpack loader that resolves absolute url() paths relative to their original source file.
|
---|
| 49 | * Requires source-maps to do any meaningful work.
|
---|
| 50 | * @param {string} content Css content
|
---|
| 51 | * @param {object} sourceMap The source-map
|
---|
| 52 | * @returns {string|String}
|
---|
| 53 | */
|
---|
| 54 | function resolveUrlLoader(content, sourceMap) {
|
---|
| 55 | /* jshint validthis:true */
|
---|
| 56 |
|
---|
| 57 | // details of the file being processed
|
---|
| 58 | var loader = this;
|
---|
| 59 |
|
---|
| 60 | // a relative loader.context is a problem
|
---|
| 61 | if (/^\./.test(loader.context)) {
|
---|
| 62 | return handleAsError(
|
---|
| 63 | 'webpack misconfiguration',
|
---|
| 64 | 'loader.context is relative, expected absolute'
|
---|
| 65 | );
|
---|
| 66 | }
|
---|
| 67 |
|
---|
| 68 | // infer webpack version from new loader features
|
---|
| 69 | var isWebpackGte5 = 'getOptions' in loader && typeof loader.getOptions === 'function';
|
---|
| 70 |
|
---|
| 71 | // webpack 1: prefer loader query, else options object
|
---|
| 72 | // webpack 2: prefer loader options
|
---|
| 73 | // webpack 3: deprecate loader.options object
|
---|
| 74 | // webpack 4: loader.options no longer defined
|
---|
| 75 | var rawOptions = loaderUtils.getOptions(loader),
|
---|
| 76 | options = Object.assign(
|
---|
| 77 | {
|
---|
| 78 | sourceMap: loader.sourceMap,
|
---|
| 79 | engine : 'postcss',
|
---|
| 80 | silent : false,
|
---|
| 81 | removeCR : os.EOL.includes('\r'),
|
---|
| 82 | root : false,
|
---|
| 83 | debug : false,
|
---|
| 84 | join : joinFn.defaultJoin
|
---|
| 85 | },
|
---|
| 86 | rawOptions
|
---|
| 87 | );
|
---|
| 88 |
|
---|
| 89 | // maybe log options for the test harness
|
---|
| 90 | if (process.env.RESOLVE_URL_LOADER_TEST_HARNESS) {
|
---|
| 91 | logToTestHarness(
|
---|
| 92 | process[process.env.RESOLVE_URL_LOADER_TEST_HARNESS],
|
---|
| 93 | options
|
---|
| 94 | );
|
---|
| 95 | }
|
---|
| 96 |
|
---|
| 97 | // deprecated options
|
---|
| 98 | var deprecatedItems = Object.entries(DEPRECATED_OPTIONS).filter(([key]) => key in rawOptions);
|
---|
| 99 | if (deprecatedItems.length) {
|
---|
| 100 | deprecatedItems.forEach(([, value]) => handleAsDeprecated(...value));
|
---|
| 101 | }
|
---|
| 102 |
|
---|
| 103 | // validate join option
|
---|
| 104 | if (typeof options.join !== 'function') {
|
---|
| 105 | return handleAsError(
|
---|
| 106 | 'loader misconfiguration',
|
---|
| 107 | '"join" option must be a Function'
|
---|
| 108 | );
|
---|
| 109 | } else if (options.join.length !== 2) {
|
---|
| 110 | return handleAsError(
|
---|
| 111 | 'loader misconfiguration',
|
---|
| 112 | '"join" Function must take exactly 2 arguments (options, loader)'
|
---|
| 113 | );
|
---|
| 114 | }
|
---|
| 115 |
|
---|
| 116 | // validate the result of calling the join option
|
---|
| 117 | var joinProper = options.join(options, loader);
|
---|
| 118 | if (typeof joinProper !== 'function') {
|
---|
| 119 | return handleAsError(
|
---|
| 120 | 'loader misconfiguration',
|
---|
| 121 | '"join" option must itself return a Function when it is called'
|
---|
| 122 | );
|
---|
| 123 | } else if (joinProper.length !== 1) {
|
---|
| 124 | return handleAsError(
|
---|
| 125 | 'loader misconfiguration',
|
---|
| 126 | '"join" Function must create a function that takes exactly 1 arguments (item)'
|
---|
| 127 | );
|
---|
| 128 | }
|
---|
| 129 |
|
---|
| 130 | // validate root option
|
---|
| 131 | if (typeof options.root === 'string') {
|
---|
| 132 | var isValid = (options.root === '') ||
|
---|
| 133 | (path.isAbsolute(options.root) && fs.existsSync(options.root) && fs.statSync(options.root).isDirectory());
|
---|
| 134 |
|
---|
| 135 | if (!isValid) {
|
---|
| 136 | return handleAsError(
|
---|
| 137 | 'loader misconfiguration',
|
---|
| 138 | '"root" option must be an empty string or an absolute path to an existing directory'
|
---|
| 139 | );
|
---|
| 140 | }
|
---|
| 141 | } else if (options.root !== false) {
|
---|
| 142 | handleAsWarning(
|
---|
| 143 | 'loader misconfiguration',
|
---|
| 144 | '"root" option must be string where used or false where unused'
|
---|
| 145 | );
|
---|
| 146 | }
|
---|
| 147 |
|
---|
| 148 | // loader result is cacheable
|
---|
| 149 | loader.cacheable();
|
---|
| 150 |
|
---|
| 151 | // incoming source-map
|
---|
| 152 | var sourceMapConsumer, absSourceMap;
|
---|
| 153 | if (sourceMap) {
|
---|
| 154 |
|
---|
| 155 | // support non-standard string encoded source-map (per less-loader)
|
---|
| 156 | if (typeof sourceMap === 'string') {
|
---|
| 157 | try {
|
---|
| 158 | sourceMap = JSON.parse(sourceMap);
|
---|
| 159 | }
|
---|
| 160 | catch (exception) {
|
---|
| 161 | return handleAsError(
|
---|
| 162 | 'source-map error',
|
---|
| 163 | 'cannot parse source-map string (from less-loader?)'
|
---|
| 164 | );
|
---|
| 165 | }
|
---|
| 166 | }
|
---|
| 167 |
|
---|
| 168 | // leverage adjust-sourcemap-loader's codecs to avoid having to make any assumptions about the sourcemap
|
---|
| 169 | // historically this is a regular source of breakage
|
---|
| 170 | try {
|
---|
| 171 | absSourceMap = adjustSourceMap(loader, {format: 'absolute'}, sourceMap);
|
---|
| 172 | }
|
---|
| 173 | catch (exception) {
|
---|
| 174 | return handleAsError(
|
---|
| 175 | 'source-map error',
|
---|
| 176 | exception.message
|
---|
| 177 | );
|
---|
| 178 | }
|
---|
| 179 |
|
---|
| 180 | // prepare the adjusted sass source-map for later look-ups
|
---|
| 181 | sourceMapConsumer = new SourceMapConsumer(absSourceMap);
|
---|
| 182 | } else {
|
---|
| 183 | handleAsWarning(
|
---|
| 184 | 'webpack misconfiguration',
|
---|
| 185 | 'webpack or the upstream loader did not supply a source-map'
|
---|
| 186 | );
|
---|
| 187 | }
|
---|
| 188 |
|
---|
| 189 | // choose a CSS engine
|
---|
| 190 | var enginePath = /^[\w-]+$/.test(options.engine) && path.join(__dirname, 'lib', 'engine', options.engine + '.js');
|
---|
| 191 | var isValidEngine = fs.existsSync(enginePath);
|
---|
| 192 | if (!isValidEngine) {
|
---|
| 193 | return handleAsError(
|
---|
| 194 | 'loader misconfiguration',
|
---|
| 195 | '"engine" option is not valid'
|
---|
| 196 | );
|
---|
| 197 | }
|
---|
| 198 |
|
---|
| 199 | // allow engine to throw at initialisation
|
---|
| 200 | var engine;
|
---|
| 201 | try {
|
---|
| 202 | engine = require(enginePath);
|
---|
| 203 | } catch (error) {
|
---|
| 204 | return handleAsError(
|
---|
| 205 | 'error initialising',
|
---|
| 206 | error
|
---|
| 207 | );
|
---|
| 208 | }
|
---|
| 209 |
|
---|
| 210 | // process async
|
---|
| 211 | var callback = loader.async();
|
---|
| 212 | Promise
|
---|
| 213 | .resolve(engine(loader.resourcePath, content, {
|
---|
| 214 | outputSourceMap : !!options.sourceMap,
|
---|
| 215 | absSourceMap : absSourceMap,
|
---|
| 216 | sourceMapConsumer : sourceMapConsumer,
|
---|
| 217 | removeCR : options.removeCR,
|
---|
| 218 | transformDeclaration: valueProcessor({
|
---|
| 219 | join : joinProper,
|
---|
| 220 | root : options.root,
|
---|
| 221 | directory: path.dirname(loader.resourcePath)
|
---|
| 222 | })
|
---|
| 223 | }))
|
---|
| 224 | .catch(onFailure)
|
---|
| 225 | .then(onSuccess);
|
---|
| 226 |
|
---|
| 227 | function onFailure(error) {
|
---|
| 228 | callback(encodeError('error processing CSS', error));
|
---|
| 229 | }
|
---|
| 230 |
|
---|
| 231 | function onSuccess(result) {
|
---|
| 232 | if (result) {
|
---|
| 233 | // complete with source-map
|
---|
| 234 | // webpack4 and earlier: source-map sources are relative to the file being processed
|
---|
| 235 | // webpack5: source-map sources are relative to the project root but without a leading slash
|
---|
| 236 | if (options.sourceMap) {
|
---|
| 237 | var finalMap = adjustSourceMap(loader, {
|
---|
| 238 | format: isWebpackGte5 ? 'projectRelative' : 'sourceRelative'
|
---|
| 239 | }, result.map);
|
---|
| 240 | callback(null, result.content, finalMap);
|
---|
| 241 | }
|
---|
| 242 | // complete without source-map
|
---|
| 243 | else {
|
---|
| 244 | callback(null, result.content);
|
---|
| 245 | }
|
---|
| 246 | }
|
---|
| 247 | }
|
---|
| 248 |
|
---|
| 249 | /**
|
---|
| 250 | * Trigger a node deprecation message for the given exception and return the original content.
|
---|
| 251 | * @param {string} code Deprecation code
|
---|
| 252 | * @param {string} message Deprecation message
|
---|
| 253 | * @returns {string} The original CSS content
|
---|
| 254 | */
|
---|
| 255 | function handleAsDeprecated(code, message) {
|
---|
| 256 | if (!options.silent) {
|
---|
| 257 | util.deprecate(() => undefined, message, code)();
|
---|
| 258 | }
|
---|
| 259 | return content;
|
---|
| 260 | }
|
---|
| 261 |
|
---|
| 262 | /**
|
---|
| 263 | * Push a warning for the given exception and return the original content.
|
---|
| 264 | * @param {string} label Summary of the error
|
---|
| 265 | * @param {string|Error} [exception] Optional extended error details
|
---|
| 266 | * @returns {string} The original CSS content
|
---|
| 267 | */
|
---|
| 268 | function handleAsWarning(label, exception) {
|
---|
| 269 | if (!options.silent) {
|
---|
| 270 | loader.emitWarning(encodeError(label, exception));
|
---|
| 271 | }
|
---|
| 272 | return content;
|
---|
| 273 | }
|
---|
| 274 |
|
---|
| 275 | /**
|
---|
| 276 | * Push a warning for the given exception and return the original content.
|
---|
| 277 | * @param {string} label Summary of the error
|
---|
| 278 | * @param {string|Error} [exception] Optional extended error details
|
---|
| 279 | * @returns {string} The original CSS content
|
---|
| 280 | */
|
---|
| 281 | function handleAsError(label, exception) {
|
---|
| 282 | loader.emitError(encodeError(label, exception));
|
---|
| 283 | return content;
|
---|
| 284 | }
|
---|
| 285 |
|
---|
| 286 | function encodeError(label, exception) {
|
---|
| 287 | return new Error(
|
---|
| 288 | [
|
---|
| 289 | 'resolve-url-loader',
|
---|
| 290 | ': ',
|
---|
| 291 | [label]
|
---|
| 292 | .concat(
|
---|
| 293 | (typeof exception === 'string') && exception ||
|
---|
| 294 | Array.isArray(exception) && exception ||
|
---|
| 295 | (exception instanceof Error) && [exception.message, exception.stack.split('\n')[1].trim()] ||
|
---|
| 296 | []
|
---|
| 297 | )
|
---|
| 298 | .filter(Boolean)
|
---|
| 299 | .join('\n ')
|
---|
| 300 | ].join('')
|
---|
| 301 | );
|
---|
| 302 | }
|
---|
| 303 | }
|
---|
| 304 |
|
---|
| 305 | module.exports = Object.assign(resolveUrlLoader, joinFn);
|
---|