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,9 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var CachedResponseStateEnum;
(function (CachedResponseStateEnum) {
CachedResponseStateEnum["fresh"] = "fresh";
CachedResponseStateEnum["stale"] = "stale";
})(CachedResponseStateEnum || (CachedResponseStateEnum = {}));
exports.default = CachedResponseStateEnum;
//# sourceMappingURL=CachedResponseStateEnum.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"CachedResponseStateEnum.cjs","sourceRoot":"","sources":["../../../../src/fetch/cache/response/CachedResponseStateEnum.ts"],"names":[],"mappings":";;AAAA,IAAK,uBAGJ;AAHD,WAAK,uBAAuB;IAC3B,0CAAe,CAAA;IACf,0CAAe,CAAA;AAChB,CAAC,EAHI,uBAAuB,KAAvB,uBAAuB,QAG3B;AACD,kBAAe,uBAAuB,CAAC"}

View File

@@ -0,0 +1,6 @@
declare enum CachedResponseStateEnum {
fresh = "fresh",
stale = "stale"
}
export default CachedResponseStateEnum;
//# sourceMappingURL=CachedResponseStateEnum.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"CachedResponseStateEnum.d.ts","sourceRoot":"","sources":["../../../../src/fetch/cache/response/CachedResponseStateEnum.ts"],"names":[],"mappings":"AAAA,aAAK,uBAAuB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;CACf;AACD,eAAe,uBAAuB,CAAC"}

View File

@@ -0,0 +1,3 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
//# sourceMappingURL=ICachableRequest.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ICachableRequest.cjs","sourceRoot":"","sources":["../../../../src/fetch/cache/response/ICachableRequest.ts"],"names":[],"mappings":""}

View File

@@ -0,0 +1,7 @@
import Headers from '../../Headers.cjs';
export default interface ICachableRequest {
url: string;
method: string;
headers: Headers;
}
//# sourceMappingURL=ICachableRequest.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ICachableRequest.d.ts","sourceRoot":"","sources":["../../../../src/fetch/cache/response/ICachableRequest.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,gBAAgB;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CACjB"}

View File

@@ -0,0 +1,3 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
//# sourceMappingURL=ICachableResponse.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ICachableResponse.cjs","sourceRoot":"","sources":["../../../../src/fetch/cache/response/ICachableResponse.ts"],"names":[],"mappings":""}

View File

@@ -0,0 +1,10 @@
import Headers from '../../Headers.cjs';
export default interface ICachableResponse {
status: number;
statusText: string;
url: string;
headers: Headers;
body: Buffer | null;
waitingForBody: boolean;
}
//# sourceMappingURL=ICachableResponse.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ICachableResponse.d.ts","sourceRoot":"","sources":["../../../../src/fetch/cache/response/ICachableResponse.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,iBAAiB;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;CACxB"}

View File

@@ -0,0 +1,3 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
//# sourceMappingURL=ICachedResponse.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ICachedResponse.cjs","sourceRoot":"","sources":["../../../../src/fetch/cache/response/ICachedResponse.ts"],"names":[],"mappings":""}

View File

@@ -0,0 +1,37 @@
import CachedResponseStateEnum from './CachedResponseStateEnum.cjs';
import Headers from '../../Headers.cjs';
export default interface ICachedResponse {
/** Response. */
response: {
status: number;
statusText: string;
url: string;
headers: Headers;
waitingForBody: boolean;
body: Buffer | null;
};
/** Request. */
request: {
headers: Headers;
method: string;
};
/** Cache update time in milliseconds. */
cacheUpdateTime: number;
/** Last modified time in milliseconds. */
lastModified: number | null;
/** Vary headers. */
vary: {
[header: string]: string;
};
/** Expire time in milliseconds. */
expires: number | null;
/** ETag */
etag: string | null;
/** Must revalidate using "If-Modified-Since" request when expired. Not supported yet. */
mustRevalidate: boolean;
/** Stale while revalidate using "If-Modified-Since" request when expired */
staleWhileRevalidate: boolean;
/** Used when "mustRevalidate" or "staleWhileRevalidate" is true. */
state: CachedResponseStateEnum;
}
//# sourceMappingURL=ICachedResponse.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ICachedResponse.d.ts","sourceRoot":"","sources":["../../../../src/fetch/cache/response/ICachedResponse.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,eAAe;IACvC,gBAAgB;IAChB,QAAQ,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,OAAO,CAAC;QAEjB,cAAc,EAAE,OAAO,CAAC;QACxB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;KACpB,CAAC;IACF,eAAe;IACf,OAAO,EAAE;QACR,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,yCAAyC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,oBAAoB;IACpB,IAAI,EAAE;QAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACnC,mCAAmC;IACnC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW;IACX,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,yFAAyF;IACzF,cAAc,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,oBAAoB,EAAE,OAAO,CAAC;IAC9B,oEAAoE;IACpE,KAAK,EAAE,uBAAuB,CAAC;CAC/B"}

