Subtheme of barrio
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.

141 lines
3.8 KiB

2 years ago
var Stream = require('stream')
var postcss = require('postcss')
var applySourceMap = require('vinyl-sourcemaps-apply')
var fancyLog = require('fancy-log')
var PluginError = require('plugin-error')
var path = require('path')
module.exports = withConfigLoader(function (loadConfig) {
var stream = new Stream.Transform({ objectMode: true })
stream._transform = function (file, encoding, cb) {
if (file.isNull()) {
return cb(null, file)
}
if (file.isStream()) {
return handleError('Streams are not supported!')
}
// Protect `from` and `map` if using gulp-sourcemaps
var isProtected = file.sourceMap
? { from: true, map: true }
: {}
var options = {
from: file.path,
to: file.path,
// Generate a separate source map for gulp-sourcemaps
map: file.sourceMap ? { annotation: false } : false
}
loadConfig(file)
.then(function (config) {
var configOpts = config.options || {}
// Extend the default options if not protected
for (var opt in configOpts) {
if (configOpts.hasOwnProperty(opt) && !isProtected[opt]) {
options[opt] = configOpts[opt]
} else {
fancyLog.info(
'gulp-postcss:',
file.relative + '\nCannot override ' + opt +
' option, because it is required by gulp-sourcemaps'
)
}
}
return postcss(config.plugins || [])
.process(file.contents, options)
})
.then(handleResult, handleError)
function handleResult (result) {
var map
var warnings = result.warnings().join('\n')
file.contents = new Buffer(result.css)
// Apply source map to the chain
if (file.sourceMap) {
map = result.map.toJSON()
map.file = file.relative
map.sources = [].map.call(map.sources, function (source) {
return path.join(path.dirname(file.relative), source)
})
applySourceMap(file, map)
}
if (warnings) {
fancyLog.info('gulp-postcss:', file.relative + '\n' + warnings)
}
setImmediate(function () {
cb(null, file)
})
}
function handleError (error) {
var errorOptions = { fileName: file.path, showStack: true }
if (error.name === 'CssSyntaxError') {
errorOptions.error = error
errorOptions.fileName = error.file || file.path
errorOptions.lineNumber = error.line
errorOptions.showProperties = false
errorOptions.showStack = false
error = error.message + '\n\n' + error.showSourceCode() + '\n'
}
// Prevent stream’s unhandled exception from
// being suppressed by Promise
setImmediate(function () {
cb(new PluginError('gulp-postcss', error, errorOptions))
})
}
}
return stream
})
function withConfigLoader(cb) {
return function (plugins, options) {
if (Array.isArray(plugins)) {
return cb(function () {
return Promise.resolve({
plugins: plugins,
options: options
})
})
} else if (typeof plugins === 'function') {
return cb(function (file) {
return Promise.resolve(plugins(file))
})
} else {
var postcssLoadConfig = require('postcss-load-config')
var contextOptions = plugins || {}
return cb(function(file) {
var configPath
if (contextOptions.config) {
if (path.isAbsolute(contextOptions.config)) {
configPath = contextOptions.config
} else {
configPath = path.join(file.base, contextOptions.config)
}
} else {
configPath = file.dirname
}
return postcssLoadConfig(
{
file: file,
options: contextOptions
},
configPath
)
})
}
}
}