150 lines
3.9 KiB
JavaScript
150 lines
3.9 KiB
JavaScript
|
"use strict";
|
||
|
|
||
|
var browserslist = require('browserslist');
|
||
|
|
||
|
var postcss = require('postcss');
|
||
|
|
||
|
var agents = require('caniuse-lite').agents;
|
||
|
|
||
|
var pico = require('picocolors');
|
||
|
|
||
|
var Browsers = require('./browsers');
|
||
|
|
||
|
var Prefixes = require('./prefixes');
|
||
|
|
||
|
var data = require('../data/prefixes');
|
||
|
|
||
|
var info = require('./info');
|
||
|
|
||
|
var 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 \n' + ' can 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]';
|
||
|
}
|
||
|
|
||
|
var cache = {};
|
||
|
|
||
|
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 = postcss.plugin('autoprefixer', function () {
|
||
|
for (var _len = arguments.length, reqs = new Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
reqs[_key] = arguments[_key];
|
||
|
}
|
||
|
|
||
|
var 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, function (i) {
|
||
|
return pico.yellow(i.slice(1, -1));
|
||
|
})));
|
||
|
}
|
||
|
|
||
|
reqs = options.browsers;
|
||
|
}
|
||
|
|
||
|
var brwlstOpts = {
|
||
|
ignoreUnknownVersions: options.ignoreUnknownVersions,
|
||
|
stats: options.stats,
|
||
|
env: options.env
|
||
|
};
|
||
|
|
||
|
function loadPrefixes(opts) {
|
||
|
var d = module.exports.data;
|
||
|
var browsers = new Browsers(d.browsers, reqs, opts, brwlstOpts);
|
||
|
var key = browsers.selected.join(', ') + JSON.stringify(options);
|
||
|
|
||
|
if (!cache[key]) {
|
||
|
cache[key] = new Prefixes(d.prefixes, browsers, options);
|
||
|
}
|
||
|
|
||
|
return cache[key];
|
||
|
}
|
||
|
|
||
|
function plugin(css, result) {
|
||
|
var prefixes = loadPrefixes({
|
||
|
from: css.source && css.source.input.file,
|
||
|
env: options.env
|
||
|
});
|
||
|
timeCapsule(result, prefixes);
|
||
|
|
||
|
if (options.remove !== false) {
|
||
|
prefixes.processor.remove(css, result);
|
||
|
}
|
||
|
|
||
|
if (options.add !== false) {
|
||
|
prefixes.processor.add(css, result);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
plugin.options = options;
|
||
|
plugin.browsers = reqs;
|
||
|
|
||
|
plugin.info = function (opts) {
|
||
|
opts = opts || {};
|
||
|
opts.from = opts.from || process.cwd();
|
||
|
return info(loadPrefixes(opts));
|
||
|
};
|
||
|
|
||
|
return plugin;
|
||
|
});
|
||
|
/**
|
||
|
* Autoprefixer data
|
||
|
*/
|
||
|
|
||
|
module.exports.data = {
|
||
|
browsers: agents,
|
||
|
prefixes: data
|
||
|
};
|
||
|
/**
|
||
|
* Autoprefixer default browsers
|
||
|
*/
|
||
|
|
||
|
module.exports.defaults = browserslist.defaults;
|
||
|
/**
|
||
|
* Inspect with default Autoprefixer
|
||
|
*/
|
||
|
|
||
|
module.exports.info = function () {
|
||
|
return module.exports().info();
|
||
|
};
|