123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = rule;
- exports.ruleName = exports.meta = exports.messages = void 0;
- var _stylelint = require("stylelint");
- var _utils = require("../../utils");
- var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- var ruleName = (0, _utils.namespace)("dollar-variable-no-missing-interpolation");
- exports.ruleName = ruleName;
- var messages = _stylelint.utils.ruleMessages(ruleName, {
- rejected: function rejected(n, v) {
- return "Expected variable ".concat(v, " to be interpolated when using it with ").concat(n);
- }
- });
- exports.messages = messages;
- var meta = {
- url: (0, _utils.ruleUrl)(ruleName)
- };
- // https://developer.mozilla.org/en/docs/Web/CSS/custom-ident#Lists_of_excluded_values
- exports.meta = meta;
- var customIdentProps = ["animation", "animation-name", "counter-reset", "counter-increment", "list-style-type", "will-change"];
- // https://developer.mozilla.org/en/docs/Web/CSS/At-rule
- var customIdentAtRules = ["counter-style", "keyframes", "supports"];
- function isAtRule(type) {
- return type === "atrule";
- }
- function isCustomIdentAtRule(node) {
- return isAtRule(node.type) && customIdentAtRules.includes(node.name);
- }
- function isCustomIdentProp(node) {
- return customIdentProps.includes(node.prop);
- }
- function isAtSupports(node) {
- return isAtRule(node.type) && node.name === "supports";
- }
- function isSassVar(value) {
- return value[0] === "$";
- }
- function isStringVal(value) {
- return /^(["']).*(["'])$/.test(value);
- }
- function toRegex(arr) {
- return new RegExp("(".concat(arr.join("|"), ")"));
- }
- function rule(actual) {
- return function (root, result) {
- var validOptions = _stylelint.utils.validateOptions(result, ruleName, {
- actual: actual
- });
- if (!validOptions) {
- return;
- }
- var stringVars = [];
- var vars = [];
- function findVars(node) {
- node.walkDecls(function (decl) {
- var prop = decl.prop,
- value = decl.value;
- if (!isSassVar(prop) || vars.includes(prop)) {
- return;
- }
- if (isStringVal(value)) {
- stringVars.push(prop);
- }
- vars.push(prop);
- });
- }
- findVars(root);
- root.walkRules(findVars);
- if (!vars.length) {
- return;
- }
- function shouldReport(node, value) {
- if (isAtSupports(node) || isCustomIdentProp(node)) {
- return stringVars.includes(value);
- }
- if (isCustomIdentAtRule(node)) {
- return vars.includes(value);
- }
- return false;
- }
- function report(node, value) {
- var name = node.name,
- prop = node.prop,
- type = node.type;
- var nodeName = isAtRule(type) ? "@".concat(name) : prop;
- _stylelint.utils.report({
- ruleName: ruleName,
- result: result,
- node: node,
- message: messages.rejected(nodeName, value)
- });
- }
- function exitEarly(node) {
- return node.type !== "word" || !node.value;
- }
- function walkValues(node, value) {
- (0, _postcssValueParser["default"])(value).walk(function (valNode) {
- var value = valNode.value;
- if (exitEarly(valNode) || !shouldReport(node, value)) {
- return;
- }
- report(node, value);
- });
- }
- root.walkDecls(toRegex(customIdentProps), function (decl) {
- walkValues(decl, decl.value);
- });
- root.walkAtRules(toRegex(customIdentAtRules), function (atRule) {
- walkValues(atRule, atRule.params);
- });
- };
- }
- rule.ruleName = ruleName;
- rule.messages = messages;
- rule.meta = meta;
|