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,88 @@
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';
import SVGAnimatedEnumeration from '../../svg/SVGAnimatedEnumeration.js';
/**
* SVGFEGaussianBlurElement.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGFEGaussianBlurElement
*/
export default class SVGFEGaussianBlurElement extends SVGElement {
static SVG_EDGEMODE_UNKNOWN: number;
static SVG_EDGEMODE_DUPLICATE: number;
static SVG_EDGEMODE_WRAP: number;
static SVG_EDGEMODE_NONE: number;
[PropertySymbol.edgeMode]: SVGAnimatedEnumeration | 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 edge mode.
*
* @returns Edge mode.
*/
get edgeMode(): SVGAnimatedEnumeration;
/**
* 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=SVGFEGaussianBlurElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"SVGFEGaussianBlurElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/svg-fe-gaussian-blur-element/SVGFEGaussianBlurElement.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;AAC/D,OAAO,sBAAsB,MAAM,qCAAqC,CAAC;AAEzE;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,UAAU;IAE/D,OAAc,oBAAoB,SAAK;IACvC,OAAc,sBAAsB,SAAK;IACzC,OAAc,iBAAiB,SAAK;IACpC,OAAc,iBAAiB,SAAK;IAG7B,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAChE,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,QAAQ,IAAI,sBAAsB,CAc5C;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,CAY5C;IAED;;;;OAIG;IACH,IAAW,aAAa,IAAI,iBAAiB,CAY5C;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,167 @@
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';
import SVGAnimatedEnumeration from '../../svg/SVGAnimatedEnumeration.js';
/**
* SVGFEGaussianBlurElement.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGFEGaussianBlurElement
*/
export default class SVGFEGaussianBlurElement extends SVGElement {
// Static properties
static SVG_EDGEMODE_UNKNOWN = 0;
static SVG_EDGEMODE_DUPLICATE = 1;
static SVG_EDGEMODE_WRAP = 2;
static SVG_EDGEMODE_NONE = 3;
// Internal properties
[PropertySymbol.edgeMode] = 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 edge mode.
*
* @returns Edge mode.
*/
get edgeMode() {
if (!this[PropertySymbol.edgeMode]) {
this[PropertySymbol.edgeMode] = new SVGAnimatedEnumeration(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('edgeMode'),
setAttribute: (value) => this.setAttribute('edgeMode', value),
values: ['duplicate', 'wrap', 'none'],
defaultValue: 'duplicate'
});
}
return this[PropertySymbol.edgeMode];
}
/**
* 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') || '2',
setAttribute: (value) => this.setAttribute('stdDeviationX', value)
});
}
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') || '2',
setAttribute: (value) => this.setAttribute('stdDeviationY', value)
});
}
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=SVGFEGaussianBlurElement.js.map

File diff suppressed because one or more lines are too long