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.
152 lines
4.2 KiB
152 lines
4.2 KiB
2 years ago
|
'use strict';
|
||
|
|
||
|
var browserslist = require('browserslist');
|
||
|
|
||
|
function capitalize(str) {
|
||
|
return str.slice(0, 1).toUpperCase() + str.slice(1);
|
||
|
}
|
||
|
|
||
|
var names = {
|
||
|
ie: 'IE',
|
||
|
ie_mob: 'IE Mobile',
|
||
|
ios_saf: 'iOS',
|
||
|
op_mini: 'Opera Mini',
|
||
|
op_mob: 'Opera Mobile',
|
||
|
and_chr: 'Chrome for Android',
|
||
|
and_ff: 'Firefox for Android',
|
||
|
and_uc: 'UC for Android'
|
||
|
};
|
||
|
|
||
|
var prefix = function prefix(name, prefixes) {
|
||
|
var out = ' ' + name + ': ';
|
||
|
out += prefixes.map(function (i) {
|
||
|
return i.replace(/^-(.*)-$/g, '$1');
|
||
|
}).join(', ');
|
||
|
out += '\n';
|
||
|
return out;
|
||
|
};
|
||
|
|
||
|
module.exports = function (prefixes) {
|
||
|
if (prefixes.browsers.selected.length === 0) {
|
||
|
return 'No browsers selected';
|
||
|
}
|
||
|
|
||
|
var versions = {};
|
||
|
for (var _iterator = prefixes.browsers.selected, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
|
||
|
var _ref;
|
||
|
|
||
|
if (_isArray) {
|
||
|
if (_i >= _iterator.length) break;
|
||
|
_ref = _iterator[_i++];
|
||
|
} else {
|
||
|
_i = _iterator.next();
|
||
|
if (_i.done) break;
|
||
|
_ref = _i.value;
|
||
|
}
|
||
|
|
||
|
var browser = _ref;
|
||
|
|
||
|
var _browser$split = browser.split(' '),
|
||
|
name = _browser$split[0],
|
||
|
version = _browser$split[1];
|
||
|
|
||
|
name = names[name] || capitalize(name);
|
||
|
if (versions[name]) {
|
||
|
versions[name].push(version);
|
||
|
} else {
|
||
|
versions[name] = [version];
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var out = 'Browsers:\n';
|
||
|
for (var _browser in versions) {
|
||
|
var list = versions[_browser];
|
||
|
list = list.sort(function (a, b) {
|
||
|
return parseFloat(b) - parseFloat(a);
|
||
|
});
|
||
|
out += ' ' + _browser + ': ' + list.join(', ') + '\n';
|
||
|
}
|
||
|
|
||
|
var coverage = browserslist.coverage(prefixes.browsers.selected);
|
||
|
var round = Math.round(coverage * 100) / 100.0;
|
||
|
out += '\nThese browsers account for ' + round + '% of all users globally\n';
|
||
|
|
||
|
var atrules = '';
|
||
|
for (var name in prefixes.add) {
|
||
|
var data = prefixes.add[name];
|
||
|
if (name[0] === '@' && data.prefixes) {
|
||
|
atrules += prefix(name, data.prefixes);
|
||
|
}
|
||
|
}
|
||
|
if (atrules !== '') {
|
||
|
out += '\nAt-Rules:\n' + atrules;
|
||
|
}
|
||
|
|
||
|
var selectors = '';
|
||
|
for (var _iterator2 = prefixes.add.selectors, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
|
||
|
var _ref2;
|
||
|
|
||
|
if (_isArray2) {
|
||
|
if (_i2 >= _iterator2.length) break;
|
||
|
_ref2 = _iterator2[_i2++];
|
||
|
} else {
|
||
|
_i2 = _iterator2.next();
|
||
|
if (_i2.done) break;
|
||
|
_ref2 = _i2.value;
|
||
|
}
|
||
|
|
||
|
var selector = _ref2;
|
||
|
|
||
|
if (selector.prefixes) {
|
||
|
selectors += prefix(selector.name, selector.prefixes);
|
||
|
}
|
||
|
}
|
||
|
if (selectors !== '') {
|
||
|
out += '\nSelectors:\n' + selectors;
|
||
|
}
|
||
|
|
||
|
var values = '';
|
||
|
var props = '';
|
||
|
for (var _name in prefixes.add) {
|
||
|
var _data = prefixes.add[_name];
|
||
|
if (_name[0] !== '@' && _data.prefixes) {
|
||
|
props += prefix(_name, _data.prefixes);
|
||
|
}
|
||
|
|
||
|
if (!_data.values) {
|
||
|
continue;
|
||
|
}
|
||
|
for (var _iterator3 = _data.values, _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
|
||
|
var _ref3;
|
||
|
|
||
|
if (_isArray3) {
|
||
|
if (_i3 >= _iterator3.length) break;
|
||
|
_ref3 = _iterator3[_i3++];
|
||
|
} else {
|
||
|
_i3 = _iterator3.next();
|
||
|
if (_i3.done) break;
|
||
|
_ref3 = _i3.value;
|
||
|
}
|
||
|
|
||
|
var value = _ref3;
|
||
|
|
||
|
var string = prefix(value.name, value.prefixes);
|
||
|
if (values.indexOf(string) === -1) {
|
||
|
values += string;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (props !== '') {
|
||
|
out += '\nProperties:\n' + props;
|
||
|
}
|
||
|
if (values !== '') {
|
||
|
out += '\nValues:\n' + values;
|
||
|
}
|
||
|
|
||
|
if (atrules === '' && selectors === '' && props === '' && values === '') {
|
||
|
out += '\nAwesome! Your browsers don\'t require any vendor prefixes.' + '\nNow you can remove Autoprefixer from build steps.';
|
||
|
}
|
||
|
|
||
|
return out;
|
||
|
};
|