| 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; |