| import valueParser from 'postcss-value-parser'; |
| |
| import { atRuleParamIndex } from '../../utils/nodeFieldIndices.mjs'; |
| import { atRuleRegexes } from '../../utils/regexes.mjs'; |
| import getAtRuleParams from '../../utils/getAtRuleParams.mjs'; |
| import report from '../../utils/report.mjs'; |
| import ruleMessages from '../../utils/ruleMessages.mjs'; |
| import setAtRuleParams from '../../utils/setAtRuleParams.mjs'; |
| import validateOptions from '../../utils/validateOptions.mjs'; |
| |
| const ruleName = 'import-notation'; |
| |
| const messages = ruleMessages(ruleName, { |
| expected: (unfixed, fixed) => `Expected "${unfixed}" to be "${fixed}"`, |
| }); |
| |
| const meta = { |
| url: 'https://stylelint.io/user-guide/rules/import-notation', |
| fixable: true, |
| }; |
| |
| /** @typedef {import('postcss').AtRule} AtRule */ |
| |
| /** |
| * @param {AtRule} node |
| * @param {string} fixed |
| * @param {number} index |
| */ |
| const fixer = (node, fixed, index) => () => { |
| const restAtRuleParams = node.params.slice(index); |
| |
| setAtRuleParams(node, `${fixed}${restAtRuleParams}`); |
| }; |
| |
| /** @type {import('stylelint').CoreRules[ruleName]} */ |
| const rule = (primary) => { |
| return (root, result) => { |
| const validOptions = validateOptions(result, ruleName, { |
| actual: primary, |
| possible: ['string', 'url'], |
| }); |
| |
| if (!validOptions) return; |
| |
| root.walkAtRules(atRuleRegexes.importName, checkAtRuleImportParams); |
| |
| /** @param {AtRule} atRule */ |
| function checkAtRuleImportParams(atRule) { |
| const params = getAtRuleParams(atRule); |
| const index = atRuleParamIndex(atRule); |
| const parsed = valueParser(params); |
| |
| for (const node of parsed.nodes) { |
| const { sourceEndIndex, type, value } = node; |
| const endIndex = index + sourceEndIndex; |
| const problem = { node: atRule, index, endIndex, result, ruleName }; |
| |
| if (primary === 'string') { |
| if (type !== 'function' || value.toLowerCase() !== 'url') continue; |
| |
| const urlFunctionFull = valueParser.stringify(node); |
| const urlFunctionArguments = valueParser.stringify(node.nodes); |
| const quotedUrlFunctionFirstArgument = |
| node.nodes[0]?.type === 'word' ? `"${urlFunctionArguments}"` : urlFunctionArguments; |
| const fix = fixer(atRule, quotedUrlFunctionFirstArgument, sourceEndIndex); |
| const message = messages.expected; |
| const messageArgs = [urlFunctionFull, quotedUrlFunctionFirstArgument]; |
| |
| report({ ...problem, message, messageArgs, fix: { apply: fix, node: problem.node } }); |
| |
| return; |
| } |
| |
| if (primary === 'url') { |
| if (type === 'space') return; |
| |
| if (type !== 'word' && type !== 'string') continue; |
| |
| const path = valueParser.stringify(node); |
| const urlFunctionFull = `url(${path})`; |
| const quotedNodeValue = |
| type === 'word' ? `"${value}"` : `${node.quote}${value}${node.quote}`; |
| const fix = fixer(atRule, urlFunctionFull, sourceEndIndex); |
| const message = messages.expected; |
| const messageArgs = [quotedNodeValue, urlFunctionFull]; |
| |
| report({ ...problem, message, messageArgs, fix: { apply: fix, node: problem.node } }); |
| |
| return; |
| } |
| } |
| } |
| }; |
| }; |
| |
| rule.ruleName = ruleName; |
| rule.messages = messages; |
| rule.meta = meta; |
| export default rule; |