Added function to resetForm.

Author: ciscoheat

CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Added `validate` to `superForm`, which can be used to validate any field, at any time.
 - The option `{ taint: boolean }` has been added to `form.set` and `form.update`.
+- The `resetForm` option can now take an (async) `() => boolean` function to determine whether the form should be resetted or not.
 
 ## [0.7.1] - 2023-04-17
 

src/lib/client/index.ts

@@ -82,7 +82,7 @@ export type FormOptions<T extends ZodValidation<AnyZodObject>, M> = Partial<{
   id: string;
   applyAction: boolean;
   invalidateAll: boolean;
-  resetForm: boolean;
+  resetForm: boolean | (() => MaybePromise<boolean>);
   scrollToError: 'auto' | 'smooth' | 'off';
   autoFocusOnError: boolean | 'detect';
   errorSelector: string;
@@ -531,7 +531,11 @@ export function superForm<
       return;
     }
 
-    if (form.valid && options.resetForm) {
+    if (
+      form.valid &&
+      options.resetForm &&
+      (options.resetForm === true || (await options.resetForm()))
+    ) {
       _resetForm(form.message);
     } else {
       rebind(form, untaint);
@@ -562,7 +566,12 @@ export function superForm<
     // All we need to do if redirected is to reset the form.
     // No events should be triggered because technically we're somewhere else.
     if (result.type == 'redirect') {
-      if (options.resetForm) _resetForm();
+      if (
+        options.resetForm &&
+        (options.resetForm === true || (await options.resetForm()))
+      ) {
+        _resetForm();
+      }
       return;
     }
 

src/routes/reset/+page.svelte

@@ -3,13 +3,20 @@
   import type { PageData } from './$types';
   import SuperDebug from '$lib/client/SuperDebug.svelte';
   import type { schema } from './schemas';
+  import { page } from '$app/stores';
 
   export let data: PageData;
 
   let resets = 0;
 
   const superF: SuperForm<typeof schema> = superForm(data.form, {
-    resetForm: true,
+    resetForm: $page.url.searchParams.has('function')
+      ? async () => {
+          console.log('Reset...');
+          await new Promise((resolve) => setTimeout(resolve, 300));
+          return true;
+        }
+      : true,
     onUpdated({ form }) {
       if (form.valid) resets = resets + 1;
     }