| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- import valueParser from 'postcss-value-parser';
- import { atRuleParamIndex, declarationValueIndex } from '../../utils/nodeFieldIndices.mjs';
- import { isRegExp, isString } from '../../utils/validateTypes.mjs';
- import { atRuleRegexes } from '../../utils/regexes.mjs';
- import isCustomProperty from '../../utils/isCustomProperty.mjs';
- import isStandardSyntaxProperty from '../../utils/isStandardSyntaxProperty.mjs';
- import isVarFunction from '../../utils/isVarFunction.mjs';
- import report from '../../utils/report.mjs';
- import ruleMessages from '../../utils/ruleMessages.mjs';
- import validateOptions from '../../utils/validateOptions.mjs';
- const ruleName = 'custom-property-pattern';
- const messages = ruleMessages(ruleName, {
- expected: (property, pattern) => `Expected "${property}" to match pattern "${pattern}"`,
- });
- const meta = {
- url: 'https://stylelint.io/user-guide/rules/custom-property-pattern',
- };
- const VAR_FUNC_REGEX = /var\(/i;
- /** @type {import('stylelint').CoreRules[ruleName]} */
- const rule = (primary) => {
- return (root, result) => {
- const validOptions = validateOptions(result, ruleName, {
- actual: primary,
- possible: [isRegExp, isString],
- });
- if (!validOptions) return;
- const regexpPattern = isString(primary) ? new RegExp(primary) : primary;
- /**
- * @param {string} property
- * @returns {boolean}
- */
- function check(property) {
- return (
- !isCustomProperty(property) ||
- !isStandardSyntaxProperty(property) ||
- regexpPattern.test(property.slice(2))
- );
- }
- root.walkDecls((decl) => {
- const { prop, value } = decl;
- if (VAR_FUNC_REGEX.test(value)) {
- const parsedValue = valueParser(value);
- parsedValue.walk((node) => {
- if (!isVarFunction(node)) return;
- const { nodes } = node;
- const firstNode = nodes[0];
- if (!firstNode || check(firstNode.value)) return;
- complain(declarationValueIndex(decl) + firstNode.sourceIndex, firstNode.value, decl);
- });
- }
- if (check(prop)) return;
- complain(0, prop, decl);
- });
- root.walkAtRules(atRuleRegexes.propertyName, (atRule) => {
- const { params: propName } = atRule;
- if (check(propName)) return;
- complain(atRuleParamIndex(atRule), propName, atRule);
- });
- /**
- * @param {number} index
- * @param {string} propName
- * @param {import('postcss').Declaration|import('postcss').AtRule} node
- */
- function complain(index, propName, node) {
- report({
- result,
- ruleName,
- message: messages.expected,
- messageArgs: [propName, primary],
- node,
- index,
- endIndex: index + propName.length,
- });
- }
- };
- };
- rule.ruleName = ruleName;
- rule.messages = messages;
- rule.meta = meta;
- export default rule;
|