Santhosh Janardhanan
de2d83092e
- Delete old Vite+Svelte frontend - Initialize new SvelteKit project with TypeScript - Configure Tailwind CSS v4 + DaisyUI - Implement JWT authentication with auto-refresh - Create login page with form validation (Zod) - Add protected route guards - Update Docker configuration for single-stage build - Add E2E tests with Playwright (6/11 passing) - Fix Svelte 5 reactivity with $state() runes Known issues: - 5 E2E tests failing (timing/async issues) - Token refresh implementation needs debugging - Validation error display timing
94 lines
3.6 KiB
JavaScript
94 lines
3.6 KiB
JavaScript
import { createRule } from '../utils/index.js';
|
|
import { getTypeScriptTools, isMethodSymbol, isPropertySignatureKind, isFunctionTypeKind, isMethodSignatureKind, isTypeReferenceKind, isIdentifierKind } from '../utils/ts-utils/index.js';
|
|
export default createRule('require-event-prefix', {
|
|
meta: {
|
|
docs: {
|
|
description: 'require component event names to start with "on"',
|
|
category: 'Stylistic Issues',
|
|
conflictWithPrettier: false,
|
|
recommended: false
|
|
},
|
|
schema: [
|
|
{
|
|
type: 'object',
|
|
properties: {
|
|
checkAsyncFunctions: {
|
|
type: 'boolean'
|
|
}
|
|
},
|
|
additionalProperties: false
|
|
}
|
|
],
|
|
messages: {
|
|
nonPrefixedFunction: 'Component event name must start with "on".'
|
|
},
|
|
type: 'suggestion',
|
|
conditions: [
|
|
{
|
|
svelteVersions: ['5'],
|
|
svelteFileTypes: ['.svelte']
|
|
}
|
|
]
|
|
},
|
|
create(context) {
|
|
const tsTools = getTypeScriptTools(context);
|
|
if (!tsTools) {
|
|
return {};
|
|
}
|
|
const checkAsyncFunctions = context.options[0]?.checkAsyncFunctions ?? false;
|
|
return {
|
|
CallExpression(node) {
|
|
const propsType = getPropsType(node, tsTools);
|
|
if (propsType === undefined) {
|
|
return;
|
|
}
|
|
for (const property of propsType.getProperties()) {
|
|
if (isFunctionLike(property, tsTools) &&
|
|
!property.getName().startsWith('on') &&
|
|
(checkAsyncFunctions || !isFunctionAsync(property, tsTools))) {
|
|
const declarationTsNode = property.getDeclarations()?.[0];
|
|
const declarationEstreeNode = declarationTsNode !== undefined
|
|
? tsTools.service.tsNodeToESTreeNodeMap.get(declarationTsNode)
|
|
: undefined;
|
|
context.report({
|
|
node: declarationEstreeNode ?? node,
|
|
messageId: 'nonPrefixedFunction'
|
|
});
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|
|
});
|
|
function getPropsType(node, tsTools) {
|
|
if (node.callee.type !== 'Identifier' ||
|
|
node.callee.name !== '$props' ||
|
|
node.parent.type !== 'VariableDeclarator') {
|
|
return undefined;
|
|
}
|
|
const tsNode = tsTools.service.esTreeNodeToTSNodeMap.get(node.parent.id);
|
|
if (tsNode === undefined) {
|
|
return undefined;
|
|
}
|
|
return tsTools.service.program.getTypeChecker().getTypeAtLocation(tsNode);
|
|
}
|
|
function isFunctionLike(functionSymbol, tsTools) {
|
|
return (isMethodSymbol(functionSymbol, tsTools.ts) ||
|
|
(functionSymbol.valueDeclaration !== undefined &&
|
|
isPropertySignatureKind(functionSymbol.valueDeclaration, tsTools.ts) &&
|
|
functionSymbol.valueDeclaration.type !== undefined &&
|
|
isFunctionTypeKind(functionSymbol.valueDeclaration.type, tsTools.ts)));
|
|
}
|
|
function isFunctionAsync(functionSymbol, tsTools) {
|
|
return (functionSymbol.getDeclarations()?.some((declaration) => {
|
|
if (!isMethodSignatureKind(declaration, tsTools.ts)) {
|
|
return false;
|
|
}
|
|
if (declaration.type === undefined || !isTypeReferenceKind(declaration.type, tsTools.ts)) {
|
|
return false;
|
|
}
|
|
return (isIdentifierKind(declaration.type.typeName, tsTools.ts) &&
|
|
declaration.type.typeName.escapedText === 'Promise');
|
|
}) ?? false);
|
|
}
|