fuma 0.2.6 → 0.3.0

package/dist/ui/form/Form.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
 import type { z } from 'zod';
-import type { FormData } from './form.js';
-import { type FormField, type FormSectionProps } from './form.js';
+import type { FormDataInput } from './form.js';
+import { type FormField, type FormSectionProps, type Nullable } from './form.js';
 import { type UseFormOptions } from '../../validation/form.js';
-declare class __sveltets_Render<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> {
+declare class __sveltets_Render<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> {
     props(): {
         class?: string | undefined;
         classSection?: string | undefined;
@@ -11,27 +11,35 @@ declare class __sveltets_Render<Shape extends z.ZodRawShape, ReturnData extends
         model?: Shape | undefined;
         fields?: FormField<Shape>[][] | undefined;
         sections?: FormSectionProps<Shape>[] | undefined;
-        data?: Partial<z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]> extends infer T ? { [k in keyof T]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]>[k]; } : never> | undefined;
         action?: string | undefined;
+        actionCreate?: string | undefined;
         actionDelete?: string | undefined;
-        actionPrefix?: string | undefined;
-        options?: UseFormOptions<ReturnData> | undefined;
-        set?: (<K extends keyof Shape>(key: K, value: Partial<z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]> extends infer T_1 ? { [k in keyof T_1]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]>[k]; } : never>[K]) => void) | undefined;
+        actionUpdate?: string | undefined;
+        options?: UseFormOptions<Data> | undefined;
+        data?: Nullable<Data> | undefined;
+        set?: (<K extends keyof Shape>(key: K, value: Nullable<Data>[K]) => void) | undefined;
+        update?: ((updater: (currentData: Nullable<Data>) => Nullable<Data>) => void) | undefined;
     };
     events(): {
         success: CustomEvent<{
             action: URL;
-            data?: ReturnData | undefined;
+            data?: Data | undefined;
         }>;
+        created: CustomEvent<Data>;
+        updated: CustomEvent<Data>;
+        deleted: CustomEvent<void>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots(): {};
+    slots(): {
+        default: {};
+    };
 }
-export type FormProps<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData>['props']>;
-export type FormEvents<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData>['events']>;
-export type FormSlots<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData>['slots']>;
-export default class Form<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> extends SvelteComponent<FormProps<Shape, ReturnData>, FormEvents<Shape, ReturnData>, FormSlots<Shape, ReturnData>> {
-    get set(): <K extends keyof Shape>(key: K, value: Partial<z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]> extends infer T ? { [k in keyof T]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]>[k]; } : never>[K]) => void;
+export type FormProps<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, Data>['props']>;
+export type FormEvents<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, Data>['events']>;
+export type FormSlots<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, Data>['slots']>;
+export default class Form<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> extends SvelteComponent<FormProps<Shape, Data>, FormEvents<Shape, Data>, FormSlots<Shape, Data>> {
+    get set(): <K extends keyof Shape>(key: K, value: Nullable<Data>[K]) => void;
+    get update(): (updater: (currentData: Nullable<Data>) => Nullable<Data>) => void;
 }
 export {};

package/dist/ui/form/form.d.ts

@@ -1,29 +1,37 @@
 import type { z } from 'zod';
 import type { ComponentProps } from 'svelte';
+import { type Writable } from 'svelte/store';
+import type { FormEventHandler } from 'svelte/elements';
 import { type FormInputsProps, type FormInputsType } from './formInput.js';
 import type FormSection from './FormSection.svelte';
-import type { FormEventHandler } from 'svelte/elements';
 type Shape = z.ZodRawShape;
 type PickOne<T> = {
     [P in keyof T]: Record<P, T[P]> & Partial<Record<Exclude<keyof T, P>, undefined>>;
 }[keyof T];
