initial commit

frontend/src/lib/utils/form-util.ts

@@ -0,0 +1,90 @@
+import { writable } from 'svelte/store';
+import { z } from 'zod';
+
+export type FormInput<T> = {
+	value: T;
+	error: string | null;
+};
+
+type FormInputs<T> = {
+	[K in keyof T]: FormInput<T[K]>;
+};
+
+export function createForm<T extends z.ZodType<any, any>>(schema: T, initialValues: z.infer<T>) {
+	// Create a writable store for the inputs
+	const inputsStore = writable<FormInputs<z.infer<T>>>(initializeInputs(initialValues));
+
+	function initializeInputs(initialValues: z.infer<T>): FormInputs<z.infer<T>> {
+		const inputs: FormInputs<z.infer<T>> = {} as FormInputs<z.infer<T>>;
+		for (const key in initialValues) {
+			if (Object.prototype.hasOwnProperty.call(initialValues, key)) {
+				inputs[key as keyof z.infer<T>] = {
+					value: initialValues[key as keyof z.infer<T>],
+					error: null
+				};
+			}
+		}
+		return inputs;
+	}
+
+	function validate() {
+		let success = true;
+		inputsStore.update((inputs) => {
+			// Extract values from inputs to validate against the schema
+			const values = Object.fromEntries(
+				Object.entries(inputs).map(([key, input]) => [key, input.value])
+			);
+
+			const result = schema.safeParse(values);
+
+			if (!result.success) {
+				success = false;
+				for (const input of Object.keys(inputs)) {
+					const error = result.error.errors.find((e) => e.path[0] === input);
+					if (error) {
+						inputs[input as keyof z.infer<T>].error = error.message;
+					} else {
+						inputs[input as keyof z.infer<T>].error = null;
+					}
+				}
+			} else {
+				for (const input of Object.keys(inputs)) {
+					inputs[input as keyof z.infer<T>].error = null;
+				}
+			}
+			return inputs;
+		});
+		return success ? data() : null;
+	}
+
+	function data() {
+		let values: z.infer<T> | null = null;
+		inputsStore.subscribe((inputs) => {
+			values = Object.fromEntries(
+				Object.entries(inputs).map(([key, input]) => [key, input.value])
+			) as z.infer<T>;
+		})();
+
+		return values;
+	}
+
+	function reset() {
+		inputsStore.update((inputs) => {
+			for (const input of Object.keys(inputs)) {
+				inputs[input as keyof z.infer<T>] = {
+					value: initialValues[input as keyof z.infer<T>],
+					error: null
+				};
+			}
+			return inputs;
+		});
+	}
+
+	return {
+		schema,
+		inputs: inputsStore,
+		data,
+		validate,
+		reset
+	};
+}