stylelint/dist/rules/no-descending-specificity/index.js

A mighty, modern CSS linter.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.messages = exports.ruleName = undefined;

exports.default = function (actual) {
  return function (root, result) {
    var validOptions = (0, _utils.validateOptions)(result, ruleName, { actual: actual });
    if (!validOptions) {
      return;
    }

    var selectorContextLookup = (0, _utils.nodeContextLookup)();

    root.walkRules(function (rule) {
      var comparisonContext = selectorContextLookup.getContext(rule, (0, _utils.findAtRuleContext)(rule));

      rule.selectors.forEach(function (selector) {
        var trimSelector = selector.trim();
        // Ignore `.selector, { }`
        if (trimSelector === "") {
          return;
        }

        // The edge-case of duplicate selectors will act acceptably
        var index = rule.selector.indexOf(trimSelector);
        // Resolve any nested selectors before checking
        (0, _postcssResolveNestedSelector2.default)(selector, rule).forEach(function (resolvedSelector) {
          (0, _utils.parseSelector)(resolvedSelector, result, rule, function (s) {
            return checkSelector(s, rule, index, comparisonContext);
          });
        });
      });
    });

    function checkSelector(selectorNode, rule, sourceIndex, comparisonContext) {
      var selector = selectorNode.toString();
      var referenceSelectorNode = lastCompoundSelectorWithoutPseudoClasses(selectorNode);
      var selectorSpecificity = (0, _specificity.calculate)(selector)[0].specificityArray;
      var entry = { selector: selector, specificity: selectorSpecificity };

      if (!comparisonContext.has(referenceSelectorNode)) {
        comparisonContext.set(referenceSelectorNode, [entry]);
        return;
      }

      var priorComparableSelectors = comparisonContext.get(referenceSelectorNode);

      priorComparableSelectors.forEach(function (priorEntry) {
        if ((0, _specificity.compare)(selectorSpecificity, priorEntry.specificity) === -1) {
          (0, _utils.report)({
            ruleName: ruleName,
            result: result,
            node: rule,
            message: messages.rejected(selector, priorEntry.selector),
            index: sourceIndex
          });
        }
      });

      priorComparableSelectors.push(entry);
    }
  };
};

var _specificity = require("specificity");

var _utils = require("../../utils");

var _lodash = require("lodash");

var _lodash2 = _interopRequireDefault(_lodash);

var _keywordSets = require("../../reference/keywordSets");

var _postcssResolveNestedSelector = require("postcss-resolve-nested-selector");

var _postcssResolveNestedSelector2 = _interopRequireDefault(_postcssResolveNestedSelector);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var ruleName = exports.ruleName = "no-descending-specificity";

var messages = exports.messages = (0, _utils.ruleMessages)(ruleName, {
  rejected: function rejected(b, a) {
    return "Expected selector \"" + b + "\" to come before selector \"" + a + "\"";
  }
});

function lastCompoundSelectorWithoutPseudoClasses(selectorNode) {
  var nodesAfterLastCombinator = _lodash2.default.last(selectorNode.nodes[0].split(function (node) {
    return node.type === "combinator";
  }));

  var nodesWithoutPseudoClasses = nodesAfterLastCombinator.filter(function (node) {
    return node.type !== "pseudo" || _keywordSets.pseudoElements.has(node.value.replace(/:/g, ""));
  }).join("");

  return nodesWithoutPseudoClasses.toString();
}