feat: Reinitialize frontend with SvelteKit and TypeScript

- 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
This commit is contained in:
2026-02-17 16:19:59 -05:00
parent 54df6018f5
commit de2d83092e
28274 changed files with 3816354 additions and 90 deletions

View File

@@ -0,0 +1,60 @@
import SVGElement from '../svg-element/SVGElement.js';
import DOMRect from '../../dom/DOMRect.js';
import DOMMatrix from '../../dom/dom-matrix/DOMMatrix.js';
import SVGStringList from '../../svg/SVGStringList.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import SVGAnimatedTransformList from '../../svg/SVGAnimatedTransformList.js';
import Event from '../../event/Event.js';
/**
* SVG Graphics Element.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGGraphicsElement
*/
export default class SVGGraphicsElement extends SVGElement {
[PropertySymbol.requiredExtensions]: SVGStringList | null;
[PropertySymbol.systemLanguage]: SVGStringList | null;
[PropertySymbol.transform]: SVGAnimatedTransformList | null;
get oncopy(): ((event: Event) => void) | null;
set oncopy(value: ((event: Event) => void) | null);
get oncut(): ((event: Event) => void) | null;
set oncut(value: ((event: Event) => void) | null);
get onpaste(): ((event: Event) => void) | null;
set onpaste(value: ((event: Event) => void) | null);
/**
* Returns required extensions.
*
* @returns Required extensions.
*/
get requiredExtensions(): SVGStringList;
/**
* Returns system language.
*
* @returns System language.
*/
get systemLanguage(): SVGStringList;
/**
* Returns transform.
*
* @returns Transform.
*/
get transform(): SVGAnimatedTransformList;
/**
* Returns DOM rect.
*
* @returns DOM rect.
*/
getBBox(): DOMRect;
/**
* Returns CTM.
*
* @returns CTM.
*/
getCTM(): DOMMatrix;
/**
* Returns screen CTM.
*
* @returns Screen CTM.
*/
getScreenCTM(): DOMMatrix;
}
//# sourceMappingURL=SVGGraphicsElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"SVGGraphicsElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/svg-graphics-element/SVGGraphicsElement.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,wBAAwB,MAAM,uCAAuC,CAAC;AAC7E,OAAO,KAAK,MAAM,sBAAsB,CAAC;AAGzC;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IAElD,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,aAAa,GAAG,IAAI,CAAQ;IACjE,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,aAAa,GAAG,IAAI,CAAQ;IAC7D,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IAM1E,IAAW,MAAM,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAEnD;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAEvD;IAED,IAAW,KAAK,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAElD;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAEtD;IAED,IAAW,OAAO,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAEpD;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAExD;IAID;;;;OAIG;IACH,IAAW,kBAAkB,IAAI,aAAa,CAY7C;IAED;;;;OAIG;IACH,IAAW,cAAc,IAAI,aAAa,CAYzC;IAED;;;;OAIG;IACH,IAAW,SAAS,IAAI,wBAAwB,CAY/C;IAED;;;;OAIG;IACI,OAAO,IAAI,OAAO;IAIzB;;;;OAIG;IACI,MAAM,IAAI,SAAS;IAI1B;;;;OAIG;IACI,YAAY,IAAI,SAAS;CAGhC"}

View File

@@ -0,0 +1,106 @@
import SVGElement from '../svg-element/SVGElement.js';
import DOMRect from '../../dom/DOMRect.js';
import DOMMatrix from '../../dom/dom-matrix/DOMMatrix.js';
import SVGStringList from '../../svg/SVGStringList.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import SVGAnimatedTransformList from '../../svg/SVGAnimatedTransformList.js';
import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
/**
* SVG Graphics Element.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGGraphicsElement
*/
export default class SVGGraphicsElement extends SVGElement {
// Internal properties
[PropertySymbol.requiredExtensions] = null;
[PropertySymbol.systemLanguage] = null;
[PropertySymbol.transform] = null;
// Events
/* eslint-disable jsdoc/require-jsdoc */
get oncopy() {
return ElementEventAttributeUtility.getEventListener(this, 'oncopy');
}
set oncopy(value) {
this[PropertySymbol.propertyEventListeners].set('oncopy', value);
}
get oncut() {
return ElementEventAttributeUtility.getEventListener(this, 'oncut');
}
set oncut(value) {
this[PropertySymbol.propertyEventListeners].set('oncut', value);
}
get onpaste() {
return ElementEventAttributeUtility.getEventListener(this, 'onpaste');
}
set onpaste(value) {
this[PropertySymbol.propertyEventListeners].set('onpaste', value);
}
/* eslint-enable jsdoc/require-jsdoc */
/**
* Returns required extensions.
*
* @returns Required extensions.
*/
get requiredExtensions() {
if (!this[PropertySymbol.requiredExtensions]) {
this[PropertySymbol.requiredExtensions] = new SVGStringList(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('requiredExtensions'),
setAttribute: (value) => this.setAttribute('requiredExtensions', value)
});
}
return this[PropertySymbol.requiredExtensions];
}
/**
* Returns system language.
*
* @returns System language.
*/
get systemLanguage() {
if (!this[PropertySymbol.systemLanguage]) {
this[PropertySymbol.systemLanguage] = new SVGStringList(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('systemLanguage'),
setAttribute: (value) => this.setAttribute('systemLanguage', value)
});
}
return this[PropertySymbol.systemLanguage];
}
/**
* Returns transform.
*
* @returns Transform.
*/
get transform() {
if (!this[PropertySymbol.transform]) {
this[PropertySymbol.transform] = new SVGAnimatedTransformList(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('transform'),
setAttribute: (value) => this.setAttribute('transform', value)
});
}
return this[PropertySymbol.transform];
}
/**
* Returns DOM rect.
*
* @returns DOM rect.
*/
getBBox() {
return new DOMRect();
}
/**
* Returns CTM.
*
* @returns CTM.
*/
getCTM() {
return new DOMMatrix();
}
/**
* Returns screen CTM.
*
* @returns Screen CTM.
*/
getScreenCTM() {
return new DOMMatrix();
}
}
//# sourceMappingURL=SVGGraphicsElement.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"SVGGraphicsElement.js","sourceRoot":"","sources":["../../../src/nodes/svg-graphics-element/SVGGraphicsElement.ts"],"names":[],"mappings":"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"}