3 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
5 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
7 var Browsers = require('./browsers');
8 var brackets = require('./brackets');
9 var Value = require('./value');
10 var utils = require('./utils');
12 var postcss = require('postcss');
15 var data = require('caniuse-lite').feature(require('caniuse-lite/data/features/css-featurequeries.js'));
16 for (var browser in data.stats) {
17 var versions = data.stats[browser];
18 for (var version in versions) {
19 var support = versions[version];
20 if (/y/.test(support)) {
21 supported.push(browser + ' ' + version);
26 var Supports = function () {
27 function Supports(Prefixes, all) {
28 _classCallCheck(this, Supports);
30 this.Prefixes = Prefixes;
35 * Return prefixer only with @supports supported browsers
39 Supports.prototype.prefixer = function prefixer() {
40 if (this.prefixerCache) {
41 return this.prefixerCache;
44 var filtered = this.all.browsers.selected.filter(function (i) {
45 return supported.indexOf(i) !== -1;
48 var browsers = new Browsers(this.all.browsers.data, filtered, this.all.options);
49 this.prefixerCache = new this.Prefixes(this.all.data, browsers, this.all.options);
50 return this.prefixerCache;
54 * Parse string into declaration property and value
58 Supports.prototype.parse = function parse(str) {
59 var _str$split = str.split(':'),
61 value = _str$split[1];
63 if (!value) value = '';
64 return [prop.trim(), value.trim()];
68 * Create virtual rule to process it by prefixer
72 Supports.prototype.virtual = function virtual(str) {
73 var _parse = this.parse(str),
77 var rule = postcss.parse('a{}').first;
78 rule.append({ prop: prop, value: value, raws: { before: '' } });
83 * Return array of Declaration with all necessary prefixes
87 Supports.prototype.prefixed = function prefixed(str) {
88 var rule = this.virtual(str);
89 if (this.disabled(rule.first)) {
93 var prefixer = this.prefixer().add[rule.first.prop];
94 prefixer && prefixer.process && prefixer.process(rule.first);
96 for (var _iterator = rule.nodes, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
100 if (_i >= _iterator.length) break;
101 _ref = _iterator[_i++];
103 _i = _iterator.next();
110 for (var _iterator2 = this.prefixer().values('add', rule.first.prop), _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
114 if (_i2 >= _iterator2.length) break;
115 _ref2 = _iterator2[_i2++];
117 _i2 = _iterator2.next();
126 Value.save(this.all, decl);
133 * Return true if brackets node is "not" word
137 Supports.prototype.isNot = function isNot(node) {
138 return typeof node === 'string' && /not\s*/i.test(node);
142 * Return true if brackets node is "or" word
146 Supports.prototype.isOr = function isOr(node) {
147 return typeof node === 'string' && /\s*or\s*/i.test(node);
151 * Return true if brackets node is (prop: value)
155 Supports.prototype.isProp = function isProp(node) {
156 return (typeof node === 'undefined' ? 'undefined' : _typeof(node)) === 'object' && node.length === 1 && typeof node[0] === 'string';
160 * Return true if prefixed property has no unprefixed
164 Supports.prototype.isHack = function isHack(all, unprefixed) {
165 var check = new RegExp('(\\(|\\s)' + utils.escapeRegexp(unprefixed) + ':');
166 return !check.test(all);
170 * Return true if we need to remove node
174 Supports.prototype.toRemove = function toRemove(str, all) {
175 var _parse2 = this.parse(str),
179 var unprefixed = this.all.unprefixed(prop);
181 var cleaner = this.all.cleaner();
183 if (cleaner.remove[prop] && cleaner.remove[prop].remove && !this.isHack(all, unprefixed)) {
187 for (var _iterator3 = cleaner.values('remove', unprefixed), _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
191 if (_i3 >= _iterator3.length) break;
192 _ref3 = _iterator3[_i3++];
194 _i3 = _iterator3.next();
201 if (checker.check(value)) {
210 * Remove all unnecessary prefixes
214 Supports.prototype.remove = function remove(nodes, all) {
216 while (i < nodes.length) {
217 if (!this.isNot(nodes[i - 1]) && this.isProp(nodes[i]) && this.isOr(nodes[i + 1])) {
218 if (this.toRemove(nodes[i][0], all)) {
227 if (_typeof(nodes[i]) === 'object') {
228 nodes[i] = this.remove(nodes[i], all);
237 * Clean brackets with one child
241 Supports.prototype.cleanBrackets = function cleanBrackets(nodes) {
244 return nodes.map(function (i) {
245 if ((typeof i === 'undefined' ? 'undefined' : _typeof(i)) !== 'object') {
249 if (i.length === 1 && _typeof(i[0]) === 'object') {
250 return _this.cleanBrackets(i[0]);
253 return _this.cleanBrackets(i);
258 * Add " or " between properties and convert it to brackets format
262 Supports.prototype.convert = function convert(progress) {
264 for (var _iterator4 = progress, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
268 if (_i4 >= _iterator4.length) break;
269 _ref4 = _iterator4[_i4++];
271 _i4 = _iterator4.next();
278 result.push([i.prop + ': ' + i.value]);
281 result[result.length - 1] = '';
286 * Compress value functions into a string nodes
290 Supports.prototype.normalize = function normalize(nodes) {
293 if ((typeof nodes === 'undefined' ? 'undefined' : _typeof(nodes)) !== 'object') {
297 nodes = nodes.filter(function (i) {
300 if (typeof nodes[0] === 'string' && nodes[0].indexOf(':') !== -1) {
301 return [brackets.stringify(nodes)];
304 return nodes.map(function (i) {
305 return _this2.normalize(i);
314 Supports.prototype.add = function add(nodes, all) {
317 return nodes.map(function (i) {
318 if (_this3.isProp(i)) {
319 var prefixed = _this3.prefixed(i[0]);
320 if (prefixed.length > 1) {
321 return _this3.convert(prefixed);
327 if ((typeof i === 'undefined' ? 'undefined' : _typeof(i)) === 'object') {
328 return _this3.add(i, all);
336 * Add prefixed declaration
340 Supports.prototype.process = function process(rule) {
341 var ast = brackets.parse(rule.params);
342 ast = this.normalize(ast);
343 ast = this.remove(ast, rule.params);
344 ast = this.add(ast, rule.params);
345 ast = this.cleanBrackets(ast);
346 rule.params = brackets.stringify(ast);
350 * Check global options
354 Supports.prototype.disabled = function disabled(node) {
355 if (!this.all.options.grid) {
356 if (node.prop === 'display' && node.value.indexOf('grid') !== -1) {
359 if (node.prop.indexOf('grid') !== -1 || node.prop === 'justify-items') {
364 if (this.all.options.flexbox === false) {
365 if (node.prop === 'display' && node.value.indexOf('flex') !== -1) {
368 var other = ['order', 'justify-content', 'align-items', 'align-content'];
369 if (node.prop.indexOf('flex') !== -1 || other.indexOf(node.prop) !== -1) {
380 module.exports = Supports;