stylelint-browser-compat 1.0.0-beta.1

package/lib/selectors/after/animation_and_transition_support/collect_features.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':after' && node.value !== '::after') {
+    return [];
+  }
+
+  const features = [];
+  parent.each(node => {
+    if (node.type !== 'decl') {
+      return;
+    }
+
+    if (node.prop.startsWith('transition')) {
+      features.push({
+        endIndex: node.prop.length,
+        id: `selectors.after.animation_and_transition_support`,
+        index: 0,
+        name: `CSS transition for "::after" pseudo-element`,
+        node
+      });
+    }
+
+    if (node.prop.startsWith('animation')) {
+      features.push({
+        endIndex: node.prop.length,
+        id: `selectors.after.animation_and_transition_support`,
+        index: 0,
+        name: `CSS animation for "::after" pseudo-element`,
+        node
+      });
+    }
+  });
+  return features;
+}

package/lib/selectors/backdrop/dialog/collect_features.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== '::backdrop') {
+    return [];
+  }
+
+  const features = [];
+  let current = node;
+
+  while (current = current.prev()) {
+    if (['id', 'class', 'attribute', 'tag', 'pseudo'].includes(current.type) !== true) {
+      break;
+    }
+
+    if (current.type === 'tag' && current.value === 'dialog') {
+      const index = node.sourceIndex;
+      const endIndex = index + node.value.length;
+      features.push({
+        endIndex,
+        id: `selectors.backdrop.dialog`,
+        index,
+        name: `"::backdrop" pseudo-element for the dialog tag`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/selectors/before/animation_and_transition_support/collect_features.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':before' && node.value !== '::before') {
+    return [];
+  }
+
+  const features = [];
+  parent.each(node => {
+    if (node.type !== 'decl') {
+      return;
+    }
+
+    if (node.prop.startsWith('transition')) {
+      features.push({
+        endIndex: node.prop.length,
+        id: `selectors.before.animation_and_transition_support`,
+        index: 0,
+        name: `CSS transition for "::before" pseudo-element`,
+        node
+      });
+    }
+
+    if (node.prop.startsWith('animation')) {
+      features.push({
+        endIndex: node.prop.length,
+        id: `selectors.before.animation_and_transition_support`,
+        index: 0,
+        name: `CSS animation for "::before" pseudo-element`,
+        node
+      });
+    }
+  });
+  return features;
+}

package/lib/selectors/collect_features.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+async function collectFeatures({
+  ignoreFeatures,
+  node
+}) {
+  const promises = []; // Selector list
+
+  promises.push(Promise.resolve(Array.from(node.selector.matchAll(/,/g)).map(matches => ({
+    endIndex: (matches.index ?? 0) + 1,
+    id: `selectors.list`,
+    index: matches.index ?? 0,
+    name: `Selector list`,
+    node
+  }))));
+  const selectorRoot = await (0, _postcssSelectorParser.default)().ast(node.selector);
+  selectorRoot.walk(selectorNode => {
+    switch (selectorNode.type) {
+      case 'combinator':
+        {
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./__combinators/collect_features"))).then(({
+            collectFeatures
+          }) => collectFeatures({
+            node: selectorNode,
+            parent: node
+          })));
+          break;
+        }
+
+      case 'tag':
+        {
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./__tags/collect_features"))).then(({
+            collectFeatures
+          }) => collectFeatures({
+            node: selectorNode,
+            parent: node
+          })));
+          break;
+        }
+
+      case 'id':
+        {
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./__ids/collect_features"))).then(({
+            collectFeatures
+          }) => collectFeatures({
+            node: selectorNode,
+            parent: node
+          })));
+          break;
+        }
+
+      case 'class':
+        {
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./__classes/collect_features"))).then(({
+            collectFeatures
+          }) => collectFeatures({
+            node: selectorNode,
+            parent: node
+          })));
+          break;
+        }
+
+      case 'attribute':
+        {
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./__attributes/collect_features"))).then(({
+            collectFeatures
+          }) => collectFeatures({
+            node: selectorNode,
+            parent: node
+          })));
+          break;
+        }
+
+      case 'pseudo':
+        {
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./__pseudos/collect_features"))).then(({
+            collectFeatures
+          }) => collectFeatures({
+            node: selectorNode,
+            parent: node
+          })));
+          break;
+        }
+
+      case 'universal':
+        {
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./__universal/collect_features"))).then(({
+            collectFeatures
+          }) => collectFeatures({
+            node: selectorNode,
+            parent: node
+          })));
+          break;
+        }
+    }
+  });
+  promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../collect_features"))).then(({
+    collectFeatures
+  }) => {
+    return collectFeatures({
+      container: node,
+      ignoreFeatures
+    });
+  }));
+  const features = (await Promise.all(promises)).flat();
+  return features;
+}

package/lib/selectors/cue/selector_argument/collect_features.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== '::cue' || node.nodes.length === 0) {
+    return [];
+  }
+
+  const index = node.sourceIndex;
+  const endIndex = index + node.toString().length;
+  const features = [{
+    endIndex,
+    id: `selectors.cue.selector_argument`,
+    index,
+    name: `"::cue" pseudo-element with selector argument`,
+    node: parent
+  }];
+  return features;
+}

