Using remote forms + enhance is it possible to modify a form value before its sent to the server?

[paulhahayes]

const { title, canvasJSON, entitiesJSON} = saveLabel.fields

</script>

<ActionForm
	bind:open={ls.dialogs.save}
	actionId={ACTION_IDS.app.label.save}
	>
<form
	{...saveLabel.enhance(async ({ data, submit, form }) => {
		const serialised =  designEngine.seraliseCanvas();
		// update form 
		await submit();
	})}
>

I have a very basic form where I basically just ask the user to enter a title. This would then trigger a snapshot save of a fabric js canvas which i then want to submit to my server to save. I can do this very easily with a command. But I am wondering before I abandon forms is it possible to achieve this using them.

e.g via command I can do:

	  async saveCanvas(title: string): Promise<void> {
    const canvasJSON = JSON.stringify(
      canvasRegistry.get().map((c) => c.toJSON()),
    );
    const entitiesJSON = JSON.stringify(Array.from(this.entities.entries()));
		return { canvasJSON, entitiesJSON };

		//
    await fromBackend(saveLabelCommand({ title, canvasJSON, entitiesJSON })).match(
      () => showSuccessToast("Successfully saved canvas"),
      (e) => showError(e),
    );