added web flasher

pixelit-project · Oct 8, 2023 · bffd5b9 · bffd5b9
1 parent 3a92c68
commit bffd5b9
Show file tree

Hide file tree

Showing 14 changed files with 220 additions and 1 deletion.
diff --git a/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP32_d1_mini32.bin b/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP32_d1_mini32.bin
diff --git a/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP32_generic.bin b/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP32_generic.bin
diff --git a/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP32_ulanzi.bin b/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP32_ulanzi.bin
diff --git a/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP8266_d1_mini.bin b/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP8266_d1_mini.bin
diff --git a/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP8266_generic.bin b/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP8266_generic.bin
diff --git a/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP8266_nodemcuv2.bin b/src/.vuepress/public/pixelit_flasher/firmware/firmware_v2.4.0-beta_ESP8266_nodemcuv2.bin
diff --git a/src/.vuepress/public/pixelit_flasher/index.html b/src/.vuepress/public/pixelit_flasher/index.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <title>PixelIt</title>
+  <meta name="description" content="Install PixelIt." />
+  <meta name="viewport" content="width=device-width" />
+  <style>
+    body {
+      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
+      padding: 0;
+      margin: 0;
+      line-height: 1.4;
+      color: #e2e2e2;
+    }
+
+    a {
+      color: #03a9f4;
+    }
+
+    .invisible {
+      visibility: hidden;
+    }
+
+    .hidden {
+      display: none;
+    }
+
+    esp-web-install-button[install-unsupported] {
+      visibility: inherit;
+    }
+
+    .content pre {
+      max-width: 100%;
+      overflow-y: scroll;
+    }
+
+    .footer {
+      margin-top: 24px;
+      border-top: 1px solid #ccc;
+      padding-top: 24px;
+      text-align: center;
+    }
+
+    .footer .initiative {
+      font-style: italic;
+      margin-top: 16px;
+    }
+
+    table {
+      border-spacing: 0;
+    }
+
+    td {
+      padding: 8px;
+      border-bottom: 1px solid #ccc;
+    }
+
+    .radios li {
+      list-style: none;
+      line-height: 2em;
+    }
+  </style>
+  <script type="module" src="https://unpkg.com/esp-web-tools@9/dist/web/install-button.js?module"></script>
+</head>
+
+<body>
+  <div class="content">
+
+    <ul class="radios">
+      <li>
+      <li>
+        <h4>ESP32 Family</h4>
+      </li>
+      <label><input type="radio" name="type" value="ESP32_d1_mini32" /> ESP32 D1 Mini32</label>
+      <label><input type="radio" name="type" value="ESP32_generic" /> ESP32 Generic</label>
+      <label><input type="radio" name="type" value="ESP32_ulanzi" /> ESP32 Ulanzi</label>
+      </li>
+      <li>
+        <h4>ESP8266 Family</h4>
+      </li>
+      <li>
+        <label><input type="radio" name="type" value="ESP8266_d1_mini" /> ESP8266 D1 Mini</label>
+        <label><input type="radio" name="type" value="ESP8266_generic" /> ESP8266 Generic</label>
+        <label><input type="radio" name="type" value="ESP8266_nodemcuv2" /> ESP8266 NodeMCU v2</label>
+      </li>
+    </ul>
+    <p class="button-row" align="center">
+      <esp-web-install-button class="invisible"></esp-web-install-button>
+    </p>
+    <div class="footer">
+      <a href="https://github.com/pixelit-project/PixelIt" target="_blank">PixelIt </a>
+      Installer powered by <a href="https://esphome.github.io/esp-web-tools/" target="_blank">ESP Web Tools</a>.
+    </div>
+    <script>
+      document.querySelectorAll('input[name="type"]').forEach(radio =>
+        radio.addEventListener("change", () => {
+          const button = document.querySelector('esp-web-install-button');
+          button.manifest = `./manifest_${radio.value}.json`;
+          button.classList.remove('invisible');
+        }
+        ));
+    </script>
+</body>
+
+</html>
diff --git a/src/.vuepress/public/pixelit_flasher/manifest_ESP32_d1_mini32.json b/src/.vuepress/public/pixelit_flasher/manifest_ESP32_d1_mini32.json
@@ -0,0 +1,18 @@
+{
+  "name": "PixelIt",
+  "version": "2.4.0-beta",
+  "home_assistant_domain": "PixelIt",
+  "funding_url": "https://github.com/pixelit-project/PixelIt",
+  "new_install_prompt_erase": true,
+  "builds": [
+    {
+      "chipFamily": "ESP32",
+      "parts": [
+        {
+          "path": "firmware/firmware_v2.4.0-beta_ESP32_d1_mini32.bin",
+          "offset": 0
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/.vuepress/public/pixelit_flasher/manifest_ESP32_generic.json b/src/.vuepress/public/pixelit_flasher/manifest_ESP32_generic.json
@@ -0,0 +1,18 @@
+{
+  "name": "PixelIt",
+  "version": "2.4.0-beta",
+  "home_assistant_domain": "PixelIt",
+  "funding_url": "https://github.com/pixelit-project/PixelIt",
+  "new_install_prompt_erase": true,
+  "builds": [
+    {
+      "chipFamily": "ESP32",
+      "parts": [
+        {
+          "path": "firmware/firmware_v2.4.0-beta_ESP32_generic.bin",
+          "offset": 0
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/.vuepress/public/pixelit_flasher/manifest_ESP32_ulanzi.json b/src/.vuepress/public/pixelit_flasher/manifest_ESP32_ulanzi.json
@@ -0,0 +1,18 @@
+{
+  "name": "PixelIt",
+  "version": "2.4.0-beta",
+  "home_assistant_domain": "PixelIt",
+  "funding_url": "https://github.com/pixelit-project/PixelIt",
+  "new_install_prompt_erase": true,
+  "builds": [
+    {
+      "chipFamily": "ESP32",
+      "parts": [
+        {
+          "path": "firmware/firmware_v2.4.0-beta_ESP32_ulanzi.bin",
+          "offset": 0
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/.vuepress/public/pixelit_flasher/manifest_ESP8266_d1_mini.json b/src/.vuepress/public/pixelit_flasher/manifest_ESP8266_d1_mini.json
@@ -0,0 +1,18 @@
+{
+  "name": "PixelIt",
+  "version": "2.4.0-beta",
+  "home_assistant_domain": "PixelIt",
+  "funding_url": "https://github.com/pixelit-project/PixelIt",
+  "new_install_prompt_erase": true,
+  "builds": [
+    {
+      "chipFamily": "ESP8266",
+      "parts": [
+        {
+          "path": "firmware/firmware_v2.4.0-beta_ESP8266_d1_mini.bin",
+          "offset": 0
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/.vuepress/public/pixelit_flasher/manifest_ESP8266_generic.json b/src/.vuepress/public/pixelit_flasher/manifest_ESP8266_generic.json
@@ -0,0 +1,18 @@
+{
+  "name": "PixelIt",
+  "version": "2.4.0-beta",
+  "home_assistant_domain": "PixelIt",
+  "funding_url": "https://github.com/pixelit-project/PixelIt",
+  "new_install_prompt_erase": true,
+  "builds": [
+    {
+      "chipFamily": "ESP8266",
+      "parts": [
+        {
+          "path": "firmware/firmware_v2.4.0-beta_ESP8266_generic.bin",
+          "offset": 0
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/.vuepress/public/pixelit_flasher/manifest_ESP8266_nodemcuv2.json b/src/.vuepress/public/pixelit_flasher/manifest_ESP8266_nodemcuv2.json
@@ -0,0 +1,18 @@
+{
+  "name": "PixelIt",
+  "version": "2.4.0-beta",
+  "home_assistant_domain": "PixelIt",
+  "funding_url": "https://github.com/pixelit-project/PixelIt",
+  "new_install_prompt_erase": true,
+  "builds": [
+    {
+      "chipFamily": "ESP8266",
+      "parts": [
+        {
+          "path": "firmware/firmware_v2.4.0-beta_ESP8266_nodemcuv2.bin",
+          "offset": 0
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/firmware.md b/src/firmware.md
@@ -4,12 +4,16 @@
 
 Note: For Wemos D1 mini (Clone) (see [Part list](hardware.html#parts-list)) you need the `XXX_d1_mini.bin` firmware.
 
+## Flashing (Web)
+Select the hardware you are using and then press the connect button (only visible after your selection).
+
+<iframe id="dynamicFrame" src="/pixelit_flasher/index.html" width="100%" height="400px" frameborder="0" ></iframe>
+
 ## Flashing (Windows)
 
 - [ESPEasy Flasher](https://www.bastelbunker.de/wp-content/uploads/ESPEasy_Flasher.zip)
 
 To flash the Wemos D1 Mini (or simillar ESP8266 board) we use the ESPEasy Flasher for simplicity. After unpacking the ESPEasy_Flasher.zip only the current `firmware_XXX.bin` must be copied into the folder of the ESPEasy Flasher.
-
 Now we have two dropdown menus after starting the FlashESP8266.exe:
 ![](/flash_esp8266.png)