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

frontend/node_modules/happy-dom/lib/nodes/html-script-element/HTMLScriptElement.d.ts

@@ -0,0 +1,196 @@
+import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import Event from '../../event/Event.js';
+import Attr from '../attr/Attr.js';
+import DOMTokenList from '../../dom/DOMTokenList.js';
+import IRequestReferrerPolicy from '../../fetch/types/IRequestReferrerPolicy.js';
+/**
+ * HTML Script Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement.
+ */
+export default class HTMLScriptElement extends HTMLElement {
+    #private;
+    cloneNode: (deep?: boolean) => HTMLScriptElement;
+    [PropertySymbol.evaluateScript]: boolean;
+    [PropertySymbol.blocking]: DOMTokenList | null;
+    get onerror(): ((event: Event) => void) | null;
+    set onerror(value: ((event: Event) => void) | null);
+    get onload(): ((event: Event) => void) | null;
+    set onload(value: ((event: Event) => void) | null);
+    /**
+     * Returns type.
+     *
+     * @returns Type.
+     */
+    get type(): string;
+    /**
+     * Sets type.
+     *
+     * @param type Type.
+     */
+    set type(type: string);
+    /**
+     * Returns blocking.
+     */
+    get blocking(): DOMTokenList;
+    /**
+     * Sets blocking.
+     *
+     * @param value Value.
+     */
+    set blocking(value: string);
+    /**
+     * Returns crossOrigin.
+     *
+     * @returns CrossOrigin.
+     */
+    get crossOrigin(): string;
+    /**
+     * Sets crossOrigin.
+     *
+     * @param crossOrigin CrossOrigin.
+     */
+    set crossOrigin(crossOrigin: string);
+    /**
+     * Returns fetch priority.
+     *
+     * @returns Fetch priority.
+     */
+    get fetchPriority(): 'auto' | 'high' | 'low' | 'normal';
+    /**
+     * Sets fetch priority.
+     *
+     * @param fetchPriority Fetch priority.
+     */
+    set fetchPriority(fetchPriority: 'auto' | 'high' | 'low' | 'normal');
+    /**
+     * Returns noModule.
+     *
+     * @returns NoModule.
+     */
+    get noModule(): boolean;
+    /**
+     * Sets noModule.
+     *
+     * @param noModule NoModule.
+     */
+    set noModule(noModule: boolean);
+    /**
+     * Returns integrity.
+     *
+     * @returns Integrity.
+     */
+    get integrity(): string;
+    /**
+     * Sets integrity.
+     *
+     * @param integrity Integrity.
+     */
+    set integrity(integrity: string);
+    /**
+     * Returns referrerPolicy.
+     *
+     * @returns ReferrerPolicy.
+     */
+    get referrerPolicy(): IRequestReferrerPolicy;
+    /**
+     * Sets referrerPolicy.
+     *
+     * @param referrerPolicy ReferrerPolicy.
+     */
+    set referrerPolicy(referrerPolicy: string);
+    /**
+     * Returns source.
+     *
+     * @returns Source.
+     */
+    get src(): string;
+    /**
+     * Sets source.
+     *
+     * @param src Source.
+     */
+    set src(src: string);
+    /**
+     * Returns charset.
+     *
+     * @returns Charset.
+     */
+    get charset(): string;
+    /**
+     * Sets charset.
+     *
+     * @param charset Charset.
+     */
+    set charset(charset: string);
+    /**
+     * Returns lang.
+     *
+     * @returns Lang.
+     */
+    get lang(): string;
+    /**
+     * Sets lang.
+     *
+     * @param lang Lang.
+     */
+    set lang(lang: string);
+    /**
+     * Returns async.
+     *
+     * @returns Async.
+     */
+    get async(): boolean;
+    /**
+     * Sets async.
+     *
+     * @param async Async.
+     */
+    set async(async: boolean);
+    /**
+     * Returns defer.
+     *
+     * @returns Defer.
+     */
+    get defer(): boolean;
+    /**
+     * Sets defer.
+     *
+     * @param defer Defer.
+     */
+    set defer(defer: boolean);
+    /**
+     * Returns text.
+     *
+     * @returns Text.
+     */
+    get text(): string;
+    /**
+     * Sets text.
+     *
+     * @param text Text.
+     */
+    set text(text: string);
+    /**
+     * @override
+     */
+    [PropertySymbol.cloneNode](deep?: boolean): HTMLScriptElement;
+    /**
+     * @override
+     */
+    [PropertySymbol.connectedToDocument](): void;
+    /**
+     * @override
+     */
+    [PropertySymbol.onSetAttribute](attribute: Attr, replacedAttribute: Attr | null): void;
+    /**
+     * Returns true if the given type is supported.
+     *
+     * @param type Type.
+     * @returns True if the given type is supported.
+     */
+    static supports(type: string): boolean;
+}
+//# sourceMappingURL=HTMLScriptElement.d.ts.map

