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,12 @@
// Importing from a ".js" file is a workaround for Node.js "ES Modules"
// importing system which is even uncapable of importing "*.json" files.
import metadata from '../../metadata.max.json.js'
import { AsYouType as _AsYouType } from '../../core/index.js'
export function AsYouType(country) {
return _AsYouType.call(this, country, metadata)
}
AsYouType.prototype = Object.create(_AsYouType.prototype, {})
AsYouType.prototype.constructor = AsYouType

View File

@@ -0,0 +1,12 @@
// Importing from a ".js" file is a workaround for Node.js "ES Modules"
// importing system which is even uncapable of importing "*.json" files.
import metadata from '../../metadata.max.json.js'
import { Metadata as _Metadata } from '../../core/index.js'
export function Metadata() {
return _Metadata.call(this, metadata)
}
Metadata.prototype = Object.create(_Metadata.prototype, {})
Metadata.prototype.constructor = Metadata

View File

@@ -0,0 +1,21 @@
// Importing from a ".js" file is a workaround for Node.js "ES Modules"
// importing system which is even uncapable of importing "*.json" files.
import metadata from '../../metadata.max.json.js'
import { PhoneNumber as _PhoneNumber } from '../../core/index.js'
export function PhoneNumber(number) {
return _PhoneNumber.call(this, number, metadata)
}
// Setting `PhoneNumber.prototype` via `Object.create()`
// didn't work with `instanceof` operator for some strange reason.
// https://gitlab.com/catamphetamine/libphonenumber-js/-/issues/201
// Because of that issue, the `Object.create()` call had to be removed.
// It didn't result in any drawbacks because the `{}` argument of that call
// means that the `PhoneNumber` class created here adds 0 new properties
// to the existing `PhoneNumber` class it attempts to extend here.
// Hence, the `Object.create()` call can be omitted
// and the `prototype` can just be copied over as is.
// PhoneNumber.prototype = Object.create(_PhoneNumber.prototype, {})
PhoneNumber.prototype = _PhoneNumber.prototype
PhoneNumber.prototype.constructor = PhoneNumber

View File

@@ -0,0 +1,11 @@
// Importing from a ".js" file is a workaround for Node.js "ES Modules"
// importing system which is even uncapable of importing "*.json" files.
import metadata from '../../metadata.max.json.js'
import { PhoneNumberMatcher as _PhoneNumberMatcher } from '../../core/index.js'
export function PhoneNumberMatcher(text, options) {
return _PhoneNumberMatcher.call(this, text, options, metadata)
}
PhoneNumberMatcher.prototype = Object.create(_PhoneNumberMatcher.prototype, {})
PhoneNumberMatcher.prototype.constructor = PhoneNumberMatcher

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { findNumbers as _findNumbers } from '../../core/index.js'
export function findNumbers() {
return withMetadataArgument(_findNumbers, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { findPhoneNumbersInText as _findPhoneNumbersInText } from '../../core/index.js'
export function findPhoneNumbersInText() {
return withMetadataArgument(_findPhoneNumbersInText, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { formatIncompletePhoneNumber as _formatIncompletePhoneNumber } from '../../core/index.js'
export function formatIncompletePhoneNumber() {
return withMetadataArgument(_formatIncompletePhoneNumber, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { getCountries as _getCountries } from '../../core/index.js'
export function getCountries() {
return withMetadataArgument(_getCountries, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { getCountryCallingCode as _getCountryCallingCode } from '../../core/index.js'
export function getCountryCallingCode() {
return withMetadataArgument(_getCountryCallingCode, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { getExampleNumber as _getExampleNumber } from '../../core/index.js'
export function getExampleNumber() {
return withMetadataArgument(_getExampleNumber, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { getExtPrefix as _getExtPrefix } from '../../core/index.js'
export function getExtPrefix() {
return withMetadataArgument(_getExtPrefix, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { isPossiblePhoneNumber as _isPossiblePhoneNumber } from '../../core/index.js'
export function isPossiblePhoneNumber() {
return withMetadataArgument(_isPossiblePhoneNumber, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { isSupportedCountry as _isSupportedCountry } from '../../core/index.js'
export function isSupportedCountry() {
return withMetadataArgument(_isSupportedCountry, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { isValidPhoneNumber as _isValidPhoneNumber } from '../../core/index.js'
export function isValidPhoneNumber() {
return withMetadataArgument(_isValidPhoneNumber, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { default as _parsePhoneNumber } from '../../core/index.js'
export function parsePhoneNumber() {
return withMetadataArgument(_parsePhoneNumber, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { parsePhoneNumberWithError as _parsePhoneNumberWithError } from '../../core/index.js'
export function parsePhoneNumberWithError() {
return withMetadataArgument(_parsePhoneNumberWithError, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { searchNumbers as _searchNumbers } from '../../core/index.js'
export function searchNumbers() {
return withMetadataArgument(_searchNumbers, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { searchPhoneNumbersInText as _searchPhoneNumbersInText } from '../../core/index.js'
export function searchPhoneNumbersInText() {
return withMetadataArgument(_searchPhoneNumbersInText, arguments)
}

View File

@@ -0,0 +1,6 @@
import withMetadataArgument from './withMetadataArgument.js'
import { validatePhoneNumberLength as _validatePhoneNumberLength } from '../../core/index.js'
export function validatePhoneNumberLength() {
return withMetadataArgument(_validatePhoneNumberLength, arguments)
}

View File

@@ -0,0 +1,9 @@
// Importing from a ".js" file is a workaround for Node.js "ES Modules"
// importing system which is even uncapable of importing "*.json" files.
import metadata from '../../metadata.max.json.js'
export default function withMetadataArgument(func, _arguments) {
var args = Array.prototype.slice.call(_arguments)
args.push(metadata)
return func.apply(this, args)
}