@stylistic/stylelint-plugin/lib/utils/isStandardSyntaxSelector/index.js

A collection of stylistic/formatting Stylelint rules

import { hasInterpolation } from "../hasInterpolation/index.js"

/**
 * Checks whether a selector is standard (i.e. not a preprocessor construct).
 * @param {string} selector - The selector to check.
 * @returns {boolean} True if the selector is standard syntax, false otherwise.
 */
export function isStandardSyntaxSelector (selector) {
	// SCSS or Less interpolation
	if (hasInterpolation(selector)) return false

	// SCSS placeholder selectors
	if (selector.startsWith(`%`)) return false

	// SCSS nested properties
	if (selector.endsWith(`:`)) return false

	// Less :extend()
	if ((/:extend(?:\(.*?\))?/u).test(selector)) return false

	// Less mixin with resolved nested selectors (e.g. .foo().bar or .foo(@a, @b)[bar])
	if ((/\.[\w-]+\(.*\).+/u).test(selector)) return false

	// Less non-outputting mixin definition (e.g. .mixin() {})
	if (selector.endsWith(`)`) && !selector.includes(`:`)) return false

	// Less Parametric mixins (e.g. .mixin(@variable: x) {})
	if ((/\(@.*\)$/u).test(selector)) return false

	// ERB template tags
	if (selector.includes(`<%`) || selector.includes(`%>`)) return false

	//  SCSS and Less comments
	if (selector.includes(`//`)) return false

	return true
}