1
0
mirror of https://github.com/pocket-id/pocket-id.git synced 2026-03-22 16:10:08 +00:00
Files
pocket-id/frontend/src/lib/utils/form-util.ts
2026-03-03 21:37:39 +00:00

160 lines
3.8 KiB
TypeScript

import { get, writable } from 'svelte/store';
import { z } from 'zod/v4';
export type FormInput<T> = {
value: T;
error: string | null;
required: boolean;
};
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));
const errorsStore = writable<z.ZodError<any> | undefined>();
function initializeInputs(initialValues: z.infer<T>): FormInputs<z.infer<T>> {
const inputs: FormInputs<z.infer<T>> = {} as FormInputs<z.infer<T>>;
const shape =
schema instanceof z.ZodObject ? (schema.shape as Record<string, z.ZodTypeAny>) : {};
for (const key in initialValues) {
if (Object.prototype.hasOwnProperty.call(initialValues, key)) {
const fieldSchema = shape[key];
inputs[key as keyof z.infer<T>] = {
value: initialValues[key as keyof z.infer<T>],
error: null,
required: fieldSchema ? isRequired(fieldSchema) : false
};
}
}
return inputs;
}
function validate() {
let success = true;
inputsStore.update((inputs) => {
const values = Object.fromEntries(
Object.entries(inputs).map(([key, input]) => [key, input.value])
);
const result = schema.safeParse(values);
errorsStore.set(result.error);
if (!result.success) {
success = false;
for (const input of Object.keys(inputs)) {
const error = result.error.issues.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;
}
}
for (const key in result.data) {
if (Object.prototype.hasOwnProperty.call(inputs, key)) {
inputs[key as keyof z.infer<T>].value = result.data[key];
}
}
return inputs;
});
return success ? data() : null;
}
function data() {
const inputs = get(inputsStore);
const values = Object.fromEntries(
Object.entries(inputs).map(([key, input]) => {
input.value = trimValue(input.value);
return [key, input.value];
})
) as z.infer<T>;
return values;
}
function reset() {
inputsStore.update((inputs) => {
for (const input of Object.keys(inputs)) {
const current = inputs[input as keyof z.infer<T>];
inputs[input as keyof z.infer<T>] = {
...current,
value: initialValues[input as keyof z.infer<T>],
error: null
};
}
return inputs;
});
}
function setValue(key: keyof z.infer<T>, value: z.infer<T>[keyof z.infer<T>]) {
inputsStore.update((inputs) => {
inputs[key].value = value;
return inputs;
});
}
function trimValue(value: any) {
if (typeof value === 'string') {
value = value.trim();
} else if (Array.isArray(value)) {
value = value.map((item: any) => {
if (typeof item === 'string') {
return item.trim();
}
return item;
});
}
return value;
}
function isRequired(fieldSchema: z.ZodTypeAny): boolean {
// Handle string allow empty
if (fieldSchema instanceof z.ZodString) {
return fieldSchema.minLength !== null && fieldSchema.minLength > 0;
}
// Handle unions like callbackUrlSchema
if (fieldSchema instanceof z.ZodUnion) {
return !fieldSchema.def.options.some((o: any) => {
return o.def.type == 'optional';
});
}
// Handle pipes like emptyToUndefined
if (fieldSchema instanceof z.ZodPipe) {
return isRequired(fieldSchema.def.out as z.ZodTypeAny);
}
// Handle the normal cases
if (fieldSchema instanceof z.ZodOptional || fieldSchema instanceof z.ZodDefault) {
return false;
}
return true;
}
return {
schema,
inputs: inputsStore,
errors: errorsStore,
data,
validate,
setValue,
reset
};
}