Add halt button

Author: makermelissa

index.html

@@ -96,6 +96,7 @@
             <div id="serial-page" class="">
                 <div id="serial-bar">
                     <button class="purple-button btn-restart">Restart<i class="fa-solid fa-redo"></i></button>
+                    <button class="purple-button btn-halt">Halt<i class="fa-solid fa-hand"></i></button>
                     <button class="purple-button btn-clear">Clear<i class="fa-solid fa-broom"></i></button>
                     <button class="purple-button btn-plotter">Plotter<i class="fa-solid fa-chart-line"></i></button>
                     <div id="terminal-title"></div>

js/script.js

@@ -33,6 +33,7 @@ let unchanged = 0;
 let connectionPromise = null;
 
 const btnRestart = document.querySelector('.btn-restart');
+const btnHalt = document.querySelector('.btn-halt');
 const btnPlotter = document.querySelector('.btn-plotter');
 const btnClear = document.querySelector('.btn-clear');
 const btnConnect = document.querySelectorAll('.btn-connect');
@@ -130,6 +131,14 @@ btnRestart.addEventListener('click', async function(e) {
     }
 });
 
+// Halt Button
+btnHalt.addEventListener('click', async function(e) {
+    if (await checkConnected()) {
+        // Perform a device soft halt
+        await workflow.haltScript();
+    }
+});
+
 // Clear Button
 btnClear.addEventListener('click', async function(e) {
     if (workflow.plotterChart){

js/workflows/workflow.js

@@ -91,7 +91,11 @@ class Workflow {
     }
 
     async restartDevice() {
-        this.repl.softRestart();
+        await this.repl.softRestart();
+    }
+
+    async haltScript() {
+        await this.repl.interruptCode();
     }
 
     makeDocState(document, docChangePos) {