View File

@@ -0,0 +1,3 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
//# sourceMappingURL=IResponseCache.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"IResponseCache.cjs","sourceRoot":"","sources":["../../../../src/fetch/cache/response/IResponseCache.ts"],"names":[],"mappings":""}

View File

@@ -0,0 +1,35 @@
import ICachedResponse from './ICachedResponse.cjs';
import ICachableRequest from './ICachableRequest.cjs';
import ICachableResponse from './ICachableResponse.cjs';
/**
* Fetch response cache.
*/
export default interface IResponseCache {
/**
* Returns cached response.
*
* @param request Request.
* @returns Cached response.
*/
get(request: ICachableRequest): ICachedResponse | null;
/**
* Adds a cached response.
*
* @param request Request.
* @param response Response.
* @returns Cached response.
*/
add(request: ICachableRequest, response: ICachableResponse): ICachedResponse | null;
/**
* Clears the cache.
*
* @param [options] Options.
* @param [options.url] URL.
* @param [options.toTime] Time in MS.
*/
clear(options?: {
url?: string;
toTime?: number;
}): void;
}
//# sourceMappingURL=IResponseCache.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"IResponseCache.d.ts","sourceRoot":"","sources":["../../../../src/fetch/cache/response/IResponseCache.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD;;GAEG;AACH,MAAM,CAAC,OAAO,WAAW,cAAc;IACtC;;;;;OAKG;IACH,GAAG,CAAC,OAAO,EAAE,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC;IAEvD;;;;;;OAMG;IACH,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC;IAEpF;;;;;;OAMG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACzD"}

View File

