157 lines
3.9 KiB
JavaScript
157 lines
3.9 KiB
JavaScript
'use strict';
|
|
|
|
const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
|
|
const parseSelector = require('../../utils/parseSelector');
|
|
const report = require('../../utils/report');
|
|
const ruleMessages = require('../../utils/ruleMessages');
|
|
const validateOptions = require('../../utils/validateOptions');
|
|
|
|
const ruleName = 'selector-pseudo-class-parentheses-space-inside';
|
|
|
|
const messages = ruleMessages(ruleName, {
|
|
expectedOpening: 'Expected single space after "("',
|
|
rejectedOpening: 'Unexpected whitespace after "("',
|
|
expectedClosing: 'Expected single space before ")"',
|
|
rejectedClosing: 'Unexpected whitespace before ")"',
|
|
});
|
|
|
|
const meta = {
|
|
url: 'https://stylelint.io/user-guide/rules/selector-pseudo-class-parentheses-space-inside',
|
|
fixable: true,
|
|
deprecated: true,
|
|
};
|
|
|
|
/** @type {import('stylelint').Rule} */
|
|
const rule = (primary, _secondaryOptions, context) => {
|
|
return (root, result) => {
|
|
const validOptions = validateOptions(result, ruleName, {
|
|
actual: primary,
|
|
possible: ['always', 'never'],
|
|
});
|
|
|
|
if (!validOptions) {
|
|
return;
|
|
}
|
|
|
|
root.walkRules((ruleNode) => {
|
|
if (!isStandardSyntaxRule(ruleNode)) {
|
|
return;
|
|
}
|
|
|
|
if (!ruleNode.selector.includes('(')) {
|
|
return;
|
|
}
|
|
|
|
let hasFixed = false;
|
|
const selector = ruleNode.raws.selector ? ruleNode.raws.selector.raw : ruleNode.selector;
|
|
const fixedSelector = parseSelector(selector, result, ruleNode, (selectorTree) => {
|
|
selectorTree.walkPseudos((pseudoNode) => {
|
|
if (!pseudoNode.length) {
|
|
return;
|
|
}
|
|
|
|
const paramString = pseudoNode.map((node) => String(node)).join(',');
|
|
const nextCharIsSpace = paramString.startsWith(' ');
|
|
const openIndex = pseudoNode.sourceIndex + pseudoNode.value.length + 1;
|
|
|
|
if (nextCharIsSpace && primary === 'never') {
|
|
if (context.fix) {
|
|
hasFixed = true;
|
|
setFirstNodeSpaceBefore(pseudoNode, '');
|
|
} else {
|
|
complain(messages.rejectedOpening, openIndex);
|
|
}
|
|
}
|
|
|
|
if (!nextCharIsSpace && primary === 'always') {
|
|
if (context.fix) {
|
|
hasFixed = true;
|
|
setFirstNodeSpaceBefore(pseudoNode, ' ');
|
|
} else {
|
|
complain(messages.expectedOpening, openIndex);
|
|
}
|
|
}
|
|
|
|
const prevCharIsSpace = paramString.endsWith(' ');
|
|
const closeIndex = openIndex + paramString.length - 1;
|
|
|
|
if (prevCharIsSpace && primary === 'never') {
|
|
if (context.fix) {
|
|
hasFixed = true;
|
|
setLastNodeSpaceAfter(pseudoNode, '');
|
|
} else {
|
|
complain(messages.rejectedClosing, closeIndex);
|
|
}
|
|
}
|
|
|
|
if (!prevCharIsSpace && primary === 'always') {
|
|
if (context.fix) {
|
|
hasFixed = true;
|
|
setLastNodeSpaceAfter(pseudoNode, ' ');
|
|
} else {
|
|
complain(messages.expectedClosing, closeIndex);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
if (hasFixed && fixedSelector) {
|
|
if (!ruleNode.raws.selector) {
|
|
ruleNode.selector = fixedSelector;
|
|
} else {
|
|
ruleNode.raws.selector.raw = fixedSelector;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {string} message
|
|
* @param {number} index
|
|
*/
|
|
function complain(message, index) {
|
|
report({
|
|
message,
|
|
index,
|
|
result,
|
|
ruleName,
|
|
node: ruleNode,
|
|
});
|
|
}
|
|
});
|
|
};
|
|
};
|
|
|
|
/**
|
|
* @param {import('postcss-selector-parser').Container} node
|
|
* @param {string} value
|
|
* @returns {void}
|
|
*/
|
|
function setFirstNodeSpaceBefore(node, value) {
|
|
const target = node.first;
|
|
|
|
if (target.type === 'selector') {
|
|
setFirstNodeSpaceBefore(target, value);
|
|
} else {
|
|
target.spaces.before = value;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {import('postcss-selector-parser').Container} node
|
|
* @param {string} value
|
|
* @returns {void}
|
|
*/
|
|
function setLastNodeSpaceAfter(node, value) {
|
|
const target = node.last;
|
|
|
|
if (target.type === 'selector') {
|
|
setLastNodeSpaceAfter(target, value);
|
|
} else {
|
|
target.spaces.after = value;
|
|
}
|
|
}
|
|
|
|
rule.ruleName = ruleName;
|
|
rule.messages = messages;
|
|
rule.meta = meta;
|
|
module.exports = rule;
|