From 0f9c33d2df6849372ec988984e8c104899759616 Mon Sep 17 00:00:00 2001
From: Raphael Forment <raphael.forment@gmail.com>
Date: Thu, 5 Oct 2023 16:28:49 +0200
Subject: [PATCH] adding BPM to viewer

---
 index.html           | 1 -
 src/TransportNode.js | 5 ++---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 717406a..2035ac9 100644
--- a/index.html
+++ b/index.html
@@ -99,7 +99,6 @@
 						<p class="hidden lg:block text-xl pl-2 text-white inline-block">Clear</p>
           </a>
 
-
           <a title="Share button" id="share-button" class="flex flex-row mr-2 hover:text-gray-900 hover:bg-gray-800 px-2 py-2 rounded-lg">
 						<svg class="w-7 h-7 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 19 19">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.013 7.962a3.519 3.519 0 0 0-4.975 0l-3.554 3.554a3.518 3.518 0 0 0 4.975 4.975l.461-.46m-.461-4.515a3.518 3.518 0 0 0 4.975 0l3.553-3.554a3.518 3.518 0 0 0-4.974-4.975L10.3 3.7"/>
diff --git a/src/TransportNode.js b/src/TransportNode.js
index c57acc8..e9752b6 100644
--- a/src/TransportNode.js
+++ b/src/TransportNode.js
@@ -19,9 +19,8 @@ export class TransportNode extends AudioWorkletNode {
         this.app.clock.tick
       );
       this.app.clock.time_position = futureTimeStamp;
-      this.timeviewer.innerHTML = `${zeroPad(futureTimeStamp.bar, 2)}:${
-        futureTimeStamp.beat + 1
-      }:${zeroPad(futureTimeStamp.pulse, 2)}`;
+      this.timeviewer.innerHTML = `${zeroPad(futureTimeStamp.bar, 2)}:${futureTimeStamp.beat + 1
+        }:${zeroPad(futureTimeStamp.pulse, 2)} / ${this.app.clock.bpm}`;
       if (this.app.exampleIsPlaying) {
         tryEvaluate(this.app, this.app.example_buffer);
       } else {