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

43
frontend/node_modules/vitest/dist/workers/forks.js generated vendored Normal file
View File

@@ -0,0 +1,43 @@
import v8 from 'node:v8';
import { r as runBaseTests } from '../chunks/base.DfmxU-tU.js';
import { c as createForksRpcOptions, u as unwrapSerializableConfig } from '../chunks/utils.CAioKnHs.js';
import 'vite-node/client';
import '../chunks/execute.B7h3T_Hc.js';
import 'node:fs';
import 'node:url';
import 'node:vm';
import '@vitest/utils/error';
import 'pathe';
import 'vite-node/utils';
import '../path.js';
import 'node:path';
import '@vitest/mocker';
import 'node:module';
import '@vitest/utils';
import '../chunks/utils.XdZDrNZV.js';
class ForksBaseWorker {
getRpcOptions() {
return createForksRpcOptions(v8);
}
async executeTests(method, state) {
// TODO: don't rely on reassigning process.exit
// https://github.com/vitest-dev/vitest/pull/4441#discussion_r1443771486
const exit = process.exit;
state.ctx.config = unwrapSerializableConfig(state.ctx.config);
try {
await runBaseTests(method, state);
} finally {
process.exit = exit;
}
}
runTests(state) {
return this.executeTests("run", state);
}
collectTests(state) {
return this.executeTests("collect", state);
}
}
const worker = new ForksBaseWorker();
export { worker as default };

View File

@@ -0,0 +1,90 @@
import { createRequire } from 'node:module';
import { performance } from 'node:perf_hooks';
import timers from 'node:timers';
import timersPromises from 'node:timers/promises';
import util from 'node:util';
import { startTests, collectTests } from '@vitest/runner';
import { KNOWN_ASSET_TYPES } from 'vite-node/constants';
import { installSourcemapsSupport } from 'vite-node/source-map';
import { s as setupChaiConfig, r as resolveTestRunner, a as resolveSnapshotEnvironment } from '../chunks/index.CwejwG0H.js';
import { c as setupCommonEnv, s as startCoverageInsideWorker, a as stopCoverageInsideWorker } from '../chunks/setup-common.Dd054P77.js';
import { V as VitestIndex } from '../chunks/index.CdQS2e2Q.js';
import { c as closeInspector } from '../chunks/inspector.C914Efll.js';
import { g as getWorkerState } from '../chunks/utils.XdZDrNZV.js';
import 'chai';
import 'node:path';
import '../path.js';
import 'node:url';
import '../chunks/rpc.-pEldfrD.js';
import '@vitest/utils';
import '../chunks/index.B521nVV-.js';
import '../chunks/coverage.DVF1vEu8.js';
import '@vitest/snapshot';
import '../chunks/vi.bdSIJ99Y.js';
import '@vitest/expect';
import '@vitest/runner/utils';
import '../chunks/_commonjsHelpers.BFTU3MAI.js';
import '@vitest/utils/error';
import '@vitest/spy';
import '@vitest/utils/source-map';
import '../chunks/date.Bq6ZW5rf.js';
import '../chunks/benchmark.CYdenmiT.js';
import 'expect-type';
async function run(method, files, config, executor) {
const workerState = getWorkerState();
await setupCommonEnv(config);
Object.defineProperty(globalThis, "__vitest_index__", {
value: VitestIndex,
enumerable: false
});
if (workerState.environment.transformMode === "web") {
const _require = createRequire(import.meta.url);
// always mock "required" `css` files, because we cannot process them
_require.extensions[".css"] = resolveCss;
_require.extensions[".scss"] = resolveCss;
_require.extensions[".sass"] = resolveCss;
_require.extensions[".less"] = resolveCss;
// since we are using Vite, we can assume how these will be resolved
KNOWN_ASSET_TYPES.forEach((type) => {
_require.extensions[`.${type}`] = resolveAsset;
});
process.env.SSR = "";
} else process.env.SSR = "1";
// @ts-expect-error not typed global for patched timers
globalThis.__vitest_required__ = {
util,
timers,
timersPromises
};
installSourcemapsSupport({ getSourceMap: (source) => workerState.moduleCache.getSourceMap(source) });
await startCoverageInsideWorker(config.coverage, executor, { isolate: false });
if (config.chaiConfig) setupChaiConfig(config.chaiConfig);
const [runner, snapshotEnvironment] = await Promise.all([resolveTestRunner(config, executor), resolveSnapshotEnvironment(config, executor)]);
config.snapshotOptions.snapshotEnvironment = snapshotEnvironment;
runner.getWorkerContext = void 0;
workerState.onCancel.then((reason) => {
closeInspector(config);
runner.cancel?.(reason);
});
workerState.durations.prepare = performance.now() - workerState.durations.prepare;
const { vi } = VitestIndex;
for (const file of files) {
workerState.filepath = file.filepath;
if (method === "run") await startTests([file], runner);
else await collectTests([file], runner);
// reset after tests, because user might call `vi.setConfig` in setupFile
vi.resetConfig();
// mocks should not affect different files
vi.restoreAllMocks();
}
await stopCoverageInsideWorker(config.coverage, executor, { isolate: false });
}
function resolveCss(mod) {
mod.exports = "";
}
function resolveAsset(mod, url) {
mod.exports = url;
}
export { run };

