stylelint-browser-compat 1.0.0-beta.1

package/lib/parse_browserslist_version.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseBrowsersListVersion = parseBrowsersListVersion;
+const STANDARD_TARGET_NAME_LIST = [{
+  browserslist: 'chrome',
+  mdn: 'chrome',
+  name: 'Chrome'
+}, {
+  browserslist: 'and_chr',
+  mdn: 'chrome',
+  name: 'Android Chrome'
+}, {
+  browserslist: 'edge',
+  mdn: 'edge',
+  name: 'Edge'
+}, {
+  browserslist: 'firefox',
+  mdn: 'firefox',
+  name: 'Firefox'
+}, {
+  browserslist: 'and_ff',
+  mdn: 'firefox_android',
+  name: 'Android Firefox'
+}, {
+  browserslist: 'ie',
+  mdn: 'ie',
+  name: 'IE'
+}, {
+  browserslist: 'node',
+  mdn: 'nodejs',
+  name: 'Node.js'
+}, {
+  browserslist: 'opera',
+  mdn: 'opera',
+  name: 'Opera'
+}, {
+  browserslist: 'op_mob',
+  mdn: 'opera_android',
+  name: 'Opera Android'
+}, {
+  browserslist: 'safari',
+  mdn: 'safari',
+  name: 'Safari'
+}, {
+  browserslist: 'ios_saf',
+  mdn: 'safari_ios',
+  name: 'iOS Safari'
+}, {
+  browserslist: 'samsung',
+  mdn: 'samsunginternet_android',
+  name: 'Samsung Browser'
+}, {
+  browserslist: 'android',
+  mdn: 'webview_android',
+  name: 'Android Webview'
+}];
+const STANDARD_TARGET_NAME_MAPPINGS = new Map(STANDARD_TARGET_NAME_LIST.map(info => [info.browserslist, info]));
+/**
+ * MIT License Copyright (c) 2016 Amila Welihinda
+ * Forked from https://github.com/amilajack/eslint-plugin-compat/blob/4f00359c239aa4eb06a3bf2b23d13f517b666eee/src/helpers.ts#L219-L264
+ */
+
+function parseBrowsersListVersion(targetslist) {
+  return (// Sort the targets by target name and then version number in ascending order
+    targetslist.map(rawString => {
+      const [targetName, versionString] = rawString.split(' ');
+
+      if (targetName === 'safari' && versionString === 'TP') {
+        return null;
+      }
+
+      const parsedVersion = (() => {
+        try {
+          if (targetName === 'op_mob' && versionString === '10') {
+            return 10.1;
+          }
+
+          if (versionString === 'all') {
+            return 0;
+          }
+
+          const [minVersionString] = versionString.split('-');
+
+          if (minVersionString == null) {
+            throw new Error(`"${rawString}" cannot parsed.`);
+          }
+
+          const parsedVersion = Number.parseFloat(minVersionString);
+
+          if (Number.isNaN(parsedVersion)) {
+            throw new Error(`"${rawString}" cannot parsed.`);
+          }
+
+          return parsedVersion;
+        } catch {
+          throw new Error(`"${rawString}" cannot parsed.`);
+        }
+      })();
+
+      const target = STANDARD_TARGET_NAME_MAPPINGS.get(targetName);
+
+      if (target == null) {
+        return null;
+      }
+
+      return {
+        target,
+        version: parsedVersion,
+        versionString
+      };
+    }).filter(v => v != null).sort( // Sort the targets by target name and then version number in descending order
+    // ex. [a@3, b@3, a@1] => [a@3, a@1, b@3]
+    (a, b) => {
+      if (b.target.browserslist === a.target.browserslist) {
+        return b.version - a.version;
+      }
+
+      return b.target.browserslist.localeCompare(a.target.browserslist);
+    }).filter( // First last target always has the latest version
+    (e, i, items) => {
+      var _items;
+
+      return (// Check if the current target is the last of its kind.
+        // If it is, then it's the most recent version.
+        i + 1 === items.length || e.target.browserslist !== ((_items = items[i + 1]) === null || _items === void 0 ? void 0 : _items.target.browserslist)
+      );
+    })
+  );
+}

