@alexlit/lint-kit 173.0.0 → 173.2.0

package/packages/config-stylelint/node_modules/stylelint/lib/rules/selector-max-combinators/index.mjs

@@ -0,0 +1,76 @@
+import getRuleSelector from '../../utils/getRuleSelector.mjs';
+import getStrippedSelectorSource from '../../utils/getStrippedSelectorSource.mjs';
+import isNonNegativeInteger from '../../utils/isNonNegativeInteger.mjs';
+import isStandardSyntaxRule from '../../utils/isStandardSyntaxRule.mjs';
+import parseSelector from '../../utils/parseSelector.mjs';
+import report from '../../utils/report.mjs';
+import ruleMessages from '../../utils/ruleMessages.mjs';
+import validateOptions from '../../utils/validateOptions.mjs';
+
+const ruleName = 'selector-max-combinators';
+
+const messages = ruleMessages(ruleName, {
+	expected: (selector, max) =>
+		`Expected "${selector}" to have no more than ${max} ${
+			max === 1 ? 'combinator' : 'combinators'
+		}`,
+});
+
+const meta = {
+	url: 'https://stylelint.io/user-guide/rules/selector-max-combinators',
+};
+
+/** @type {import('stylelint').CoreRules[ruleName]} */
+const rule = (primary) => {
+	return (root, result) => {
+		const validOptions = validateOptions(result, ruleName, {
+			actual: primary,
+			possible: isNonNegativeInteger,
+		});
+
+		if (!validOptions) {
+			return;
+		}
+
+		/**
+		 * @param {import('postcss-selector-parser').Selector} selectorNode
+		 * @param {import('postcss').Rule} ruleNode
+		 */
+		function checkSelector(selectorNode, ruleNode) {
+			let count = 0;
+
+			selectorNode.walkCombinators((/* node */) => {
+				count += 1;
+			});
+
+			if (count > primary) {
+				const { index, endIndex, selector: selectorStr } = getStrippedSelectorSource(selectorNode);
+
+				report({
+					ruleName,
+					result,
+					node: ruleNode,
+					message: messages.expected,
+					messageArgs: [selectorStr, primary],
+					index,
+					endIndex,
+				});
+			}
+		}
+
+		root.walkRules((ruleNode) => {
+			if (!isStandardSyntaxRule(ruleNode)) return;
+
+			const selectors = parseSelector(getRuleSelector(ruleNode), result, ruleNode);
+
+			selectors?.each((selector) => {
+				checkSelector(selector, ruleNode);
+			});
+		});
+	};
+};
+
+rule.ruleName = ruleName;
+rule.messages = messages;
+rule.meta = meta;
+export default rule;

package/packages/config-stylelint/node_modules/stylelint/lib/rules/selector-max-compound-selectors/index.mjs

