stylelint-browser-compat 1.0.0-beta.1

package/lib/properties/background-repeat/collect_features.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const REPEAT_SINGLE_KEYWORD_LIST = ['repeat-x', 'repeat-y'];
+const REPEAT_GENERAL_KEYWORD_LIST = ['repeat', 'space', 'round', 'no-repeat'];
+const REPEAT_KEYWORD_LIST = [...REPEAT_SINGLE_KEYWORD_LIST, ...REPEAT_GENERAL_KEYWORD_LIST];
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background' && prop !== 'background-repeat') {
+    return [];
+  }
+
+  const promises = [];
+  const features = [];
+  const bgRepeatList = [[]];
+
+  for (const node of nodes) {
+    if (node.type === 'div' && node.value === ',') {
+      bgRepeatList.push([]);
+    } else {
+      const bgRepeat = bgRepeatList[bgRepeatList.length - 1];
+      bgRepeat === null || bgRepeat === void 0 ? void 0 : bgRepeat.push(node);
+    }
+  }
+
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  if (bgRepeatList.length >= 2) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.background-repeat.multiple_backgrounds`,
+      index,
+      name: `Multiple backgrounds`,
+      node: parent
+    });
+  }
+
+  for (const bgRepeat of bgRepeatList) {
+    for (let idx = 0; idx < bgRepeat.length; idx++) {
+      const first = bgRepeat[idx];
+      const second = bgRepeat[idx + 2];
+
+      if ((first === null || first === void 0 ? void 0 : first.type) !== 'word' || !REPEAT_KEYWORD_LIST.includes(first.value)) {
+        continue;
+      }
+
+      if (!REPEAT_GENERAL_KEYWORD_LIST.includes(first.value)) {
+        break;
+      }
+
+      if ((second === null || second === void 0 ? void 0 : second.type) === 'word' && REPEAT_GENERAL_KEYWORD_LIST.includes(second.value)) {
+        const index = offset + first.sourceIndex;
+        const endIndex = offset + second.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.background-repeat.2-value`,
+          index,
+          name: `Different values for x & y directions specified as background-repeat`,
+          node: parent
+        });
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./round_space/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: [first, second],
+            parent
+          });
+        }));
+        break;
+      } else {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./round_space/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: [first],
+            parent
+          });
+        }));
+        break;
+      }
+    }
+  }
+
+  return [...features, ...(await Promise.all(promises)).flat()];
+}

package/lib/properties/background-repeat/round_space/collect_features.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background' && prop !== 'background-repeat') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  for (const node of nodes) {
+    if (node.type !== 'word') {
+      continue;
+    }
+
+    if (node.value === 'round') {
+      const index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-repeat.round_space`,
+        index,
+        name: `"round" value specified as background-repeat`,
+        node: parent
+      });
+    }
+
+    if (node.value === 'space') {
+      const index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-repeat.round_space`,
+        index,
+        name: `"space" value specified as background-repeat`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/background-size/collect_features.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background' && prop !== 'background-size') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  for (const node of nodes) {
+    if (node.type === 'word' && (node.value === 'contain' || node.value === 'cover')) {
+      const index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-size.contain_and_cover`,
+        index,
+        name: `"${node.value}" value specified as background-size`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/block-size/collect_features.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'block-size') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  for (const node of nodes) {
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.type === 'word') {
+      const value = node.value.replace(/^-(webkit|moz|ms|o)-/, '');
+
+      if (value === 'fit-content') {
+        features.push({
+          endIndex,
+          id: `properties.block-size.fit-content`,
+          index,
+          name: `"fit-content" value specified as block-size`,
+          node: parent
+        });
+      }
+
+      if (value === 'min-content') {
+        features.push({
+          endIndex,
+          id: `properties.block-size.min-content`,
+          index,
+          name: `"min-content" value specified as block-size`,
+          node: parent
+        });
+      }
+
+      if (value === 'max-content') {
+        features.push({
+          endIndex,
+          id: `properties.block-size.max-content`,
+          index,
+          name: `"max-content" value specified as block-size`,
+          node: parent
+        });
+      }
+    }
+
+    if (node.type === 'function') {
+      const func = node.value.replace(/^-(webkit|moz|ms|o)-/, '');
+
+      if (func === 'fit-content') {
+        features.push({
+          endIndex,
+          id: `properties.block-size.fit-content_function`,
+          index,
+          name: `"fit-content()" function specified as block-size`,
+          node: parent
+        });
+      }
+    }
+  }
+
+  return features;
+}

package/lib/properties/border-bottom-left-radius/border-bottom-right-radius/collect_features.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'border-bottom-left-radius') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  if (nodes.length >= 3) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.border-bottom-left-radius.elliptical_corners`,
+      index,
+      name: `Elliptical corner by border-bottom-left-radius`,
+      node: parent
+    });
+  }
+
+  for (const node of nodes) {
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.type === 'word') {
+      const result = (0, _postcssValueParser.unit)(node.value);
+
+      if (result !== false && result.unit === '%') {
+        features.push({
+          endIndex,
+          id: `properties.border-bottom-left-radius.percentages`,
+          index,
+          name: `Percentage value specified as border-bottom-left-radius`,
+          node: parent
+        });
+      }
+    }
+  }
+
+  return features;
+}

