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,99 @@
import HTMLElement from '../html-element/HTMLElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import HTMLCollection from '../element/HTMLCollection.js';
import HTMLInputElement from '../html-input-element/HTMLInputElement.js';
import HTMLTextAreaElement from '../html-text-area-element/HTMLTextAreaElement.js';
import HTMLSelectElement from '../html-select-element/HTMLSelectElement.js';
import HTMLButtonElement from '../html-button-element/HTMLButtonElement.js';
import HTMLFormElement from '../html-form-element/HTMLFormElement.js';
type THTMLFieldSetElement = HTMLInputElement | HTMLButtonElement | HTMLTextAreaElement | HTMLSelectElement;
/**
* HTMLFieldSetElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFieldSetElement
*/
export default class HTMLFieldSetElement extends HTMLElement {
cloneNode: (deep?: boolean) => HTMLFieldSetElement;
[PropertySymbol.elements]: HTMLCollection<THTMLFieldSetElement> | null;
[PropertySymbol.formNode]: HTMLFormElement | null;
/**
* Returns elements.
*
* @returns Elements.
*/
get elements(): HTMLCollection<THTMLFieldSetElement>;
/**
* Returns the parent form element.
*
* @returns Form.
*/
get form(): HTMLFormElement;
/**
* Returns name.
*
* @returns Name.
*/
get name(): string;
/**
* Sets name.
*
* @param name Name.
*/
set name(name: string);
/**
* Returns type "fieldset".
*
* @returns Type.
*/
get type(): string;
/**
* Returns empty string as fieldset never candidates for constraint validation.
*/
get validationMessage(): string;
/**
* Returns will validate state.
*
* Always returns false as fieldset never candidates for constraint validation.
*
* @returns Will validate state.
*/
get willValidate(): boolean;
/**
* Returns disabled.
*
* @returns Disabled.
*/
get disabled(): boolean;
/**
* Sets disabled.
*
* @param disabled Disabled.
*/
set disabled(disabled: boolean);
/**
* Checks validity.
*
* Always returns true as fieldset never candidates for constraint validation.
*
* @returns "true" if the field is valid.
*/
checkValidity(): boolean;
/**
* Reports validity.
*
* Always returns true as fieldset never candidates for constraint validation.
*
* @returns Validity.
*/
reportValidity(): boolean;
/**
* Sets validation message.
*
* Does nothing as fieldset never candidates for constraint validation.
*
* @param _message Message.
*/
setCustomValidity(_message: string): void;
}
export {};
//# sourceMappingURL=HTMLFieldSetElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"HTMLFieldSetElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-field-set-element/HTMLFieldSetElement.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AACzE,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AACnF,OAAO,iBAAiB,MAAM,6CAA6C,CAAC;AAC5E,OAAO,iBAAiB,MAAM,6CAA6C,CAAC;AAC5E,OAAO,eAAe,MAAM,yCAAyC,CAAC;AAGtE,KAAK,oBAAoB,GACtB,gBAAgB,GAChB,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,WAAW;IAE5C,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,mBAAmB,CAAC;IAG3D,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAQ;IAC9E,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,CAAQ;IAEhE;;;;OAIG;IACH,IAAW,QAAQ,IAAI,cAAc,CAAC,oBAAoB,CAAC,CAa1D;IAED;;;;OAIG;IACH,IAAW,IAAI,IAAI,eAAe,CASjC;IAED;;;;OAIG;IACH,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IAED;;;;OAIG;IACH,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;OAEG;IACH,IAAW,iBAAiB,IAAI,MAAM,CAErC;IAED;;;;;;OAMG;IACH,IAAW,YAAY,IAAI,OAAO,CAEjC;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED;;;;OAIG;IACH,IAAW,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAMpC;IAED;;;;;;OAMG;IACI,aAAa,IAAI,OAAO;IAI/B;;;;;;OAMG;IACI,cAAc,IAAI,OAAO;IAIhC;;;;;;OAMG;IACI,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAGhD"}

View File

