Implements autosave when form submits for geopoint

Author: latin-panda

packages/web-forms/src/components/OdkWebForm.vue

@@ -121,10 +121,19 @@ initializeForm(props.formXml, {
 		initializeFormError.value = new FormInitializationError(cause);
 	});
 
+type BeforeSubmitCallback = () => void;
+const beforeSubmitCallbacks: BeforeSubmitCallback[] = [];
+provide<(callback: BeforeSubmitCallback) => void>(
+	'registerBeforeSubmit',
+	(callback: BeforeSubmitCallback) => beforeSubmitCallbacks.push(callback)
+);
+
 const handleSubmit = () => {
 	const root = odkForm.value;
 
 	if (root?.validationState.violations?.length === 0) {
+		// Run all registered beforeSubmit functions
+		beforeSubmitCallbacks.forEach((callback) => callback());
 		// eslint-disable-next-line @typescript-eslint/no-floating-promises
 		emitSubmit(root);
 		// eslint-disable-next-line @typescript-eslint/no-floating-promises

packages/web-forms/src/components/controls/Input/InputGeopoint.vue

@@ -2,7 +2,7 @@
 import type { GeopointInputNode } from '@getodk/xforms-engine';
 import Button from 'primevue/button';
 import PrimeProgressSpinner from 'primevue/progressspinner';
-import { computed, ref } from 'vue';
+import { inject, computed, ref } from 'vue';
 
 interface Coordinates {
 	latitude: string;
@@ -101,6 +101,10 @@ const observer = new IntersectionObserver(
 	{ threshold: 0.6 }
 );
 
+const registerBeforeSubmit = inject<(callback: () => void) => void>('registerBeforeSubmit');
+// Autosave geopoint value before submitting the form.
+registerBeforeSubmit?.(() => save());
+
 const start = () => {
 	geoLocationError.value = false;
 	if (watchID.value) {