frontend/node_modules/happy-dom/lib/nodes/html-script-element/HTMLScriptElement.d.ts.map

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

frontend/node_modules/happy-dom/lib/nodes/html-script-element/HTMLScriptElement.js

@@ -0,0 +1,633 @@
+import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import Event from '../../event/Event.js';
+import WindowBrowserContext from '../../window/WindowBrowserContext.js';
+import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum.js';
+import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
+import ResourceFetch from '../../fetch/ResourceFetch.js';
+import ECMAScriptModule from '../../module/ECMAScriptModule.js';
+import ModuleFactory from '../../module/ModuleFactory.js';
+import DOMTokenList from '../../dom/DOMTokenList.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
+/**
+ * HTML Script Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement.
+ */
+export default class HTMLScriptElement extends HTMLElement {
+    // Internal properties
+    [PropertySymbol.evaluateScript] = true;
+    [PropertySymbol.blocking] = null;
+    // Private properties
+    #loadedScriptURL = null;
+    // Events
+    /* eslint-disable jsdoc/require-jsdoc */
+    get onerror() {
+        return ElementEventAttributeUtility.getEventListener(this, 'onerror');
+    }
+    set onerror(value) {
+        this[PropertySymbol.propertyEventListeners].set('onerror', value);
+    }
+    get onload() {
+        return ElementEventAttributeUtility.getEventListener(this, 'onload');
+    }
+    set onload(value) {
+        this[PropertySymbol.propertyEventListeners].set('onload', value);
+    }
+    /* eslint-enable jsdoc/require-jsdoc */
+    /**
+     * Returns type.
+     *
+     * @returns Type.
+     */
+    get type() {
+        return this.getAttribute('type') || '';
+    }
+    /**
+     * Sets type.
+     *
+     * @param type Type.
+     */
+    set type(type) {
+        this.setAttribute('type', type);
+    }
+    /**
+     * Returns blocking.
+     */
+    get blocking() {
+        if (!this[PropertySymbol.blocking]) {
+            this[PropertySymbol.blocking] = new DOMTokenList(PropertySymbol.illegalConstructor, this, 'blocking');
+        }
+        return this[PropertySymbol.blocking];
+    }
+    /**
+     * Sets blocking.
+     *
+     * @param value Value.
+     */
+    set blocking(value) {
+        this.setAttribute('blocking', value);
+    }
+    /**
+     * Returns crossOrigin.
+     *
+     * @returns CrossOrigin.
+     */
+    get crossOrigin() {
+        return this.getAttribute('crossorigin') || '';
+    }
+    /**
+     * Sets crossOrigin.
+     *
+     * @param crossOrigin CrossOrigin.
+     */
+    set crossOrigin(crossOrigin) {
+        this.setAttribute('crossorigin', crossOrigin);
+    }
+    /**
+     * Returns fetch priority.
+     *
+     * @returns Fetch priority.
+     */
+    get fetchPriority() {
+        const fetchPriority = this.getAttribute('fetchpriority');
+        switch (fetchPriority) {
+            case 'high':
+            case 'low':
+            case 'normal':
+                return fetchPriority;
+            default:
+                return 'auto';
+        }
+    }
+    /**
+     * Sets fetch priority.
+     *
+     * @param fetchPriority Fetch priority.
+     */
+    set fetchPriority(fetchPriority) {
+        this.setAttribute('fetchpriority', fetchPriority);
+    }
+    /**
+     * Returns noModule.
+     *
+     * @returns NoModule.
+     */
+    get noModule() {
+        return this.getAttribute('nomodule') !== null;
+    }
+    /**
+     * Sets noModule.
+     *
+     * @param noModule NoModule.
+     */
+    set noModule(noModule) {
+        if (noModule) {
+            this.setAttribute('nomodule', '');
+        }
+        else {
+            this.removeAttribute('nomodule');
+        }
+    }
+    /**
+     * Returns integrity.
+     *
+     * @returns Integrity.
+     */
+    get integrity() {
+        return this.getAttribute('integrity') || '';
+    }
+    /**
+     * Sets integrity.
+     *
+     * @param integrity Integrity.
+     */
+    set integrity(integrity) {
+        this.setAttribute('integrity', integrity);
+    }
+    /**
+     * Returns referrerPolicy.
+     *
+     * @returns ReferrerPolicy.
+     */
+    get referrerPolicy() {
+        const referrerPolicy = this.getAttribute('referrerpolicy');
+        switch (referrerPolicy) {
+            case 'no-referrer':
+            case 'no-referrer-when-downgrade':
+            case 'same-origin':
+            case 'origin':
+            case 'strict-origin':
+            case 'origin-when-cross-origin':
+            case 'strict-origin-when-cross-origin':
+            case 'unsafe-url':
+                return referrerPolicy;
+            default:
+                return '';
+        }
+    }
+    /**
+     * Sets referrerPolicy.
+     *
+     * @param referrerPolicy ReferrerPolicy.
+     */
+    set referrerPolicy(referrerPolicy) {
+        this.setAttribute('referrerpolicy', referrerPolicy);
+    }
+    /**
+     * Returns source.
+     *
+     * @returns Source.
+     */
+    get src() {
+        if (!this.hasAttribute('src')) {
+            return '';
+        }
+        try {
+            return new URL(this.getAttribute('src'), this[PropertySymbol.ownerDocument].location.href)
+                .href;
+        }
+        catch (e) {
+            return this.getAttribute('src');
+        }
+    }
+    /**
+     * Sets source.
+     *
+     * @param src Source.
+     */
+    set src(src) {
+        this.setAttribute('src', src);
+    }
+    /**
+     * Returns charset.
+     *
+     * @returns Charset.
+     */
+    get charset() {
+        return this.getAttribute('charset') || '';
+    }
+    /**
+     * Sets charset.
+     *
+     * @param charset Charset.
+     */
+    set charset(charset) {
+        this.setAttribute('charset', charset);
+    }
+    /**
+     * Returns lang.
+     *
+     * @returns Lang.
+     */
+    get lang() {
+        return this.getAttribute('lang') || '';
+    }
+    /**
+     * Sets lang.
+     *
+     * @param lang Lang.
+     */
+    set lang(lang) {
+        this.setAttribute('lang', lang);
+    }
+    /**
+     * Returns async.
+     *
+     * @returns Async.
+     */
+    get async() {
+        return this.getAttribute('async') !== null;
+    }
+    /**
+     * Sets async.
+     *
+     * @param async Async.
+     */
+    set async(async) {
+        if (!async) {
+            this.removeAttribute('async');
+        }
+        else {
+            this.setAttribute('async', '');
+        }
+    }
+    /**
+     * Returns defer.
+     *
+     * @returns Defer.
+     */
+    get defer() {
+        return this.getAttribute('defer') !== null;
+    }
+    /**
+     * Sets defer.
+     *
+     * @param defer Defer.
+     */
+    set defer(defer) {
+        if (!defer) {
+            this.removeAttribute('defer');
+        }
+        else {
+            this.setAttribute('defer', '');
+        }
+    }
+    /**
+     * Returns text.
+     *
+     * @returns Text.
+     */
+    get text() {
+        return this.textContent;
+    }
+    /**
+     * Sets text.
+     *
+     * @param text Text.
+     */
+    set text(text) {
+        this.textContent = text;
+    }
+    /**
+     * @override
+     */
+    [PropertySymbol.cloneNode](deep = false) {
+        return super[PropertySymbol.cloneNode](deep);
+    }
+    /**
+     * @override
+     */
+    [PropertySymbol.connectedToDocument]() {
+        const browserSettings = new WindowBrowserContext(this[PropertySymbol.window]).getSettings();
+        super[PropertySymbol.connectedToDocument]();
+        if (this[PropertySymbol.evaluateScript]) {
+            const src = this.getAttribute('src');
+            if (src !== null) {
+                if (this.getAttribute('type') === 'module') {
+                    this.#loadModule(src);
+                }
+                else {
+                    this.#loadScript(src);
+                }
+            }
+            else if (browserSettings && !browserSettings.disableJavaScriptEvaluation) {
+                const source = this.textContent;
+                const type = this.getAttribute('type');
+                if (source) {
+                    if (type === 'module') {
+                        this.#evaluateModule(source);
+                    }
+                    else if (type === 'importmap') {
+                        this.#evaluateImportMap(source);
+                    }
+                    else if (type === null ||
+                        type === 'application/x-ecmascript' ||
+                        type === 'application/x-javascript' ||
+                        type.startsWith('text/javascript')) {
+                        this.#evaluateScript(source);
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * @override
+     */
+    [PropertySymbol.onSetAttribute](attribute, replacedAttribute) {
+        super[PropertySymbol.onSetAttribute](attribute, replacedAttribute);
+        if (attribute[PropertySymbol.name] === 'src' &&
+            attribute[PropertySymbol.value] !== null &&
+            this[PropertySymbol.isConnected]) {
+            if (this.getAttribute('type') === 'module') {
+                this.#loadModule(attribute[PropertySymbol.value]);
+            }
+            else {
+                this.#loadScript(attribute[PropertySymbol.value]);
+            }
+        }
+    }
+    /**
+     * Evaluates a module.
+     *
+     * @param source Source.
+     */
+    async #evaluateModule(source) {
+        const url = this[PropertySymbol.ownerDocument].location;
+        const window = this[PropertySymbol.window];
+        const browserSettings = new WindowBrowserContext(window).getSettings();
+        const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+        if (!browserFrame) {
+            return;
+        }
+        const module = new ECMAScriptModule(window, url, source);
+        const readyStateManager = window[PropertySymbol.readyStateManager];
+        readyStateManager.startTask();
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            await module.evaluate();
+        }
+        else {
+            try {
+                await module.evaluate();
+            }
+            catch (error) {
+                window[PropertySymbol.dispatchError](error);
+                return;
+            }
+        }
+        readyStateManager.endTask();
+        this.dispatchEvent(new Event('load'));
+    }
+    /**
+     * Evaluates an import map.
+     *
+     * @param source Source.
+     */
+    async #evaluateImportMap(source) {
+        const window = this[PropertySymbol.window];
+        const browserSettings = new WindowBrowserContext(window).getSettings();
+        const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+        if (!browserFrame || window[PropertySymbol.moduleImportMap]) {
+            return;
+        }
+        let json;
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            json = JSON.parse(source);
+        }
+        else {
+            try {
+                json = JSON.parse(source);
+            }
+            catch (error) {
+                window[PropertySymbol.dispatchError](error);
+                return;
+            }
+        }
+        if (json.imports || json.scopes) {
+            const importMap = {
+                imports: [],
+                scopes: []
+            };
+            if (json.imports) {
+                for (const key of Object.keys(json.imports)) {
+                    importMap.imports.push({
+                        from: key,
+                        to: json.imports[key]
+                    });
+                }
+            }
+            if (json.scopes) {
+                for (const scopeKey of Object.keys(json.scopes)) {
+                    const scope = {
+                        scope: scopeKey,
+                        rules: []
+                    };
+                    for (const importKey of Object.keys(json.scopes[scopeKey])) {
+                        const value = json.scopes[scopeKey][importKey];
+                        scope.rules.push({
+                            from: importKey,
+                            to: value
+                        });
+                    }
+                    importMap.scopes.push(scope);
+                }
+            }
+            window[PropertySymbol.moduleImportMap] = importMap;
+        }
+    }
+    /**
+     * Evaluates a script.
+     *
+     * @param source Source.
+     */
+    #evaluateScript(source) {
+        const window = this[PropertySymbol.window];
+        const browserSettings = new WindowBrowserContext(window).getSettings();
+        if (!browserSettings) {
+            return;
+        }
+        this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = this;
+        const code = `//# sourceURL=${this[PropertySymbol.ownerDocument].location.href}\n` + source;
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            window.eval(code);
+        }
+        else {
+            try {
+                window.eval(code);
+            }
+            catch (error) {
+                window[PropertySymbol.dispatchError](error);
+            }
+        }
+        this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
+    }
+    /**
+     * Loads a module.
+     *
+     * @param url URL.
+     */
+    async #loadModule(url) {
+        const window = this[PropertySymbol.window];
+        const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+        const browserSettings = new WindowBrowserContext(window).getSettings();
+        if (!browserSettings) {
+            return;
+        }
+        if (!url || !this[PropertySymbol.isConnected] || this.getAttribute('type') !== 'module') {
+            return;
+        }
+        if (browserSettings &&
+            (browserSettings.disableJavaScriptFileLoading || browserSettings.disableJavaScriptEvaluation)) {
+            if (browserSettings.handleDisabledFileLoadingAsSuccess) {
+                this.dispatchEvent(new Event('load'));
+            }
+            else {
+                const error = new window.DOMException(`Failed to load module "${url}". JavaScript file loading is disabled.`, DOMExceptionNameEnum.notSupportedError);
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+            }
+            return;
+        }
+        const readyStateManager = window[PropertySymbol.readyStateManager];
+        readyStateManager.startTask();
+        // TODO: What to do with "referrerPolicy" and "crossOrigin" for modules?
+        // @see https://github.com/w3c/webappsec-referrer-policy/issues/111
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            const module = await ModuleFactory.getModule(window, window.location, url);
+            await module.evaluate();
+        }
+        else {
+            try {
+                const module = await ModuleFactory.getModule(window, window.location, url);
+                await module.evaluate();
+            }
+            catch (error) {
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+                readyStateManager.endTask();
+                return;
+            }
+        }
+        readyStateManager.endTask();
+        this.dispatchEvent(new Event('load'));
+    }
+    /**
+     * Returns a URL relative to the given Location object.
+     *
+     * @param url URL.
+     */
+    async #loadScript(url) {
+        const window = this[PropertySymbol.window];
+        const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+        if (!browserFrame) {
+            return;
+        }
+        const browserSettings = browserFrame.page?.context?.browser?.settings;
+        const type = this.getAttribute('type');
+        if (!url ||
+            !this[PropertySymbol.isConnected] ||
+            (type !== null &&
+                type !== 'application/x-ecmascript' &&
+                type !== 'application/x-javascript' &&
+                !type.startsWith('text/javascript'))) {
+            return;
+        }
+        let absoluteURL;
+        try {
+            absoluteURL = new URL(url, window.location.href);
+        }
+        catch (error) {
+            return;
+        }
+        const absoluteURLString = absoluteURL.toString();
+        if (this.#loadedScriptURL === absoluteURLString) {
+            return;
+        }
+        if (browserSettings &&
+            (browserSettings.disableJavaScriptFileLoading || browserSettings.disableJavaScriptEvaluation)) {
+            if (browserSettings.handleDisabledFileLoadingAsSuccess) {
+                this.dispatchEvent(new Event('load'));
+            }
+            else {
+                const error = new window.DOMException(`Failed to load script "${absoluteURL}". JavaScript file loading is disabled.`, DOMExceptionNameEnum.notSupportedError);
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+            }
+            return;
+        }
+        this.#loadedScriptURL = absoluteURLString;
+        const resourceFetch = new ResourceFetch(window);
+        const async = this.getAttribute('async') !== null || this.getAttribute('defer') !== null;
+        let code = null;
+        if (async) {
+            const readyStateManager = window[PropertySymbol.readyStateManager];
+            readyStateManager.startTask();
+            try {
+                code = await resourceFetch.fetch(absoluteURLString, 'script', {
+                    credentials: this.crossOrigin === 'use-credentials' ? 'include' : 'same-origin',
+                    referrerPolicy: this.referrerPolicy
+                });
+            }
+            catch (error) {
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+                return;
+            }
+            readyStateManager.endTask();
+        }
+        else {
+            try {
+                code = resourceFetch.fetchSync(absoluteURLString, 'script', {
+                    credentials: this.crossOrigin === 'use-credentials' ? 'include' : 'same-origin',
+                    referrerPolicy: this.referrerPolicy
+                });
+            }
+            catch (error) {
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+                return;
+            }
+        }
+        this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = this;
+        code = '//# sourceURL=' + absoluteURL + '\n' + code;
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            this[PropertySymbol.window].eval(code);
+        }
+        else {
+            try {
+                this[PropertySymbol.window].eval(code);
+            }
+            catch (error) {
+                this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
+                window[PropertySymbol.dispatchError](error);
+                return;
+            }
+        }
+        this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
+        this.dispatchEvent(new Event('load'));
+    }
+    /**
+     * Returns true if the given type is supported.
+     *
+     * @param type Type.
+     * @returns True if the given type is supported.
+     */
+    static supports(type) {
+        switch (type) {
+            case 'classic':
+            case 'module':
+            case 'importmap':
+                return true;
+            case 'speculationrules':
+            default:
+                return false;
+        }
+    }
+}
+//# sourceMappingURL=HTMLScriptElement.js.map