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.
126 lines
3.5 KiB
126 lines
3.5 KiB
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _browserslist = require('browserslist');
|
|
|
|
var _browserslist2 = _interopRequireDefault(_browserslist);
|
|
|
|
var _postcss = require('postcss');
|
|
|
|
var _postcss2 = _interopRequireDefault(_postcss);
|
|
|
|
var _postcssValueParser = require('postcss-value-parser');
|
|
|
|
var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
|
|
|
|
var _alphanumSort = require('alphanum-sort');
|
|
|
|
var _alphanumSort2 = _interopRequireDefault(_alphanumSort);
|
|
|
|
var _uniqs = require('uniqs');
|
|
|
|
var _uniqs2 = _interopRequireDefault(_uniqs);
|
|
|
|
var _cssnanoUtilGetArguments = require('cssnano-util-get-arguments');
|
|
|
|
var _cssnanoUtilGetArguments2 = _interopRequireDefault(_cssnanoUtilGetArguments);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
/**
|
|
* Return the greatest common divisor
|
|
* of two numbers.
|
|
*/
|
|
|
|
function gcd(a, b) {
|
|
return b ? gcd(b, a % b) : a;
|
|
}
|
|
|
|
function aspectRatio(a, b) {
|
|
const divisor = gcd(a, b);
|
|
|
|
return [a / divisor, b / divisor];
|
|
}
|
|
|
|
function split(args) {
|
|
return args.map(arg => (0, _postcssValueParser.stringify)(arg)).join('');
|
|
}
|
|
|
|
function removeNode(node) {
|
|
node.value = '';
|
|
node.type = 'word';
|
|
}
|
|
|
|
function transform(legacy, rule) {
|
|
const ruleName = rule.name.toLowerCase();
|
|
|
|
// We should re-arrange parameters only for `@media` and `@supports` at-rules
|
|
if (!rule.params || !["media", "supports"].includes(ruleName)) {
|
|
return;
|
|
}
|
|
|
|
const params = (0, _postcssValueParser2.default)(rule.params);
|
|
|
|
params.walk((node, index) => {
|
|
if (node.type === 'div' || node.type === 'function') {
|
|
node.before = node.after = '';
|
|
|
|
if (node.type === 'function' && node.nodes[4] && node.nodes[0].value.toLowerCase().indexOf('-aspect-ratio') === 3) {
|
|
const [a, b] = aspectRatio(node.nodes[2].value, node.nodes[4].value);
|
|
|
|
node.nodes[2].value = a;
|
|
node.nodes[4].value = b;
|
|
}
|
|
} else if (node.type === 'space') {
|
|
node.value = ' ';
|
|
} else {
|
|
const prevWord = params.nodes[index - 2];
|
|
|
|
if (node.value.toLowerCase() === 'all' && rule.name.toLowerCase() === 'media' && !prevWord) {
|
|
const nextWord = params.nodes[index + 2];
|
|
|
|
if (!legacy || nextWord) {
|
|
removeNode(node);
|
|
}
|
|
|
|
if (nextWord && nextWord.value.toLowerCase() === 'and') {
|
|
const nextSpace = params.nodes[index + 1];
|
|
const secondSpace = params.nodes[index + 3];
|
|
|
|
removeNode(nextWord);
|
|
removeNode(nextSpace);
|
|
removeNode(secondSpace);
|
|
}
|
|
}
|
|
}
|
|
}, true);
|
|
|
|
rule.params = (0, _alphanumSort2.default)((0, _uniqs2.default)((0, _cssnanoUtilGetArguments2.default)(params).map(split)), {
|
|
insensitive: true
|
|
}).join();
|
|
|
|
if (!rule.params.length) {
|
|
rule.raws.afterName = '';
|
|
}
|
|
}
|
|
|
|
function hasAllBug(browser) {
|
|
return ~['ie 10', 'ie 11'].indexOf(browser);
|
|
}
|
|
|
|
exports.default = _postcss2.default.plugin('postcss-minify-params', () => {
|
|
return (css, result) => {
|
|
const resultOpts = result.opts || {};
|
|
const browsers = (0, _browserslist2.default)(null, {
|
|
stats: resultOpts.stats,
|
|
path: __dirname,
|
|
env: resultOpts.env
|
|
});
|
|
|
|
return css.walkAtRules(transform.bind(null, browsers.some(hasAllBug)));
|
|
};
|
|
});
|
|
module.exports = exports['default'];
|