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,111 @@
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
var ownKeys = function(o) {
ownKeys = Object.getOwnPropertyNames || function (o) {
var ar = [];
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
return ar;
};
return ownKeys(o);
};
return function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
__setModuleDefault(result, mod);
return result;
};
})();
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const SVGGeometryElement_js_1 = __importDefault(require("../svg-geometry-element/SVGGeometryElement.cjs"));
const PropertySymbol = __importStar(require("../../PropertySymbol.cjs"));
const SVGAnimatedLength_js_1 = __importDefault(require("../../svg/SVGAnimatedLength.cjs"));
/**
* SVG Ellipse Element.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGEllipseElement
*/
class SVGEllipseElement extends SVGGeometryElement_js_1.default {
// Internal properties
[PropertySymbol.cx] = null;
[PropertySymbol.cy] = null;
[PropertySymbol.rx] = null;
[PropertySymbol.ry] = null;
/**
* Returns cx.
*
* @returns Cx.
*/
get cx() {
if (!this[PropertySymbol.cx]) {
this[PropertySymbol.cx] = new SVGAnimatedLength_js_1.default(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('cx'),
setAttribute: (value) => this.setAttribute('cx', value)
});
}
return this[PropertySymbol.cx];
}
/**
* Returns cy.
*
* @returns Cy.
*/
get cy() {
if (!this[PropertySymbol.cy]) {
this[PropertySymbol.cy] = new SVGAnimatedLength_js_1.default(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('cy'),
setAttribute: (value) => this.setAttribute('cy', value)
});
}
return this[PropertySymbol.cy];
}
/**
* Returns rx.
*
* @returns Rx.
*/
get rx() {
if (!this[PropertySymbol.rx]) {
this[PropertySymbol.rx] = new SVGAnimatedLength_js_1.default(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('rx'),
setAttribute: (value) => this.setAttribute('rx', value)
});
}
return this[PropertySymbol.rx];
}
/**
* Returns ry.
*
* @returns Ry.
*/
get ry() {
if (!this[PropertySymbol.ry]) {
this[PropertySymbol.ry] = new SVGAnimatedLength_js_1.default(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
getAttribute: () => this.getAttribute('ry'),
setAttribute: (value) => this.setAttribute('ry', value)
});
}
return this[PropertySymbol.ry];
}
}
exports.default = SVGEllipseElement;
//# sourceMappingURL=SVGEllipseElement.cjs.map

View File

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

View File

@@ -0,0 +1,39 @@
import SVGGeometryElement from '../svg-geometry-element/SVGGeometryElement.cjs';
import * as PropertySymbol from '../../PropertySymbol.cjs';
import SVGAnimatedLength from '../../svg/SVGAnimatedLength.cjs';
/**
* SVG Ellipse Element.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SVGEllipseElement
*/
export default class SVGEllipseElement extends SVGGeometryElement {
[PropertySymbol.cx]: SVGAnimatedLength | null;
[PropertySymbol.cy]: SVGAnimatedLength | null;
[PropertySymbol.rx]: SVGAnimatedLength | null;
[PropertySymbol.ry]: SVGAnimatedLength | null;
/**
* Returns cx.
*
* @returns Cx.
*/
get cx(): SVGAnimatedLength;
/**
* Returns cy.
*
* @returns Cy.
*/
get cy(): SVGAnimatedLength;
/**
* Returns rx.
*
* @returns Rx.
*/
get rx(): SVGAnimatedLength;
/**
* Returns ry.
*
* @returns Ry.
*/
get ry(): SVGAnimatedLength;
}
//# sourceMappingURL=SVGEllipseElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"SVGEllipseElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/svg-ellipse-element/SVGEllipseElement.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,+CAA+C,CAAC;AAC/E,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAE/D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,kBAAkB;IAEzD,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,EAAE,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACrD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE5D;;;;OAIG;IACH,IAAW,EAAE,IAAI,iBAAiB,CAYjC;IAED;;;;OAIG;IACH,IAAW,EAAE,IAAI,iBAAiB,CAYjC;IAED;;;;OAIG;IACH,IAAW,EAAE,IAAI,iBAAiB,CAYjC;IAED;;;;OAIG;IACH,IAAW,EAAE,IAAI,iBAAiB,CAYjC;CACD"}