package/lib/properties/-moz-orient/collect_features.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  if (parent.prop !== '-moz-orient') {
+    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;
+    }
+
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.value === 'auto') {
+      features.push({
+        endIndex,
+        id: `properties.-moz-orient.auto`,
+        index,
+        name: `"auto" value specified as -moz-orient`,
+        node: parent
+      });
+    }
+
+    if (node.value === 'inline') {
+      features.push({
+        endIndex,
+        id: `properties.-moz-orient.inline_and_block`,
+        index,
+        name: `"inline" value specified as -moz-orient`,
+        node: parent
+      });
+    }
+
+    if (node.value === 'block') {
+      features.push({
+        endIndex,
+        id: `properties.-moz-orient.inline_and_block`,
+        index,
+        name: `"block" value specified as -moz-orient`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/-moz-user-input/collect_features.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  if (parent.prop !== '-moz-user-input') {
+    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;
+    }
+
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.value === 'auto') {
+      features.push({
+        endIndex,
+        id: `properties.-moz-user-input.auto`,
+        index,
+        name: `"auto" value specified as -moz-user-input`,
+        node: parent
+      });
+    }
+
+    if (node.value === 'none') {
+      features.push({
+        endIndex,
+        id: `properties.-moz-user-input.none`,
+        index,
+        name: `"none" value specified as -moz-user-input`,
+        node: parent
+      });
+    }
+
+    if (node.value === 'disabled') {
+      features.push({
+        endIndex,
+        id: `properties.-moz-user-input.disabled`,
+        index,
+        name: `"disabled" value specified as -moz-user-input`,
+        node: parent
+      });
+    }
+
+    if (node.value === 'enabled') {
+      features.push({
+        endIndex,
+        id: `properties.-moz-user-input.enabled`,
+        index,
+        name: `"enabled" value specified as -moz-user-input`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/animation-direction/collect_features.js

@@ -0,0 +1,53 @@
+"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 !== 'animation' && prop !== 'animation-direction') {
+    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;
+    }
+
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (node.value === 'reverse') {
+      features.push({
+        endIndex,
+        id: `properties.animation-direction.reverse`,
+        index,
+        name: `"reverse" value specified as animation-direction`,
+        node: parent
+      });
+    }
+
+    if (node.value === 'alternate-reverse') {
+      features.push({
+        endIndex,
+        id: `properties.animation-direction.alternate-reverse`,
+        index,
+        name: `"alternate-reverse" value specified as animation-direction`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/animation-timing-function/collect_features.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+const JUMP_TERM_WORD_LIST = ['jump-start', 'jump-end', 'jump-none', 'jump-both'];
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'animation' && prop !== 'animation-timing-function') {
+    return [];
+  }
+
+  const features = [];
+
+  for (const node of nodes) {
+    var _node$nodes$, _node$nodes$2, _node$nodes$3, _parent$raws$between;
+
+    if (node.type !== 'function' || node.value !== 'steps') {
+      continue;
+    }
+
+    if (((_node$nodes$ = node.nodes[0]) === null || _node$nodes$ === void 0 ? void 0 : _node$nodes$.type) !== 'word' || ((_node$nodes$2 = node.nodes[1]) === null || _node$nodes$2 === void 0 ? void 0 : _node$nodes$2.type) !== 'div' || ((_node$nodes$3 = node.nodes[2]) === null || _node$nodes$3 === void 0 ? void 0 : _node$nodes$3.type) !== 'word') {
+      continue;
+    }
+
+    const jumptermNode = node.nodes[2];
+
+    if (JUMP_TERM_WORD_LIST.includes(jumptermNode.value) === false) {
+      continue;
+    }
+
+    const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+    const index = offset + jumptermNode.sourceIndex;
+    const endIndex = offset + jumptermNode.sourceEndIndex;
+    features.push({
+      endIndex,
+      id: `properties.animation-timing-function.jump`,
+      index,
+      name: `"${jumptermNode.value}" keyword for steps() specified as animation-timing-function`,
+      node: parent
+    });
+  }
+
+  return features;
+}

package/lib/properties/appearance/collect_features.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+const COMPAT_AUTO_VALUE_LIST = ['button', 'searchfield', 'textarea', 'push-button', 'slider-horizontal', 'checkbox', 'radio', 'square-button', 'menulist', 'listbox', 'meter', 'progress-bar'];
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'appearance') {
+    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;
+    }
+
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    if (COMPAT_AUTO_VALUE_LIST.includes(node.value)) {
+      features.push({
+        endIndex,
+        id: `properties.appearance.compat-auto`,
+        index,
+        name: `"${parent.value}" value specified as appearance`,
+        node: parent
+      });
+    } else if (node.value === 'auto') {
+      features.push({
+        endIndex,
+        id: `properties.appearance.auto`,
+        index,
+        name: `"auto" value specified as appearance`,
+        node: parent
+      });
+    } else if (node.value === 'none') {
+      features.push({
+        endIndex,
+        id: `properties.appearance.none`,
+        index,
+        name: `"none" value specified as appearance`,
+        node: parent
+      });
+    } else if (node.value === 'textfield') {
+      features.push({
+        endIndex,
+        id: `properties.appearance.textfield`,
+        index,
+        name: `"textfield" value specified as appearance`,
+        node: parent
+      });
+    } else if (node.value === 'menulist-button') {
+      features.push({
+        endIndex,
+        id: `properties.appearance.menulist-button`,
+        index,
+        name: `"menulist-button" value specified as appearance`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

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

@@ -0,0 +1,59 @@
+"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 BOX_VALUE_LIST = ['border-box', 'padding-box', 'content-box', 'text'];
+
+async function collectFeatures({
+  bgLayerList,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background') {
+    return [];
+  }
+
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+  const promises = [];
+  const features = []; // background-origin / background-clip
+
+  for (const bgLayer of bgLayerList) {
+    const boxList = bgLayer.filter(node => BOX_VALUE_LIST.includes(node.value)); // https://drafts.csswg.org/css-backgrounds/#the-background
+    // If one <box> value is present then it sets both background-origin and background-clip to that value
+    // If two values are present, then the first sets background-origin and the second background-clip.
+
+    const backgroundClipNode = boxList[1] ?? boxList[0];
+
+    if (backgroundClipNode != null) {
+      const index = offset + backgroundClipNode.sourceIndex;
+      const endIndex = offset + backgroundClipNode.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background.background-clip`,
+        index,
+        name: `Values of background-clip specified as background`,
+        node: parent
+      });
+      promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../../background-clip/collect_features"))).then(({
+        collectFeatures
+      }) => {
+        return collectFeatures({
+          nodes: [backgroundClipNode],
+          parent
+        });
+      }));
+    }
+  }
+
+  return [...features, ...(await Promise.all(promises)).flat()];
+}

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

@@ -0,0 +1,59 @@
+"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 BOX_VALUE_LIST = ['border-box', 'padding-box', 'content-box', 'text'];
+
+async function collectFeatures({
+  bgLayerList,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background') {
+    return [];
+  }
+
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+  const promises = [];
+  const features = []; // background-origin / background-clip
+
+  for (const bgLayer of bgLayerList) {
+    const boxList = bgLayer.filter(node => BOX_VALUE_LIST.includes(node.value)); // https://drafts.csswg.org/css-backgrounds/#the-background
+    // If one <box> value is present then it sets both background-origin and background-clip to that value
+    // If two values are present, then the first sets background-origin and the second background-clip.
+
+    const backgroundOriginNode = boxList[0];
+
+    if (backgroundOriginNode != null) {
+      const index = offset + backgroundOriginNode.sourceIndex;
+      const endIndex = offset + backgroundOriginNode.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background.background-origin`,
+        index,
+        name: `Values of background-origin specified as background`,
+        node: parent
+      });
+      promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../../background-origin/collect_features"))).then(({
+        collectFeatures
+      }) => {
+        return collectFeatures({
+          nodes: [backgroundOriginNode],
+          parent
+        });
+      }));
+    }
+  }
+
+  return [...features, ...(await Promise.all(promises)).flat()];
+}

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

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+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 BG_SIZE_SINGLE_KEYWORD_LIST = ['contain', 'cover'];
+
+function isValidBgSizeValue(node) {
+  if (node == null) {
+    return false;
+  }
+
+  if (node.type === 'word') {
+    return node.value === 'auto' || (0, _postcssValueParser.unit)(node.value) !== false;
+  }
+
+  if (node.type === 'function') {
+    return node.value === 'calc';
+  }
+
+  return false;
+}
+
+async function collectFeatures({
+  bgLayerList,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background') {
+    return [];
+  }
+
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+  const promises = [];
+  const features = []; // background-size
+
+  for (const bgLayer of bgLayerList) {
+    const slashDivNodeIndex = bgLayer.findIndex(node => node.type === 'div' && node.value === '/');
+
+    if (slashDivNodeIndex === -1) {
+      continue;
+    }
+
+    const firstValueNode = bgLayer[slashDivNodeIndex + 1];
+    const secondValueNode = bgLayer[slashDivNodeIndex + 3];
+
+    if (firstValueNode == null) {
+      continue;
+    }
+
+    if (BG_SIZE_SINGLE_KEYWORD_LIST.includes(firstValueNode.value)) {
+      const index = offset + firstValueNode.sourceIndex;
+      const endIndex = offset + firstValueNode.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background.background-size`,
+        index,
+        name: `Values of background-size specified as background`,
+        node: parent
+      });
+      promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../../background-size/collect_features"))).then(({
+        collectFeatures
+      }) => {
+        return collectFeatures({
+          nodes: [firstValueNode],
+          parent
+        });
+      }));
+    } else if (isValidBgSizeValue(firstValueNode)) {
+      if (isValidBgSizeValue(secondValueNode)) {
+        const index = offset + firstValueNode.sourceIndex;
+        const endIndex = offset + secondValueNode.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.background.background-size`,
+          index,
+          name: `Values of background-size specified as background`,
+          node: parent
+        });
+      } else {
+        const index = offset + firstValueNode.sourceIndex;
+        const endIndex = offset + firstValueNode.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.background.background-size`,
+          index,
+          name: `Values of background-size specified as background`,
+          node: parent
+        });
+      }
+    }
+  }
+
+  return [...features, ...(await Promise.all(promises)).flat()];
+}