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

A collection of SCSS-specific rules for Stylelint

"use strict";

const { utils } = require("stylelint");
const namespace = require("../../utils/namespace");
const ruleUrl = require("../../utils/ruleUrl");

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;

module.exports = rule;