@@ -0,0 +1,205 @@
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const CachedResponseStateEnum_js_1 = __importDefault(require("./CachedResponseStateEnum.cjs"));
const Headers_js_1 = __importDefault(require("../../Headers.cjs"));
const UPDATE_RESPONSE_HEADERS = ['Cache-Control', 'Last-Modified', 'Vary', 'ETag'];
/**
* Fetch response cache.
*
* @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching
* @see https://www.mnot.net/cache_docs/
*/
class ResponseCache {
#entries = {};
/**
* Returns cached response.
*
* @param request Request.
* @returns Cached response.
*/
get(request) {
if (request.headers.get('Cache-Control')?.includes('no-cache')) {
return null;
}
const url = request.url;
if (this.#entries[url]) {
for (let i = 0, max = this.#entries[url].length; i < max; i++) {
const entry = this.#entries[url][i];
let isMatch = entry.request.method === request.method;
if (isMatch) {
for (const header of Object.keys(entry.vary)) {
const requestHeader = request.headers.get(header);
if (requestHeader !== null && entry.vary[header] !== requestHeader) {
isMatch = false;
break;
}
}
}
if (isMatch) {
if (entry.expires && entry.expires < Date.now()) {
if (entry.lastModified) {
entry.state = CachedResponseStateEnum_js_1.default.stale;
}
else if (!entry.etag) {
this.#entries[url].splice(i, 1);
return null;
}
}
return entry;
}
}
}
return null;
}
/**
* Adds a cache entity.
*
* @param request Request.
* @param response Response.
* @returns Cached response.
*/
add(request, response) {
// We should only cache GET and HEAD requests.
if ((request.method !== 'GET' && request.method !== 'HEAD') ||
request.headers.get('Cache-Control')?.includes('no-cache')) {
return null;
}
const url = request.url;
let cachedResponse = this.get(request);
if (response.status === 304) {
if (!cachedResponse) {
throw new Error('ResponseCache: Cached response not found.');
}
for (const name of UPDATE_RESPONSE_HEADERS) {
if (response.headers.has(name)) {
cachedResponse.response.headers.set(name, response.headers.get(name));
}
}
cachedResponse.cacheUpdateTime = Date.now();
cachedResponse.state = CachedResponseStateEnum_js_1.default.fresh;
}
else {
if (cachedResponse) {
const index = this.#entries[url].indexOf(cachedResponse);
if (index !== -1) {
this.#entries[url].splice(index, 1);
}
}
cachedResponse = {
response: {
status: response.status,
statusText: response.statusText,
url: response.url,
headers: new Headers_js_1.default(response.headers),
// We need to wait for the body to be consumed and then populated if set to true (e.g. by using Response.text()).
waitingForBody: response.waitingForBody,
body: response.body ?? null
},
request: {
headers: request.headers,
method: request.method
},
vary: {},
expires: null,
etag: null,
cacheUpdateTime: Date.now(),
lastModified: null,
mustRevalidate: false,
staleWhileRevalidate: false,
state: CachedResponseStateEnum_js_1.default.fresh
};
this.#entries[url] = this.#entries[url] || [];
this.#entries[url].push(cachedResponse);
}
if (response.headers.has('Cache-Control')) {
const age = response.headers.get('Age');
for (const part of response.headers.get('Cache-Control').split(',')) {
const [key, value] = part.trim().split('=');
switch (key) {
case 'max-age':
cachedResponse.expires =
Date.now() + parseInt(value) * 1000 - (age ? parseInt(age) * 1000 : 0);
break;
case 'no-cache':
case 'no-store':
const index = this.#entries[url].indexOf(cachedResponse);
if (index !== -1) {
this.#entries[url].splice(index, 1);
}
return null;
case 'must-revalidate':
cachedResponse.mustRevalidate = true;
break;
case 'stale-while-revalidate':
cachedResponse.staleWhileRevalidate = true;
break;
}
}
}
if (response.headers.has('Last-Modified')) {
cachedResponse.lastModified = Date.parse(response.headers.get('Last-Modified'));
}
if (response.headers.has('Vary')) {
for (const header of response.headers.get('Vary').split(',')) {
const name = header.trim();
const value = request.headers.get(name);
if (value) {
cachedResponse.vary[name] = value;
}
}
}
if (response.headers.has('ETag')) {
cachedResponse.etag = response.headers.get('ETag');
}
if (!cachedResponse.expires) {
const expires = response.headers.get('Expires');
if (expires) {
cachedResponse.expires = Date.parse(expires);
}
}
// Cache is invalid if it has expired and doesn't have an ETag.
if (!cachedResponse.etag && (!cachedResponse.expires || cachedResponse.expires < Date.now())) {
const index = this.#entries[url].indexOf(cachedResponse);
if (index !== -1) {
this.#entries[url].splice(index, 1);
}
return null;
}
return cachedResponse;
}
/**
* Clears the cache.
*
* @param [options] Options.
* @param [options.url] URL.
* @param [options.toTime] Removes all entries that are older than this time. Time in MS.
*/
clear(options) {
if (options) {
if (options.toTime) {
for (const key of options.url ? [options.url] : Object.keys(this.#entries)) {
if (this.#entries[key]) {
for (let i = 0, max = this.#entries[key].length; i < max; i++) {
if (this.#entries[key][i].cacheUpdateTime < options.toTime) {
this.#entries[key].splice(i, 1);
i--;
max--;
}
}
}
}
}
else if (options.url) {
delete this.#entries[options.url];
}
}
else {
this.#entries = {};
}
}
}
exports.default = ResponseCache;
//# sourceMappingURL=ResponseCache.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,40 @@
import IResponseCache from './IResponseCache.cjs';
import ICachedResponse from './ICachedResponse.cjs';
import ICachableRequest from './ICachableRequest.cjs';
import ICachableResponse from './ICachableResponse.cjs';
/**
* Fetch response cache.
*
* @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching
* @see https://www.mnot.net/cache_docs/
*/
export default class ResponseCache implements IResponseCache {
#private;
/**
* Returns cached response.
*
* @param request Request.
* @returns Cached response.
*/
get(request: ICachableRequest): ICachedResponse | null;
/**
* Adds a cache entity.
*
* @param request Request.
* @param response Response.
* @returns Cached response.
*/
add(request: ICachableRequest, response: ICachableResponse): ICachedResponse;
/**
* Clears the cache.
*
* @param [options] Options.
* @param [options.url] URL.
* @param [options.toTime] Removes all entries that are older than this time. Time in MS.
*/
clear(options?: {
url?: string;
toTime?: number;
}): void;
}
//# sourceMappingURL=ResponseCache.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ResponseCache.d.ts","sourceRoot":"","sources":["../../../../src/fetch/cache/response/ResponseCache.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAEnD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAKvD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,YAAW,cAAc;;IAG3D;;;;;OAKG;IACI,GAAG,CAAC,OAAO,EAAE,gBAAgB,GAAG,eAAe,GAAG,IAAI;IAoC7D;;;;;;OAMG;IACI,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,iBAAiB,GAAG,eAAe;IA6HnF;;;;;;OAMG;IACI,KAAK,CAAC,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;CAqB/D"}