123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 |
- 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()
|