123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- 'use strict';
- const _ = require('lodash');
- const isKeyframeSelector = require('../../utils/isKeyframeSelector');
- const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
- const isStandardSyntaxSelector = require('../../utils/isStandardSyntaxSelector');
- const parseSelector = require('../../utils/parseSelector');
- const report = require('../../utils/report');
- const resolveNestedSelector = require('postcss-resolve-nested-selector');
- const ruleMessages = require('../../utils/ruleMessages');
- const validateOptions = require('../../utils/validateOptions');
- const ruleName = 'selector-class-pattern';
- const messages = ruleMessages(ruleName, {
- expected: (selectorValue) =>
- `Expected class selector ".${selectorValue}" to match specified pattern`,
- });
- function rule(pattern, options) {
- return (root, result) => {
- const validOptions = validateOptions(
- result,
- ruleName,
- {
- actual: pattern,
- possible: [_.isRegExp, _.isString],
- },
- {
- actual: options,
- possible: {
- resolveNestedSelectors: _.isBoolean,
- },
- optional: true,
- },
- );
- if (!validOptions) {
- return;
- }
- const shouldResolveNestedSelectors = _.get(options, 'resolveNestedSelectors');
- const normalizedPattern = _.isString(pattern) ? new RegExp(pattern) : pattern;
- root.walkRules((rule) => {
- const selector = rule.selector;
- const selectors = rule.selectors;
- if (!isStandardSyntaxRule(rule)) {
- return;
- }
- if (selectors.some((s) => isKeyframeSelector(s))) {
- return;
- }
-
- if (shouldResolveNestedSelectors && hasInterpolatingAmpersand(selector)) {
- resolveNestedSelector(selector, rule).forEach((selector) => {
- if (!isStandardSyntaxSelector(selector)) {
- return;
- }
- parseSelector(selector, result, rule, (s) => checkSelector(s, rule));
- });
- } else {
- parseSelector(selector, result, rule, (s) => checkSelector(s, rule));
- }
- });
- function checkSelector(fullSelector, rule) {
- fullSelector.walkClasses((classNode) => {
- const value = classNode.value;
- const sourceIndex = classNode.sourceIndex;
- if (normalizedPattern.test(value)) {
- return;
- }
- report({
- result,
- ruleName,
- message: messages.expected(value),
- node: rule,
- index: sourceIndex,
- });
- });
- }
- };
- }
- function hasInterpolatingAmpersand(selector) {
- for (let i = 0, l = selector.length; i < l; i++) {
- if (selector[i] !== '&') {
- continue;
- }
- if (selector[i - 1] !== undefined && !isCombinator(selector[i - 1])) {
- return true;
- }
- if (selector[i + 1] !== undefined && !isCombinator(selector[i + 1])) {
- return true;
- }
- }
- return false;
- }
- function isCombinator(x) {
- return /[\s+>~]/.test(x);
- }
- rule.ruleName = ruleName;
- rule.messages = messages;
- module.exports = rule;
|