Fix selector-type-case performance (#7041)

* Fix `selector-type-case` performance * Create friendly-candles-deny.md * update STARTS_A_TAG_NAME_REGEX Co-authored-by: Masafumi Koba <473530+ybiquitous@users.noreply.github.com> --------- Co-authored-by: Masafumi Koba <473530+ybiquitous@users.noreply.github.com>
stylelint · Jul 4, 2023 · b8e5317 · b8e5317
1 parent f82a24a
commit b8e5317
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/.changeset/friendly-candles-deny.md b/.changeset/friendly-candles-deny.md
@@ -0,0 +1,5 @@
+---
+"stylelint": patch
+---
+
+Fixed: `selector-type-case` performance
diff --git a/lib/rules/selector-type-case/index.js b/lib/rules/selector-type-case/index.js
@@ -22,6 +22,10 @@ const meta = {
 	fixable: true,
 };
 
+const STARTS_A_TAG_NAME_REGEX = /(?:[^.#[:a-zA-Z-]|^)[a-zA-Z]/;
+const ANY_UPPER_CASE_REGEX = /[A-Z]/;
+const ANY_LOWER_CASE_REGEX = /[a-z]/;
+
 /** @type {import('stylelint').Rule} */
 const rule = (primary, secondaryOptions, context) => {
 	return (root, result) => {
@@ -48,11 +52,16 @@ const rule = (primary, secondaryOptions, context) => {
 		root.walkRules((ruleNode) => {
 			let hasComments = ruleNode.raws.selector && ruleNode.raws.selector.raw;
 			const selector = hasComments ? hasComments : ruleNode.selector;
-			const selectors = ruleNode.selectors;
 
-			if (!isStandardSyntaxRule(ruleNode)) {
-				return;
-			}
+			if (!STARTS_A_TAG_NAME_REGEX.test(selector)) return;
+
+			if (primary === 'lower' && !ANY_UPPER_CASE_REGEX.test(selector)) return;
+
+			if (primary === 'upper' && !ANY_LOWER_CASE_REGEX.test(selector)) return;
+
+			if (!isStandardSyntaxRule(ruleNode)) return;
+
+			const { selectors } = ruleNode;
 
 			if (selectors.some((s) => isKeyframeSelector(s))) {
 				return;

diff --git a/lib/rules/selector-type-no-unknown/index.js b/lib/rules/selector-type-no-unknown/index.js
@@ -24,7 +24,7 @@ const meta = {
 	url: 'https://stylelint.io/user-guide/rules/selector-type-no-unknown',
 };
 
-const STARTS_A_TAG_NAME_REGEX = /(?:[^.#[:\w-]|^)\w/;
+const STARTS_A_TAG_NAME_REGEX = /(?:[^.#[:a-zA-Z-]|^)[a-zA-Z]/;
 
 /** @type {import('stylelint').Rule} */
 const rule = (primary, secondaryOptions) => {