From 0e88f75b311eb973692d6a5bc8da21e019d8a121 Mon Sep 17 00:00:00 2001
From: Jesse Hills <3060199+jesserockz@users.noreply.github.com>
Date: Tue, 19 Nov 2024 12:02:33 +1300
Subject: [PATCH] Add version query param to install page

---
 static/index.md | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/static/index.md b/static/index.md
index e9dc0f5..c4c7082 100644
--- a/static/index.md
+++ b/static/index.md
@@ -2,10 +2,34 @@
 
 Add some information about your project here.
 
-# Installation
+# Install Latest Version
 
 You can use the button below to install the pre-built firmware directly to your device via USB from the browser.
 
-<esp-web-install-button manifest="firmware/firmware.manifest.json"></esp-web-install-button>
+<esp-web-install-button
+      manifest="https://firmware.esphome.io/project-template/project-template/manifest.json">
+    </esp-web-install-button>
 
 <script type="module" src="https://unpkg.com/esp-web-tools@10/dist/web/install-button.js?module"></script>
+
+<details>
+  <summary>Install Specific Version</summary>
+  Version: <input />
+</details>
+
+<script>
+  function setVersion(version) {
+    document.querySelector('h1#install_latest_version').innerHTML = `Install {{ site.title }} ${version}`;
+    document.querySelector('esp-web-install-button').manifest = `https://firmware.esphome.io/project-template/project-template/${version}/manifest.json`;
+  }
+
+  document.querySelector('input').addEventListener('change', ev => {
+    const version = ev.target.value;
+    setVersion(version);
+  });
+  var urlParams = new URLSearchParams(window.location.search);
+  if (urlParams.has('version')) {
+    const version = urlParams.get('version');
+    setVersion(version);
+  }
+</script>