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 } /* istanbul ignore next */ 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()