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,126 @@
"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 HTMLElement_js_1 = __importDefault(require("../html-element/HTMLElement.cjs"));
const HTMLLabelElementUtility_js_1 = __importDefault(require("../html-label-element/HTMLLabelElementUtility.cjs"));
const PropertySymbol = __importStar(require("../../PropertySymbol.cjs"));
/**
* HTMLProgressElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLProgressElement
*/
class HTMLProgressElement extends HTMLElement_js_1.default {
/**
* Returns max.
*
* @returns Max.
*/
get max() {
if (!this.hasAttribute('max')) {
return 1;
}
const parsedValue = parseFloat(this.getAttribute('max') || '');
if (isNaN(parsedValue) || parsedValue < 0) {
return 1;
}
return parsedValue;
}
/**
* Sets max.
*
* @param max Max.
*/
set max(max) {
max = typeof max !== 'number' ? Number(max) : max;
if (isNaN(max)) {
throw new this[PropertySymbol.window].TypeError("Failed to set the 'max' property on 'HTMLProgressElement': The provided double value is non-finite.");
}
this.setAttribute('max', max < 0 ? '1' : String(max));
}
/**
* Returns value.
*
* @returns Value.
*/
get value() {
if (!this.hasAttribute('value')) {
return 0;
}
const parsedValue = parseFloat(this.getAttribute('value') || '');
if (isNaN(parsedValue) || parsedValue < 0) {
return 0;
}
return parsedValue;
}
/**
* Sets value.
*
* @param value Value.
*/
set value(value) {
value = typeof value !== 'number' ? Number(value) : value;
if (isNaN(value)) {
throw new this[PropertySymbol.window].TypeError("Failed to set the 'value' property on 'HTMLProgressElement': The provided double value is non-finite.");
}
this.setAttribute('value', value < 0 ? '0' : String(value));
}
/**
* Returns position.
*
* @returns Position.
*/
get position() {
// If the progress bar is an indeterminate progress bar, it should return -1.
// It is considered indeterminate if the value attribute is not set.
// @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLProgressElement/position#value
if (!this.hasAttribute('value')) {
return -1;
}
return this.value / this.max;
}
/**
* Returns the associated label elements.
*
* @returns Label elements.
*/
get labels() {
return HTMLLabelElementUtility_js_1.default.getAssociatedLabelElements(this);
}
}
exports.default = HTMLProgressElement;
//# sourceMappingURL=HTMLProgressElement.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"HTMLProgressElement.cjs","sourceRoot":"","sources":["../../../src/nodes/html-progress-element/HTMLProgressElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oFAAyD;AAEzD,kHAAuF;AAEvF,wEAA0D;AAE1D;;;;GAIG;AACH,MAAqB,mBAAoB,SAAQ,wBAAW;IAC3D;;;;OAIG;IACH,IAAW,GAAG;QACb,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,CAAC,CAAC;QACV,CAAC;QACD,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/D,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YAC3C,OAAO,CAAC,CAAC;QACV,CAAC;QACD,OAAO,WAAW,CAAC;IACpB,CAAC;IAED;;;;OAIG;IACH,IAAW,GAAG,CAAC,GAAW;QACzB,GAAG,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAClD,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAChB,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,SAAS,CAC9C,qGAAqG,CACrG,CAAC;QACH,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,CAAC;IAED;;;;OAIG;IACH,IAAW,KAAK;QACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,CAAC;QACV,CAAC;QACD,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QACjE,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YAC3C,OAAO,CAAC,CAAC;QACV,CAAC;QACD,OAAO,WAAW,CAAC;IACpB,CAAC;IAED;;;;OAIG;IACH,IAAW,KAAK,CAAC,KAAa;QAC7B,KAAK,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC1D,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAClB,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,SAAS,CAC9C,uGAAuG,CACvG,CAAC;QACH,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7D,CAAC;IAED;;;;OAIG;IACH,IAAW,QAAQ;QAClB,6EAA6E;QAC7E,oEAAoE;QACpE,2FAA2F;QAC3F,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,CAAC,CAAC;QACX,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;IAC9B,CAAC;IAED;;;;OAIG;IACH,IAAW,MAAM;QAChB,OAAO,oCAAuB,CAAC,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACjE,CAAC;CACD;AAxFD,sCAwFC"}

View File

@@ -0,0 +1,47 @@
import HTMLElement from '../html-element/HTMLElement.cjs';
import HTMLLabelElement from '../html-label-element/HTMLLabelElement.cjs';
import NodeList from '../node/NodeList.cjs';
/**
* HTMLProgressElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLProgressElement
*/
export default class HTMLProgressElement extends HTMLElement {
/**
* Returns max.
*
* @returns Max.
*/
get max(): number;
/**
* Sets max.
*
* @param max Max.
*/
set max(max: number);
/**
* Returns value.
*
* @returns Value.
*/
get value(): number;
/**
* Sets value.
*
* @param value Value.
*/
set value(value: number);
/**
* Returns position.
*
* @returns Position.
*/
get position(): number;
/**
* Returns the associated label elements.
*
* @returns Label elements.
*/
get labels(): NodeList<HTMLLabelElement>;
}
//# sourceMappingURL=HTMLProgressElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"HTMLProgressElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-progress-element/HTMLProgressElement.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AAEzE,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAG3C;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,WAAW;IAC3D;;;;OAIG;IACH,IAAW,GAAG,IAAI,MAAM,CASvB;IAED;;;;OAIG;IACH,IAAW,GAAG,CAAC,GAAG,EAAE,MAAM,EASzB;IAED;;;;OAIG;IACH,IAAW,KAAK,IAAI,MAAM,CASzB;IAED;;;;OAIG;IACH,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAS7B;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,MAAM,CAQ5B;IAED;;;;OAIG;IACH,IAAW,MAAM,IAAI,QAAQ,CAAC,gBAAgB,CAAC,CAE9C;CACD"}