|
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- // @ts-nocheck
-
- 'use strict';
-
- const _ = require('lodash');
- const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
- const matchesStringOrRegExp = require('../../utils/matchesStringOrRegExp');
- const parseSelector = require('../../utils/parseSelector');
- const report = require('../../utils/report');
- const ruleMessages = require('../../utils/ruleMessages');
- const validateOptions = require('../../utils/validateOptions');
- const vendor = require('../../utils/vendor');
-
- const ruleName = 'selector-pseudo-element-allowed-list';
-
- const messages = ruleMessages(ruleName, {
- rejected: (selector) => `Unexpected pseudo-element "${selector}"`,
- });
-
- function rule(list) {
- return (root, result) => {
- const validOptions = validateOptions(result, ruleName, {
- actual: list,
- possible: [_.isString, _.isRegExp],
- });
-
- if (!validOptions) {
- return;
- }
-
- root.walkRules((ruleNode) => {
- if (!isStandardSyntaxRule(ruleNode)) {
- return;
- }
-
- const selector = ruleNode.selector;
-
- if (!selector.includes('::')) {
- return;
- }
-
- parseSelector(selector, result, ruleNode, (selectorTree) => {
- selectorTree.walkPseudos((pseudoNode) => {
- const value = pseudoNode.value;
-
- // Ignore pseudo-classes
- if (value[1] !== ':') {
- return;
- }
-
- const name = value.slice(2);
-
- if (matchesStringOrRegExp(vendor.unprefixed(name), list)) {
- return;
- }
-
- report({
- index: pseudoNode.sourceIndex,
- message: messages.rejected(name),
- node: ruleNode,
- result,
- ruleName,
- });
- });
- });
- });
- };
- }
-
- rule.primaryOptionArray = true;
-
- rule.ruleName = ruleName;
- rule.messages = messages;
- module.exports = rule;
|