From 5ef6366b7f652ae188a7e78d4d006bb08cf39c2e Mon Sep 17 00:00:00 2001
From: Djuri Baars <dsbaars@users.noreply.github.com>
Date: Wed, 11 Sep 2024 20:16:55 +0200
Subject: [PATCH] Add auto-update functionality

---
 src/lib/locales/de.json           |  3 ++-
 src/lib/locales/en.json           |  3 ++-
 src/lib/locales/es.json           |  3 ++-
 src/lib/locales/nl.json           |  3 ++-
 src/routes/+page.svelte           |  2 +-
 src/routes/Control.svelte         |  2 +-
 src/routes/FirmwareUpdater.svelte | 37 +++++++++++++++++++++++++++++--
 7 files changed, 45 insertions(+), 8 deletions(-)

diff --git a/src/lib/locales/de.json b/src/lib/locales/de.json
index 9748996..946b962 100644
--- a/src/lib/locales/de.json
+++ b/src/lib/locales/de.json
@@ -81,7 +81,8 @@
 			"swUpdateAvailable": "Eine neuere Version ist verfügbar!",
 			"latestVersion": "Letzte Version",
 			"releaseDate": "Veröffentlichungsdatum",
-			"viewRelease": "Veröffentlichung anzeigen"
+			"viewRelease": "Veröffentlichung anzeigen",
+			"autoUpdate": "Update installieren (experimentell)"
 		}
 	},
 	"colors": {
diff --git a/src/lib/locales/en.json b/src/lib/locales/en.json
index c00bd15..7986b1e 100644
--- a/src/lib/locales/en.json
+++ b/src/lib/locales/en.json
@@ -94,7 +94,8 @@
 			"swUpToDate": "You are up to date.",
 			"latestVersion": "Latest Version",
 			"releaseDate": "Release Date",
-			"viewRelease": "View Release"
+			"viewRelease": "View Release",
+			"autoUpdate": "Install update (experimental)"
 		}
 	},
 	"colors": {
diff --git a/src/lib/locales/es.json b/src/lib/locales/es.json
index 06bf3fa..5eced4c 100644
--- a/src/lib/locales/es.json
+++ b/src/lib/locales/es.json
@@ -80,7 +80,8 @@
 			"swUpdateAvailable": "¡Una nueva versión está disponible!",
 			"latestVersion": "Ultima versión",
 			"releaseDate": "Fecha de lanzamiento",
-			"viewRelease": "Ver lanzamiento"
+			"viewRelease": "Ver lanzamiento",
+			"autoUpdate": "Instalar actualización (experimental)"
 		}
 	},
 	"button": {
diff --git a/src/lib/locales/nl.json b/src/lib/locales/nl.json
index 2bc7d80..f126bcf 100644
--- a/src/lib/locales/nl.json
+++ b/src/lib/locales/nl.json
@@ -80,7 +80,8 @@
 			"swUpdateAvailable": "Een nieuwere versie is beschikbaar!",
 			"latestVersion": "Laatste versie",
 			"releaseDate": "Datum van publicatie",
-			"viewRelease": "Bekijk publicatie"
+			"viewRelease": "Bekijk publicatie",
+			"autoUpdate": "Update installeren (experimenteel)"
 		}
 	},
 	"colors": {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9e26acb..b37ab13 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -124,7 +124,7 @@
 
 <Container fluid>
 	<Row>
-		<Control bind:settings bind:status lg="3" xxl="4"></Control>
+		<Control bind:settings on:showToast={showToast} bind:status lg="3" xxl="4"></Control>
 		<Status bind:settings bind:status lg="6" xxl="4"></Status>
 		<Settings bind:settings on:showToast={showToast} on:formReset={fetchSettingsData} lg="3" xxl="4"
 		></Settings>
diff --git a/src/routes/Control.svelte b/src/routes/Control.svelte
index b62c7ed..d89ee10 100644
--- a/src/routes/Control.svelte
+++ b/src/routes/Control.svelte
@@ -239,7 +239,7 @@
 			{#if $settings.otaEnabled}
 				<hr />
 				<h3>{$_('section.control.firmwareUpdate')}</h3>
-				<FirmwareUpdater bind:settings />
+				<FirmwareUpdater on:showToast bind:settings />
 			{/if}
 		</CardBody>
 	</Card>
diff --git a/src/routes/FirmwareUpdater.svelte b/src/routes/FirmwareUpdater.svelte
index 6c64667..4ef8e8f 100644
--- a/src/routes/FirmwareUpdater.svelte
+++ b/src/routes/FirmwareUpdater.svelte
@@ -1,10 +1,12 @@
 <script lang="ts">
 	import { PUBLIC_BASE_URL } from '$lib/config';
-	import { onMount } from 'svelte';
+	import { createEventDispatcher, onMount } from 'svelte';
 	import { _ } from 'svelte-i18n';
 	import { writable } from 'svelte/store';
 	import { Progress, Alert, Button } from '@sveltestrap/sveltestrap';
 
+	const dispatch = createEventDispatcher();
+
 	export let settings = { hwRev: '' };
 
 	let currentVersion: string = $settings.gitTag; // Replace with your current version
@@ -107,6 +109,36 @@
 		return binaryFilename;
 	};
 
+	const onAutoUpdate = async (e: Event) => {
+		e.preventDefault();
+
+		try {
+			const response = await fetch(`${PUBLIC_BASE_URL}/api/firmware/auto_update`);
+
+			if (!response.ok) {
+				let msg = (await response.json()).msg;
+
+				dispatch('showToast', {
+					color: 'danger',
+					text: msg
+				});
+			} else {
+				let msg = (await response.json()).msg;
+
+				dispatch('showToast', {
+					color: 'info',
+					text: msg
+				});
+			}
+		} catch (error) {
+			dispatch('showToast', {
+				color: 'danger',
+				text: error
+			});
+			console.error('Error fetching latest version:', error);
+		}
+	};
+
 	onMount(async () => {
 		try {
 			const response = await fetch(
@@ -153,7 +185,8 @@
 		)}: {releaseDate} -
 		<a href={releaseUrl} target="_blank">{$_('section.firmwareUpdater.viewRelease')}</a><br />
 		{#if isNewerVersionAvailable}
-			{$_('section.firmwareUpdater.swUpdateAvailable')}
+			{$_('section.firmwareUpdater.swUpdateAvailable')} -
+			<a href="/" on:click={onAutoUpdate}>{$_('section.firmwareUpdater.autoUpdate')}</a>.
 		{:else}
 			{$_('section.firmwareUpdater.swUpToDate')}
 		{/if}