- 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
51 lines
1.8 KiB
JavaScript
51 lines
1.8 KiB
JavaScript
import { createRule } from '../utils/index.js';
|
|
export default 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 ?? true;
|
|
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' });
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|
|
});
|