index.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. 'use strict';
  2. const valueParser = require('postcss-value-parser');
  3. const isAutoprefixable = require('../../utils/isAutoprefixable');
  4. const isStandardSyntaxDeclaration = require('../../utils/isStandardSyntaxDeclaration');
  5. const isStandardSyntaxProperty = require('../../utils/isStandardSyntaxProperty');
  6. const optionsMatches = require('../../utils/optionsMatches');
  7. const report = require('../../utils/report');
  8. const ruleMessages = require('../../utils/ruleMessages');
  9. const setDeclarationValue = require('../../utils/setDeclarationValue');
  10. const validateOptions = require('../../utils/validateOptions');
  11. const vendor = require('../../utils/vendor');
  12. const { isString } = require('../../utils/validateTypes');
  13. const ruleName = 'value-no-vendor-prefix';
  14. const messages = ruleMessages(ruleName, {
  15. rejected: (value) => `Unexpected vendor-prefix "${value}"`,
  16. });
  17. const meta = {
  18. url: 'https://stylelint.io/user-guide/rules/list/value-no-vendor-prefix',
  19. fixable: true,
  20. };
  21. const valuePrefixes = ['-webkit-', '-moz-', '-ms-', '-o-'];
  22. /**
  23. * @param {string} value
  24. * @returns {boolean}
  25. */
  26. const hasPrefix = (value) => {
  27. const lowerValue = value.toLowerCase();
  28. return valuePrefixes.some((prefix) => lowerValue.startsWith(prefix));
  29. };
  30. /** @type {import('stylelint').Rule} */
  31. const rule = (primary, secondaryOptions, context) => {
  32. return (root, result) => {
  33. const validOptions = validateOptions(
  34. result,
  35. ruleName,
  36. { actual: primary },
  37. {
  38. optional: true,
  39. actual: secondaryOptions,
  40. possible: {
  41. ignoreValues: [isString],
  42. },
  43. },
  44. );
  45. if (!validOptions) {
  46. return;
  47. }
  48. root.walkDecls((decl) => {
  49. const { value } = decl;
  50. if (
  51. !isStandardSyntaxDeclaration(decl) ||
  52. !isStandardSyntaxProperty(decl.prop) ||
  53. !value.startsWith('-')
  54. ) {
  55. return;
  56. }
  57. if (optionsMatches(secondaryOptions, 'ignoreValues', vendor.unprefixed(value))) {
  58. return;
  59. }
  60. const parsedValue = valueParser(value);
  61. parsedValue.walk((node) => {
  62. if (!hasPrefix(node.value)) {
  63. return;
  64. }
  65. if (!isAutoprefixable.propertyValue(node.value)) {
  66. return;
  67. }
  68. if (context.fix) {
  69. node.value = isAutoprefixable.unprefix(node.value);
  70. return;
  71. }
  72. const startIndex = decl.prop.length + (decl.raws.between || '').length + node.sourceIndex;
  73. report({
  74. message: messages.rejected(node.value),
  75. node: decl,
  76. index: startIndex,
  77. endIndex: startIndex + node.value.length,
  78. result,
  79. ruleName,
  80. });
  81. });
  82. setDeclarationValue(decl, parsedValue.toString());
  83. });
  84. };
  85. };
  86. rule.ruleName = ruleName;
  87. rule.messages = messages;
  88. rule.meta = meta;
  89. module.exports = rule;