/
index.js
119 lines (101 loc) · 3.08 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
'use strict';
const isCustomElement = require('../../utils/isCustomElement');
const isKeyframeSelector = require('../../utils/isKeyframeSelector');
const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
const isStandardSyntaxTypeSelector = require('../../utils/isStandardSyntaxTypeSelector');
const keywordSets = require('../../reference/keywordSets');
const mathMLTags = require('mathml-tag-names');
const optionsMatches = require('../../utils/optionsMatches');
const parseSelector = require('../../utils/parseSelector');
const report = require('../../utils/report');
const ruleMessages = require('../../utils/ruleMessages');
const svgTags = require('svg-tags');
const validateOptions = require('../../utils/validateOptions');
const { isRegExp, isString } = require('../../utils/validateTypes');
const ruleName = 'selector-type-no-unknown';
const messages = ruleMessages(ruleName, {
rejected: (selector) => `Unexpected unknown type selector "${selector}"`,
});
const meta = {
url: 'https://stylelint.io/user-guide/rules/list/selector-type-no-unknown',
};
/** @type {import('stylelint').Rule} */
const rule = (primary, secondaryOptions) => {
return (root, result) => {
const validOptions = validateOptions(
result,
ruleName,
{ actual: primary },
{
actual: secondaryOptions,
possible: {
ignore: ['custom-elements', 'default-namespace'],
ignoreNamespaces: [isString, isRegExp],
ignoreTypes: [isString, isRegExp],
},
optional: true,
},
);
if (!validOptions) {
return;
}
root.walkRules((ruleNode) => {
const selector = ruleNode.selector;
const selectors = ruleNode.selectors;
if (!isStandardSyntaxRule(ruleNode)) {
return;
}
if (selectors.some((s) => isKeyframeSelector(s))) {
return;
}
parseSelector(selector, result, ruleNode, (selectorTree) => {
selectorTree.walkTags((tagNode) => {
if (!isStandardSyntaxTypeSelector(tagNode)) {
return;
}
if (
optionsMatches(secondaryOptions, 'ignore', 'custom-elements') &&
isCustomElement(tagNode.value)
) {
return;
}
if (
optionsMatches(secondaryOptions, 'ignore', 'default-namespace') &&
!(typeof tagNode.namespace === 'string')
) {
return;
}
if (optionsMatches(secondaryOptions, 'ignoreNamespaces', tagNode.namespace)) {
return;
}
if (optionsMatches(secondaryOptions, 'ignoreTypes', tagNode.value)) {
return;
}
const tagName = tagNode.value;
const tagNameLowerCase = tagName.toLowerCase();
if (
keywordSets.standardHtmlTags.has(tagNameLowerCase) ||
// SVG tags are case-sensitive
svgTags.includes(tagName) ||
keywordSets.nonStandardHtmlTags.has(tagNameLowerCase) ||
mathMLTags.includes(tagNameLowerCase)
) {
return;
}
report({
message: messages.rejected(tagName),
node: ruleNode,
index: tagNode.sourceIndex,
ruleName,
result,
word: tagName,
});
});
});
});
};
};
rule.ruleName = ruleName;
rule.messages = messages;
rule.meta = meta;
module.exports = rule;