@@ -0,0 +1,132 @@
import HTMLElement from '../html-element/HTMLElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import HTMLCollection from '../element/HTMLCollection.js';
import QuerySelector from '../../query-selector/QuerySelector.js';
/**
* HTMLFieldSetElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFieldSetElement
*/
export default class HTMLFieldSetElement extends HTMLElement {
// Internal properties
[PropertySymbol.elements] = null;
[PropertySymbol.formNode] = null;
/**
* Returns elements.
*
* @returns Elements.
*/
get elements() {
if (!this[PropertySymbol.elements]) {
this[PropertySymbol.elements] = new HTMLCollection(PropertySymbol.illegalConstructor, () => (QuerySelector.querySelectorAll(this, 'input,button,textarea,select')[PropertySymbol.items]));
}
return this[PropertySymbol.elements];
}
/**
* Returns the parent form element.
*
* @returns Form.
*/
get form() {
if (this[PropertySymbol.formNode]) {
return this[PropertySymbol.formNode];
}
const id = this.getAttribute('form');
if (!id || !this[PropertySymbol.isConnected]) {
return null;
}
return this[PropertySymbol.ownerDocument].getElementById(id);
}
/**
* Returns name.
*
* @returns Name.
*/
get name() {
return this.getAttribute('name') || '';
}
/**
* Sets name.
*
* @param name Name.
*/
set name(name) {
this.setAttribute('name', name);
}
/**
* Returns type "fieldset".
*
* @returns Type.
*/
get type() {
return 'fieldset';
}
/**
* Returns empty string as fieldset never candidates for constraint validation.
*/
get validationMessage() {
return '';
}
/**
* Returns will validate state.
*
* Always returns false as fieldset never candidates for constraint validation.
*
* @returns Will validate state.
*/
get willValidate() {
return false;
}
/**
* Returns disabled.
*
* @returns Disabled.
*/
get disabled() {
return this.getAttribute('disabled') !== null;
}
/**
* Sets disabled.
*
* @param disabled Disabled.
*/
set disabled(disabled) {
if (!disabled) {
this.removeAttribute('disabled');
}
else {
this.setAttribute('disabled', '');
}
}
/**
* Checks validity.
*
* Always returns true as fieldset never candidates for constraint validation.
*
* @returns "true" if the field is valid.
*/
checkValidity() {
return true;
}
/**
* Reports validity.
*
* Always returns true as fieldset never candidates for constraint validation.
*
* @returns Validity.
*/
reportValidity() {
return true;
}
/**
* Sets validation message.
*
* Does nothing as fieldset never candidates for constraint validation.
*
* @param _message Message.
*/
setCustomValidity(_message) {
// Do nothing as fieldset never candidates for constraint validation.
}
}
//# sourceMappingURL=HTMLFieldSetElement.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"HTMLFieldSetElement.js","sourceRoot":"","sources":["../../../src/nodes/html-field-set-element/HTMLFieldSetElement.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAM1D,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAQlE;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,WAAW;IAI3D,sBAAsB;IACf,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAgD,IAAI,CAAC;IAC9E,CAAC,cAAc,CAAC,QAAQ,CAAC,GAA2B,IAAI,CAAC;IAEhE;;;;OAIG;IACH,IAAW,QAAQ;QAClB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,IAAI,cAAc,CACjD,cAAc,CAAC,kBAAkB,EACjC,GAAG,EAAE,CACoB,CACvB,aAAa,CAAC,gBAAgB,CAAC,IAAI,EAAE,8BAA8B,CAAC,CACnE,cAAc,CAAC,KAAK,CACpB,CACD,CACF,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,IAAW,IAAI;QACd,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QACtC,CAAC;QACD,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACrC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,CAAC;YAC9C,OAAO,IAAI,CAAC;QACb,CAAC;QACD,OAAwB,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,IAAW,IAAI;QACd,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,IAAY;QAC3B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC;IAED;;;;OAIG;IACH,IAAW,IAAI;QACd,OAAO,UAAU,CAAC;IACnB,CAAC;IAED;;OAEG;IACH,IAAW,iBAAiB;QAC3B,OAAO,EAAE,CAAC;IACX,CAAC;IAED;;;;;;OAMG;IACH,IAAW,YAAY;QACtB,OAAO,KAAK,CAAC;IACd,CAAC;IAED;;;;OAIG;IACH,IAAW,QAAQ;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC/C,CAAC;IAED;;;;OAIG;IACH,IAAW,QAAQ,CAAC,QAAiB;QACpC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACf,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAClC,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;IACF,CAAC;IAED;;;;;;OAMG;IACI,aAAa;QACnB,OAAO,IAAI,CAAC;IACb,CAAC;IAED;;;;;;OAMG;IACI,cAAc;QACpB,OAAO,IAAI,CAAC;IACb,CAAC;IAED;;;;;;OAMG;IACI,iBAAiB,CAAC,QAAgB;QACxC,qEAAqE;IACtE,CAAC;CACD"}