123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- 'use strict';
- const getRuleSelector = require('../../utils/getRuleSelector');
- const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
- const parseSelector = require('../../utils/parseSelector');
- const report = require('../../utils/report');
- const ruleMessages = require('../../utils/ruleMessages');
- const validateOptions = require('../../utils/validateOptions');
- const ruleName = 'selector-attribute-quotes';
- const messages = ruleMessages(ruleName, {
- expected: (value) => `Expected quotes around "${value}"`,
- rejected: (value) => `Unexpected quotes around "${value}"`,
- });
- const meta = {
- url: 'https://stylelint.io/user-guide/rules/list/selector-attribute-quotes',
- fixable: true,
- };
- const acceptedQuoteMark = '"';
- /** @type {import('stylelint').Rule<'always' | 'never'>} */
- const rule = (primary, _secondaryOptions, context) => {
- return (root, result) => {
- const validOptions = validateOptions(result, ruleName, {
- actual: primary,
- possible: ['always', 'never'],
- });
- if (!validOptions) {
- return;
- }
- root.walkRules((ruleNode) => {
- if (!isStandardSyntaxRule(ruleNode)) {
- return;
- }
- const { selector } = ruleNode;
- if (!selector.includes('[') || !selector.includes('=')) {
- return;
- }
- parseSelector(getRuleSelector(ruleNode), result, ruleNode, (selectorTree) => {
- let selectorFixed = false;
- selectorTree.walkAttributes((attributeNode) => {
- const { operator, value, quoted } = attributeNode;
- if (!operator || !value) {
- return;
- }
- if (!quoted && primary === 'always') {
- if (context.fix) {
- selectorFixed = true;
- attributeNode.quoteMark = acceptedQuoteMark;
- } else {
- complain(messages.expected(value), attributeNode);
- }
- }
- if (quoted && primary === 'never') {
- if (context.fix) {
- selectorFixed = true;
- attributeNode.quoteMark = null;
- } else {
- complain(messages.rejected(value), attributeNode);
- }
- }
- });
- if (selectorFixed) {
- ruleNode.selector = selectorTree.toString();
- }
- });
- /**
- * @param {string} message
- * @param {import('postcss-selector-parser').Attribute} attrNode
- */
- function complain(message, attrNode) {
- const index = attrNode.sourceIndex + attrNode.offsetOf('value');
- const value = attrNode.raws.value || attrNode.value || '';
- const endIndex = index + value.length;
- report({
- message,
- index,
- endIndex,
- result,
- ruleName,
- node: ruleNode,
- });
- }
- });
- };
- };
- rule.ruleName = ruleName;
- rule.messages = messages;
- rule.meta = meta;
- module.exports = rule;
|