431 lines
15 KiB
JavaScript
431 lines
15 KiB
JavaScript
|
"use strict";
|
||
|
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
||
|
|
if (k2 === undefined) k2 = k;
|
||
|
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
||
|
|
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
||
|
|
desc = { enumerable: true, get: function() { return m[k]; } };
|
||
|
|
}
|
||
|
|
Object.defineProperty(o, k2, desc);
|
||
|
|
}) : (function(o, m, k, k2) {
|
||
|
|
if (k2 === undefined) k2 = k;
|
||
|
|
o[k2] = m[k];
|
||
|
|
}));
|
||
|
|
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
||
|
|
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
||
|
|
}) : function(o, v) {
|
||
|
|
o["default"] = v;
|
||
|
|
});
|
||
|
|
var __importStar = (this && this.__importStar) || function (mod) {
|
||
|
|
if (mod && mod.__esModule) return mod;
|
||
|
|
var result = {};
|
||
|
|
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
||
|
|
__setModuleDefault(result, mod);
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||
|
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||
|
|
};
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.isExpressionIdentifier = exports.isVoidHtmlElement = exports.getNodeName = exports.getDirectiveName = exports.getAttributeKeyText = exports.getMustacheTokens = exports.getAttributeValueQuoteAndRange = exports.getParent = exports.getScope = exports.iterateIdentifiers = exports.findVariable = exports.getLangValue = exports.getStaticAttributeValue = exports.findBindDirective = exports.findShorthandAttribute = exports.findAttribute = exports.isHTMLElementLike = exports.needParentheses = exports.getStringIfConstant = exports.equalTokens = void 0;
|
||
|
|
const eslintUtils = __importStar(require("@eslint-community/eslint-utils"));
|
||
|
|
const void_elements_1 = __importDefault(require("./void-elements"));
|
||
|
|
const compat_1 = require("./compat");
|
||
|
|
function equalTokens(left, right, sourceCode) {
|
||
|
|
const tokensL = sourceCode.getTokens(left);
|
||
|
|
const tokensR = sourceCode.getTokens(right);
|
||
|
|
if (tokensL.length !== tokensR.length) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
for (let i = 0; i < tokensL.length; ++i) {
|
||
|
|
if (tokensL[i].type !== tokensR[i].type || tokensL[i].value !== tokensR[i].value) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
exports.equalTokens = equalTokens;
|
||
|
|
function getStringIfConstant(node) {
|
||
|
|
if (node.type === 'Literal') {
|
||
|
|
if (typeof node.value === 'string')
|
||
|
|
return node.value;
|
||
|
|
}
|
||
|
|
else if (node.type === 'TemplateLiteral') {
|
||
|
|
let str = '';
|
||
|
|
const quasis = [...node.quasis];
|
||
|
|
const expressions = [...node.expressions];
|
||
|
|
let quasi, expr;
|
||
|
|
while ((quasi = quasis.shift())) {
|
||
|
|
str += quasi.value.cooked;
|
||
|
|
expr = expressions.shift();
|
||
|
|
if (expr) {
|
||
|
|
const exprStr = getStringIfConstant(expr);
|
||
|
|
if (exprStr == null) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
str += exprStr;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return str;
|
||
|
|
}
|
||
|
|
else if (node.type === 'BinaryExpression') {
|
||
|
|
if (node.operator === '+') {
|
||
|
|
const left = getStringIfConstant(node.left);
|
||
|
|
if (left == null) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const right = getStringIfConstant(node.right);
|
||
|
|
if (right == null) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
return left + right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
exports.getStringIfConstant = getStringIfConstant;
|
||
|
|
function needParentheses(node, kind) {
|
||
|
|
if (node.type === 'ArrowFunctionExpression' ||
|
||
|
|
node.type === 'AssignmentExpression' ||
|
||
|
|
node.type === 'BinaryExpression' ||
|
||
|
|
node.type === 'ConditionalExpression' ||
|
||
|
|
node.type === 'LogicalExpression' ||
|
||
|
|
node.type === 'SequenceExpression' ||
|
||
|
|
node.type === 'UnaryExpression' ||
|
||
|
|
node.type === 'UpdateExpression')
|
||
|
|
return true;
|
||
|
|
if (kind === 'logical') {
|
||
|
|
return node.type === 'FunctionExpression';
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
exports.needParentheses = needParentheses;
|
||
|
|
function isHTMLElementLike(node) {
|
||
|
|
if (node.type !== 'SvelteElement') {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
switch (node.kind) {
|
||
|
|
case 'html':
|
||
|
|
return true;
|
||
|
|
case 'special':
|
||
|
|
return node.name.name === 'svelte:element';
|
||
|
|
default:
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
exports.isHTMLElementLike = isHTMLElementLike;
|
||
|
|
function findAttribute(node, name) {
|
||
|
|
const startTag = node.type === 'SvelteStartTag' ? node : node.startTag;
|
||
|
|
for (const attr of startTag.attributes) {
|
||
|
|
if (attr.type === 'SvelteAttribute') {
|
||
|
|
if (attr.key.name === name) {
|
||
|
|
return attr;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
exports.findAttribute = findAttribute;
|
||
|
|
function findShorthandAttribute(node, name) {
|
||
|
|
const startTag = node.type === 'SvelteStartTag' ? node : node.startTag;
|
||
|
|
for (const attr of startTag.attributes) {
|
||
|
|
if (attr.type === 'SvelteShorthandAttribute') {
|
||
|
|
if (attr.key.name === name) {
|
||
|
|
return attr;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
exports.findShorthandAttribute = findShorthandAttribute;
|
||
|
|
function findBindDirective(node, name) {
|
||
|
|
const startTag = node.type === 'SvelteStartTag' ? node : node.startTag;
|
||
|
|
for (const attr of startTag.attributes) {
|
||
|
|
if (attr.type === 'SvelteDirective') {
|
||
|
|
if (attr.kind === 'Binding' && attr.key.name.name === name) {
|
||
|
|
return attr;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
exports.findBindDirective = findBindDirective;
|
||
|
|
function getStaticAttributeValue(node) {
|
||
|
|
let str = '';
|
||
|
|
for (const value of node.value) {
|
||
|
|
if (value.type === 'SvelteLiteral') {
|
||
|
|
str += value.value;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return str;
|
||
|
|
}
|
||
|
|
exports.getStaticAttributeValue = getStaticAttributeValue;
|
||
|
|
function getLangValue(node) {
|
||
|
|
const langAttr = findAttribute(node, 'lang');
|
||
|
|
return langAttr && getStaticAttributeValue(langAttr);
|
||
|
|
}
|
||
|
|
exports.getLangValue = getLangValue;
|
||
|
|
function findVariable(context, node) {
|
||
|
|
const initialScope = eslintUtils.getInnermostScope(getScope(context, node), node);
|
||
|
|
const variable = eslintUtils.findVariable(initialScope, node);
|
||
|
|
if (variable) {
|
||
|
|
return variable;
|
||
|
|
}
|
||
|
|
if (!node.name.startsWith('$')) {
|
||
|
|
return variable;
|
||
|
|
}
|
||
|
|
return eslintUtils.findVariable(initialScope, node.name.slice(1));
|
||
|
|
}
|
||
|
|
exports.findVariable = findVariable;
|
||
|
|
function* iterateIdentifiers(node) {
|
||
|
|
const buffer = [node];
|
||
|
|
let pattern;
|
||
|
|
while ((pattern = buffer.shift())) {
|
||
|
|
if (pattern.type === 'Identifier') {
|
||
|
|
yield pattern;
|
||
|
|
}
|
||
|
|
else if (pattern.type === 'ArrayPattern') {
|
||
|
|
for (const element of pattern.elements) {
|
||
|
|
if (element) {
|
||
|
|
buffer.push(element);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else if (pattern.type === 'ObjectPattern') {
|
||
|
|
for (const property of pattern.properties) {
|
||
|
|
if (property.type === 'Property') {
|
||
|
|
buffer.push(property.value);
|
||
|
|
}
|
||
|
|
else if (property.type === 'RestElement') {
|
||
|
|
buffer.push(property);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else if (pattern.type === 'AssignmentPattern') {
|
||
|
|
buffer.push(pattern.left);
|
||
|
|
}
|
||
|
|
else if (pattern.type === 'RestElement') {
|
||
|
|
buffer.push(pattern.argument);
|
||
|
|
}
|
||
|
|
else if (pattern.type === 'MemberExpression') {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
exports.iterateIdentifiers = iterateIdentifiers;
|
||
|
|
function getScope(context, currentNode) {
|
||
|
|
const scopeManager = (0, compat_1.getSourceCode)(context).scopeManager;
|
||
|
|
let node = currentNode;
|
||
|
|
for (; node; node = node.parent || null) {
|
||
|
|
const scope = scopeManager.acquire(node, false);
|
||
|
|
if (scope) {
|
||
|
|
if (scope.type === 'function-expression-name') {
|
||
|
|
return scope.childScopes[0];
|
||
|
|
}
|
||
|
|
return scope;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return scopeManager.scopes[0];
|
||
|
|
}
|
||
|
|
exports.getScope = getScope;
|
||
|
|
function getParent(node) {
|
||
|
|
return node.parent || null;
|
||
|
|
}
|
||
|
|
exports.getParent = getParent;
|
||
|
|
function getAttributeValueQuoteAndRange(attr, sourceCode) {
|
||
|
|
const valueTokens = getAttributeValueRangeTokens(attr, sourceCode);
|
||
|
|
if (valueTokens == null) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const { firstToken: valueFirstToken, lastToken: valueLastToken } = valueTokens;
|
||
|
|
const eqToken = sourceCode.getTokenAfter(attr.key);
|
||
|
|
if (!eqToken || eqToken.value !== '=' || valueFirstToken.range[0] < eqToken.range[1]) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const beforeTokens = sourceCode.getTokensBetween(eqToken, valueFirstToken);
|
||
|
|
if (beforeTokens.length === 0) {
|
||
|
|
return {
|
||
|
|
quote: 'unquoted',
|
||
|
|
range: [valueFirstToken.range[0], valueLastToken.range[1]],
|
||
|
|
firstToken: valueFirstToken,
|
||
|
|
lastToken: valueLastToken
|
||
|
|
};
|
||
|
|
}
|
||
|
|
else if (beforeTokens.length > 1 ||
|
||
|
|
(beforeTokens[0].value !== '"' && beforeTokens[0].value !== "'")) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const beforeToken = beforeTokens[0];
|
||
|
|
const afterToken = sourceCode.getTokenAfter(valueLastToken);
|
||
|
|
if (!afterToken || afterToken.value !== beforeToken.value) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
quote: beforeToken.value === '"' ? 'double' : 'single',
|
||
|
|
range: [beforeToken.range[0], afterToken.range[1]],
|
||
|
|
firstToken: beforeToken,
|
||
|
|
lastToken: afterToken
|
||
|
|
};
|
||
|
|
}
|
||
|
|
exports.getAttributeValueQuoteAndRange = getAttributeValueQuoteAndRange;
|
||
|
|
function getMustacheTokens(node, sourceCode) {
|
||
|
|
if (node.type === 'SvelteMustacheTag' ||
|
||
|
|
node.type === 'SvelteShorthandAttribute' ||
|
||
|
|
node.type === 'SvelteSpreadAttribute' ||
|
||
|
|
node.type === 'SvelteDebugTag') {
|
||
|
|
const openToken = sourceCode.getFirstToken(node);
|
||
|
|
const closeToken = sourceCode.getLastToken(node);
|
||
|
|
return {
|
||
|
|
openToken,
|
||
|
|
closeToken
|
||
|
|
};
|
||
|
|
}
|
||
|
|
if (node.expression == null) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
if (node.key.range[0] <= node.expression.range[0] &&
|
||
|
|
node.expression.range[1] <= node.key.range[1]) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
let openToken = sourceCode.getTokenBefore(node.expression);
|
||
|
|
let closeToken = sourceCode.getTokenAfter(node.expression);
|
||
|
|
while (openToken &&
|
||
|
|
closeToken &&
|
||
|
|
eslintUtils.isOpeningParenToken(openToken) &&
|
||
|
|
eslintUtils.isClosingParenToken(closeToken)) {
|
||
|
|
openToken = sourceCode.getTokenBefore(openToken);
|
||
|
|
closeToken = sourceCode.getTokenAfter(closeToken);
|
||
|
|
}
|
||
|
|
if (!openToken ||
|
||
|
|
!closeToken ||
|
||
|
|
eslintUtils.isNotOpeningBraceToken(openToken) ||
|
||
|
|
eslintUtils.isNotClosingBraceToken(closeToken)) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
openToken,
|
||
|
|
closeToken
|
||
|
|
};
|
||
|
|
}
|
||
|
|
exports.getMustacheTokens = getMustacheTokens;
|
||
|
|
function getAttributeKeyText(node, context) {
|
||
|
|
switch (node.type) {
|
||
|
|
case 'SvelteAttribute':
|
||
|
|
case 'SvelteShorthandAttribute':
|
||
|
|
return node.key.name;
|
||
|
|
case 'SvelteStyleDirective':
|
||
|
|
return `style:${node.key.name.name}`;
|
||
|
|
case 'SvelteSpecialDirective':
|
||
|
|
return node.kind;
|
||
|
|
case 'SvelteDirective': {
|
||
|
|
const dir = getDirectiveName(node);
|
||
|
|
return `${dir}:${getSimpleNameFromNode(node.key.name, context)}${node.key.modifiers.length ? `|${node.key.modifiers.join('|')}` : ''}`;
|
||
|
|
}
|
||
|
|
default:
|
||
|
|
throw new Error(`Unknown node type: ${node.type}`);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
exports.getAttributeKeyText = getAttributeKeyText;
|
||
|
|
function getDirectiveName(node) {
|
||
|
|
switch (node.kind) {
|
||
|
|
case 'Action':
|
||
|
|
return 'use';
|
||
|
|
case 'Animation':
|
||
|
|
return 'animate';
|
||
|
|
case 'Binding':
|
||
|
|
return 'bind';
|
||
|
|
case 'Class':
|
||
|
|
return 'class';
|
||
|
|
case 'EventHandler':
|
||
|
|
return 'on';
|
||
|
|
case 'Let':
|
||
|
|
return 'let';
|
||
|
|
case 'Transition':
|
||
|
|
return node.intro && node.outro ? 'transition' : node.intro ? 'in' : 'out';
|
||
|
|
case 'Ref':
|
||
|
|
return 'ref';
|
||
|
|
default:
|
||
|
|
throw new Error('Unknown directive kind');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
exports.getDirectiveName = getDirectiveName;
|
||
|
|
function getAttributeValueRangeTokens(attr, sourceCode) {
|
||
|
|
if (attr.type === 'SvelteAttribute' || attr.type === 'SvelteStyleDirective') {
|
||
|
|
if (!attr.value.length) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const first = attr.value[0];
|
||
|
|
const last = attr.value[attr.value.length - 1];
|
||
|
|
return {
|
||
|
|
firstToken: sourceCode.getFirstToken(first),
|
||
|
|
lastToken: sourceCode.getLastToken(last)
|
||
|
|
};
|
||
|
|
}
|
||
|
|
const tokens = getMustacheTokens(attr, sourceCode);
|
||
|
|
if (!tokens) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
firstToken: tokens.openToken,
|
||
|
|
lastToken: tokens.closeToken
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function getNodeName(node) {
|
||
|
|
return getSimpleNameFromNode(node.name);
|
||
|
|
}
|
||
|
|
exports.getNodeName = getNodeName;
|
||
|
|
function isVoidHtmlElement(node) {
|
||
|
|
return void_elements_1.default.includes(getNodeName(node));
|
||
|
|
}
|
||
|
|
exports.isVoidHtmlElement = isVoidHtmlElement;
|
||
|
|
function isExpressionIdentifier(node) {
|
||
|
|
const parent = node.parent;
|
||
|
|
if (!parent) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
if (parent.type === 'MemberExpression') {
|
||
|
|
return !parent.computed || parent.property !== node;
|
||
|
|
}
|
||
|
|
if (parent.type === 'Property' ||
|
||
|
|
parent.type === 'MethodDefinition' ||
|
||
|
|
parent.type === 'PropertyDefinition') {
|
||
|
|
return !parent.computed || parent.key !== node;
|
||
|
|
}
|
||
|
|
if (parent.type === 'FunctionDeclaration' ||
|
||
|
|
parent.type === 'FunctionExpression' ||
|
||
|
|
parent.type === 'ClassDeclaration' ||
|
||
|
|
parent.type === 'ClassExpression') {
|
||
|
|
return parent.id !== node;
|
||
|
|
}
|
||
|
|
if (parent.type === 'LabeledStatement' ||
|
||
|
|
parent.type === 'BreakStatement' ||
|
||
|
|
parent.type === 'ContinueStatement') {
|
||
|
|
return parent.label !== node;
|
||
|
|
}
|
||
|
|
if (parent.type === 'MetaProperty') {
|
||
|
|
return parent.property !== node;
|
||
|
|
}
|
||
|
|
if (parent.type === 'ImportSpecifier') {
|
||
|
|
return parent.imported !== node;
|
||
|
|
}
|
||
|
|
if (parent.type === 'ExportSpecifier') {
|
||
|
|
return parent.exported !== node;
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
exports.isExpressionIdentifier = isExpressionIdentifier;
|
||
|
|
function getSimpleNameFromNode(node, context) {
|
||
|
|
if (node.type === 'Identifier' || node.type === 'SvelteName') {
|
||
|
|
return node.name;
|
||
|
|
}
|
||
|
|
if (node.type === 'SvelteMemberExpressionName' ||
|
||
|
|
(node.type === 'MemberExpression' && !node.computed)) {
|
||
|
|
return `${getSimpleNameFromNode(node.object, context)}.${getSimpleNameFromNode(node.property, context)}`;
|
||
|
|
}
|
||
|
|
if (!context) {
|
||
|
|
throw new Error('Rule context is required');
|
||
|
|
}
|
||
|
|
return (0, compat_1.getSourceCode)(context).getText(node);
|
||
|
|
}
|