🩹 [2.1.82] Fix build broken by new jQuery.html()

Author: thinkyhead

CHANGELOG.md

@@ -2,6 +2,9 @@
 
 The following enhancements and changes have been made to ***Auto Build Marlin***.
 
+## 2.1.82
+- ABM Panel: Fix `<env>` issue caused by changes in Chrome's `innerHTML`
+
 ## 2.1.81
 - ABM Panel: Highlight user's `MOTHERBOARD_ENV`
 - ABM Panel / Edit View: Refactor CSS in sub-rules

abm/abm.html

@@ -86,12 +86,12 @@ <h1><a href="https://marlinfw.org">Marlin Firmware</a> <span>Auto Build <span id
       <tr>
         <td class="env-name"></td>
         <td>
-          <button type="button" onclick="msg({ command:'pio', env:'<env>', cmd:'build' })" title="PIO Build"><img src="${ img_path('btn-build.svg') }" /> Build</button>
-          <button class="upload" type="button" onclick="msg({ command:'pio', env:'<env>', cmd:'upload' })" title="PIO Upload"><img src="${ img_path('btn-upload.svg') }" /> Upload</button>
-          <button class="debug" type="button" onclick="msg({ command:'pio', env:'<env>', cmd:'traceback' })" title="PIO Upload (Debug)"><img src="${ img_path('btn-debug.svg') }" /> Debug</button>
-          <button class="clean" type="button" onclick="msg({ command:'pio', env:'<env>', cmd:'clean' })" title="PIO Clean"><img src="${ img_path('btn-clean.svg') }" /> Clean</button>
-          <button class="clean purge" type="button" onclick="msg({ command:'pio', env:'<env>', cmd:'purge' })" title="Purge build folder"><img src="${ img_path('btn-clean.svg') }" /> Purge</button>
-          <button class="run" type="button" onclick="msg({ command:'pio', env:'<env>', cmd:'run' })" title="Run">▷ Run</button>
+          <button type="button" onclick="msg({ command:'pio', env:'#env#', cmd:'build' })" title="PIO Build"><img src="${ img_path('btn-build.svg') }" /> Build</button>
+          <button class="upload" type="button" onclick="msg({ command:'pio', env:'#env#', cmd:'upload' })" title="PIO Upload"><img src="${ img_path('btn-upload.svg') }" /> Upload</button>
+          <button class="debug" type="button" onclick="msg({ command:'pio', env:'#env#', cmd:'traceback' })" title="PIO Upload (Debug)"><img src="${ img_path('btn-debug.svg') }" /> Debug</button>
+          <button class="clean" type="button" onclick="msg({ command:'pio', env:'#env#', cmd:'clean' })" title="PIO Clean"><img src="${ img_path('btn-clean.svg') }" /> Clean</button>
+          <button class="clean purge" type="button" onclick="msg({ command:'pio', env:'#env#', cmd:'purge' })" title="Purge build folder"><img src="${ img_path('btn-clean.svg') }" /> Purge</button>
+          <button class="run" type="button" onclick="msg({ command:'pio', env:'#env#', cmd:'run' })" title="Run">▷ Run</button>
           <span class="progress"></span>
         </td>
       </tr>

abm/js/abmview.js

@@ -148,7 +148,7 @@ var ABM = (() => {
           //   .filename  - The built binary Filename (if it exists)
           //   .stamp     - Timestamp Message
           const $env_td = $('#info-envs').html(''),
-                $env_rows_src = $('#env-rows-src'),
+                $env_rows_src = $('#env-rows-src').html(),
                 $envs_table = $('<table>');
 
           let has_progress = false, has_usb = false;
@@ -157,7 +157,7 @@ var ABM = (() => {
             if (v.name.match(/.+_USB.*/)) has_usb = true;
 
             // Copy the template <table>, merging the env name. The <span> is allowed here!
-            const $env_table_copy = $($env_rows_src.html().replace(/<env>/g, v.name));
+            const $env_table_copy = $($env_rows_src.replace(/#env#/g, v.name));
             let $erows = $env_table_copy.find('tr').addClass(`env-${v.name}`);
 
             // Set the env name in the new button row

package.json

@@ -2,7 +2,7 @@
   "name": "auto-build",
   "displayName": "Auto Build Marlin",
   "description": "Provides an interface to configure, build, and upload Marlin Firmware.",
-  "version": "2.1.81",
+  "version": "2.1.82",
   "preview": false,
   "publisher": "marlinfirmware",
   "icon": "icon.png",