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,90 @@
import SVGElement from '../svg-element/SVGElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import SVGAnimatedNumber from '../../svg/SVGAnimatedNumber.js';
import SVGAnimatedString from '../../svg/SVGAnimatedString.js';
import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
/**
* SVGFEDropShadowElement.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGFEDropShadowElement
*/
export default class SVGFEDropShadowElement extends SVGElement {
[PropertySymbol.dx]: SVGAnimatedNumber | null;
[PropertySymbol.dy]: SVGAnimatedNumber | null;
[PropertySymbol.height]: SVGAnimatedLength | null;
[PropertySymbol.in1]: SVGAnimatedString | null;
[PropertySymbol.result]: SVGAnimatedString | null;
[PropertySymbol.stdDeviationX]: SVGAnimatedNumber | null;
[PropertySymbol.stdDeviationY]: SVGAnimatedNumber | null;
[PropertySymbol.width]: SVGAnimatedLength | null;
[PropertySymbol.x]: SVGAnimatedLength | null;
[PropertySymbol.y]: SVGAnimatedLength | null;
/**
* Returns dx.
*
* @returns Dx.
*/
get dx(): SVGAnimatedNumber;
/**
* Returns dy.
*
* @returns Dy.
*/
get dy(): SVGAnimatedNumber;
/**
* Returns height.
*
* @returns Height.
*/
get height(): SVGAnimatedLength;
/**
* Returns in1.
*
* @returns In1.
*/
get in1(): SVGAnimatedString;
/**
* Returns result.
*
* @returns Result.
*/
get result(): SVGAnimatedString;
/**
* Returns stdDeviationX.
*
* @returns StdDeviationX.
*/
get stdDeviationX(): SVGAnimatedNumber;
/**
* Returns stdDeviationY.
*
* @returns StdDeviationY.
*/
get stdDeviationY(): SVGAnimatedNumber;
/**
* Returns width.
*
* @returns Width.
*/
get width(): SVGAnimatedLength;
/**
* Returns x position.
*
* @returns X position.
*/
get x(): SVGAnimatedLength;
/**
* Returns y position.
*
* @returns Y position.
*/
get y(): SVGAnimatedLength;
/**
* Sets stdDeviation.
*
* @param x X.
* @param y Y.
*/
setStdDeviation(x: number, y: number): void;
}
//# sourceMappingURL=SVGFEDropShadowElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"SVGFEDropShadowElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/svg-fe-drop-shadow-element/SVGFEDropShadowElement.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAE/D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAEtD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACrD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACrD,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACzD,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACtD,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACzD,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAChE,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAChE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACxD,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACpD,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE3D;;;;OAIG;IACH,IAAW,EAAE,IAAI,iBAAiB,CAYjC;IAED;;;;OAIG;IACH,IAAW,EAAE,IAAI,iBAAiB,CAYjC;IAED;;;;OAIG;IACH,IAAW,MAAM,IAAI,iBAAiB,CAYrC;IAED;;;;OAIG;IACH,IAAW,GAAG,IAAI,iBAAiB,CAYlC;IAED;;;;OAIG;IACH,IAAW,MAAM,IAAI,iBAAiB,CAYrC;IAED;;;;OAIG;IACH,IAAW,aAAa,IAAI,iBAAiB,CAa5C;IAED;;;;OAIG;IACH,IAAW,aAAa,IAAI,iBAAiB,CAa5C;IAED;;;;OAIG;IACH,IAAW,KAAK,IAAI,iBAAiB,CAYpC;IAED;;;;OAIG;IACH,IAAW,CAAC,IAAI,iBAAiB,CAYhC;IAED;;;;OAIG;IACH,IAAW,CAAC,IAAI,iBAAiB,CAYhC;IAED;;;;;OAKG;IACI,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;CAIlD"}

View File

@@ -0,0 +1,176 @@
import SVGElement from '../svg-element/SVGElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import SVGAnimatedNumber from '../../svg/SVGAnimatedNumber.js';
import SVGAnimatedString from '../../svg/SVGAnimatedString.js';
import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
/**
* SVGFEDropShadowElement.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGFEDropShadowElement
*/
export default class SVGFEDropShadowElement extends SVGElement {
// Internal properties
[PropertySymbol.dx] = null;
[PropertySymbol.dy] = null;
[PropertySymbol.height] = null;
[PropertySymbol.in1] = null;
[PropertySymbol.result] = null;
[PropertySymbol.stdDeviationX] = null;
[PropertySymbol.stdDeviationY] = null;
[PropertySymbol.width] = null;
[PropertySymbol.x] = null;
[PropertySymbol.y] = null;
/**
* Returns dx.
*
* @returns Dx.
*/
get dx() {
if (!this[PropertySymbol.dx]) {
this[PropertySymbol.dx] = new SVGAnimatedNumber(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('dx'),
setAttribute: (value) => this.setAttribute('dx', value)
});
}
return this[PropertySymbol.dx];
}
/**
* Returns dy.
*
* @returns Dy.
*/
get dy() {
if (!this[PropertySymbol.dy]) {
this[PropertySymbol.dy] = new SVGAnimatedNumber(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('dy'),
setAttribute: (value) => this.setAttribute('dy', value)
});
}
return this[PropertySymbol.dy];
}
/**
* 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 in1.
*
* @returns In1.
*/
get in1() {
if (!this[PropertySymbol.in1]) {
this[PropertySymbol.in1] = new SVGAnimatedString(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('in'),
setAttribute: (value) => this.setAttribute('in', value)
});
}
return this[PropertySymbol.in1];
}
/**
* Returns result.
*
* @returns Result.
*/
get result() {
if (!this[PropertySymbol.result]) {
this[PropertySymbol.result] = new SVGAnimatedString(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('result'),
setAttribute: (value) => this.setAttribute('result', value)
});
}
return this[PropertySymbol.result];
}
/**
* Returns stdDeviationX.
*
* @returns StdDeviationX.
*/
get stdDeviationX() {
if (!this[PropertySymbol.stdDeviationX]) {
this[PropertySymbol.stdDeviationX] = new SVGAnimatedNumber(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('stdDeviationX'),
setAttribute: (value) => this.setAttribute('stdDeviationX', value),
defaultValue: 2
});
}
return this[PropertySymbol.stdDeviationX];
}
/**
* Returns stdDeviationY.
*
* @returns StdDeviationY.
*/
get stdDeviationY() {
if (!this[PropertySymbol.stdDeviationY]) {
this[PropertySymbol.stdDeviationY] = new SVGAnimatedNumber(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('stdDeviationY'),
setAttribute: (value) => this.setAttribute('stdDeviationY', value),
defaultValue: 2
});
}
return this[PropertySymbol.stdDeviationY];
}
/**
* 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 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];
}
/**
* Sets stdDeviation.
*
* @param x X.
* @param y Y.
*/
setStdDeviation(x, y) {
this.stdDeviationX.baseVal = x;
this.stdDeviationY.baseVal = y;
}
}
//# sourceMappingURL=SVGFEDropShadowElement.js.map

File diff suppressed because one or more lines are too long