@@ -0,0 +1,122 @@
+import selectorParser from 'postcss-selector-parser';
+const { isCombinator, isPseudo, isRoot } = selectorParser;
+
+import { isRegExp, isString } from '../../utils/validateTypes.mjs';
+import getRuleSelector from '../../utils/getRuleSelector.mjs';
+import getStrippedSelectorSource from '../../utils/getStrippedSelectorSource.mjs';
+import isNonNegativeInteger from '../../utils/isNonNegativeInteger.mjs';
+import isStandardSyntaxRule from '../../utils/isStandardSyntaxRule.mjs';
+import optionsMatches from '../../utils/optionsMatches.mjs';
+import parseSelector from '../../utils/parseSelector.mjs';
+import pluralize from '../../utils/pluralize.mjs';
+import report from '../../utils/report.mjs';
+import ruleMessages from '../../utils/ruleMessages.mjs';
+import validateOptions from '../../utils/validateOptions.mjs';
+
+const ruleName = 'selector-max-compound-selectors';
+
+const messages = ruleMessages(ruleName, {
+	expected: (selector, /** @type {number} */ max) =>
+		`Expected "${selector}" to have no more than ${max} compound ${pluralize('selector', max)}`,
+});
+
+const meta = {
+	url: 'https://stylelint.io/user-guide/rules/selector-max-compound-selectors',
+};
+
+/** @type {import('stylelint').CoreRules[ruleName]} */
+const rule = (primary, secondaryOptions) => {
+	return (root, result) => {
+		const validOptions = validateOptions(
+			result,
+			ruleName,
+			{
+				actual: primary,
+				possible: isNonNegativeInteger,
+			},
+			{
+				actual: secondaryOptions,
+				possible: {
+					ignoreSelectors: [isString, isRegExp],
+				},
+				optional: true,
+			},
+		);
+
+		if (!validOptions) {
+			return;
+		}
+
+		/**
+		 * @param {import('postcss-selector-parser').Node} selectorNode
+		 * @returns {boolean}
+		 */
+		function isSelectorIgnored(selectorNode) {
+			const selector = isPseudo(selectorNode) ? selectorNode.value : selectorNode.toString();
+
+			return optionsMatches(secondaryOptions, 'ignoreSelectors', selector);
+		}
+
+		/**
+		 * @param {import('postcss-selector-parser').Selector} selectorNode
+		 * @param {import('postcss').Rule} ruleNode
+		 */
+		function checkSelector(selectorNode, ruleNode) {
+			/** @type {import('postcss-selector-parser').Node[]} */
+			const filteredChildNodes = [];
+
+			selectorNode.walk((childNode) => {
+				if (!isSelectorIgnored(childNode)) {
+					filteredChildNodes.push(childNode);
+				}
+			});
+
+			if (isRoot(selectorNode) || isPseudo(selectorNode)) return;
+
+			// Normalize selector nodes and count combinators
+			const combinatorCount = filteredChildNodes.reduce((count, node, i, nodes) => {
+				// Not count a node except a combinator
+				if (!isCombinator(node)) return count;
+
+				// Not count a combinator at the edge
+				if (i === 0 || i === nodes.length - 1) return count;
+
+				// Not count a consecutive combinator
+				if (isCombinator(nodes[i + 1])) return count;
+
+				return count + 1;
+			}, 0);
+
+			const compoundCount = combinatorCount + 1;
+
+			if (compoundCount > primary) {
+				const { index, endIndex, selector: selectorStr } = getStrippedSelectorSource(selectorNode);
+
+				report({
+					ruleName,
+					result,
+					node: ruleNode,
+					message: messages.expected,
+					messageArgs: [selectorStr, primary],
+					index,
+					endIndex,
+				});
+			}
+		}
+
+		root.walkRules((ruleNode) => {
+			if (!isStandardSyntaxRule(ruleNode)) return;
+
+			const selectors = parseSelector(getRuleSelector(ruleNode), result, ruleNode);
+
+			selectors?.each((selector) => {
+				checkSelector(selector, ruleNode);
+			});
+		});
+	};
+};
+
+rule.ruleName = ruleName;
+rule.messages = messages;
+rule.meta = meta;
+export default rule;

package/packages/config-stylelint/node_modules/stylelint/lib/rules/selector-max-id/index.mjs

@@ -0,0 +1,106 @@
+import { isRegExp, isString } from '../../utils/validateTypes.mjs';
+import getRuleSelector from '../../utils/getRuleSelector.mjs';
+import getStrippedSelectorSource from '../../utils/getStrippedSelectorSource.mjs';
+import isContextFunctionalPseudoClass from '../../utils/isContextFunctionalPseudoClass.mjs';
+import isNonNegativeInteger from '../../utils/isNonNegativeInteger.mjs';
+import isStandardSyntaxRule from '../../utils/isStandardSyntaxRule.mjs';
+import optionsMatches from '../../utils/optionsMatches.mjs';
+import parseSelector from '../../utils/parseSelector.mjs';
+import report from '../../utils/report.mjs';
+import ruleMessages from '../../utils/ruleMessages.mjs';
+import validateOptions from '../../utils/validateOptions.mjs';
+
+const ruleName = 'selector-max-id';
+
+const messages = ruleMessages(ruleName, {
+	expected: (selector, max) =>
+		`Expected "${selector}" to have no more than ${max} ID ${max === 1 ? 'selector' : 'selectors'}`,
+});
+
+const meta = {
+	url: 'https://stylelint.io/user-guide/rules/selector-max-id',
+};
+
+/** @type {import('stylelint').CoreRules[ruleName]} */
+const rule = (primary, secondaryOptions) => {
+	return (root, result) => {
+		const validOptions = validateOptions(
+			result,
+			ruleName,
+			{
+				actual: primary,
+				possible: isNonNegativeInteger,
+			},
+			{
+				actual: secondaryOptions,
+				possible: {
+					ignoreContextFunctionalPseudoClasses: [isString, isRegExp],
+				},
+				optional: true,
+			},
+		);
+
+		if (!validOptions) {
+			return;
+		}
+
+		/**
+		 * Return true if the node is inside an ignored context-functional pseudo-class
+		 *
+		 * @param {import('postcss-selector-parser').Node} node
+		 * @returns {boolean}
+		 */
+		function isInIgnoredContextFunctionalPseudoClass(node) {
+			/** @type {typeof node | typeof node.parent} */
+			let current = node;
+
+			while (current) {
+				if (
+					isContextFunctionalPseudoClass(current) &&
+					optionsMatches(secondaryOptions, 'ignoreContextFunctionalPseudoClasses', current.value)
+				) {
+					return true;
+				}
+
+				current = current.parent;
+			}
+
+			return false;
+		}
+
+		root.walkRules((ruleNode) => {
+			if (!isStandardSyntaxRule(ruleNode)) return;
+
+			const selectors = parseSelector(getRuleSelector(ruleNode), result, ruleNode);
+
+			selectors?.each((selector) => {
+				let count = 0;
+
+				selector.walkIds((selectorNode) => {
+					if (isInIgnoredContextFunctionalPseudoClass(selectorNode)) return;
+
+					count += 1;
+				});
+
+				if (count > primary) {
+					const { index, endIndex, selector: selectorStr } = getStrippedSelectorSource(selector);
+
+					report({
+						ruleName,
+						result,
+						node: ruleNode,
+						message: messages.expected,
+						messageArgs: [selectorStr, primary],
+						index,
+						endIndex,
+					});
+				}
+			});
+		});
+	};
+};
+
+rule.ruleName = ruleName;
+rule.messages = messages;
+rule.meta = meta;
+export default rule;

