index.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. 'use strict';
  2. const getRuleSelector = require('../../utils/getRuleSelector');
  3. const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
  4. const parseSelector = require('../../utils/parseSelector');
  5. const report = require('../../utils/report');
  6. const ruleMessages = require('../../utils/ruleMessages');
  7. const validateOptions = require('../../utils/validateOptions');
  8. const ruleName = 'selector-attribute-quotes';
  9. const messages = ruleMessages(ruleName, {
  10. expected: (value) => `Expected quotes around "${value}"`,
  11. rejected: (value) => `Unexpected quotes around "${value}"`,
  12. });
  13. const meta = {
  14. url: 'https://stylelint.io/user-guide/rules/list/selector-attribute-quotes',
  15. fixable: true,
  16. };
  17. const acceptedQuoteMark = '"';
  18. /** @type {import('stylelint').Rule<'always' | 'never'>} */
  19. const rule = (primary, _secondaryOptions, context) => {
  20. return (root, result) => {
  21. const validOptions = validateOptions(result, ruleName, {
  22. actual: primary,
  23. possible: ['always', 'never'],
  24. });
  25. if (!validOptions) {
  26. return;
  27. }
  28. root.walkRules((ruleNode) => {
  29. if (!isStandardSyntaxRule(ruleNode)) {
  30. return;
  31. }
  32. const { selector } = ruleNode;
  33. if (!selector.includes('[') || !selector.includes('=')) {
  34. return;
  35. }
  36. parseSelector(getRuleSelector(ruleNode), result, ruleNode, (selectorTree) => {
  37. let selectorFixed = false;
  38. selectorTree.walkAttributes((attributeNode) => {
  39. const { operator, value, quoted } = attributeNode;
  40. if (!operator || !value) {
  41. return;
  42. }
  43. if (!quoted && primary === 'always') {
  44. if (context.fix) {
  45. selectorFixed = true;
  46. attributeNode.quoteMark = acceptedQuoteMark;
  47. } else {
  48. complain(messages.expected(value), attributeNode);
  49. }
  50. }
  51. if (quoted && primary === 'never') {
  52. if (context.fix) {
  53. selectorFixed = true;
  54. attributeNode.quoteMark = null;
  55. } else {
  56. complain(messages.rejected(value), attributeNode);
  57. }
  58. }
  59. });
  60. if (selectorFixed) {
  61. ruleNode.selector = selectorTree.toString();
  62. }
  63. });
  64. /**
  65. * @param {string} message
  66. * @param {import('postcss-selector-parser').Attribute} attrNode
  67. */
  68. function complain(message, attrNode) {
  69. const index = attrNode.sourceIndex + attrNode.offsetOf('value');
  70. const value = attrNode.raws.value || attrNode.value || '';
  71. const endIndex = index + value.length;
  72. report({
  73. message,
  74. index,
  75. endIndex,
  76. result,
  77. ruleName,
  78. node: ruleNode,
  79. });
  80. }
  81. });
  82. };
  83. };
  84. rule.ruleName = ruleName;
  85. rule.messages = messages;
  86. rule.meta = meta;
  87. module.exports = rule;