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,115 @@
"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 Event_js_1 = __importDefault(require("../../event/Event.cjs"));
const HTMLElement_js_1 = __importDefault(require("../html-element/HTMLElement.cjs"));
const PropertySymbol = __importStar(require("../../PropertySymbol.cjs"));
const EventPhaseEnum_js_1 = __importDefault(require("../../event/EventPhaseEnum.cjs"));
const MouseEvent_js_1 = __importDefault(require("../../event/events/MouseEvent.cjs"));
const ElementEventAttributeUtility_js_1 = __importDefault(require("../element/ElementEventAttributeUtility.cjs"));
/**
* HTMLDetailsElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDetailsElement
*/
class HTMLDetailsElement extends HTMLElement_js_1.default {
// Events
/* eslint-disable jsdoc/require-jsdoc */
get ontoggle() {
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ontoggle');
}
set ontoggle(value) {
this[PropertySymbol.propertyEventListeners].set('ontoggle', value);
}
/* eslint-enable jsdoc/require-jsdoc */
/**
* Returns the open attribute.
*/
get open() {
return this.getAttribute('open') !== null;
}
/**
* Sets the open attribute.
*
* @param open New value.
*/
set open(open) {
if (open) {
this.setAttribute('open', '');
}
else {
this.removeAttribute('open');
}
}
/**
* @override
*/
[PropertySymbol.onSetAttribute](attribute, replacedAttribute) {
super[PropertySymbol.onSetAttribute](attribute, replacedAttribute);
if (attribute[PropertySymbol.name] === 'open') {
if (attribute[PropertySymbol.value] !== replacedAttribute?.[PropertySymbol.value]) {
this.dispatchEvent(new Event_js_1.default('toggle'));
}
}
}
/**
* @override
*/
[PropertySymbol.onRemoveAttribute](removedAttribute) {
super[PropertySymbol.onRemoveAttribute](removedAttribute);
if (removedAttribute && removedAttribute[PropertySymbol.name] === 'open') {
this.dispatchEvent(new Event_js_1.default('toggle'));
}
}
/**
* @override
*/
dispatchEvent(event) {
const returnValue = super.dispatchEvent(event);
if (!event[PropertySymbol.defaultPrevented] &&
event[PropertySymbol.target]?.[PropertySymbol.localName] === 'summary' &&
event.type === 'click' &&
event.eventPhase === EventPhaseEnum_js_1.default.bubbling &&
event instanceof MouseEvent_js_1.default) {
this.open = !this.open;
}
return returnValue;
}
}
exports.default = HTMLDetailsElement;
//# sourceMappingURL=HTMLDetailsElement.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"HTMLDetailsElement.cjs","sourceRoot":"","sources":["../../../src/nodes/html-details-element/HTMLDetailsElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oEAAyC;AACzC,oFAAyD;AACzD,wEAA0D;AAE1D,sFAA2D;AAC3D,qFAA0D;AAC1D,iHAAsF;AAEtF;;;;GAIG;AACH,MAAqB,kBAAmB,SAAQ,wBAAW;IAC1D,SAAS;IAET,wCAAwC;IAExC,IAAW,QAAQ;QAClB,OAAO,yCAA4B,CAAC,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACxE,CAAC;IAED,IAAW,QAAQ,CAAC,KAAsC;QACzD,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC;IAED,uCAAuC;IAEvC;;OAEG;IACH,IAAW,IAAI;QACd,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3C,CAAC;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,IAAa;QAC5B,IAAI,IAAI,EAAE,CAAC;YACV,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;IAED;;OAEG;IACa,CAAC,cAAc,CAAC,cAAc,CAAC,CAC9C,SAAe,EACf,iBAA8B;QAE9B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;QACnE,IAAI,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;YAC/C,IAAI,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,iBAAiB,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBACnF,IAAI,CAAC,aAAa,CAAC,IAAI,kBAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACzC,CAAC;QACF,CAAC;IACF,CAAC;IAED;;OAEG;IACa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,gBAAsB;QACxE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CAAC;QAC1D,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;YAC1E,IAAI,CAAC,aAAa,CAAC,IAAI,kBAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QACzC,CAAC;IACF,CAAC;IAED;;OAEG;IACa,aAAa,CAAC,KAAY;QACzC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE/C,IACC,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;YACvC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,SAAS;YACtE,KAAK,CAAC,IAAI,KAAK,OAAO;YACtB,KAAK,CAAC,UAAU,KAAK,2BAAc,CAAC,QAAQ;YAC5C,KAAK,YAAY,uBAAU,EAC1B,CAAC;YACF,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACxB,CAAC;QAED,OAAO,WAAW,CAAC;IACpB,CAAC;CACD;AA9ED,qCA8EC"}

View File

@@ -0,0 +1,36 @@
import Event from '../../event/Event.cjs';
import HTMLElement from '../html-element/HTMLElement.cjs';
import * as PropertySymbol from '../../PropertySymbol.cjs';
import Attr from '../attr/Attr.cjs';
/**
* HTMLDetailsElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDetailsElement
*/
export default class HTMLDetailsElement extends HTMLElement {
get ontoggle(): ((event: Event) => void) | null;
set ontoggle(value: ((event: Event) => void) | null);
/**
* Returns the open attribute.
*/
get open(): boolean;
/**
* Sets the open attribute.
*
* @param open New value.
*/
set open(open: boolean);
/**
* @override
*/
[PropertySymbol.onSetAttribute](attribute: Attr, replacedAttribute: Attr | null): void;
/**
* @override
*/
[PropertySymbol.onRemoveAttribute](removedAttribute: Attr): void;
/**
* @override
*/
dispatchEvent(event: Event): boolean;
}
//# sourceMappingURL=HTMLDetailsElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"HTMLDetailsElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-details-element/HTMLDetailsElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAKnC;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,WAAW;IAK1D,IAAW,QAAQ,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAErD;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAEzD;IAID;;OAEG;IACH,IAAW,IAAI,IAAI,OAAO,CAEzB;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,IAAI,EAAE,OAAO,EAM5B;IAED;;OAEG;IACa,CAAC,cAAc,CAAC,cAAc,CAAC,CAC9C,SAAS,EAAE,IAAI,EACf,iBAAiB,EAAE,IAAI,GAAG,IAAI,GAC5B,IAAI;IASP;;OAEG;IACa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,EAAE,IAAI,GAAG,IAAI;IAOhF;;OAEG;IACa,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO;CAepD"}