fix types so that TS knows the response has already been awaited

Author: iatrophobic

src/lib/command-form/command-form.svelte.ts

@@ -17,7 +17,7 @@ export class CommandForm<Schema extends StandardSchemaV1, TOut> {
   errors = $state<CommandFormErrors<SchemaData<Schema>>>({});
   issues = $state<SchemaIssues | null>(null);
   private _submitting = $state(false);
-  private _result = $state<TOut | null>(null);
+  private _result = $state<Awaited<TOut> | null>(null);
 
   constructor(schema: Schema, options: CommandFormOptions<SchemaData<Schema>, TOut>) {
     this.schema = schema;
@@ -91,7 +91,7 @@ export class CommandForm<Schema extends StandardSchemaV1, TOut> {
     }
   };
 
-  submit = async (): Promise<TOut | null> => {
+  submit = async (): Promise<Awaited<TOut> | null> => {
     this._submitting = true;
     this.clearErrors();
     this._result = null;

src/lib/types/command-form.types.ts

@@ -12,7 +12,7 @@ type CommandFormOptions<TIn, TOut> = {
   command: RemoteCommand<TIn, TOut>;
   reset?: 'onSuccess' | 'always' | 'onError';
   onSubmit?: (data: TIn) => Promise<void> | void;
-  onSuccess?: (result: TOut) => Promise<void> | void;
+  onSuccess?: (result: Awaited<TOut>) => Promise<void> | void;
   onError?: (err: unknown) => Promise<void> | void;
 };
 

src/routes/+page.svelte

@@ -13,6 +13,7 @@
 		},
 		onSuccess: async (res) => {
 			console.log('success');
+			console.log(res.success);
 		},
 		onError: async (err) => {
 			console.log('error', err);