stylelint-scss/src/rules/at-mixin-no-risky-nesting-selector/index.js

A collection of SCSS-specific rules for Stylelint

import namespace from "../../utils/namespace.js";
import ruleUrl from "../../utils/ruleUrl.js";
import stylelint from "stylelint";

const { utils } = stylelint;

const ruleName = namespace("at-mixin-no-risky-nesting-selector");

const messages = utils.ruleMessages(ruleName, {
  rejected: "Unexpected nested parent selector in @mixin rule"
});

const meta = {
  url: ruleUrl(ruleName)
};

function isWithinMixin(node) {
  let parent = node.parent;

  while (parent) {
    if (parent.type === "atrule" && parent.name === "mixin") {
      return true;
    }

    parent = parent.parent;
  }

  return false;
}

function hasNestedParentSelector(selectors) {
  return selectors
    .split(",")
    .some(
      selector =>
        selector.includes("&") && /\s*\S+\s*&/.test(selector.replace(" ", ""))
    );
}

function rule(actual) {
  return (root, result) => {
    const validOptions = utils.validateOptions(result, ruleName, { actual });

    if (!validOptions) {
      return;
    }

    root.walkRules(node => {
      if (
        node.selector?.includes("&") &&
        isWithinMixin(node) &&
        hasNestedParentSelector(node.selector) &&
        node.parent.selector
      ) {
        utils.report({
          message: messages.rejected,
          node,
          result,
          ruleName
        });
      }
    });
  };
}

rule.ruleName = ruleName;
rule.messages = messages;
rule.meta = meta;

export default rule;