1 |
|
2 |
|
3 | 'use strict';
|
4 |
|
5 | const _ = require('lodash');
|
6 | const atRuleParamIndex = require('../../utils/atRuleParamIndex');
|
7 | const declarationValueIndex = require('../../utils/declarationValueIndex');
|
8 | const getUnitFromValueNode = require('../../utils/getUnitFromValueNode');
|
9 | const mediaParser = require('postcss-media-query-parser').default;
|
10 | const optionsMatches = require('../../utils/optionsMatches');
|
11 | const report = require('../../utils/report');
|
12 | const ruleMessages = require('../../utils/ruleMessages');
|
13 | const validateObjectWithArrayProps = require('../../utils/validateObjectWithArrayProps');
|
14 | const validateOptions = require('../../utils/validateOptions');
|
15 | const valueParser = require('postcss-value-parser');
|
16 |
|
17 | const ruleName = 'unit-blacklist';
|
18 |
|
19 | const messages = ruleMessages(ruleName, {
|
20 | rejected: (unit) => `Unexpected unit "${unit}"`,
|
21 | });
|
22 |
|
23 |
|
24 |
|
25 | const getMediaFeatureName = (mediaFeatureNode) => {
|
26 | const value = mediaFeatureNode.value.toLowerCase();
|
27 |
|
28 | return /((-?\w*)*)/i.exec(value)[1];
|
29 | };
|
30 |
|
31 | function rule(blacklistInput, options) {
|
32 | const blacklist = [].concat(blacklistInput);
|
33 |
|
34 | return (root, result) => {
|
35 | const validOptions = validateOptions(
|
36 | result,
|
37 | ruleName,
|
38 | {
|
39 | actual: blacklist,
|
40 | possible: [_.isString],
|
41 | },
|
42 | {
|
43 | optional: true,
|
44 | actual: options,
|
45 | possible: {
|
46 | ignoreProperties: validateObjectWithArrayProps([_.isString, _.isRegExp]),
|
47 | ignoreMediaFeatureNames: validateObjectWithArrayProps([_.isString, _.isRegExp]),
|
48 | },
|
49 | },
|
50 | );
|
51 |
|
52 | if (!validOptions) {
|
53 | return;
|
54 | }
|
55 |
|
56 | function check(node, nodeIndex, valueNode, input, option) {
|
57 | const unit = getUnitFromValueNode(valueNode);
|
58 |
|
59 |
|
60 | if (!unit || (unit && !blacklist.includes(unit.toLowerCase()))) {
|
61 | return;
|
62 | }
|
63 |
|
64 |
|
65 | if (optionsMatches(option, unit.toLowerCase(), input)) {
|
66 | return;
|
67 | }
|
68 |
|
69 | report({
|
70 | index: nodeIndex + valueNode.sourceIndex,
|
71 | message: messages.rejected(unit),
|
72 | node,
|
73 | result,
|
74 | ruleName,
|
75 | });
|
76 | }
|
77 |
|
78 | function checkMedia(node, value, getIndex) {
|
79 | mediaParser(node.params).walk(/^media-feature$/i, (mediaFeatureNode) => {
|
80 | const mediaName = getMediaFeatureName(mediaFeatureNode);
|
81 | const parentValue = mediaFeatureNode.parent.value;
|
82 |
|
83 | valueParser(value).walk((valueNode) => {
|
84 |
|
85 |
|
86 | if (valueNode.type !== 'word' || !parentValue.includes(valueNode.value)) {
|
87 | return;
|
88 | }
|
89 |
|
90 | check(
|
91 | node,
|
92 | getIndex(node),
|
93 | valueNode,
|
94 | mediaName,
|
95 | options ? options.ignoreMediaFeatureNames : {},
|
96 | );
|
97 | });
|
98 | });
|
99 | }
|
100 |
|
101 | function checkDecl(node, value, getIndex) {
|
102 |
|
103 |
|
104 | value = value.replace(/\*/g, ',');
|
105 |
|
106 | valueParser(value).walk((valueNode) => {
|
107 |
|
108 | if (valueNode.type === 'function' && valueNode.value.toLowerCase() === 'url') {
|
109 | return false;
|
110 | }
|
111 |
|
112 | check(node, getIndex(node), valueNode, node.prop, options ? options.ignoreProperties : {});
|
113 | });
|
114 | }
|
115 |
|
116 | root.walkAtRules(/^media$/i, (atRule) => checkMedia(atRule, atRule.params, atRuleParamIndex));
|
117 | root.walkDecls((decl) => checkDecl(decl, decl.value, declarationValueIndex));
|
118 | };
|
119 | }
|
120 |
|
121 | rule.primaryOptionArray = true;
|
122 |
|
123 | rule.ruleName = ruleName;
|
124 | rule.messages = messages;
|
125 | module.exports = rule;
|