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,94 @@
import Blob from '../file/Blob.js';
import * as PropertySymbol from '../PropertySymbol.js';
import File from '../file/File.js';
import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement.js';
import BrowserWindow from '../window/BrowserWindow.js';
/**
* FormData.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/FormData
*/
export default class FormData implements Iterable<[string, string | File]> {
#private;
protected [PropertySymbol.window]: BrowserWindow;
/**
* Constructor.
*
* @param [form] Form.
*/
constructor(form?: HTMLFormElement);
/**
* For each.
*
* @param callback Callback.
*/
forEach(callback: (value: string | File, key: string, thisArg: FormData) => void): void;
/**
* Appends a new value onto an existing key.
*
* @param name Name.
* @param value Value.
* @param [filename] Filename.
*/
append(name: string, value: string | Blob | File, filename?: string): void;
/**
* Removes a value.
*
* @param name Name.
*/
delete(name: string): void;
/**
* Returns value.
*
* @param name Name.
* @returns Value.
*/
get(name: string): string | File | null;
/**
* Returns all values associated with the given name.
*
* @param name Name.
* @returns Values.
*/
getAll(name: string): Array<string | File>;
/**
* Returns whether a FormData object contains a certain key.
*
* @param name Name.
* @returns "true" if the FormData object contains the key.
*/
has(name: string): boolean;
/**
* Sets a new value for an existing key inside a FormData object, or adds the key/value if it does not already exist.
*
* @param name Name.
* @param value Value.
* @param [filename] Filename.
*/
set(name: string, value: string | Blob | File, filename?: string): void;
/**
* Returns an iterator, allowing you to go through all keys of the key/value pairs contained in this object.
*
* @returns Iterator.
*/
keys(): IterableIterator<string>;
/**
* Returns an iterator, allowing you to go through all values of the key/value pairs contained in this object.
*
* @returns Iterator.
*/
values(): IterableIterator<string | File>;
/**
* Returns an iterator, allowing you to go through all key/value pairs contained in this object.
*
* @returns Iterator.
*/
entries(): IterableIterator<[string, string | File]>;
/**
* Iterator.
*
* @returns Iterator.
*/
[Symbol.iterator](): IterableIterator<[string, string | File]>;
}
//# sourceMappingURL=FormData.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"FormData.d.ts","sourceRoot":"","sources":["../../src/form-data/FormData.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC,OAAO,eAAe,MAAM,+CAA+C,CAAC;AAC5E,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAOvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,YAAW,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;;IAEzE,UAAkB,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IAIzD;;;;OAIG;gBACS,IAAI,CAAC,EAAE,eAAe;IA2DlC;;;;OAIG;IACI,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,KAAK,IAAI,GAAG,IAAI;IAM9F;;;;;;OAMG;IACI,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAYjF;;;;OAIG;IACI,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAUjC;;;;;OAKG;IACI,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI;IAS9C;;;;;OAKG;IACI,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IAUjD;;;;;OAKG;IACI,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IASjC;;;;;;OAMG;IACI,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAU9E;;;;OAIG;IACK,IAAI,IAAI,gBAAgB,CAAC,MAAM,CAAC;IAMxC;;;;OAIG;IACK,MAAM,IAAI,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC;IAMjD;;;;OAIG;IACK,OAAO,IAAI,gBAAgB,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IAM5D;;;;OAIG;IACK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,gBAAgB,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;CA+BtE"}

View File

