161 lines
3.9 KiB
JavaScript
161 lines
3.9 KiB
JavaScript
let browserslist = require('browserslist')
|
|
let { agents } = require('caniuse-lite')
|
|
let colorette = require('colorette')
|
|
|
|
let Browsers = require('./browsers')
|
|
let Prefixes = require('./prefixes')
|
|
let data = require('../data/prefixes')
|
|
let info = require('./info')
|
|
|
|
const WARNING =
|
|
'\n' +
|
|
' Replace Autoprefixer `browsers` option to Browserslist config.\n' +
|
|
' Use `browserslist` key in `package.json` or `.browserslistrc` file.\n' +
|
|
'\n' +
|
|
' Using `browsers` option can cause errors. Browserslist config can\n' +
|
|
' be used for Babel, Autoprefixer, postcss-normalize and other tools.\n' +
|
|
'\n' +
|
|
' If you really need to use option, rename it to `overrideBrowserslist`.\n' +
|
|
'\n' +
|
|
' Learn more at:\n' +
|
|
' https://github.com/browserslist/browserslist#readme\n' +
|
|
' https://twitter.com/browserslist\n' +
|
|
'\n'
|
|
|
|
function isPlainObject (obj) {
|
|
return Object.prototype.toString.apply(obj) === '[object Object]'
|
|
}
|
|
|
|
let cache = new Map()
|
|
|
|
function timeCapsule (result, prefixes) {
|
|
if (prefixes.browsers.selected.length === 0) {
|
|
return
|
|
}
|
|
if (prefixes.add.selectors.length > 0) {
|
|
return
|
|
}
|
|
if (Object.keys(prefixes.add).length > 2) {
|
|
return
|
|
}
|
|
|
|
/* istanbul ignore next */
|
|
result.warn(
|
|
'Greetings, time traveller. ' +
|
|
'We are in the golden age of prefix-less CSS, ' +
|
|
'where Autoprefixer is no longer needed for your stylesheet.'
|
|
)
|
|
}
|
|
|
|
module.exports = (...reqs) => {
|
|
let options
|
|
if (reqs.length === 1 && isPlainObject(reqs[0])) {
|
|
options = reqs[0]
|
|
reqs = undefined
|
|
} else if (reqs.length === 0 || (reqs.length === 1 && !reqs[0])) {
|
|
reqs = undefined
|
|
} else if (reqs.length <= 2 && (Array.isArray(reqs[0]) || !reqs[0])) {
|
|
options = reqs[1]
|
|
reqs = reqs[0]
|
|
} else if (typeof reqs[reqs.length - 1] === 'object') {
|
|
options = reqs.pop()
|
|
}
|
|
|
|
if (!options) {
|
|
options = {}
|
|
}
|
|
|
|
if (options.browser) {
|
|
throw new Error(
|
|
'Change `browser` option to `overrideBrowserslist` in Autoprefixer'
|
|
)
|
|
} else if (options.browserslist) {
|
|
throw new Error(
|
|
'Change `browserslist` option to `overrideBrowserslist` in Autoprefixer'
|
|
)
|
|
}
|
|
|
|
if (options.overrideBrowserslist) {
|
|
reqs = options.overrideBrowserslist
|
|
} else if (options.browsers) {
|
|
if (typeof console !== 'undefined' && console.warn) {
|
|
if (colorette.red) {
|
|
console.warn(
|
|
colorette.red(
|
|
WARNING.replace(/`[^`]+`/g, i => colorette.yellow(i.slice(1, -1)))
|
|
)
|
|
)
|
|
} else {
|
|
console.warn(WARNING)
|
|
}
|
|
}
|
|
reqs = options.browsers
|
|
}
|
|
|
|
let brwlstOpts = {
|
|
ignoreUnknownVersions: options.ignoreUnknownVersions,
|
|
stats: options.stats,
|
|
env: options.env
|
|
}
|
|
|
|
function loadPrefixes (opts) {
|
|
let d = module.exports.data
|
|
let browsers = new Browsers(d.browsers, reqs, opts, brwlstOpts)
|
|
let key = browsers.selected.join(', ') + JSON.stringify(options)
|
|
|
|
if (!cache.has(key)) {
|
|
cache.set(key, new Prefixes(d.prefixes, browsers, options))
|
|
}
|
|
|
|
return cache.get(key)
|
|
}
|
|
|
|
return {
|
|
postcssPlugin: 'autoprefixer',
|
|
|
|
prepare (result) {
|
|
let prefixes = loadPrefixes({
|
|
from: result.opts.from,
|
|
env: options.env
|
|
})
|
|
|
|
return {
|
|
OnceExit (root) {
|
|
timeCapsule(result, prefixes)
|
|
if (options.remove !== false) {
|
|
prefixes.processor.remove(root, result)
|
|
}
|
|
if (options.add !== false) {
|
|
prefixes.processor.add(root, result)
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
info (opts) {
|
|
opts = opts || {}
|
|
opts.from = opts.from || process.cwd()
|
|
return info(loadPrefixes(opts))
|
|
},
|
|
|
|
options,
|
|
browsers: reqs
|
|
}
|
|
}
|
|
|
|
module.exports.postcss = true
|
|
|
|
/**
|
|
* Autoprefixer data
|
|
*/
|
|
module.exports.data = { browsers: agents, prefixes: data }
|
|
|
|
/**
|
|
* Autoprefixer default browsers
|
|
*/
|
|
module.exports.defaults = browserslist.defaults
|
|
|
|
/**
|
|
* Inspect with default Autoprefixer
|
|
*/
|
|
module.exports.info = () => module.exports().info()
|