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,133 @@
"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 DOMException_js_1 = __importDefault(require("../../exception/DOMException.cjs"));
const PropertySymbol = __importStar(require("../../PropertySymbol.cjs"));
const DOMExceptionNameEnum_js_1 = __importDefault(require("../../exception/DOMExceptionNameEnum.cjs"));
const VALID_REFERRER_POLICIES = [
'',
'no-referrer',
'no-referrer-when-downgrade',
'same-origin',
'origin',
'strict-origin',
'origin-when-cross-origin',
'strict-origin-when-cross-origin',
'unsafe-url'
];
const VALID_REDIRECTS = ['error', 'manual', 'follow'];
const SUPPORTED_SCHEMAS = ['data:', 'http:', 'https:'];
const FORBIDDEN_REQUEST_METHODS = ['TRACE', 'TRACK', 'CONNECT'];
const REQUEST_METHOD_REGEXP = /^[A-Z]+$/;
/**
* Fetch request validation utility.
*/
class FetchRequestValidationUtility {
/**
* Validates request method.
*
* @throws DOMException
* @param request Request.
*/
static validateMethod(request) {
if (!request.method || FORBIDDEN_REQUEST_METHODS.includes(request.method)) {
throw new DOMException_js_1.default(`'${request.method || ''}' is not a valid HTTP method.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
}
if (!REQUEST_METHOD_REGEXP.test(request.method)) {
throw new DOMException_js_1.default(`'${request.method}' HTTP method is unsupported.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
}
}
/**
* Validates request body.
*
* @throws DOMException
* @param request Request.
*/
static validateBody(request) {
if (request.body && (request.method === 'GET' || request.method === 'HEAD')) {
throw new DOMException_js_1.default(`Request with GET/HEAD method cannot have body.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
}
}
/**
* Validates request URL.
*
* @throws DOMException
* @param url URL.
*/
static validateURL(url) {
if (url.username !== '' || url.password !== '') {
throw new DOMException_js_1.default(`${url} is an url with embedded credentials.`, DOMExceptionNameEnum_js_1.default.notSupportedError);
}
}
/**
* Validates request referrer policy.
*
* @throws DOMException
* @param referrerPolicy Referrer policy.
*/
static validateReferrerPolicy(referrerPolicy) {
if (!VALID_REFERRER_POLICIES.includes(referrerPolicy)) {
throw new DOMException_js_1.default(`Invalid referrer policy "${referrerPolicy}".`, DOMExceptionNameEnum_js_1.default.syntaxError);
}
}
/**
* Validates request redirect.
*
* @throws DOMException
* @param redirect Redirect.
*/
static validateRedirect(redirect) {
if (!VALID_REDIRECTS.includes(redirect)) {
throw new DOMException_js_1.default(`Invalid redirect "${redirect}".`, DOMExceptionNameEnum_js_1.default.syntaxError);
}
}
/**
* Validates request redirect.
*
* @throws DOMException
* @param request
* @param redirect Redirect.
*/
static validateSchema(request) {
if (!SUPPORTED_SCHEMAS.includes(request[PropertySymbol.url].protocol)) {
throw new DOMException_js_1.default(`Failed to fetch from "${request.url}": URL scheme "${request[PropertySymbol.url].protocol.replace(/:$/, '')}" is not supported.`, DOMExceptionNameEnum_js_1.default.notSupportedError);
}
}
}
exports.default = FetchRequestValidationUtility;
//# sourceMappingURL=FetchRequestValidationUtility.cjs.map