index.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. // @ts-nocheck
  2. 'use strict';
  3. const _ = require('lodash');
  4. const declarationValueIndex = require('../../utils/declarationValueIndex');
  5. const getUnitFromValueNode = require('../../utils/getUnitFromValueNode');
  6. const matchesStringOrRegExp = require('../../utils/matchesStringOrRegExp');
  7. const postcss = require('postcss');
  8. const report = require('../../utils/report');
  9. const ruleMessages = require('../../utils/ruleMessages');
  10. const validateOptions = require('../../utils/validateOptions');
  11. const valueParser = require('postcss-value-parser');
  12. const ruleName = 'declaration-property-unit-whitelist';
  13. const messages = ruleMessages(ruleName, {
  14. rejected: (property, unit) => `Unexpected unit "${unit}" for property "${property}"`,
  15. });
  16. function rule(list) {
  17. return (root, result) => {
  18. const validOptions = validateOptions(result, ruleName, {
  19. actual: list,
  20. possible: [_.isObject],
  21. });
  22. if (!validOptions) {
  23. return;
  24. }
  25. result.warn(
  26. `'${ruleName}' has been deprecated. Instead use 'declaration-property-unit-allowed-list'.`,
  27. {
  28. stylelintType: 'deprecation',
  29. stylelintReference: `https://github.com/stylelint/stylelint/blob/13.7.0/lib/rules/${ruleName}/README.md`,
  30. },
  31. );
  32. root.walkDecls((decl) => {
  33. const prop = decl.prop;
  34. const value = decl.value;
  35. const unprefixedProp = postcss.vendor.unprefixed(prop);
  36. const propList = _.find(list, (units, propIdentifier) =>
  37. matchesStringOrRegExp(unprefixedProp, propIdentifier),
  38. );
  39. if (!propList) {
  40. return;
  41. }
  42. valueParser(value).walk((node) => {
  43. // Ignore wrong units within `url` function
  44. if (node.type === 'function' && node.value.toLowerCase() === 'url') {
  45. return false;
  46. }
  47. if (node.type === 'string') {
  48. return;
  49. }
  50. const unit = getUnitFromValueNode(node);
  51. if (!unit || (unit && propList.indexOf(unit.toLowerCase())) !== -1) {
  52. return;
  53. }
  54. report({
  55. message: messages.rejected(prop, unit),
  56. node: decl,
  57. index: declarationValueIndex(decl) + node.sourceIndex,
  58. result,
  59. ruleName,
  60. });
  61. });
  62. });
  63. };
  64. }
  65. rule.ruleName = ruleName;
  66. rule.messages = messages;
  67. module.exports = rule;