import valueParser from 'postcss-value-parser'; import { isRegExp, isString } from '../../utils/validateTypes.mjs'; import { camelCaseFunctions } from '../../reference/functions.mjs'; import { declarationValueIndex } from '../../utils/nodeFieldIndices.mjs'; import getDeclarationValue from '../../utils/getDeclarationValue.mjs'; import isStandardSyntaxFunction from '../../utils/isStandardSyntaxFunction.mjs'; import isStandardSyntaxValue from '../../utils/isStandardSyntaxValue.mjs'; import optionsMatches from '../../utils/optionsMatches.mjs'; import report from '../../utils/report.mjs'; import ruleMessages from '../../utils/ruleMessages.mjs'; import setDeclarationValue from '../../utils/setDeclarationValue.mjs'; import validateOptions from '../../utils/validateOptions.mjs'; const ruleName = 'function-name-case'; const messages = ruleMessages(ruleName, { expected: (actual, expected) => `Expected "${actual}" to be "${expected}"`, }); const meta = { url: 'https://stylelint.io/user-guide/rules/function-name-case', fixable: true, }; const mapLowercaseFunctionNamesToCamelCase = new Map(); for (const func of camelCaseFunctions) { mapLowercaseFunctionNamesToCamelCase.set(func.toLowerCase(), func); } /** @type {import('stylelint').CoreRules[ruleName]} */ const rule = (primary, secondaryOptions) => { return (root, result) => { const validOptions = validateOptions( result, ruleName, { actual: primary, possible: ['lower', 'upper'], }, { actual: secondaryOptions, possible: { ignoreFunctions: [isString, isRegExp], }, optional: true, }, ); if (!validOptions) { return; } root.walkDecls((decl) => { if (!decl.value.includes('(')) return; if (!isStandardSyntaxValue(decl.value)) return; const parsed = valueParser(getDeclarationValue(decl)); parsed.walk((node) => { if (node.type !== 'function' || !isStandardSyntaxFunction(node)) { return; } const functionName = node.value; const functionNameLowerCase = functionName.toLowerCase(); if (optionsMatches(secondaryOptions, 'ignoreFunctions', functionName)) { return; } /** @type {string} */ let expectedFunctionName; if ( primary === 'lower' && mapLowercaseFunctionNamesToCamelCase.has(functionNameLowerCase) ) { expectedFunctionName = mapLowercaseFunctionNamesToCamelCase.get(functionNameLowerCase); } else if (primary === 'lower') { expectedFunctionName = functionNameLowerCase; } else { expectedFunctionName = functionName.toUpperCase(); } if (functionName === expectedFunctionName) { return; } const index = declarationValueIndex(decl) + node.sourceIndex; const endIndex = index + functionName.length; const fix = () => { node.value = expectedFunctionName; setDeclarationValue(decl, parsed.toString()); }; report({ message: messages.expected, messageArgs: [functionName, expectedFunctionName], node: decl, index, endIndex, result, ruleName, fix: { apply: fix, node: decl, }, }); }); }); }; }; rule.ruleName = ruleName; rule.messages = messages; rule.meta = meta; export default rule;