|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- // @ts-nocheck
-
- 'use strict';
-
- const _ = require('lodash');
- const htmlTags = require('html-tags');
- 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 ruleName = 'selector-type-no-unknown';
-
- const messages = ruleMessages(ruleName, {
- rejected: (selector) => `Unexpected unknown type selector "${selector}"`,
- });
-
- function rule(actual, options) {
- return (root, result) => {
- const validOptions = validateOptions(
- result,
- ruleName,
- { actual },
- {
- actual: options,
- 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(options, 'ignore', 'custom-elements') &&
- isCustomElement(tagNode.value)
- ) {
- return;
- }
-
- if (
- optionsMatches(options, 'ignore', 'default-namespace') &&
- !(typeof tagNode.namespace === 'string')
- ) {
- return;
- }
-
- if (optionsMatches(options, 'ignoreNamespaces', tagNode.namespace)) {
- return;
- }
-
- if (optionsMatches(options, 'ignoreTypes', tagNode.value)) {
- return;
- }
-
- const tagName = tagNode.value;
- const tagNameLowerCase = tagName.toLowerCase();
-
- if (
- htmlTags.includes(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,
- });
- });
- });
- });
- };
- }
-
- rule.ruleName = ruleName;
- rule.messages = messages;
- module.exports = rule;
|