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,54 @@
import SVGElement from '../svg-element/SVGElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import SVGAnimatedEnumeration from '../../svg/SVGAnimatedEnumeration.js';
import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
/**
* SVG Mask Element.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGMaskElement
*/
export default class SVGMaskElement extends SVGElement {
[PropertySymbol.maskUnits]: SVGAnimatedEnumeration | null;
[PropertySymbol.maskContentUnits]: SVGAnimatedEnumeration | null;
[PropertySymbol.x]: SVGAnimatedLength | null;
[PropertySymbol.y]: SVGAnimatedLength | null;
[PropertySymbol.width]: SVGAnimatedLength | null;
[PropertySymbol.height]: SVGAnimatedLength | null;
/**
* Returns mask units.
*
* @returns Mask units.
*/
get maskUnits(): SVGAnimatedEnumeration;
/**
* Returns mask content units.
*
* @returns Mask content units.
*/
get maskContentUnits(): SVGAnimatedEnumeration;
/**
* Returns width.
*
* @returns Width.
*/
get width(): SVGAnimatedLength;
/**
* Returns height.
*
* @returns Height.
*/
get height(): SVGAnimatedLength;
/**
* Returns x position.
*
* @returns X position.
*/
get x(): SVGAnimatedLength;
/**
* Returns y position.
*
* @returns Y position.
*/
get y(): SVGAnimatedLength;
}
//# sourceMappingURL=SVGMaskElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"SVGMaskElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/svg-mask-element/SVGMaskElement.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,sBAAsB,MAAM,qCAAqC,CAAC;AACzE,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAE/D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IAE9C,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IACjE,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IACxE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACpD,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACpD,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACxD,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;;;OAIG;IACH,IAAW,SAAS,IAAI,sBAAsB,CAc7C;IAED;;;;OAIG;IACH,IAAW,gBAAgB,IAAI,sBAAsB,CAcpD;IAED;;;;OAIG;IACH,IAAW,KAAK,IAAI,iBAAiB,CAYpC;IAED;;;;OAIG;IACH,IAAW,MAAM,IAAI,iBAAiB,CAYrC;IAED;;;;OAIG;IACH,IAAW,CAAC,IAAI,iBAAiB,CAYhC;IAED;;;;OAIG;IACH,IAAW,CAAC,IAAI,iBAAiB,CAYhC;CACD"}

View File

@@ -0,0 +1,107 @@
import SVGElement from '../svg-element/SVGElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import SVGAnimatedEnumeration from '../../svg/SVGAnimatedEnumeration.js';
import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
/**
* SVG Mask Element.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGMaskElement
*/
export default class SVGMaskElement extends SVGElement {
// Internal properties
[PropertySymbol.maskUnits] = null;
[PropertySymbol.maskContentUnits] = null;
[PropertySymbol.x] = null;
[PropertySymbol.y] = null;
[PropertySymbol.width] = null;
[PropertySymbol.height] = null;
/**
* Returns mask units.
*
* @returns Mask units.
*/
get maskUnits() {
if (!this[PropertySymbol.maskUnits]) {
this[PropertySymbol.maskUnits] = new SVGAnimatedEnumeration(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('maskUnits'),
setAttribute: (value) => this.setAttribute('maskUnits', value),
values: ['userSpaceOnUse', 'objectBoundingBox'],
defaultValue: 'userSpaceOnUse'
});
}
return this[PropertySymbol.maskUnits];
}
/**
* Returns mask content units.
*
* @returns Mask content units.
*/
get maskContentUnits() {
if (!this[PropertySymbol.maskContentUnits]) {
this[PropertySymbol.maskContentUnits] = new SVGAnimatedEnumeration(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('maskContentUnits'),
setAttribute: (value) => this.setAttribute('maskContentUnits', value),
values: ['userSpaceOnUse', 'objectBoundingBox'],
defaultValue: 'userSpaceOnUse'
});
}
return this[PropertySymbol.maskContentUnits];
}
/**
* Returns width.
*
* @returns Width.
*/
get width() {
if (!this[PropertySymbol.width]) {
this[PropertySymbol.width] = new SVGAnimatedLength(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('width'),
setAttribute: (value) => this.setAttribute('width', value)
});
}
return this[PropertySymbol.width];
}
/**
* Returns height.
*
* @returns Height.
*/
get height() {
if (!this[PropertySymbol.height]) {
this[PropertySymbol.height] = new SVGAnimatedLength(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('height'),
setAttribute: (value) => this.setAttribute('height', value)
});
}
return this[PropertySymbol.height];
}
/**
* Returns x position.
*
* @returns X position.
*/
get x() {
if (!this[PropertySymbol.x]) {
this[PropertySymbol.x] = new SVGAnimatedLength(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('x'),
setAttribute: (value) => this.setAttribute('x', value)
});
}
return this[PropertySymbol.x];
}
/**
* Returns y position.
*
* @returns Y position.
*/
get y() {
if (!this[PropertySymbol.y]) {
this[PropertySymbol.y] = new SVGAnimatedLength(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('y'),
setAttribute: (value) => this.setAttribute('y', value)
});
}
return this[PropertySymbol.y];
}
}
//# sourceMappingURL=SVGMaskElement.js.map

View File

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