Files
OliveTin/frontend/node_modules/stylelint/lib/rules/property-no-vendor-prefix/index.mjs

106 lines
2.4 KiB
JavaScript

import { isRegExp, isString } from '../../utils/validateTypes.mjs';
import { basicKeywords } from '../../reference/keywords.mjs';
import isAutoprefixable from '../../utils/isAutoprefixable.mjs';
import optionsMatches from '../../utils/optionsMatches.mjs';
import report from '../../utils/report.mjs';
import ruleMessages from '../../utils/ruleMessages.mjs';
import validateOptions from '../../utils/validateOptions.mjs';
import vendor from '../../utils/vendor.mjs';
const ruleName = 'property-no-vendor-prefix';
const messages = ruleMessages(ruleName, {
rejected: (property) => `Unexpected vendor-prefixed property "${property}"`,
});
const meta = {
url: 'https://stylelint.io/user-guide/rules/property-no-vendor-prefix',
fixable: true,
};
/** @type {import('stylelint').CoreRules[ruleName]} */
const rule = (primary, secondaryOptions) => {
return (root, result) => {
const validOptions = validateOptions(
result,
ruleName,
{ actual: primary },
{
optional: true,
actual: secondaryOptions,
possible: {
ignoreProperties: [isString, isRegExp],
},
},
);
if (!validOptions) {
return;
}
root.walkDecls((decl) => {
const prop = decl.prop;
const unprefixedProp = vendor.unprefixed(prop);
//return early if property is to be ignored
if (optionsMatches(secondaryOptions, 'ignoreProperties', unprefixedProp)) {
return;
}
// Make sure there's a vendor prefix,
// but this isn't a custom property
if (prop[0] !== '-' || prop[1] === '-') {
return;
}
if (!isAutoprefixable.property(prop)) {
return;
}
// see whatwg/compat#28
if (prop === '-webkit-background-size') {
const backgrounds = decl.value.split(',');
const isSafe = backgrounds.every((background) => {
const values = background.trim().split(/\s+/);
const length = values.length;
const [first] = values;
switch (length) {
case 2:
return true;
case 1:
return first && (first === 'auto' || basicKeywords.has(first));
default:
return false;
}
});
if (!isSafe) return;
}
const fix = () => {
decl.prop = isAutoprefixable.unprefix(decl.prop);
};
report({
message: messages.rejected,
messageArgs: [prop],
word: prop,
node: decl,
result,
ruleName,
fix: {
apply: fix,
node: decl,
},
});
});
};
};
rule.ruleName = ruleName;
rule.messages = messages;
rule.meta = meta;
export default rule;