-export type BoolOrFunction<M extends Shape> = boolean | ((data: Partial<FormData<M>>) => unknown);
-export type FormData<M extends Shape> = z.infer<z.ZodObject<M>>;
-export type FormField<M extends Shape> = {
-    key: string & keyof M;
+export type Nullable<T> = {
+    [P in keyof T]?: T[P] | null;
+};
+export type BoolOrFunction<S extends Shape> = boolean | ((data: Nullable<FormDataInput<S>>) => unknown);
+export type FormDataInput<S extends Shape> = z.ZodObject<S>['_input'];
+export type FormField<S extends Shape> = {
+    key: string & keyof S;
     /** number col used by field */
     colSpan?: number;
     /** hide field if true */
-    hide?: BoolOrFunction<M>;
+    hide?: BoolOrFunction<S>;
 } & PickOne<FormInputsProps>;
-export type FormSectionProps<M extends Shape> = ComponentProps<FormSection> & {
+export type FormSectionProps<S extends Shape> = ComponentProps<FormSection> & {
     /** hide group if true */
-    hide?: BoolOrFunction<M>;
+    hide?: BoolOrFunction<S>;
 };
-export declare function initData<M extends Shape>(fields: FormField<M>[][]): Partial<FormData<M>>;
-export declare function getFieldType<M extends Shape>(field: FormField<M>): FormInputsType;
-type HandleInputOptions = {
+export declare function initData<S extends Shape, Data extends FormDataInput<S> = FormDataInput<S>>(fields: FormField<S>[][]): Data;
+export declare function getFieldType<S extends Shape>(field: FormField<S>): FormInputsType;
+type HandleInputOptions<S extends Shape> = {
+    model?: S;
     setError: (key: string, value: string) => void;
 };
-export declare function useHandleInput(model: Shape, { setError }: HandleInputOptions): FormEventHandler<HTMLFormElement>;
+export declare function useHandleInput<S extends Shape>({ model, setError }: HandleInputOptions<S>): {
+    isDirty: Writable<boolean>;
+    handleInput: FormEventHandler<HTMLFormElement>;
+};
 export {};

package/dist/ui/form/form.js

@@ -1,5 +1,6 @@
-import { formInputsType } from './formInput.js';
 import debounce from 'debounce';
+import { writable } from 'svelte/store';
+import { formInputsType } from './formInput.js';
 export function initData(fields) {
     // @ts-ignore
     return fields.flat().reduce((acc, cur) => {
@@ -14,32 +15,39 @@ export function getFieldType(field) {
         return 'text';
     return inputType;
 }
-export function useHandleInput(model, { setError }) {
+export function useHandleInput({ model, setError }) {
+    const isDirty = writable(false);
     const setErrorDebounced = debounce(setError, 1500);
-    return ({ target }) => {
-        if (!target)
-            return;
-        const { name, type, value, valueAsNumber, valueAsDate, checked } = target;
-        const typeMapValue = {
-            number: valueAsNumber,
-            date: valueAsDate,
-            text: value,
-            checkbox: checked
-        };
-        const v = typeMapValue[type] ?? value;
-        if (v === undefined || name === undefined)
-            return;
-        if (name === undefined)
-            return;
-        if (!model[name])
-            return;
-        const res = model[name].safeParse(v);
-        if (res.success) {
-            setErrorDebounced.clear();
-            setError(name, '');
-        }
-        else {
-            setErrorDebounced(name, res.error.issues[0].message);
+    return {
+        isDirty,
+        handleInput: ({ target }) => {
+            if (!target)
+                return;
+            isDirty.set(true);
+            if (!model)
+                return;
+            const { name, type, value, valueAsNumber, valueAsDate, checked } = target;
+            const typeMapValue = {
+                number: valueAsNumber,
+                date: valueAsDate,
+                text: value,
+                checkbox: checked
+            };
+            const v = typeMapValue[type] ?? value;
+            if (v === undefined || name === undefined)
+                return;
+            if (name === undefined)
+                return;
+            if (!model[name])
+                return;
+            const res = model[name].safeParse(v);
+            if (res.success) {
+                setErrorDebounced.clear();
+                setError(name, '');
+            }
+            else {
+                setErrorDebounced(name, res.error.issues[0].message);
+            }
         }
     };
 }

package/dist/ui/form/formInput.d.ts

@@ -31,7 +31,7 @@ export type FormInputProps<T extends FormInputsType> = ComponentProps<InstanceTy
 export type FormInputsProps = {
     [T in FormInputsType]: FormInputProps<T>;
 };
-export declare const formInputsType: ("number" | "boolean" | "select" | "textarea" | "date" | "text" | "password" | "radio" | "textrich" | "datetime" | "relation" | "relations")[];
+export declare const formInputsType: ("number" | "boolean" | "select" | "date" | "textarea" | "text" | "password" | "radio" | "textrich" | "datetime" | "relation" | "relations")[];
 export declare function relationProps<Item extends {
     id: string;
 }>(props: ComponentProps<InstanceType<typeof InputRelation<Item>>>): {

package/dist/ui/input/FormControl.svelte.d.ts

@@ -12,7 +12,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/ui/input/InputBoolean.svelte.d.ts

@@ -11,12 +11,12 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;
         wrapperClass?: string | undefined;
-        value?: boolean | undefined;
+        value?: boolean | null | undefined;
         bindWithParams?: boolean | undefined;
     } & {
         isRow?: boolean | undefined;

package/dist/ui/input/InputCheckboxs.svelte.d.ts

@@ -11,12 +11,12 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;
         wrapperClass?: string | undefined;
-        value?: string[] | undefined;
+        value?: string[] | null | undefined;
         bindWithParams?: boolean | undefined;
     } & {
         options: Options;

package/dist/ui/input/InputCheckboxsMenu.svelte

@@ -27,7 +27,7 @@ $:
 function handleSubmit() {
   if (!dropdown)
     return;
-  if (!value.length) {
+  if (!value?.length) {
     goto($urlParam.without(key), { replaceState: true, noScroll: true });
     return;
   }
@@ -43,23 +43,23 @@ function handleReset() {
 <input type="hidden" name={key} value={JSON.stringify(value)} />
 
 <DropDown bind:this={dropdown} tippyProps={{ onHide: handleSubmit }} wrapperClass="mb-[-2px]">
-	<div class="join" class:ml-2={value.length} slot="activator">
+	<div class="join" class:ml-2={value?.length} slot="activator">
 		<button class="btn indicator join-item btn-sm {btnClass || ''}">
 			<slot name="label">
 				<span>{label}</span>
 			</slot>
-			{#if value.length > 0}
+			{#if !!value?.length}
 				<span
 					class="
 						badge indicator-item badge-sm indicator-start
 						{badgePrimary ? 'badge-primary' : 'badge-outline bg-base-100'}
 					"
 				>
-					{value.length}
+					{value?.length}
 				</span>
 			{/if}
 		</button>
-		{#if value.length}
+		{#if !!value?.length}
 			<button class="btn btn-square join-item btn-sm" on:click={handleReset}>
 				<Icon path={mdiClose} class="fill-base-content" />
 			</button>

package/dist/ui/input/InputCheckboxsMenu.svelte.d.ts

@@ -11,12 +11,12 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;
         wrapperClass?: string | undefined;
-        value?: string[] | undefined;
+        value?: string[] | null | undefined;
         bindWithParams?: boolean | undefined;
     } & {
         key: string;

package/dist/ui/input/InputCombo.svelte.d.ts

@@ -14,12 +14,12 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;
         wrapperClass?: string | undefined;
-        value?: string | undefined;
+        value?: string | null | undefined;
         bindWithParams?: boolean | undefined;
     } & {
         options: Options;

package/dist/ui/input/InputNumber.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
 declare const __propDef: {
-    props: InputProps;
+    props: InputProps<string | number>;
     events: {
         input: Event;
         focus: FocusEvent;

package/dist/ui/input/InputPassword.svelte.d.ts

@@ -10,12 +10,12 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;
         wrapperClass?: string | undefined;
-        value?: string | undefined;
+        value?: string | null | undefined;
         bindWithParams?: boolean | undefined;
     } & {
         autocomplete?: string | undefined;

package/dist/ui/input/InputRadio.svelte.d.ts

@@ -11,12 +11,12 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;
         wrapperClass?: string | undefined;
-        value?: string | undefined;
+        value?: string | null | undefined;
         bindWithParams?: boolean | undefined;
     } & {
         options: Options;

package/dist/ui/input/InputRelation.svelte

@@ -2,6 +2,7 @@
 import debounce from "debounce";
 import { toast } from "svelte-sonner";
 import { mdiClose } from "@mdi/js";
+import { USE_JSON_PARSER } from "../../utils/constant.js";
 import { Icon } from "../icon/index.js";
 import { Slot } from "../slot/index.js";
 import { DropDown } from "../menu/index.js";
@@ -101,7 +102,11 @@ async function handleBlur() {
 						<Icon path={mdiClose} />
 					</button>
 				</div>
-				<input type="hidden" name={key} value={item.id} />
+				<input
+					type="hidden"
+					name={key}
+					value="{USE_JSON_PARSER}{JSON.stringify({ id: item.id })}"
+				/>
 			{/if}
 		</FormControl>
 	</div>
@@ -113,7 +118,7 @@ async function handleBlur() {
 		{isLoading}
 		{focusIndex}
 		let:index
-		class="w-full {classList}"
+		class="w-full min-w-40 {classList}"
 		on:select={({ detail }) => select(detail)}
 	>
 		<slot name="suggestion" item={proposedItems[index]}>

package/dist/ui/input/InputRelations.svelte

@@ -3,6 +3,7 @@ import { slide } from "svelte/transition";
 import { toast } from "svelte-sonner";
 import { mdiClose } from "@mdi/js";
 import debounce from "debounce";
+import { USE_JSON_PARSER } from "../../utils/constant.js";
 import { Icon } from "../icon/index.js";
 import { Slot } from "../slot/index.js";
 import { FormControl, SelectorList } from "./index.js";
@@ -111,7 +112,6 @@ async function handleBlur() {
 						<input
 							type="text"
 							id={key}
-							name={key}
 							bind:this={inputSearch}
 							bind:value={searchValue}
 							on:input={(e) => searchItemsDebounce(e.currentTarget.value)}
@@ -128,7 +128,11 @@ async function handleBlur() {
 				</div>
 			</div>
 
-			<input type="hidden" name={key} value={JSON.stringify(items?.map(({ id }) => id) || [])} />
+			<input
+				type="hidden"
+				name={key}
+				value="{USE_JSON_PARSER}{JSON.stringify(items?.map(({ id }) => ({ id })) || [])}"
+			/>
 		</FormControl>
 	</div>
 
@@ -139,7 +143,7 @@ async function handleBlur() {
 		{isLoading}
 		{focusIndex}
 		let:index
-		class="w-full {classList}"
+		class="w-full min-w-40 {classList}"
 		on:select={({ detail }) => select(detail)}
 	>
 		<slot name="suggestion" item={proposedItems[index]}>

package/dist/ui/input/InputText.svelte.d.ts

@@ -16,10 +16,10 @@ declare const __propDef: {
             slot: string;
         };
         prepend: {
-            value: string | undefined;
+            value: string | null | undefined;
         };
         append: {
-            value: string | undefined;
+            value: string | null | undefined;
         };
     };
 };

package/dist/ui/input/textRich/InputTextRich.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         value?: string | undefined;
         classToolbar?: string | undefined;

package/dist/ui/input/types.d.ts

@@ -5,11 +5,11 @@ export type InputProps<T = string> = ComponentProps<FormControl> & {
     input?: HTMLInputAttributes;
     inputElement?: HTMLInputElement;
     wrapperClass?: string;
-    value?: T;
+    value?: T | null;
     bindWithParams?: boolean;
 };
 export type TextareaProps = ComponentProps<FormControl> & {
     textarea?: HTMLTextareaAttributes;
-    value?: string;
+    value?: string | null;
     bindWithParams?: boolean;
 };

package/dist/ui/login/Login.svelte

@@ -36,7 +36,7 @@ let recorverDialog;
 			<span
 				role="button"
 				tabindex="0"
-				class="tab-lg tab grow rounded-t-2xl"
+				class="tab-lg tab h-10 grow"
 				class:tab-active={state === 'login'}
 				on:click={() => (state = 'login')}
 				on:keyup={() => (state = 'login')}
@@ -46,7 +46,7 @@ let recorverDialog;
 			<span
 				role="button"
 				tabindex="0"
-				class="tab-lg tab-lifted tab grow rounded-t-2xl"
+				class="tab-lg tab h-10 grow"
 				class:tab-active={state === 'register'}
 				on:click={() => (state = 'register')}
 				on:keyup={() => (state = 'register')}
@@ -55,7 +55,11 @@ let recorverDialog;
 			</span>
 		</div>
 
-		<form class="card-body border border-t-0 border-base-300 bg-base-100" method="post" use:enhance>
+		<form
+			class="card-body rounded-b-lg border border-t-0 border-base-300 bg-base-100"
+			method="post"
+			use:enhance
+		>
 			<InputText key="username" label="Nom d'utilisateur" input={{ autocomplete: 'username' }} />
 
 			{#if state === 'register'}

package/dist/ui/table/field.d.ts

@@ -49,7 +49,7 @@ export declare function syncFieldsWithParams(tablekey: string, fields: TableFiel
     $visible: boolean;
     key: string;
     label: string;
-    type: "string" | "number" | "boolean" | "textarea" | "date";
+    type: "string" | "number" | "boolean" | "date" | "textarea";
     options?: Options | undefined;
     hint?: string | undefined;
     locked?: boolean | undefined;

package/dist/utils/constant.d.ts

@@ -0,0 +1 @@
+export declare const USE_JSON_PARSER = "USE_JSON_PARSER_nXFVwk03nRbmhFukfyZLuzkEd43LXIKs_";

package/dist/utils/constant.js

@@ -0,0 +1 @@
+export const USE_JSON_PARSER = 'USE_JSON_PARSER_nXFVwk03nRbmhFukfyZLuzkEd43LXIKs_';

package/dist/utils/index.d.ts

@@ -6,3 +6,4 @@ export * from './options.js';
 export * from './avatar.js';
 export * from './tippy.js';
 export * from './nestedPaths.js';
+export * from './constant.js';

package/dist/utils/index.js

@@ -6,3 +6,4 @@ export * from './options.js';
 export * from './avatar.js';
 export * from './tippy.js';
 export * from './nestedPaths.js';
+export * from './constant.js';

package/dist/utils/jsonParse.d.ts

@@ -1 +1 @@
-export declare function jsonParse<Type>(text: string | null | undefined, defaultValue: Type): Type;
+export declare function jsonParse<Type>(content: string | null | undefined | Type, defaultValue: Type): Type;

package/dist/utils/jsonParse.js

@@ -1,8 +1,10 @@
-export function jsonParse(text, defaultValue) {
+export function jsonParse(content, defaultValue) {
     try {
-        if (!text)
+        if (!content)
             return defaultValue;
-        return JSON.parse(text);
+        if (typeof content !== 'string')
+            return content;
+        return JSON.parse(content);
     }
     catch {
         return defaultValue;

package/dist/validation/form.d.ts

@@ -8,14 +8,15 @@ export type FormContext = {
 export declare const formContext: {
     get: () => FormContext;
 };
+type MaybePromise<T> = T | Promise<T>;
 type SuccessMessage = false | string | ((action: URL) => string);
 type BooleanOrFunction = boolean | ((action: URL) => boolean);
 export type UseFormOptions<ReturnData> = {
-    onSubmit?: (...args: Parameters<SubmitFunction>) => any;
-    onSuccess?: (action: URL, data?: ReturnData) => any;
+    onSubmit?: (...args: Parameters<SubmitFunction>) => MaybePromise<any>;
+    onSuccess?: (action: URL, data?: ReturnData) => MaybePromise<any>;
     onResetError?: () => unknown;
-    onError?: (err: any) => unknown;
-    onFail?: (failure: Record<string, any> | undefined) => unknown;
+    onError?: (err: any) => MaybePromise<unknown>;
+    onFail?: (failure: Record<string, any> | undefined) => MaybePromise<unknown>;
     successUpdate?: BooleanOrFunction;
     successReset?: BooleanOrFunction;
     successMessage?: SuccessMessage;
@@ -25,7 +26,7 @@ export declare function useForm<ReturnData extends Record<string, unknown>>({ on
         destroy(): void;
     };
     submit: SubmitFunction<ReturnData>;
-    resetErrors: () => void;
+    resetErrors: () => Promise<void>;
     setError(key: string, value: string): void;
 };
 export {};

package/dist/validation/form.js

@@ -12,7 +12,7 @@ export const formContext = {
 };
 export function useForm({ onSubmit, onSuccess, onResetError, onError, onFail, successUpdate = true, successReset = true, successMessage = 'Succès' } = {}) {
     const { setError } = formContext.get();
-    function resetErrors() {
+    async function resetErrors() {
         for (const key in setError)
             setError[key]('');
         if (onResetError)
@@ -48,14 +48,14 @@ export function useForm({ onSubmit, onSuccess, onResetError, onError, onFail, su
             event.submitter?.classList.remove('btn-disabled');
             if (result.type === 'error') {
                 if (onError)
-                    onError(result.error.message);
+                    await onError(result.error.message);
                 const { message } = result.error;
                 toast.error(message || 'Erreur');
                 return;
             }
             if (result.type === 'failure') {
                 if (onFail)
-                    onFail(result.data);
+                    await onFail(result.data);
                 if (result.data)
                     handleFailure(result.data);
                 return;
@@ -68,18 +68,18 @@ export function useForm({ onSubmit, onSuccess, onResetError, onError, onFail, su
             if (result.type === 'success') {
                 if (successMessage !== false)
                     toast.success(tryToRun(successMessage));
-                if (onSuccess)
-                    onSuccess(action, result.data);
                 if (successUpdate)
-                    update({ reset: tryToRun(successReset) });
+                    await update({ reset: tryToRun(successReset) });
+                if (onSuccess)
+                    await onSuccess(action, result.data);
                 return;
             }
             if (result.type === 'redirect') {
                 if (successMessage !== false)
                     toast.success(tryToRun(successMessage));
+                await goto(result.location, { replaceState: true, invalidateAll: tryToRun(successUpdate) });
                 if (onSuccess)
-                    onSuccess(action);
-                return goto(result.location, { replaceState: true, invalidateAll: tryToRun(successUpdate) });
+                    await onSuccess(action);
             }
         };
     };