// NOTICE: This file is generated by Rollup. To modify it, // please instead edit the ESM counterpart and rebuild with Rollup (npm run build). 'use strict'; const valueParser = require('postcss-value-parser'); const nodeFieldIndices = require('../../utils/nodeFieldIndices.cjs'); const getDeclarationValue = require('../../utils/getDeclarationValue.cjs'); const isStandardSyntaxValue = require('../../utils/isStandardSyntaxValue.cjs'); const report = require('../../utils/report.cjs'); const ruleMessages = require('../../utils/ruleMessages.cjs'); const setDeclarationValue = require('../../utils/setDeclarationValue.cjs'); const validateOptions = require('../../utils/validateOptions.cjs'); const ruleName = 'hue-degree-notation'; const messages = ruleMessages(ruleName, { expected: (unfixed, fixed) => `Expected "${unfixed}" to be "${fixed}"`, }); const meta = { url: 'https://stylelint.io/user-guide/rules/hue-degree-notation', fixable: true, }; const HUE_FIRST_ARG_FUNCS = ['hsl', 'hsla', 'hwb']; const HUE_THIRD_ARG_FUNCS = ['lch', 'oklch']; const HUE_FUNCS = new Set([...HUE_FIRST_ARG_FUNCS, ...HUE_THIRD_ARG_FUNCS]); const HAS_HUE_COLOR_FUNC = new RegExp(`\\b(?:${[...HUE_FUNCS].join('|')})\\(`, 'i'); /** @type {import('stylelint').CoreRules[ruleName]} */ const rule = (primary) => { return (root, result) => { const validOptions = validateOptions(result, ruleName, { actual: primary, possible: ['angle', 'number'], }); if (!validOptions) return; root.walkDecls((decl) => { if (!HAS_HUE_COLOR_FUNC.test(decl.value)) return; const parsedValue = valueParser(getDeclarationValue(decl)); parsedValue.walk((node) => { if (node.type !== 'function') return; const functionName = node.value.toLowerCase(); if (!HUE_FUNCS.has(functionName)) return; const hue = findHue(node); if (!hue) return; const { value } = hue; if (!isStandardSyntaxValue(value)) return; const dimension = valueParser.unit(value); if (!dimension) return; const isDegree = dimension.unit.toLowerCase() === 'deg'; const isNumber = dimension.unit === ''; if (!isDegree && !isNumber) return; if (primary === 'angle' && isDegree) return; if (primary === 'number' && isNumber) return; const fixed = primary === 'angle' ? `${dimension.number}deg` : dimension.number; const unfixed = value; const valueIndex = nodeFieldIndices.declarationValueIndex(decl); const fix = () => { hue.value = fixed; setDeclarationValue(decl, parsedValue.toString()); }; report({ message: messages.expected, messageArgs: [unfixed, fixed], node: decl, index: valueIndex + hue.sourceIndex, endIndex: valueIndex + hue.sourceEndIndex, result, ruleName, fix: { apply: fix, node: decl, }, }); }); }); }; }; /** * @param {import('postcss-value-parser').FunctionNode} node */ function findHue(node) { const args = node.nodes.filter(({ type }) => type === 'word' || type === 'function'); const value = node.value.toLowerCase(); if (HUE_FIRST_ARG_FUNCS.includes(value)) { return args[0]; } if (HUE_THIRD_ARG_FUNCS.includes(value)) { return args[2]; } return undefined; } rule.ruleName = ruleName; rule.messages = messages; rule.meta = meta; module.exports = rule;