index.js
3.53 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
'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'];