stylelint-8-point-grid/dist/index.js

Stylelint plugin to validate CSS with 8-point grid guideline

"use strict";
var _a;
Object.defineProperty(exports, "__esModule", { value: true });
var stylelint_1 = require("stylelint");
var utils_1 = require("./utils");
var ruleMessages = stylelint_1.utils.ruleMessages, validateOptions = stylelint_1.utils.validateOptions, report = stylelint_1.utils.report;
var ruleName = 'plugin/8-point-grid';
exports.ruleName = ruleName;
var rules = (_a = {},
    _a[ruleName] = { base: 8 },
    _a);
exports.rules = rules;
var plugins = ['stylelint-8-point-grid'];
exports.plugins = plugins;
var supportedCssProperties = [
    'margin',
    'margin-top',
    'margin-bottom',
    'margin-left',
    'margin-right',
    'padding',
    'padding-top',
    'padding-bottom',
    'padding-left',
    'padding-right',
    'height',
    'min-height',
    'max-height',
    'width',
    'min-width',
    'max-width',
    'top',
    'bottom',
    'right',
    'left',
];
// ignore values with `calc` and sass variables
var ignoreList = ['calc', '\\$\\w+'];
var pattern = function (props) {
    return new RegExp(props.map(function (prop) { return "^" + prop + "$"; }).join('|'));
};
var ignorePattern = new RegExp(ignoreList.join('|'));
var valid = function (value) {
    return utils_1.hasSupportedValue(value) && !String(value).match(ignorePattern);
};
var messages = ruleMessages(ruleName, {
    invalid: function (prop, actual, base) {
        return "Invalid `" + prop + ": " + actual + "`. It should be divisible by " + base + ".";
    },
});
exports.messages = messages;
var rule = stylelint_1.createPlugin(ruleName, function (primaryOption) {
    return function (postcssRoot, postcssResult) {
        var validOptions = validateOptions(postcssResult, ruleName, {
            actual: primaryOption,
            possible: {
                base: utils_1.validBase,
                ignorelist: supportedCssProperties,
                allowlist: utils_1.hasSupportedValue,
            },
        });
        if (!validOptions)
            return;
        var ignorelist = primaryOption.ignorelist, allowlist = primaryOption.allowlist;
        var props = supportedCssProperties;
        if (ignorelist)
            props = supportedCssProperties.filter(function (prop) { return !ignorelist.includes(prop); });
        postcssRoot.walkDecls(pattern(props), function (decl) {
            if (!valid(decl.value))
                return;
            if (!utils_1.validSupportedValue(decl.value, primaryOption.base, allowlist)) {
                report({
                    ruleName: ruleName,
                    result: postcssResult,
                    node: decl,
                    message: messages.invalid(decl.prop, decl.value, primaryOption.base),
                });
            }
        });
    };
}).rule;
exports.rule = rule;