improve version picker

dynamically fetch releases on Github and populate dropdown list
esphome · Dec 26, 2024 · 01944af · 01944af
1 parent e5f5c59
commit 01944af
Showing 1 changed file with 36 additions and 2 deletions.
diff --git a/static/index.html b/static/index.html
@@ -63,7 +63,7 @@ <h1>Install Voice PE Latest Firmware</h1>
     <br />
     <details>
       <summary>Install Specific Version</summary>
-      Version: <input /><br />
+      Select a Release: <select id="releases"></select><br />
       <div class="link"></div>
     </details>
     <script>
@@ -76,11 +76,45 @@ <h1>Install Voice PE Latest Firmware</h1>
           ".link",
         ).innerHTML = `<a href="?version=${version}">Link to v${version}</a>`;
       }
+
+      const fetchAndSetReleases = async () => {
+        try {
+          const response = await fetch("https://api.github.com/repos/esphome/home-assistant-voice-pe/releases");
 
-      document.querySelector("input").addEventListener("input", (ev) => {
+          if (!response.ok) {
+            throw new Error(`Error fetching releases: ${response.statusText}`);
+          }
+
+          const releases = await response.json();
+          const versions = releases.map(release => release.tag_name);
+
+          const e = document.getElementById("releases");
+          e.innerHTML = "";
+
+          const defaultOption = document.createElement("option");
+          defaultOption.text = "-- select version --";
+          defaultOption.value = "";
+          e.appendChild(defaultOption);
+
+          versions.forEach(version => {
+            const option = document.createElement("option");
+            option.text = version;
+            option.value = version;
+            e.appendChild(option);
+          });
+
+        } catch (error) {
+          console.error("Error:", error);
+        }
+      };
+
+      document.querySelector("#releases").addEventListener("change", (ev) => {
         const version = ev.target.value;
         setVersion(version);
       });
+
+      fetchAndSetReleases();
+
       var urlParams = new URLSearchParams(window.location.search);
       if (urlParams.has("version")) {
         const version = urlParams.get("version");