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.
346 lines
8.5 KiB
346 lines
8.5 KiB
4 years ago
|
"use strict";
|
||
|
|
||
|
function _createForOfIteratorHelperLoose(o) { var i = 0; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } i = o[Symbol.iterator](); return i.next.bind(i); }
|
||
|
|
||
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
||
|
|
||
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
||
|
|
||
|
var postcss = require('postcss');
|
||
|
|
||
|
var data = require('caniuse-lite').feature(require('caniuse-lite/data/features/css-featurequeries.js'));
|
||
|
|
||
|
var Browsers = require('./browsers');
|
||
|
|
||
|
var brackets = require('./brackets');
|
||
|
|
||
|
var Value = require('./value');
|
||
|
|
||
|
var utils = require('./utils');
|
||
|
|
||
|
var supported = [];
|
||
|
|
||
|
for (var browser in data.stats) {
|
||
|
var versions = data.stats[browser];
|
||
|
|
||
|
for (var version in versions) {
|
||
|
var support = versions[version];
|
||
|
|
||
|
if (/y/.test(support)) {
|
||
|
supported.push(browser + ' ' + version);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var Supports = /*#__PURE__*/function () {
|
||
|
function Supports(Prefixes, all) {
|
||
|
this.Prefixes = Prefixes;
|
||
|
this.all = all;
|
||
|
}
|
||
|
/**
|
||
|
* Return prefixer only with @supports supported browsers
|
||
|
*/
|
||
|
|
||
|
|
||
|
var _proto = Supports.prototype;
|
||
|
|
||
|
_proto.prefixer = function prefixer() {
|
||
|
if (this.prefixerCache) {
|
||
|
return this.prefixerCache;
|
||
|
}
|
||
|
|
||
|
var filtered = this.all.browsers.selected.filter(function (i) {
|
||
|
return supported.includes(i);
|
||
|
});
|
||
|
var browsers = new Browsers(this.all.browsers.data, filtered, this.all.options);
|
||
|
this.prefixerCache = new this.Prefixes(this.all.data, browsers, this.all.options);
|
||
|
return this.prefixerCache;
|
||
|
}
|
||
|
/**
|
||
|
* Parse string into declaration property and value
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.parse = function parse(str) {
|
||
|
var parts = str.split(':');
|
||
|
var prop = parts[0];
|
||
|
var value = parts[1];
|
||
|
if (!value) value = '';
|
||
|
return [prop.trim(), value.trim()];
|
||
|
}
|
||
|
/**
|
||
|
* Create virtual rule to process it by prefixer
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.virtual = function virtual(str) {
|
||
|
var _this$parse = this.parse(str),
|
||
|
prop = _this$parse[0],
|
||
|
value = _this$parse[1];
|
||
|
|
||
|
var rule = postcss.parse('a{}').first;
|
||
|
rule.append({
|
||
|
prop: prop,
|
||
|
value: value,
|
||
|
raws: {
|
||
|
before: ''
|
||
|
}
|
||
|
});
|
||
|
return rule;
|
||
|
}
|
||
|
/**
|
||
|
* Return array of Declaration with all necessary prefixes
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.prefixed = function prefixed(str) {
|
||
|
var rule = this.virtual(str);
|
||
|
|
||
|
if (this.disabled(rule.first)) {
|
||
|
return rule.nodes;
|
||
|
}
|
||
|
|
||
|
var result = {
|
||
|
warn: function warn() {
|
||
|
return null;
|
||
|
}
|
||
|
};
|
||
|
var prefixer = this.prefixer().add[rule.first.prop];
|
||
|
prefixer && prefixer.process && prefixer.process(rule.first, result);
|
||
|
|
||
|
for (var _iterator = _createForOfIteratorHelperLoose(rule.nodes), _step; !(_step = _iterator()).done;) {
|
||
|
var decl = _step.value;
|
||
|
|
||
|
for (var _iterator2 = _createForOfIteratorHelperLoose(this.prefixer().values('add', rule.first.prop)), _step2; !(_step2 = _iterator2()).done;) {
|
||
|
var value = _step2.value;
|
||
|
value.process(decl);
|
||
|
}
|
||
|
|
||
|
Value.save(this.all, decl);
|
||
|
}
|
||
|
|
||
|
return rule.nodes;
|
||
|
}
|
||
|
/**
|
||
|
* Return true if brackets node is "not" word
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.isNot = function isNot(node) {
|
||
|
return typeof node === 'string' && /not\s*/i.test(node);
|
||
|
}
|
||
|
/**
|
||
|
* Return true if brackets node is "or" word
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.isOr = function isOr(node) {
|
||
|
return typeof node === 'string' && /\s*or\s*/i.test(node);
|
||
|
}
|
||
|
/**
|
||
|
* Return true if brackets node is (prop: value)
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.isProp = function isProp(node) {
|
||
|
return typeof node === 'object' && node.length === 1 && typeof node[0] === 'string';
|
||
|
}
|
||
|
/**
|
||
|
* Return true if prefixed property has no unprefixed
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.isHack = function isHack(all, unprefixed) {
|
||
|
var check = new RegExp("(\\(|\\s)" + utils.escapeRegexp(unprefixed) + ":");
|
||
|
return !check.test(all);
|
||
|
}
|
||
|
/**
|
||
|
* Return true if we need to remove node
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.toRemove = function toRemove(str, all) {
|
||
|
var _this$parse2 = this.parse(str),
|
||
|
prop = _this$parse2[0],
|
||
|
value = _this$parse2[1];
|
||
|
|
||
|
var unprefixed = this.all.unprefixed(prop);
|
||
|
var cleaner = this.all.cleaner();
|
||
|
|
||
|
if (cleaner.remove[prop] && cleaner.remove[prop].remove && !this.isHack(all, unprefixed)) {
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
for (var _iterator3 = _createForOfIteratorHelperLoose(cleaner.values('remove', unprefixed)), _step3; !(_step3 = _iterator3()).done;) {
|
||
|
var checker = _step3.value;
|
||
|
|
||
|
if (checker.check(value)) {
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return false;
|
||
|
}
|
||
|
/**
|
||
|
* Remove all unnecessary prefixes
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.remove = function remove(nodes, all) {
|
||
|
var i = 0;
|
||
|
|
||
|
while (i < nodes.length) {
|
||
|
if (!this.isNot(nodes[i - 1]) && this.isProp(nodes[i]) && this.isOr(nodes[i + 1])) {
|
||
|
if (this.toRemove(nodes[i][0], all)) {
|
||
|
nodes.splice(i, 2);
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
i += 2;
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
if (typeof nodes[i] === 'object') {
|
||
|
nodes[i] = this.remove(nodes[i], all);
|
||
|
}
|
||
|
|
||
|
i += 1;
|
||
|
}
|
||
|
|
||
|
return nodes;
|
||
|
}
|
||
|
/**
|
||
|
* Clean brackets with one child
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.cleanBrackets = function cleanBrackets(nodes) {
|
||
|
var _this = this;
|
||
|
|
||
|
return nodes.map(function (i) {
|
||
|
if (typeof i !== 'object') {
|
||
|
return i;
|
||
|
}
|
||
|
|
||
|
if (i.length === 1 && typeof i[0] === 'object') {
|
||
|
return _this.cleanBrackets(i[0]);
|
||
|
}
|
||
|
|
||
|
return _this.cleanBrackets(i);
|
||
|
});
|
||
|
}
|
||
|
/**
|
||
|
* Add " or " between properties and convert it to brackets format
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.convert = function convert(progress) {
|
||
|
var result = [''];
|
||
|
|
||
|
for (var _iterator4 = _createForOfIteratorHelperLoose(progress), _step4; !(_step4 = _iterator4()).done;) {
|
||
|
var i = _step4.value;
|
||
|
result.push([i.prop + ": " + i.value]);
|
||
|
result.push(' or ');
|
||
|
}
|
||
|
|
||
|
result[result.length - 1] = '';
|
||
|
return result;
|
||
|
}
|
||
|
/**
|
||
|
* Compress value functions into a string nodes
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.normalize = function normalize(nodes) {
|
||
|
var _this2 = this;
|
||
|
|
||
|
if (typeof nodes !== 'object') {
|
||
|
return nodes;
|
||
|
}
|
||
|
|
||
|
nodes = nodes.filter(function (i) {
|
||
|
return i !== '';
|
||
|
});
|
||
|
|
||
|
if (typeof nodes[0] === 'string' && nodes[0].includes(':')) {
|
||
|
return [brackets.stringify(nodes)];
|
||
|
}
|
||
|
|
||
|
return nodes.map(function (i) {
|
||
|
return _this2.normalize(i);
|
||
|
});
|
||
|
}
|
||
|
/**
|
||
|
* Add prefixes
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.add = function add(nodes, all) {
|
||
|
var _this3 = this;
|
||
|
|
||
|
return nodes.map(function (i) {
|
||
|
if (_this3.isProp(i)) {
|
||
|
var prefixed = _this3.prefixed(i[0]);
|
||
|
|
||
|
if (prefixed.length > 1) {
|
||
|
return _this3.convert(prefixed);
|
||
|
}
|
||
|
|
||
|
return i;
|
||
|
}
|
||
|
|
||
|
if (typeof i === 'object') {
|
||
|
return _this3.add(i, all);
|
||
|
}
|
||
|
|
||
|
return i;
|
||
|
});
|
||
|
}
|
||
|
/**
|
||
|
* Add prefixed declaration
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.process = function process(rule) {
|
||
|
var ast = brackets.parse(rule.params);
|
||
|
ast = this.normalize(ast);
|
||
|
ast = this.remove(ast, rule.params);
|
||
|
ast = this.add(ast, rule.params);
|
||
|
ast = this.cleanBrackets(ast);
|
||
|
rule.params = brackets.stringify(ast);
|
||
|
}
|
||
|
/**
|
||
|
* Check global options
|
||
|
*/
|
||
|
;
|
||
|
|
||
|
_proto.disabled = function disabled(node) {
|
||
|
if (!this.all.options.grid) {
|
||
|
if (node.prop === 'display' && node.value.includes('grid')) {
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
if (node.prop.includes('grid') || node.prop === 'justify-items') {
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (this.all.options.flexbox === false) {
|
||
|
if (node.prop === 'display' && node.value.includes('flex')) {
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
var other = ['order', 'justify-content', 'align-items', 'align-content'];
|
||
|
|
||
|
if (node.prop.includes('flex') || other.includes(node.prop)) {
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return false;
|
||
|
};
|
||
|
|
||
|
return Supports;
|
||
|
}();
|
||
|
|
||
|
module.exports = Supports;
|