@mrhenry/stylelint-mrhenry-nesting 3.0.1 → 3.1.1

package/index.mjs

@@ -1,5 +1,6 @@
 import stylelint from 'stylelint';
 import selectorParser from 'postcss-selector-parser';
+import { compare, selectorSpecificity } from '@csstools/selector-specificity';
 
 const ruleName = "@mrhenry/stylelint-mrhenry-nesting";
 const messages = stylelint.utils.ruleMessages(ruleName, {
@@ -18,6 +19,9 @@ const messages = stylelint.utils.ruleMessages(ruleName, {
 	rejectedNestingSelectorIncorrectShape: () => {
 		return `Nested selectors must be compound selectors, starting with "&" and followed by a single pseudo selector.`;
 	},
+	rejectedMixedSpecificity: () => {
+		return `Each selector of a list in a nested context take the specificity of the most specific list item. This can lead to unexpected results.`;
+	},
 });
 
 const meta = {
@@ -101,6 +105,39 @@ const ruleFunction = (primaryOption, secondaryOption, context) => {
 			});
 		});
 
+		postcssRoot.walkRules((rule) => {
+			const containsBlocks = rule.nodes && rule.nodes.some((node) => node.type === 'rule' || node.type === 'atrule');
+			if (!containsBlocks) {
+				return;
+			}
+
+			const selectorAST = selectorParser().astSync(rule.selector);
+			if (selectorAST.nodes?.length < 2) {
+				return;
+			}
+
+			const specificities = selectorAST.nodes.map((node) => {
+				return selectorSpecificity(node);
+			});
+
+			const specificitiesAreEqual = specificities.every((specificity) => {
+				return compare(specificity, specificities[0]) === 0;
+			});
+
+			if (specificitiesAreEqual) {
+				return;
+			}
+
+			stylelint.utils.report({
+				message: messages.rejectedMixedSpecificity(),
+				node: rule,
+				index: 0,
+				endIndex: rule.selector.length,
+				result: postcssResult,
+				ruleName,
+			});
+		});
+
 		postcssRoot.walkRules((rule) => {
 			{
 				let rulesDepth = 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrhenry/stylelint-mrhenry-nesting",
-  "version": "3.0.1",
+  "version": "3.1.1",
   "description": "Mr. Henry's preferred way of writing nested CSS",
   "publishConfig": {
     "access": "public"
@@ -28,12 +28,13 @@
     "stylelint-plugin"
   ],
   "dependencies": {
-    "postcss-selector-parser": "^6.0.11"
+    "@csstools/selector-specificity": "^4.0.0",
+    "postcss-selector-parser": "^6.1.1"
   },
   "peerDependencies": {
     "stylelint": "^16.0.0"
   },
   "devDependencies": {
-    "stylelint": "^16.0.2"
+    "stylelint": "^16.7.0"
   }
 }