53 lines
1.9 KiB
JavaScript
53 lines
1.9 KiB
JavaScript
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
const utils_1 = require("../utils");
|
||
|
|
exports.default = (0, utils_1.createRule)('no-inline-styles', {
|
||
|
|
meta: {
|
||
|
|
docs: {
|
||
|
|
description: 'disallow attributes and directives that produce inline styles',
|
||
|
|
category: 'Best Practices',
|
||
|
|
recommended: false
|
||
|
|
},
|
||
|
|
schema: [
|
||
|
|
{
|
||
|
|
type: 'object',
|
||
|
|
properties: {
|
||
|
|
allowTransitions: {
|
||
|
|
type: 'boolean'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
additionalProperties: false
|
||
|
|
}
|
||
|
|
],
|
||
|
|
messages: {
|
||
|
|
hasStyleAttribute: 'Found disallowed style attribute.',
|
||
|
|
hasStyleDirective: 'Found disallowed style directive.',
|
||
|
|
hasTransition: 'Found disallowed transition.'
|
||
|
|
},
|
||
|
|
type: 'suggestion'
|
||
|
|
},
|
||
|
|
create(context) {
|
||
|
|
const allowTransitions = context.options[0]?.allowTransitions ?? false;
|
||
|
|
return {
|
||
|
|
SvelteElement(node) {
|
||
|
|
if (node.kind !== 'html') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
for (const attribute of node.startTag.attributes) {
|
||
|
|
if (attribute.type === 'SvelteStyleDirective') {
|
||
|
|
context.report({ loc: attribute.loc, messageId: 'hasStyleDirective' });
|
||
|
|
}
|
||
|
|
if (attribute.type === 'SvelteAttribute' && attribute.key.name === 'style') {
|
||
|
|
context.report({ loc: attribute.loc, messageId: 'hasStyleAttribute' });
|
||
|
|
}
|
||
|
|
if (!allowTransitions &&
|
||
|
|
attribute.type === 'SvelteDirective' &&
|
||
|
|
attribute.kind === 'Transition') {
|
||
|
|
context.report({ loc: attribute.loc, messageId: 'hasTransition' });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|