You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
4.8 KiB
130 lines
4.8 KiB
/* |
|
* MIT License http://opensource.org/licenses/MIT |
|
* Author: Ben Holloway @bholloway |
|
*/ |
|
'use strict'; |
|
|
|
var os = require('os'), |
|
path = require('path'), |
|
postcss = require('postcss'); |
|
|
|
var fileProtocol = require('../file-protocol'); |
|
var algerbra = require('../position-algerbra'); |
|
|
|
var ORPHAN_CR_REGEX = /\r(?!\n)(.|\n)?/g; |
|
|
|
/** |
|
* Process the given CSS content into reworked CSS content. |
|
* |
|
* @param {string} sourceFile The absolute path of the file being processed |
|
* @param {string} sourceContent CSS content without source-map |
|
* @param {{outputSourceMap: boolean, transformDeclaration:function, absSourceMap:object, |
|
* sourceMapConsumer:object, removeCR:boolean}} params Named parameters |
|
* @return {{content: string, map: object}} Reworked CSS and optional source-map |
|
*/ |
|
function process(sourceFile, sourceContent, params) { |
|
// #107 libsass emits orphan CR not considered newline, postcss does consider newline (content vs source-map mismatch) |
|
var correctedContent = params.removeCR && (os.EOL !== '\r') ? |
|
sourceContent.replace(ORPHAN_CR_REGEX, ' $1') : |
|
sourceContent; |
|
|
|
// prepend file protocol to all sources to avoid problems with source map |
|
return postcss([ |
|
postcss.plugin('postcss-resolve-url', postcssPlugin) |
|
]) |
|
.process(correctedContent, { |
|
from: fileProtocol.prepend(sourceFile), |
|
map : params.outputSourceMap && { |
|
prev : !!params.absSourceMap && fileProtocol.prepend(params.absSourceMap), |
|
inline : false, |
|
annotation : false, |
|
sourcesContent: true // #98 sourcesContent missing from output map |
|
} |
|
}) |
|
.then(result => ({ |
|
content: result.css, |
|
map : params.outputSourceMap ? fileProtocol.remove(result.map.toJSON()) : null |
|
})); |
|
|
|
/** |
|
* Plugin for postcss that follows SASS transpilation. |
|
*/ |
|
function postcssPlugin() { |
|
return function applyPlugin(styles) { |
|
styles.walkDecls(eachDeclaration); |
|
}; |
|
|
|
/** |
|
* Process a declaration from the syntax tree. |
|
* @param declaration |
|
*/ |
|
function eachDeclaration(declaration) { |
|
var prefix, |
|
isValid = declaration.value && (declaration.value.indexOf('url') >= 0); |
|
if (isValid) { |
|
prefix = declaration.prop + declaration.raws.between; |
|
declaration.value = params.transformDeclaration(declaration.value, getPathsAtChar); |
|
} |
|
|
|
/** |
|
* Create a hash of base path strings. |
|
* |
|
* Position in the declaration is supported by postcss at the position of the url() statement. |
|
* |
|
* @param {number} index Index in the declaration value at which to evaluate |
|
* @throws Error on invalid source map |
|
* @returns {{subString:string, value:string, property:string, selector:string}} Hash of base path strings |
|
*/ |
|
function getPathsAtChar(index) { |
|
var subString = declaration.value.slice(0, index), |
|
posSelector = algerbra.sanitise(declaration.parent.source.start), |
|
posProperty = algerbra.sanitise(declaration.source.start), |
|
posValue = algerbra.add([posProperty, algerbra.strToOffset(prefix)]), |
|
posSubString = algerbra.add([posValue, algerbra.strToOffset(subString)]); |
|
|
|
var result = { |
|
subString: positionToOriginalDirectory(posSubString), |
|
value : positionToOriginalDirectory(posValue), |
|
property : positionToOriginalDirectory(posProperty), |
|
selector : positionToOriginalDirectory(posSelector) |
|
}; |
|
|
|
var isValid = [result.subString, result.value, result.property, result.selector].every(Boolean); |
|
if (isValid) { |
|
return result; |
|
} |
|
else if (params.sourceMapConsumer) { |
|
throw new Error( |
|
'source-map information is not available at url() declaration ' + |
|
(ORPHAN_CR_REGEX.test(sourceContent) ? '(found orphan CR, try removeCR option)' : '(no orphan CR found)') |
|
); |
|
} else { |
|
throw new Error('a valid source-map is not present (ensure preceding loaders output a source-map)'); |
|
} |
|
} |
|
} |
|
} |
|
|
|
/** |
|
* Given an apparent position find the directory of the original file. |
|
* |
|
* @param startPosApparent {{line: number, column: number}} |
|
* @returns {false|string} Directory of original file or false on invalid |
|
*/ |
|
function positionToOriginalDirectory(startPosApparent) { |
|
// reverse the original source-map to find the original source file before transpilation |
|
var startPosOriginal = |
|
!!params.sourceMapConsumer && |
|
params.sourceMapConsumer.originalPositionFor(startPosApparent); |
|
|
|
// we require a valid directory for the specified file |
|
var directory = |
|
!!startPosOriginal && |
|
!!startPosOriginal.source && |
|
fileProtocol.remove(path.dirname(startPosOriginal.source)); |
|
|
|
return directory; |
|
} |
|
} |
|
|
|
module.exports = process;
|
|
|