You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

78 lines
3.0 KiB
JavaScript

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const utils_1 = require("../utils");
const ast_utils_1 = require("../utils/ast-utils");
const compat_1 = require("../utils/compat");
exports.default = (0, utils_1.createRule)('no-dynamic-slot-name', {
meta: {
docs: {
description: 'disallow dynamic slot name',
category: 'Possible Errors',
recommended: true
},
fixable: 'code',
schema: [],
messages: {
unexpected: '`<slot>` name cannot be dynamic.',
requireValue: '`<slot>` name requires a value.'
},
type: 'problem'
},
create(context) {
const sourceCode = (0, compat_1.getSourceCode)(context);
return {
"SvelteElement[name.name='slot'] > SvelteStartTag.startTag > SvelteAttribute[key.name='name']"(node) {
if (node.value.length === 0) {
context.report({
node,
messageId: 'requireValue'
});
return;
}
for (const vNode of node.value) {
if (vNode.type === 'SvelteMustacheTag') {
context.report({
node: vNode,
messageId: 'unexpected',
fix(fixer) {
const text = getStaticText(vNode.expression);
if (text == null) {
return null;
}
if (node.value.length === 1) {
const range = (0, ast_utils_1.getAttributeValueQuoteAndRange)(node, sourceCode).range;
return fixer.replaceTextRange(range, `"${text}"`);
}
const range = vNode.range;
return fixer.replaceTextRange(range, text);
}
});
}
}
}
};
function getStaticText(node) {
const expr = findRootExpression(node);
return (0, ast_utils_1.getStringIfConstant)(expr);
}
function findRootExpression(node, already = new Set()) {
if (node.type !== 'Identifier' || already.has(node)) {
return node;
}
already.add(node);
const variable = (0, ast_utils_1.findVariable)(context, node);
if (!variable || variable.defs.length !== 1) {
return node;
}
const def = variable.defs[0];
if (def.type === 'Variable') {
if (def.parent.kind === 'const' && def.node.init) {
const init = def.node.init;
return findRootExpression(init, already);
}
}
return node;
}
}
});