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