v2.4.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "charachorder-device-manager",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "license": "AGPL-3.0-or-later",
   "private": true,
   "engines": {

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "app"
-version = "2.3.0"
+version = "2.4.0"
 description = "A Tauri App"
 authors = ["Thea Schöbl <dev@theaninova.de>"]
 license = "AGPL-3"

src-tauri/tauri.conf.json

@@ -6,7 +6,7 @@
     "devPath": "http://localhost:5173",
     "distDir": "../build"
   },
-  "package": { "productName": "amacc1ng", "version": "2.3.0" },
+  "package": { "productName": "amacc1ng", "version": "2.4.0" },
   "tauri": {
     "allowlist": { "all": false },
     "bundle": {

src/routes/(app)/ccos/[device]/[version]/+page.svelte

@@ -2,6 +2,7 @@
   import { downloadBackup } from "$lib/backup/backup";
   import { initSerial, serialPort } from "$lib/serial/connection";
   import { fade, slide } from "svelte/transition";
+  import { lt as semverLt } from "semver";
   import type { LoaderOptions, ESPLoader } from "esptool-js";
 
   let { data } = $props();
@@ -10,6 +11,10 @@
   let success = $state(false);
   let error = $state<Error | undefined>(undefined);
 
+  let isTooOld = $derived(
+    $serialPort ? semverLt($serialPort.version, "2.0.0") : false,
+  );
+
   let unsafeUpdate = $state(false);
 
   let terminalOutput = $state("");
@@ -202,10 +207,18 @@
         style:--progress="{progress * 100}%"
         class:primary={!buttonError}
         class:error={buttonError}
-        disabled={working || $serialPort === undefined || !isCorrectDevice}
+        disabled={isTooOld ||
+          working ||
+          $serialPort === undefined ||
+          !isCorrectDevice}
         onclick={update}>Apply Update</button
       >
-      {#if $serialPort && isCorrectDevice}
+      {#if isTooOld}
+        <div class="error" transition:slide>
+          Your device's firmware is too old to be updated via OTA. Follow the
+          instruction below to update it manually.
+        </div>
+      {:else if $serialPort && isCorrectDevice}
         <div transition:slide>
           Your
           <b
@@ -233,9 +246,11 @@
       {/if}
     </section>
 
-    <label class="unsafe-opt-in"
-      ><input type="checkbox" /> Unsafe recovery options</label
-    >
+    {#if !isTooOld}
+      <label class="unsafe-opt-in"
+        ><input type="checkbox" /> Unsafe recovery options</label
+      >
+    {/if}
   {/if}
 
   <div class="unsafe-updates">