mirror of
https://github.com/thangisme/notes.git
synced 2024-11-01 06:37:17 -04:00
69 lines
2.1 KiB
JavaScript
69 lines
2.1 KiB
JavaScript
|
"use strict"
|
||
|
|
||
|
const atRuleParamIndex = require("../../utils/atRuleParamIndex")
|
||
|
const isCustomMediaQuery = require("../../utils/isCustomMediaQuery")
|
||
|
const isRangeContextMediaFeature = require("../../utils/isRangeContextMediaFeature")
|
||
|
const isStandardSyntaxMediaFeatureName = require("../../utils/isStandardSyntaxMediaFeatureName")
|
||
|
const optionsMatches = require("../../utils/optionsMatches")
|
||
|
const report = require("../../utils/report")
|
||
|
const ruleMessages = require("../../utils/ruleMessages")
|
||
|
const validateOptions = require("../../utils/validateOptions")
|
||
|
const _ = require("lodash")
|
||
|
const keywordSets = require("../../reference/keywordSets")
|
||
|
const mediaParser = require("postcss-media-query-parser").default
|
||
|
const postcss = require("postcss")
|
||
|
|
||
|
const ruleName = "media-feature-name-no-unknown"
|
||
|
|
||
|
const messages = ruleMessages(ruleName, {
|
||
|
rejected: mediaFeatureName => `Unexpected unknown media feature name "${mediaFeatureName}"`,
|
||
|
})
|
||
|
|
||
|
const rule = function (actual, options) {
|
||
|
return (root, result) => {
|
||
|
const validOptions = validateOptions(result, ruleName, { actual }, {
|
||
|
actual: options,
|
||
|
possible: {
|
||
|
ignoreMediaFeatureNames: [_.isString],
|
||
|
},
|
||
|
optional: true,
|
||
|
})
|
||
|
|
||
|
if (!validOptions) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
root.walkAtRules(/^media$/i, atRule => {
|
||
|
mediaParser(atRule.params).walk(/^media-feature$/i, mediaFeatureNode => {
|
||
|
const parent = mediaFeatureNode.parent,
|
||
|
sourceIndex = mediaFeatureNode.sourceIndex,
|
||
|
value = mediaFeatureNode.value
|
||
|
|
||
|
if (isRangeContextMediaFeature(parent.value) || !isStandardSyntaxMediaFeatureName(value) || isCustomMediaQuery(value)) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
if (optionsMatches(options, "ignoreMediaFeatureNames", value)) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
if (postcss.vendor.prefix(value) || keywordSets.mediaFeatureNames.has(value.toLowerCase())) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
report({
|
||
|
index: atRuleParamIndex(atRule) + sourceIndex,
|
||
|
message: messages.rejected(value),
|
||
|
node: atRule,
|
||
|
ruleName,
|
||
|
result,
|
||
|
})
|
||
|
})
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
|
||
|
rule.ruleName = ruleName
|
||
|
rule.messages = messages
|
||
|
module.exports = rule
|