Function formToJson

packages/shared/src/lib/form.ts:18–72

(
  form: HTMLFormElement,
  initialValue?: T,
)

  element instanceof HTMLSelectElement;

export function formToJson<T extends Record<string, unknown>>(
  form: HTMLFormElement,
  initialValue?: T,
): T {
  const initialData = (initialValue ?? {}) as FormValues;

  const values = Array.from(form.elements).reduce<FormValues>(
    (acc, element) => {
      if (!isFormFieldElement(element) || element.name === '') {
        return acc;
      }

      // Handle fields that end with [] as arrays.
      if (element.name.endsWith('[]')) {
        const fieldName = element.name.slice(0, -2);
        const existingValue = acc[fieldName];
        const existingArray = Array.isArray(existingValue) ? existingValue : [];

        if (element.value && element.value.trim().length > 0) {
          return { ...acc, [fieldName]: [...existingArray, element.value] };
        }

        return acc;
      }

      if (element instanceof HTMLInputElement && element.type === 'checkbox') {
        return { ...acc, [element.name]: element.checked };
      }

      if (
        element instanceof HTMLInputElement &&
        element.type === 'radio' &&
        !element.checked
      ) {
        return acc;
      }

      if (element instanceof HTMLInputElement && element.type === 'file') {
        const { files } = element;
        return {
          ...acc,
          [element.name]: !files || files.length === 0 ? null : files,
        };
      }

      return {
        ...acc,
        [element.name]: element.value.length ? element.value : null,
      };
    },
    initialData,
  );

  return values as unknown as T;
}

export const applyZodErrorsToForm = <TFieldValues extends FieldValues>({
  error: originalError,