frontend: Migrate to Svelte 5

1 files changed, 94 insertions, 0 deletions

diff --git a/frontend/src/lib/Update.svelte.ts b/frontend/src/lib/Update.svelte.ts
new file mode 100644
index 0000000..1d684d5
--- /dev/null
+++ b/frontend/src/lib/Update.svelte.ts
@@ -0,0 +1,94 @@
+import {
+	UpdateMode,
+	type UpdateComicInput,
+	type UpdateOptions,
+	type UpdateTagInput
+} from '$gql/graphql';
+import type { Key } from './Utils';
+
+interface AssociationUpdate {
+	ids?: number[] | string[] | null;
+	options?: UpdateOptions | null;
+}
+
+type Input<T, K extends Key> = Partial<Record<K, T | null>>;
+
+abstract class Entry<K extends Key> {
+	key: K;
+
+	constructor(key: K) {
+		this.key = key;
+	}
+
+	abstract integrate(input: Input<unknown, K>): void;
+	abstract hasInput(): boolean;
+}
+
+class Association<K extends Key> extends Entry<K> {
+	ids = $state([]);
+	options = $state({
+		mode: UpdateMode.Add
+	});
+
+	constructor(key: K) {
+		super(key);
+	}
+
+	integrate(input: Input<AssociationUpdate, K>) {
+		if (this.hasInput()) {
+			input[this.key] = { ids: this.ids, options: this.options };
+		}
+	}
+
+	hasInput() {
+		return this.ids.length > 0;
+	}
+}
+
+class Enum<K extends Key> extends Entry<K> {
+	value?: string = $state(undefined);
+
+	constructor(key: K) {
+		super(key);
+	}
+
+	integrate(input: Input<string, K>): void {
+		if (this.hasInput()) {
+			input[this.key] = this.value;
+		}
+	}
+
+	hasInput() {
+		return this.value !== undefined && this.value !== null;
+	}
+}
+
+abstract class Controls<I> {
+	input() {
+		const input = {} as I;
+		Object.values(this).forEach((v: Entry<keyof I>) => v.integrate(input));
+		return input;
+	}
+
+	pending() {
+		return Object.values(this).some((i: Entry<keyof I>) => i.hasInput());
+	}
+}
+
+export class UpdateTagsControls extends Controls<UpdateTagInput> {
+	namespaces = new Association('namespaces');
+}
+
+export class UpdateComicsControls extends Controls<UpdateComicInput> {
+	artists = new Association('artists');
+	category = new Enum('category');
+	censorship = new Enum('censorship');
+	direction = new Enum('direction');
+	layout = new Enum('layout');
+	characters = new Association('characters');
+	circles = new Association('circles');
+	language = new Enum('language');
+	rating = new Enum('rating');
+	tags = new Association('tags');
+	worlds = new Association('worlds');
+}