- 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
188 lines
7.5 KiB
JavaScript
188 lines
7.5 KiB
JavaScript
import { createRule } from '../utils/index.js';
|
|
import { FindVariableContext, iterateIdentifiers } from '../utils/ast-utils.js';
|
|
export default createRule('no-immutable-reactive-statements', {
|
|
meta: {
|
|
docs: {
|
|
description: "disallow reactive statements that don't reference reactive values.",
|
|
category: 'Best Practices',
|
|
recommended: true
|
|
},
|
|
schema: [],
|
|
messages: {
|
|
immutable: 'This statement is not reactive because all variables referenced in the reactive statement are immutable.'
|
|
},
|
|
type: 'suggestion',
|
|
conditions: [
|
|
{
|
|
svelteVersions: ['3/4']
|
|
},
|
|
{
|
|
svelteVersions: ['5'],
|
|
runes: [false, 'undetermined']
|
|
}
|
|
]
|
|
},
|
|
create(context) {
|
|
const scopeManager = context.sourceCode.scopeManager;
|
|
const globalScope = scopeManager.globalScope;
|
|
const toplevelScope = globalScope?.childScopes.find((scope) => scope.type === 'module') || globalScope;
|
|
if (!globalScope || !toplevelScope) {
|
|
return {};
|
|
}
|
|
const cacheMutableVariable = new WeakMap();
|
|
/**
|
|
* Checks whether the given reference is a mutable variable or not.
|
|
*/
|
|
function isMutableVariableReference(reference) {
|
|
if (reference.identifier.name.startsWith('$')) {
|
|
// It is reactive store reference.
|
|
return true;
|
|
}
|
|
if (!reference.resolved) {
|
|
// Unknown variable
|
|
return true;
|
|
}
|
|
return isMutableVariable(reference.resolved);
|
|
}
|
|
/**
|
|
* Checks whether the given variable is a mutable variable or not.
|
|
*/
|
|
function isMutableVariable(variable) {
|
|
const cache = cacheMutableVariable.get(variable);
|
|
if (cache != null) {
|
|
return cache;
|
|
}
|
|
if (variable.defs.length === 0) {
|
|
// Global variables are assumed to be immutable.
|
|
return true;
|
|
}
|
|
const isMutableDefine = variable.defs.some((def) => {
|
|
if (def.type === 'ImportBinding') {
|
|
return false;
|
|
}
|
|
if (def.node.type === 'AssignmentExpression') {
|
|
// Reactive values
|
|
return true;
|
|
}
|
|
if (def.type === 'Variable') {
|
|
const parent = def.parent;
|
|
if (parent.kind === 'const') {
|
|
if (def.node.init &&
|
|
(def.node.init.type === 'FunctionExpression' ||
|
|
def.node.init.type === 'ArrowFunctionExpression' ||
|
|
def.node.init.type === 'Literal')) {
|
|
return false;
|
|
}
|
|
}
|
|
else {
|
|
const pp = parent.parent;
|
|
if (pp && pp.type === 'ExportNamedDeclaration' && pp.declaration === parent) {
|
|
// Props
|
|
return true;
|
|
}
|
|
}
|
|
return hasWrite(new FindVariableContext(context), variable);
|
|
}
|
|
return false;
|
|
});
|
|
cacheMutableVariable.set(variable, isMutableDefine);
|
|
return isMutableDefine;
|
|
}
|
|
/** Checks whether the given variable has a write or reactive store reference or not. */
|
|
function hasWrite(ctx, variable) {
|
|
const defIds = variable.defs.map((def) => def.name);
|
|
for (const reference of variable.references) {
|
|
if (reference.isWrite() &&
|
|
!defIds.some((defId) => defId.range[0] <= reference.identifier.range[0] &&
|
|
reference.identifier.range[1] <= defId.range[1])) {
|
|
return true;
|
|
}
|
|
if (hasWriteMember(ctx, reference.identifier)) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
/** Checks whether the given expression has writing to a member or not. */
|
|
function hasWriteMember(ctx, expr) {
|
|
if (expr.type === 'JSXIdentifier')
|
|
return false;
|
|
const parent = expr.parent;
|
|
if (parent.type === 'AssignmentExpression') {
|
|
return parent.left === expr;
|
|
}
|
|
if (parent.type === 'UpdateExpression') {
|
|
return parent.argument === expr;
|
|
}
|
|
if (parent.type === 'UnaryExpression') {
|
|
return parent.operator === 'delete' && parent.argument === expr;
|
|
}
|
|
if (parent.type === 'MemberExpression') {
|
|
return parent.object === expr && hasWriteMember(ctx, parent);
|
|
}
|
|
if (parent.type === 'SvelteDirective') {
|
|
return parent.kind === 'Binding' && parent.expression === expr;
|
|
}
|
|
if (parent.type === 'SvelteEachBlock') {
|
|
return (parent.context !== null &&
|
|
parent.expression === expr &&
|
|
hasWriteReference(ctx, parent.context));
|
|
}
|
|
return false;
|
|
}
|
|
/** Checks whether the given pattern has writing or not. */
|
|
function hasWriteReference(ctx, pattern) {
|
|
for (const id of iterateIdentifiers(pattern)) {
|
|
const variable = ctx.findVariable(id);
|
|
if (variable && hasWrite(ctx, variable))
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
/**
|
|
* Iterates through references to top-level variables in the given range.
|
|
*/
|
|
function* iterateRangeReferences(scope, range) {
|
|
for (const variable of scope.variables) {
|
|
for (const reference of variable.references) {
|
|
if (range[0] <= reference.identifier.range[0] &&
|
|
reference.identifier.range[1] <= range[1]) {
|
|
yield reference;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return {
|
|
SvelteReactiveStatement(node) {
|
|
for (const reference of iterateRangeReferences(toplevelScope, node.range)) {
|
|
if (reference.isWriteOnly()) {
|
|
continue;
|
|
}
|
|
if (isMutableVariableReference(reference)) {
|
|
return;
|
|
}
|
|
}
|
|
for (const through of toplevelScope.through.filter((reference) => node.range[0] <= reference.identifier.range[0] &&
|
|
reference.identifier.range[1] <= node.range[1])) {
|
|
if (through.identifier.name.startsWith('$$')) {
|
|
// Builtin `$$` vars
|
|
return;
|
|
}
|
|
if (through.resolved == null) {
|
|
// Do not report if there are missing references.
|
|
return;
|
|
}
|
|
}
|
|
context.report({
|
|
node: node.body.type === 'ExpressionStatement' &&
|
|
node.body.expression.type === 'AssignmentExpression' &&
|
|
node.body.expression.operator === '='
|
|
? node.body.expression.right
|
|
: node.body,
|
|
messageId: 'immutable'
|
|
});
|
|
}
|
|
};
|
|
}
|
|
});
|