index.js 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. // @ts-nocheck
  2. 'use strict';
  3. const _ = require('lodash');
  4. const atRuleParamIndex = require('../../utils/atRuleParamIndex');
  5. const isRangeContextMediaFeature = require('../../utils/isRangeContextMediaFeature');
  6. const matchesStringOrRegExp = require('../../utils/matchesStringOrRegExp');
  7. const mediaParser = require('postcss-media-query-parser').default;
  8. const postcss = require('postcss');
  9. const rangeContextNodeParser = require('../rangeContextNodeParser');
  10. const report = require('../../utils/report');
  11. const ruleMessages = require('../../utils/ruleMessages');
  12. const validateOptions = require('../../utils/validateOptions');
  13. const ruleName = 'media-feature-name-value-whitelist';
  14. const messages = ruleMessages(ruleName, {
  15. rejected: (name, value) => `Unexpected value "${value}" for name "${name}"`,
  16. });
  17. function rule(list) {
  18. return (root, result) => {
  19. const validOptions = validateOptions(result, ruleName, {
  20. actual: list,
  21. possible: [_.isObject],
  22. });
  23. if (!validOptions) {
  24. return;
  25. }
  26. result.warn(
  27. `'${ruleName}' has been deprecated. Instead use 'media-feature-name-value-allowed-list'.`,
  28. {
  29. stylelintType: 'deprecation',
  30. stylelintReference: `https://github.com/stylelint/stylelint/blob/13.7.0/lib/rules/${ruleName}/README.md`,
  31. },
  32. );
  33. root.walkAtRules(/^media$/i, (atRule) => {
  34. mediaParser(atRule.params).walk(/^media-feature-expression$/i, (node) => {
  35. const mediaFeatureRangeContext = isRangeContextMediaFeature(node.parent.value);
  36. // Ignore boolean
  37. if (!node.value.includes(':') && !mediaFeatureRangeContext) {
  38. return;
  39. }
  40. const mediaFeatureNode = _.find(node.nodes, { type: 'media-feature' });
  41. let mediaFeatureName;
  42. let values = [];
  43. if (mediaFeatureRangeContext) {
  44. const parsedRangeContext = rangeContextNodeParser(mediaFeatureNode);
  45. mediaFeatureName = parsedRangeContext.name.value;
  46. values = parsedRangeContext.values;
  47. } else {
  48. mediaFeatureName = mediaFeatureNode.value;
  49. values.push(_.find(node.nodes, { type: 'value' }));
  50. }
  51. for (let i = 0; i < values.length; i++) {
  52. const valueNode = values[i];
  53. const value = valueNode.value;
  54. const unprefixedMediaFeatureName = postcss.vendor.unprefixed(mediaFeatureName);
  55. const allowedValues = _.find(list, (v, featureName) =>
  56. matchesStringOrRegExp(unprefixedMediaFeatureName, featureName),
  57. );
  58. if (allowedValues === undefined) {
  59. return;
  60. }
  61. if (matchesStringOrRegExp(value, allowedValues)) {
  62. return;
  63. }
  64. report({
  65. index: atRuleParamIndex(atRule) + valueNode.sourceIndex,
  66. message: messages.rejected(mediaFeatureName, value),
  67. node: atRule,
  68. ruleName,
  69. result,
  70. });
  71. }
  72. });
  73. });
  74. };
  75. }
  76. rule.ruleName = ruleName;
  77. rule.messages = messages;
  78. module.exports = rule;