package/packages/config-stylelint/node_modules/stylelint/lib/rules/selector-max-pseudo-class/index.mjs

@@ -0,0 +1,84 @@
+import getRuleSelector from '../../utils/getRuleSelector.mjs';
+import getStrippedSelectorSource from '../../utils/getStrippedSelectorSource.mjs';
+import isNonNegativeInteger from '../../utils/isNonNegativeInteger.mjs';
+import isStandardSyntaxRule from '../../utils/isStandardSyntaxRule.mjs';
+import { levelOneAndTwoPseudoElements } from '../../reference/selectors.mjs';
+import parseSelector from '../../utils/parseSelector.mjs';
+import report from '../../utils/report.mjs';
+import ruleMessages from '../../utils/ruleMessages.mjs';
+import validateOptions from '../../utils/validateOptions.mjs';
+
+const ruleName = 'selector-max-pseudo-class';
+
+const messages = ruleMessages(ruleName, {
+	expected: (selector, max) =>
+		`Expected "${selector}" to have no more than ${max} pseudo-${max === 1 ? 'class' : 'classes'}`,
+});
+
+const meta = {
+	url: 'https://stylelint.io/user-guide/rules/selector-max-pseudo-class',
+};
+
+/** @type {import('stylelint').CoreRules[ruleName]} */
+const rule = (primary) => {
+	return (root, result) => {
+		const validOptions = validateOptions(result, ruleName, {
+			actual: primary,
+			possible: isNonNegativeInteger,
+		});
+
+		if (!validOptions) {
+			return;
+		}
+
+		/**
+		 * @param {import('postcss-selector-parser').Selector} selectorNode
+		 * @param {import('postcss').Rule} ruleNode
+		 */
+		function checkSelector(selectorNode, ruleNode) {
+			let count = 0;
+
+			selectorNode.walk((childNode) => {
+				if (childNode.type !== 'pseudo') return;
+
+				// Exclude pseudo elements from the count
+				if (
+					childNode.value.includes('::') ||
+					levelOneAndTwoPseudoElements.has(childNode.value.toLowerCase().slice(1))
+				)
+					return;
+
+				count += 1;
+			});
+
+			if (count > primary) {
+				const { index, endIndex, selector: selectorStr } = getStrippedSelectorSource(selectorNode);
+
+				report({
+					ruleName,
+					result,
+					node: ruleNode,
+					message: messages.expected,
+					messageArgs: [selectorStr, primary],
+					index,
+					endIndex,
+				});
+			}
+		}
+
+		root.walkRules((ruleNode) => {
+			if (!isStandardSyntaxRule(ruleNode)) return;
+
+			const selectors = parseSelector(getRuleSelector(ruleNode), result, ruleNode);
+
+			selectors?.each((selector) => {
+				checkSelector(selector, ruleNode);
+			});
+		});
+	};
+};
+
+rule.ruleName = ruleName;
+rule.messages = messages;
+rule.meta = meta;
+export default rule;

package/packages/config-stylelint/node_modules/stylelint/lib/rules/selector-max-specificity/index.mjs

