From ed59b0cb446e55148e443e67d68a81425b806a00 Mon Sep 17 00:00:00 2001
From: cpsdqs <cpsdqs@gmail.com>
Date: Fri, 27 Oct 2017 14:13:08 +0200
Subject: [PATCH] Add (back) heartbeat to debug toolbar

---
 js/term/debug.js      | 14 ++++++++++++++
 sass/pages/_term.scss |  6 ------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/js/term/debug.js b/js/term/debug.js
index bd92a9c..958381b 100644
--- a/js/term/debug.js
+++ b/js/term/debug.js
@@ -431,8 +431,22 @@ module.exports = function attachDebugger (screen, connection) {
 
       toolbar.appendChild(table)
     }
+
+    let heartbeat = toolbarNodes.heartbeat = document.createElement('div')
+    heartbeat.classList.add('heartbeat')
+    heartbeat.textContent = '❤'
+    toolbar.appendChild(heartbeat)
   }
 
+  connection.on('heartbeat', () => {
+    if (screenAttached && toolbarNodes.heartbeat) {
+      toolbarNodes.heartbeat.classList.remove('beat')
+      window.requestAnimationFrame(() => {
+        toolbarNodes.heartbeat.classList.add('beat')
+      })
+    }
+  })
+
   updateToolbar = function () {
     initToolbar()
 
diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss
index d14a70e..fe590b3 100644
--- a/sass/pages/_term.scss
+++ b/sass/pages/_term.scss
@@ -190,12 +190,6 @@ body.term {
 			}
 		}
 
-		.toolbar-buttons {
-			button {
-				margin-right: 5px;
-			}
-		}
-
 		.heartbeat {
 			float: right;
 			font-family: $font-stack;