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.
164 lines
4.1 KiB
164 lines
4.1 KiB
let browserslist = require('browserslist') |
|
let { agents } = require('caniuse-lite') |
|
let pico = require('picocolors') |
|
|
|
let Browsers = require('./browsers') |
|
let Prefixes = require('./prefixes') |
|
let dataPrefixes = require('../data/prefixes') |
|
let getInfo = require('./info') |
|
|
|
let autoprefixerData = { browsers: agents, prefixes: dataPrefixes } |
|
|
|
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 |
|
} |
|
/* c8 ignore next 11 */ |
|
result.warn( |
|
'Autoprefixer target browsers do not need any prefixes.' + |
|
'You do not need Autoprefixer anymore.\n' + |
|
'Check your Browserslist config to be sure that your targets ' + |
|
'are set up correctly.\n' + |
|
'\n' + |
|
' Learn more at:\n' + |
|
' https://github.com/postcss/autoprefixer#readme\n' + |
|
' https://github.com/browserslist/browserslist#readme\n' + |
|
'\n' |
|
) |
|
} |
|
|
|
module.exports = plugin |
|
|
|
function plugin(...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) { |
|
console.warn( |
|
pico.red(WARNING.replace(/`[^`]+`/g, i => pico.yellow(i.slice(1, -1)))) |
|
) |
|
} |
|
reqs = options.browsers |
|
} |
|
|
|
let brwlstOpts = { |
|
ignoreUnknownVersions: options.ignoreUnknownVersions, |
|
stats: options.stats, |
|
env: options.env |
|
} |
|
|
|
function loadPrefixes(opts) { |
|
let d = autoprefixerData |
|
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 getInfo(loadPrefixes(opts)) |
|
}, |
|
|
|
options, |
|
browsers: reqs |
|
} |
|
} |
|
|
|
plugin.postcss = true |
|
|
|
/** |
|
* Autoprefixer data |
|
*/ |
|
plugin.data = autoprefixerData |
|
|
|
/** |
|
* Autoprefixer default browsers |
|
*/ |
|
plugin.defaults = browserslist.defaults |
|
|
|
/** |
|
* Inspect with default Autoprefixer |
|
*/ |
|
plugin.info = () => plugin().info()
|
|
|