frontend: Migrate to Svelte 5

1 files changed, 21 insertions, 6 deletions

diff --git a/frontend/src/lib/Utils.ts b/frontend/src/lib/Utils.ts
index 1a07be1..c0e5b6c 100644
--- a/frontend/src/lib/Utils.ts
+++ b/frontend/src/lib/Utils.ts
@@ -2,7 +2,8 @@ import { isError } from '$gql/Utils';
 import type { ImageFragment } from '$gql/graphql';
 import type { BeforeNavigate } from '@sveltejs/kit';
 import type { OperationResultState } from '@urql/svelte';
-import { openModal } from 'svelte-modals';
+import { modals } from 'svelte-modals';
+import { toastFinally } from './Toasts';
 import ConfirmDeletion from './dialogs/ConfirmDeletion.svelte';
 
 export function range(from: number, to: number) {
@@ -16,6 +17,8 @@ export function getRandomInt(min: number, max: number) {
 	return Math.floor(Math.random() * (maxFloored - minCeiled) + minCeiled);
 }
 
+export type Key = string | number | symbol;
+
 export interface ListItem {
 	id: number | string;
 	name: string;
@@ -68,11 +71,14 @@ export function confirmDeletion(
 	callback: () => void,
 	warning?: string
 ) {
-	openModal(
-		ConfirmDeletion,
-		{ names: Array.isArray(names) ? names : [names], typename, callback: callback, warning },
-		{ replace: true }
-	);
+	modals
+		.open(ConfirmDeletion, {
+			names: Array.isArray(names) ? names : [names],
+			typename,
+			callback,
+			warning
+		})
+		.catch(toastFinally);
 }
 
 export function idFromLabel(label: string) {
@@ -106,3 +112,12 @@ export function preventOnPending({ to, cancel }: BeforeNavigate, pending: boolea
 
 	cancel();
 }
+export function omit<T, K extends keyof T>(obj: T, ...props: K[]): Omit<T, K> {
+	return props.reduce(
+		(o, k) => {
+			delete o[k];
+			return o;
+		},
+		{ ...obj }
+	);
+}