@@ -0,0 +1,146 @@
+import { compare, selectorSpecificity } from '@csstools/selector-specificity';
+
+import { assertNumber, isRegExp, isString } from '../../utils/validateTypes.mjs';
+import getStrippedSelectorSource from '../../utils/getStrippedSelectorSource.mjs';
+import isStandardSyntaxRule from '../../utils/isStandardSyntaxRule.mjs';
+import optionsMatches from '../../utils/optionsMatches.mjs';
+import report from '../../utils/report.mjs';
+import resolveNestedSelectorsForRule from '../../utils/resolveNestedSelectorsForRule.mjs';
+import ruleMessages from '../../utils/ruleMessages.mjs';
+import validateOptions from '../../utils/validateOptions.mjs';
+
+const ruleName = 'selector-max-specificity';
+
+const messages = ruleMessages(ruleName, {
+	expected: (selector, max, resolvedSelector) => {
+		selector = `"${selector}"${resolvedSelector ? ` ("${resolvedSelector}")` : ''}`;
+
+		return `Expected ${selector} to have a specificity no more than "${max}"`;
+	},
+});
+
+const meta = {
+	url: 'https://stylelint.io/user-guide/rules/selector-max-specificity',
+};
+
+/** @typedef {import('@csstools/selector-specificity').Specificity} Specificity */
+
+/**
+ * Return a zero specificity. We need a new instance each time so that it can mutated.
+ *
+ * @returns {Specificity}
+ */
+const zeroSpecificity = () => ({ a: 0, b: 0, c: 0 });
+
+/** @type {import('stylelint').CoreRules[ruleName]} */
+const rule = (primary, secondaryOptions) => {
+	return (root, result) => {
+		const validOptions = validateOptions(
+			result,
+			ruleName,
+			{
+				actual: primary,
+				possible: [
+					// Check that the max specificity is in the form "a,b,c"
+					(spec) => isString(spec) && /^\d+,\d+,\d+$/.test(spec),
+				],
+			},
+			{
+				actual: secondaryOptions,
+				possible: {
+					ignoreSelectors: [isString, isRegExp],
+				},
+				optional: true,
+			},
+		);
+
+		if (!validOptions) {
+			return;
+		}
+
+		/** @type {(selector: string) => boolean} */
+		const isSelectorIgnored = (selector) =>
+			optionsMatches(secondaryOptions, 'ignoreSelectors', selector);
+
+		/** @type {import('@csstools/selector-specificity').CustomSpecificityCallback | undefined} */
+		const customSpecificity = secondaryOptions?.ignoreSelectors
+			? (node) => {
+					switch (node.type) {
+						case 'attribute':
+						case 'class':
+						case 'id':
+						case 'tag':
+							if (!isSelectorIgnored(node.toString())) {
+								return;
+							}
+
+							return zeroSpecificity();
+						case 'pseudo': {
+							if (!isSelectorIgnored(node.value.toLowerCase())) {
+								return;
+							}
+
+							if (!node.nodes?.length) {
+								return zeroSpecificity();
+							}
+
+							// We only ignore the current pseudo-class, not the specificity of the child nodes.
+							// Calculate the diff between specificity with and without child nodes.
+							const entireSpecificity = selectorSpecificity(node);
+
+							const emptySpecificity = selectorSpecificity(node.clone({ nodes: [] }));
+
+							return {
+								a: entireSpecificity.a - emptySpecificity.a,
+								b: entireSpecificity.b - emptySpecificity.b,
+								c: entireSpecificity.c - emptySpecificity.c,
+							};
+						}
+						default:
+						// Other node types are not ignorable.
+					}
+				}
+			: undefined;
+
+		const [a, b, c] = primary.split(',').map((s) => Number.parseFloat(s));
+
+		assertNumber(a);
+		assertNumber(b);
+		assertNumber(c);
+
+		const maxSpecificity = { a, b, c };
+
+		root.walkRules((ruleNode) => {
+			if (!isStandardSyntaxRule(ruleNode)) return;
+
+			resolveNestedSelectorsForRule(ruleNode, result).forEach(({ selector, resolvedSelectors }) => {
+				resolvedSelectors.each((resolvedSelector) => {
+					const specificity = selectorSpecificity(resolvedSelector, { customSpecificity });
+
+					// Check if the selector specificity exceeds the allowed maximum
+					if (compare(specificity, maxSpecificity) > 0) {
+						const { index, endIndex, selector: selectorStr } = getStrippedSelectorSource(selector);
+						let { selector: resolvedSelectorStr } = getStrippedSelectorSource(resolvedSelector);
+
+						resolvedSelectorStr = resolvedSelectorStr === selectorStr ? '' : resolvedSelectorStr;
+
+						report({
+							ruleName,
+							result,
+							node: ruleNode,
+							message: messages.expected,
+							messageArgs: [selectorStr, primary, resolvedSelectorStr],
+							index,
+							endIndex,
+						});
+					}
+				});
+			});
+		});
+	};
+};
+
+rule.ruleName = ruleName;
+rule.messages = messages;
+rule.meta = meta;
+export default rule;