blob: 0d57f31b5698735d649767f51a7cfcb241f56da4 [file] [log] [blame]
'use strict';
const atRuleParamIndex = require('../../utils/atRuleParamIndex');
const findMediaOperator = require('../findMediaOperator');
const report = require('../../utils/report');
const ruleMessages = require('../../utils/ruleMessages');
const validateOptions = require('../../utils/validateOptions');
const whitespaceChecker = require('../../utils/whitespaceChecker');
const ruleName = 'media-feature-range-operator-space-after';
const messages = ruleMessages(ruleName, {
expectedAfter: () => 'Expected single space after range operator',
rejectedAfter: () => 'Unexpected whitespace after range operator',
});
/** @type {import('stylelint').Rule} */
const rule = (primary, _secondaryOptions, context) => {
const checker = whitespaceChecker('space', primary, messages);
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: primary,
possible: ['always', 'never'],
});
if (!validOptions) {
return;
}
root.walkAtRules(/^media$/i, (atRule) => {
/** @type {number[]} */
const fixOperatorIndices = [];
/** @type {((index: number) => void) | null} */
const fix = context.fix ? (index) => fixOperatorIndices.push(index) : null;
findMediaOperator(atRule, (match, params, node) => {
checkAfterOperator(match, params, node, fix);
});
if (fixOperatorIndices.length) {
let params = atRule.raws.params ? atRule.raws.params.raw : atRule.params;
for (const index of fixOperatorIndices.sort((a, b) => b - a)) {
const beforeOperator = params.slice(0, index + 1);
const afterOperator = params.slice(index + 1);
if (primary === 'always') {
params = beforeOperator + afterOperator.replace(/^\s*/, ' ');
} else if (primary === 'never') {
params = beforeOperator + afterOperator.replace(/^\s*/, '');
}
}
if (atRule.raws.params) {
atRule.raws.params.raw = params;
} else {
atRule.params = params;
}
}
});
/**
* @param {import('style-search').StyleSearchMatch} match
* @param {string} params
* @param {import('postcss').AtRule} node
* @param {((index: number) => void) | null} fix
*/
function checkAfterOperator(match, params, node, fix) {
const endIndex = match.startIndex + match.target.length - 1;
checker.after({
source: params,
index: endIndex,
err: (m) => {
if (fix) {
fix(endIndex);
return;
}
report({
message: m,
node,
index: endIndex + atRuleParamIndex(node) + 1,
result,
ruleName,
});
},
});
}
};
};
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;