| // 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 regexes = require('../../utils/regexes.cjs'); |
| const validateTypes = require('../../utils/validateTypes.cjs'); |
| const keywords = require('../../reference/keywords.cjs'); |
| const isStandardSyntaxAtRule = require('../../utils/isStandardSyntaxAtRule.cjs'); |
| const isStandardSyntaxDeclaration = require('../../utils/isStandardSyntaxDeclaration.cjs'); |
| const isStandardSyntaxValue = require('../../utils/isStandardSyntaxValue.cjs'); |
| const report = require('../../utils/report.cjs'); |
| const ruleMessages = require('../../utils/ruleMessages.cjs'); |
| const validateOptions = require('../../utils/validateOptions.cjs'); |
| |
| const ruleName = 'container-name-pattern'; |
| |
| const messages = ruleMessages(ruleName, { |
| expected: (containerName, pattern) => `Expected "${containerName}" to match pattern "${pattern}"`, |
| }); |
| |
| const meta = { |
| url: 'https://stylelint.io/user-guide/rules/container-name-pattern', |
| }; |
| |
| const KEYWORDS = new Set(['and', 'or', 'none', 'not']); |
| |
| /** @type {import('stylelint').CoreRules[ruleName]} */ |
| const rule = (primary) => { |
| return (root, result) => { |
| const validOptions = validateOptions(result, ruleName, { |
| actual: primary, |
| possible: [validateTypes.isRegExp, validateTypes.isString], |
| }); |
| |
| if (!validOptions) return; |
| |
| const regex = validateTypes.isString(primary) ? new RegExp(primary) : primary; |
| |
| const languageCssWideKeywords = |
| result.stylelint.config?.languageOptions?.syntax?.cssWideKeywords ?? []; |
| |
| const cssWideKeywords = new Set([...keywords.basicKeywords, ...languageCssWideKeywords]); |
| |
| root.walkDecls(regexes.propertyRegexes.containerNameAndShorthandName, (decl) => { |
| if (!isStandardSyntaxDeclaration(decl)) return; |
| |
| const parsedValue = valueParser(decl.value); |
| |
| let isContainerType = false; |
| |
| parsedValue.walk(({ sourceIndex, type, value }) => { |
| if (isContainerType) return; |
| |
| if (type === 'div' && value === '/') isContainerType = true; |
| |
| if (type !== 'word') return false; |
| |
| if (cssWideKeywords.has(value.toLowerCase())) return; |
| |
| if (!isStandardSyntaxValue(value)) return; |
| |
| if (regex.test(value)) return; |
| |
| complain(nodeFieldIndices.declarationValueIndex(decl) + sourceIndex, value, decl); |
| }); |
| }); |
| |
| root.walkAtRules(regexes.atRuleRegexes.containerName, (atRule) => { |
| if (!isStandardSyntaxAtRule(atRule)) return; |
| |
| const { params } = atRule; |
| |
| const parsedValue = valueParser(params); |
| |
| parsedValue.walk(({ sourceIndex, type, value }) => { |
| if (type !== 'word') return false; |
| |
| if (KEYWORDS.has(value.toLowerCase())) return; |
| |
| if (regex.test(value)) return; |
| |
| complain(nodeFieldIndices.atRuleParamIndex(atRule) + sourceIndex, value, atRule); |
| }); |
| }); |
| |
| /** |
| * @param {number} index |
| * @param {string} containerName |
| * @param {import('postcss').Declaration|import('postcss').AtRule} node |
| */ |
| function complain(index, containerName, node) { |
| report({ |
| result, |
| ruleName, |
| message: messages.expected, |
| messageArgs: [containerName, primary], |
| node, |
| index, |
| endIndex: index + containerName.length, |
| }); |
| } |
| }; |
| }; |
| |
| rule.ruleName = ruleName; |
| rule.messages = messages; |
| rule.meta = meta; |
| |
| module.exports = rule; |