package/lib/properties/border-bottom-left-radius/collect_features.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'border-bottom-left-radius') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  if (nodes.length >= 3) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.border-bottom-left-radius.elliptical_corners`,
+      index,
+      name: `Elliptical corner by border-bottom-left-radius`,
+      node: parent
+    });
+  }
+
+  for (const node of nodes) {
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.type === 'word') {
+      const result = (0, _postcssValueParser.unit)(node.value);
+
+      if (result !== false && result.unit === '%') {
+        features.push({
+          endIndex,
+          id: `properties.border-bottom-left-radius.percentages`,
+          index,
+          name: `Percentage value specified as border-bottom-left-radius`,
+          node: parent
+        });
+      }
+    }
+  }
+
+  return features;
+}

package/lib/properties/border-bottom-right-radius/collect_features.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'border-bottom-right-radius') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  if (nodes.length >= 3) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.border-bottom-right-radius.elliptical_corners`,
+      index,
+      name: `Elliptical corner by border-bottom-right-radius`,
+      node: parent
+    });
+  }
+
+  for (const node of nodes) {
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.type === 'word') {
+      const result = (0, _postcssValueParser.unit)(node.value);
+
+      if (result !== false && result.unit === '%') {
+        features.push({
+          endIndex,
+          id: `properties.border-bottom-right-radius.percentages`,
+          index,
+          name: `Percentage value specified as border-bottom-right-radius`,
+          node: parent
+        });
+      }
+    }
+  }
+
+  return features;
+}

package/lib/properties/border-radius/collect_features.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'border-radius') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+  let isEllipticalBorder = false;
+
+  for (const node of nodes) {
+    if (node.type === 'word') {
+      const result = (0, _postcssValueParser.unit)(node.value);
+
+      if (result !== false && result.unit === '%') {
+        const index = offset + node.sourceIndex;
+        const endIndex = offset + node.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.border-radius.percentages`,
+          index,
+          name: `Percentage value specified as border-radius`,
+          node: parent
+        });
+      }
+    }
+
+    if (node.type === 'div' && node.value === '/') {
+      isEllipticalBorder = true;
+    }
+  }
+
+  if (isEllipticalBorder) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.border-radius.elliptical_borders`,
+      index,
+      name: `Elliptical borders by border-radius`,
+      node: parent
+    });
+  }
+
+  return features;
+}

package/lib/properties/border-top-left-radius/collect_features.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'border-top-left-radius') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  if (nodes.length >= 3) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.border-top-left-radius.elliptical_corners`,
+      index,
+      name: `Elliptical corner by border-top-left-radius`,
+      node: parent
+    });
+  }
+
+  for (const node of nodes) {
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.type === 'word') {
+      const result = (0, _postcssValueParser.unit)(node.value);
+
+      if (result !== false && result.unit === '%') {
+        features.push({
+          endIndex,
+          id: `properties.border-top-left-radius.percentages`,
+          index,
+          name: `Percentage value specified as border-top-left-radius`,
+          node: parent
+        });
+      }
+    }
+  }
+
+  return features;
+}

package/lib/properties/border-top-right-radius/collect_features.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'border-top-right-radius') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  if (nodes.length >= 3) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.border-top-right-radius.elliptical_corners`,
+      index,
+      name: `Elliptical corner by border-top-right-radius`,
+      node: parent
+    });
+  }
+
+  for (const node of nodes) {
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.type === 'word') {
+      const result = (0, _postcssValueParser.unit)(node.value);
+
+      if (result !== false && result.unit === '%') {
+        features.push({
+          endIndex,
+          id: `properties.border-top-right-radius.percentages`,
+          index,
+          name: `Percentage value specified as border-top-right-radius`,
+          node: parent
+        });
+      }
+    }
+  }
+
+  return features;
+}