package/lib/selectors/hostfunction/collect_features.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':host' || node.nodes.length === 0) {
+    return [];
+  }
+
+  const index = node.sourceIndex;
+  const endIndex = index + node.toString().length;
+  const features = [{
+    endIndex,
+    id: `selectors.hostfunction`,
+    index,
+    name: `":host()" pseudo-class`,
+    node: parent
+  }];
+  return features;
+}

package/lib/selectors/hover/collect_features.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssSelectorParser = require("postcss-selector-parser");
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':hover') {
+    return [];
+  }
+
+  const features = [];
+  let current = node;
+
+  while (current = current.prev()) {
+    if (['id', 'class', 'attribute', 'tag', 'pseudo'].includes(current.type) !== true) {
+      break;
+    }
+
+    const index = node.sourceIndex;
+    const endIndex = index + node.value.length;
+
+    if (current.type === 'tag') {
+      if (current.value === 'a') {
+        features.push({
+          endIndex,
+          id: `selectors.hover.a_elements`,
+          index,
+          name: `":hover" pseudo-class with the anchor tag`,
+          node: parent
+        });
+      } else {
+        features.push({
+          endIndex,
+          id: `selectors.hover.all_elements`,
+          index,
+          name: `":hover" pseudo-class with any tag`,
+          node: parent
+        });
+      }
+    }
+
+    if (current.type === 'pseudo' && (0, _postcssSelectorParser.isPseudoElement)(current)) {
+      features.push({
+        endIndex,
+        id: `selectors.hover.pseudo_elements`,
+        index,
+        name: `":hover" pseudo-class with pseudo-element`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/selectors/invalid/collect_features.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':invalid') {
+    return [];
+  }
+
+  const features = [];
+  let current = node;
+
+  while (current = current.prev()) {
+    if (['id', 'class', 'attribute', 'tag', 'pseudo'].includes(current.type) !== true) {
+      break;
+    }
+
+    const index = node.sourceIndex;
+    const endIndex = index + node.value.length;
+
+    if (current.type === 'tag' && current.value === 'form') {
+      features.push({
+        endIndex,
+        id: `selectors.invalid.form`,
+        index,
+        name: `":invalid" pseudo-class with the form tag`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/selectors/marker/animation_and_transition_support/collect_features.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== '::marker') {
+    return [];
+  }
+
+  const features = [];
+  parent.each(node => {
+    if (node.type !== 'decl') {
+      return;
+    }
+
+    if (node.prop.startsWith('transition')) {
+      features.push({
+        endIndex: node.prop.length,
+        id: `selectors.marker.animation_and_transition_support`,
+        index: 0,
+        name: `CSS transition for "::marker" pseudo-element`,
+        node
+      });
+    }
+
+    if (node.prop.startsWith('animation')) {
+      features.push({
+        endIndex: node.prop.length,
+        id: `selectors.marker.animation_and_transition_support`,
+        index: 0,
+        name: `CSS animation for "::marker" pseudo-element`,
+        node
+      });
+    }
+  });
+  return features;
+}

package/lib/selectors/not/selector_list/collect_features.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':not') {
+    return [];
+  }
+
+  const features = [];
+
+  if (node.nodes.length >= 2) {
+    const index = node.sourceIndex;
+    const endIndex = index + node.toString().length;
+    features.push({
+      endIndex,
+      id: `selectors.not.selector_list`,
+      index,
+      name: `":not" pseudo-class with several selectors`,
+      node: parent
+    });
+  }
+
+  return features;
+}

package/lib/selectors/nth-child/of_syntax/collect_features.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':nth-child') {
+    return [];
+  }
+
+  const features = [];
+  const notation = node.map(String).join(',');
+
+  if (notation.includes(' of ')) {
+    const index = node.sourceIndex;
+    const endIndex = index + node.toString().length;
+    features.push({
+      endIndex,
+      id: `selectors.nth-child.of_syntax`,
+      index,
+      name: `"of" syntax of :nth-child pseudo-class`,
+      node: parent
+    });
+  }
+
+  return features;
+}

package/lib/selectors/nth-last-child/of_syntax/collect_features.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':nth-last-child') {
+    return [];
+  }
+
+  const features = [];
+  const notation = node.map(String).join(',');
+
+  if (notation.includes(' of ')) {
+    const index = node.sourceIndex;
+    const endIndex = index + node.toString().length;
+    features.push({
+      endIndex,
+      id: `selectors.nth-last-child.of_syntax`,
+      index,
+      name: `"of" syntax of :nth-last-child pseudo-class`,
+      node: parent
+    });
+  }
+
+  return features;
+}

package/lib/selectors/valid/collect_features.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  node,
+  parent
+}) {
+  if (node.value !== ':valid') {
+    return [];
+  }
+
+  const features = [];
+  let current = node;
+
+  while (current = current.prev()) {
+    if (['id', 'class', 'attribute', 'tag', 'pseudo'].includes(current.type) !== true) {
+      break;
+    }
+
+    const index = node.sourceIndex;
+    const endIndex = index + node.value.length;
+
+    if (current.type === 'tag' && current.value === 'form') {
+      features.push({
+        endIndex,
+        id: `selectors.valid.form`,
+        index,
+        name: `":valid" pseudo-class with the form tag`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}