31
frontend/node_modules/vitest/dist/workers/threads.js generated vendored Normal file
View File

@@ -0,0 +1,31 @@
import { r as runBaseTests } from '../chunks/base.DfmxU-tU.js';
import { a as createThreadsRpcOptions } from '../chunks/utils.CAioKnHs.js';
import 'vite-node/client';
import '../chunks/execute.B7h3T_Hc.js';
import 'node:fs';
import 'node:url';
import 'node:vm';
import '@vitest/utils/error';
import 'pathe';
import 'vite-node/utils';
import '../path.js';
import 'node:path';
import '@vitest/mocker';
import 'node:module';
import '@vitest/utils';
import '../chunks/utils.XdZDrNZV.js';
class ThreadsBaseWorker {
getRpcOptions(ctx) {
return createThreadsRpcOptions(ctx);
}
runTests(state) {
return runBaseTests("run", state);
}
collectTests(state) {
return runBaseTests("collect", state);
}
}
const worker = new ThreadsBaseWorker();
export { worker as default };

47
frontend/node_modules/vitest/dist/workers/vmForks.js generated vendored Normal file
View File

@@ -0,0 +1,47 @@
import v8 from 'node:v8';
import { c as createForksRpcOptions, u as unwrapSerializableConfig } from '../chunks/utils.CAioKnHs.js';
import { r as runVmTests } from '../chunks/vm.BThCzidc.js';
import '@vitest/utils';
import 'node:url';
import 'node:vm';
import 'pathe';
import '../path.js';
import 'node:path';
import '../chunks/console.CtFJOzRO.js';
import 'node:console';
import 'node:stream';
import 'tinyrainbow';
import '../chunks/date.Bq6ZW5rf.js';
import '../chunks/utils.XdZDrNZV.js';
import '../chunks/execute.B7h3T_Hc.js';
import 'node:fs';
import '@vitest/utils/error';
import 'vite-node/client';
import 'vite-node/utils';
import '@vitest/mocker';
import 'node:module';
import 'vite-node/constants';
class ForksVmWorker {
getRpcOptions() {
return createForksRpcOptions(v8);
}
async executeTests(method, state) {
const exit = process.exit;
state.ctx.config = unwrapSerializableConfig(state.ctx.config);
try {
await runVmTests(method, state);
} finally {
process.exit = exit;
}
}
runTests(state) {
return this.executeTests("run", state);
}
collectTests(state) {
return this.executeTests("collect", state);
}
}
const worker = new ForksVmWorker();
export { worker as default };

37
frontend/node_modules/vitest/dist/workers/vmThreads.js generated vendored Normal file
View File

@@ -0,0 +1,37 @@
import { a as createThreadsRpcOptions } from '../chunks/utils.CAioKnHs.js';
import { r as runVmTests } from '../chunks/vm.BThCzidc.js';
import '@vitest/utils';
import 'node:url';
import 'node:vm';
import 'pathe';
import '../path.js';
import 'node:path';
import '../chunks/console.CtFJOzRO.js';
import 'node:console';
import 'node:stream';
import 'tinyrainbow';
import '../chunks/date.Bq6ZW5rf.js';
import '../chunks/utils.XdZDrNZV.js';
import '../chunks/execute.B7h3T_Hc.js';
import 'node:fs';
import '@vitest/utils/error';
import 'vite-node/client';
import 'vite-node/utils';
import '@vitest/mocker';
import 'node:module';
import 'vite-node/constants';
class ThreadsVmWorker {
getRpcOptions(ctx) {
return createThreadsRpcOptions(ctx);
}
runTests(state) {
return runVmTests("run", state);
}
collectTests(state) {
return runVmTests("collect", state);
}
}
const worker = new ThreadsVmWorker();
export { worker as default };