@@ -0,0 +1,234 @@
import Blob from '../file/Blob.js';
import * as PropertySymbol from '../PropertySymbol.js';
import File from '../file/File.js';
/**
* FormData.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/FormData
*/
export default class FormData {
#entries = [];
/**
* Constructor.
*
* @param [form] Form.
*/
constructor(form) {
if (!form) {
return;
}
const items = form[PropertySymbol.getFormControlItems]();
for (const item of items) {
const name = item.name;
if (name) {
switch (item[PropertySymbol.tagName]) {
case 'INPUT':
if (item.disabled) {
break;
}
switch (item.type) {
case 'file':
if (item[PropertySymbol.files].length === 0) {
this.append(name, new File([], '', { type: 'application/octet-stream' }));
}
else {
for (const file of item[PropertySymbol.files]) {
this.append(name, file);
}
}
break;
case 'checkbox':
case 'radio':
if (item.checked) {
this.append(name, item.value);
}
break;
case 'submit':
case 'reset':
case 'button':
if (item.value) {
this.append(name, item.value);
}
break;
default:
this.append(name, item.value);
break;
}
break;
case 'BUTTON':
if (item.value) {
this.append(name, item.value);
}
break;
case 'TEXTAREA':
case 'SELECT':
this.append(name, item.value);
break;
}
}
}
}
/**
* For each.
*
* @param callback Callback.
*/
forEach(callback) {
for (const entry of this.#entries) {
callback.call(this, entry.value, entry.name, this);
}
}
/**
* Appends a new value onto an existing key.
*
* @param name Name.
* @param value Value.
* @param [filename] Filename.
*/
append(name, value, filename) {
if (filename && !(value instanceof Blob)) {
throw new this[PropertySymbol.window].TypeError('Failed to execute "append" on "FormData": parameter 2 is not of type "Blob".');
}
this.#entries.push({
name,
value: this.#parseValue(value, filename)
});
}
/**
* Removes a value.
*
* @param name Name.
*/
delete(name) {
const newEntries = [];
for (const entry of this.#entries) {
if (entry.name !== name) {
newEntries.push(entry);
}
}
this.#entries = newEntries;
}
/**
* Returns value.
*
* @param name Name.
* @returns Value.
*/
get(name) {
for (const entry of this.#entries) {
if (entry.name === name) {
return entry.value;
}
}
return null;
}
/**
* Returns all values associated with the given name.
*
* @param name Name.
* @returns Values.
*/
getAll(name) {
const values = [];
for (const entry of this.#entries) {
if (entry.name === name) {
values.push(entry.value);
}
}
return values;
}
/**
* Returns whether a FormData object contains a certain key.
*
* @param name Name.
* @returns "true" if the FormData object contains the key.
*/
has(name) {
for (const entry of this.#entries) {
if (entry.name === name) {
return true;
}
}
return false;
}
/**
* Sets a new value for an existing key inside a FormData object, or adds the key/value if it does not already exist.
*
* @param name Name.
* @param value Value.
* @param [filename] Filename.
*/
set(name, value, filename) {
for (const entry of this.#entries) {
if (entry.name === name) {
entry.value = this.#parseValue(value, filename);
return;
}
}
this.append(name, value);
}
/**
* Returns an iterator, allowing you to go through all keys of the key/value pairs contained in this object.
*
* @returns Iterator.
*/
*keys() {
for (const entry of this.#entries) {
yield entry.name;
}
}
/**
* Returns an iterator, allowing you to go through all values of the key/value pairs contained in this object.
*
* @returns Iterator.
*/
*values() {
for (const entry of this.#entries) {
yield entry.value;
}
}
/**
* Returns an iterator, allowing you to go through all key/value pairs contained in this object.
*
* @returns Iterator.
*/
*entries() {
for (const entry of this.#entries) {
yield [entry.name, entry.value];
}
}
/**
* Iterator.
*
* @returns Iterator.
*/
*[Symbol.iterator]() {
for (const entry of this.#entries) {
yield [entry.name, entry.value];
}
}
/**
* Parses a value.
*
* @param value Value.
* @param [filename] Filename.
* @returns Parsed value.
*/
#parseValue(value, filename) {
if (value instanceof File) {
if (filename) {
const file = new File([], filename, { type: value.type, lastModified: value.lastModified });
file[PropertySymbol.buffer] = value[PropertySymbol.buffer];
return file;
}
return value;
}
if (value instanceof Blob) {
const file = new File([], 'blob', { type: value.type });
file[PropertySymbol.buffer] = value[PropertySymbol.buffer];
return file;
}
return String(value);
}
}
//# sourceMappingURL=FormData.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"FormData.js","sourceRoot":"","sources":["../../src/form-data/FormData.ts"],"names":[],"mappings":"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"}