From 7b6cbdfdb6cd7554bcaaf68b92af3b27085d6008 Mon Sep 17 00:00:00 2001
From: Martin Boonk <martin@boonk.info>
Date: Sat, 18 Jun 2022 12:10:52 +0200
Subject: [PATCH 1/4] hrmaccevents - Allow storing log on bangle

---
 apps/hrmaccevents/custom.html   | 223 +++++++++++++++++---------------
 apps/hrmaccevents/metadata.json |   2 +-
 2 files changed, 118 insertions(+), 107 deletions(-)
diff --git a/apps/hrmaccevents/custom.html b/apps/hrmaccevents/custom.html
index c0098eb12..15a00fd52 100644
--- a/apps/hrmaccevents/custom.html
+++ b/apps/hrmaccevents/custom.html
@@ -4,130 +4,141 @@
  </head>
  <body>
 <script src="https://www.puck-js.com/puck.js"></script>
-<button id="btnConnect">Connect</button>
-<button id="btnStop">Stop</button>
-<button id="btnReset">Reset</button>
-<button id="btnSave">Save CSV</button>
+<p></div><input type="checkbox" id="chkLocal">Store on Bangle (file named log.csv, download with IDE)</input></p>
+<p>
+  <button id="btnConnect">Start</button>
+  <button id="btnStop">Stop</button>
+  <button id="btnReset">Reset</button>
+  <button id="btnSave">Save CSV</button>
+</p>
 <p id="result"></p>
 <script>
-var BANGLE_CODE = String.raw`
-var accData=[];
-var maxSize=0;
-var filename="log.csv";
-//0 print, 1 BT, 2 File
-var method=1;
+function createCode(){
+  //modes: 0 print, 1 BT, 2 File
+  return "var method=" + (document.getElementById("chkLocal").checked ? 2 : 1) + ";\n" + String.raw`
+  var accData=[];
+  var maxSize=0;
+  var filename="log.csv";
 
-var running = true;
-var gotHRMraw = false;
-var gotBTHRM = false;
-var gotHRM = false;
-var gotAcc = false;
+  var running = true;
+  var gotHRMraw = false;
+  var gotBTHRM = false;
+  var gotHRM = false;
+  var gotAcc = false;
 
-function gotAll(){
-  return running && gotBTHRM && gotHRM && gotHRMraw && gotAcc;
-}
-
-Bangle.setHRMPower(1);
-if (Bangle.setBTHRMPower){
-  print("Use BTHRM");
-  Bangle.setBTHRMPower(1);
-  Bangle.setBTHRMPower(1);
-} else {
-  gotBTHRM = true;
-}
-
-var write=null;
-
-if (method == 2){
-  var f = require('Storage').open(filename,"w");
-  f.erase();
-  f = require('Storage').open(filename,"a");
-  write = function(str){f.write(str);};
-} else if (method == 1){
-  write = function(str){Bluetooth.print("DATA: " + str);};
-} else {
-  write=print;
-}
-
-write("Time,Acc_x,Acc_y,Acc_z,HRM_b,HRM_c,HRM_r,HRM_f,PPG_r,PPG_o,BTHRM\n");
-
-
-function writeAcc(e){
-  gotAcc = true;
-  e.date=Date.now();
-  accData.push(e);
-  accData.splice(0, accData.length - maxSize);
-}
-
-function writeAccDirect(e){
-  gotAcc = true;
-  if (!gotAll()) return;
-  write(Date.now()+","+e.x+","+e.y+","+e.z+",,,,,,,,\n");
-}
-
-function writeBTHRM(e){
-  gotBTHRM = true;
-  if (!gotAll()) return;
-  write(Date.now()+",,,,,,,,,,"+e.bpm+"\n");
-}
-
-function writeHRM(e){
-  gotHRM = true;
-  if (!gotAll()) return;
-  while(accData.length > 0){
-    var c = accData.shift();
-    if (c) write(c.date+","+c.x+","+c.y+","+c.z+",,,,,,,,\n");
+  function gotAll(){
+    return running && gotBTHRM && gotHRM && gotHRMraw && gotAcc;
   }
-  write(Date.now()+",,,,"+e.bpm+","+e.confidence+",,,,\n");
-}
 
-function writeHRMraw(e){
-  gotHRMraw = true;
-  if (!gotAll()) return;
-  write(Date.now()+",,,,,,"+e.raw+","+e.filt+","+e.vcPPG+","+e.vcPPGoffs+",\n");
-}
-
-if(maxSize){
-  Bangle.on("accel", writeAcc);
-} else {
-  Bangle.on("accel", writeAccDirect);
-}
-Bangle.on("HRM-raw", writeHRMraw);
-Bangle.on("HRM", writeHRM);
-Bangle.on("BTHRM", writeBTHRM);
-
-g.clear();
-g.setColor(1,0,0);
-g.fillRect(0,0,g.getWidth(),g.getHeight());
-
-
-var intervalId = -1;
-intervalId = setInterval(()=>{
-  print("Checking... Acc:" + gotAcc + " BTHRM:" + gotBTHRM + " HRM:"  + gotHRM + " HRM raw:"  + gotHRMraw);
-  if (gotAll()){
-    g.setColor(0,1,0);
-    g.fillRect(0,0,g.getWidth(),g.getHeight());
-    clearInterval(intervalId);
+  Bangle.setHRMPower(1);
+  if (Bangle.setBTHRMPower){
+    print("Use BTHRM");
+    Bangle.setBTHRMPower(1);
+  } else {
+    gotBTHRM = true;
   }
-}, 1000);
 
-if (Bangle.setBTHRMPower){
+  var write=null;
+
+  if (method == 2){
+    var f = require('Storage').open(filename,"w");
+    f.erase();
+    f = require('Storage').open(filename,"a");
+    write = function(str){f.write(str);};
+  } else if (method == 1){
+    write = function(str){Bluetooth.print("DATA: " + str);};
+  } else {
+    write=print;
+  }
+
+  write("Time,Acc_x,Acc_y,Acc_z,HRM_b,HRM_c,HRM_r,HRM_f,PPG_r,PPG_o,BTHRM\n");
+
+
+  function writeAcc(e){
+    gotAcc = true;
+    e.date=Date.now();
+    accData.push(e);
+    accData.splice(0, accData.length - maxSize);
+  }
+
+  function writeAccDirect(e){
+    gotAcc = true;
+    if (!gotAll()) return;
+    write(Date.now()+","+e.x+","+e.y+","+e.z+",,,,,,,,\n");
+  }
+
+  function writeBTHRM(e){
+    gotBTHRM = true;
+    if (!gotAll()) return;
+    write(Date.now()+",,,,,,,,,,"+e.bpm+"\n");
+  }
+
+  function writeHRM(e){
+    gotHRM = true;
+    if (!gotAll()) return;
+    while(accData.length > 0){
+      var c = accData.shift();
+      if (c) write(c.date+","+c.x+","+c.y+","+c.z+",,,,,,,,\n");
+    }
+    write(Date.now()+",,,,"+e.bpm+","+e.confidence+",,,,\n");
+  }
+
+  function writeHRMraw(e){
+    gotHRMraw = true;
+    if (!gotAll()) return;
+    write(Date.now()+",,,,,,"+e.raw+","+e.filt+","+e.vcPPG+","+e.vcPPGoffs+",\n");
+  }
+
+  if(maxSize){
+    Bangle.on("accel", writeAcc);
+  } else {
+    Bangle.on("accel", writeAccDirect);
+  }
+  Bangle.on("HRM-raw", writeHRMraw);
+  Bangle.on("HRM", writeHRM);
+  Bangle.on("BTHRM", writeBTHRM);
+
+  g.clear();
+  g.setColor(1,0,0);
+  g.fillRect(0,0,g.getWidth(),g.getHeight());
+
+
+  var intervalId = -1;
   intervalId = setInterval(()=>{
-    if (!Bangle.isBTHRMOn()) Bangle.setBTHRMPower(1);
-  }, 5000);
+    print("Checking... Acc:" + gotAcc + " BTHRM:" + gotBTHRM + " HRM:"  + gotHRM + " HRM raw:"  + gotHRMraw);
+    if (gotAll()){
+      g.setColor(0,1,0);
+      g.fillRect(0,0,g.getWidth(),g.getHeight());
+      clearInterval(intervalId);
+    }
+  }, 1000);
+
+  if (Bangle.setBTHRMPower){
+    intervalId = setInterval(()=>{
+      if (!Bangle.isBTHRMOn()) Bangle.setBTHRMPower(1);
+    }, 5000);
+  }
+  `;
 }
-`;
 
 var connection;
 var lineCount=-1;
 
 
 function stop (){
-    connection.write("running = false; \n");
-    connection.close();
+  connection.reconnect((c)=>{
+    c.write("load();\n");
+    c.close();
     connection = undefined;
+  });
 }
 
+document.getElementById("chkLocal").addEventListener("click", function() {
+  document.getElementById("btnSave").disabled = document.getElementById("chkLocal").checked;
+  document.getElementById("btnReset").disabled = document.getElementById("chkLocal").checked;
+  document.getElementById("btnStop").disabled = document.getElementById("chkLocal").checked;
+});
+
 document.getElementById("btnSave").addEventListener("click", function() {
   var h = document.createElement('a');
   h.href = 'data:text/csv;charset=utf-8,' + encodeURI(localStorage.getItem("data"));    
@@ -170,7 +181,7 @@ document.getElementById("btnConnect").addEventListener("click", function() {
     });
     connection.write("reset();\n", function() {
       setTimeout(function() {
-        connection.write("\x03\x10if(1){"+BANGLE_CODE+"}\n",
+        connection.write("\x03\x10if(1){"+createCode()+"}\n",
           function() { console.log("Ready..."); });
       }, 1500);
     });
diff --git a/apps/hrmaccevents/metadata.json b/apps/hrmaccevents/metadata.json
index 7207f685a..ae9df7a10 100644
--- a/apps/hrmaccevents/metadata.json
+++ b/apps/hrmaccevents/metadata.json
@@ -9,6 +9,6 @@
   "tags": "debug",
   "supports": ["BANGLEJS","BANGLEJS2"],
   "custom": "custom.html",
-  "customConnect": true,
+  "customConnect": false,
   "storage": [ ]
 }

From 32967fa5487d0ab9e2fe38be15ee65e3c10451a7 Mon Sep 17 00:00:00 2001
From: Martin Boonk <martin@boonk.info>
Date: Sun, 19 Jun 2022 15:36:05 +0200
Subject: [PATCH 2/4] hrmaccevents - Show status info on display

---
 apps/hrmaccevents/custom.html | 76 ++++++++++++++++++++++++++---------
 1 file changed, 58 insertions(+), 18 deletions(-)

diff --git a/apps/hrmaccevents/custom.html b/apps/hrmaccevents/custom.html
index 15a00fd52..02276eb64 100644
--- a/apps/hrmaccevents/custom.html
+++ b/apps/hrmaccevents/custom.html
@@ -14,25 +14,26 @@
 <p id="result"></p>
 <script>
 function createCode(){
-  //modes: 0 print, 1 BT, 2 File
+  //modes: 1 BT, 2 File
   return "var method=" + (document.getElementById("chkLocal").checked ? 2 : 1) + ";\n" + String.raw`
   var accData=[];
   var maxSize=0;
   var filename="log.csv";
 
-  var running = true;
   var gotHRMraw = false;
   var gotBTHRM = false;
   var gotHRM = false;
   var gotAcc = false;
+  
+  var events = -1;
+  var hrmRaw,hrmPulse,bthrmPulse
 
   function gotAll(){
-    return running && gotBTHRM && gotHRM && gotHRMraw && gotAcc;
+    return gotBTHRM && gotHRM && gotHRMraw && gotAcc;
   }
 
   Bangle.setHRMPower(1);
   if (Bangle.setBTHRMPower){
-    print("Use BTHRM");
     Bangle.setBTHRMPower(1);
   } else {
     gotBTHRM = true;
@@ -44,11 +45,9 @@ function createCode(){
     var f = require('Storage').open(filename,"w");
     f.erase();
     f = require('Storage').open(filename,"a");
-    write = function(str){f.write(str);};
+    write = function(str){f.write(str);events++;};
   } else if (method == 1){
-    write = function(str){Bluetooth.print("DATA: " + str);};
-  } else {
-    write=print;
+    write = function(str){Bluetooth.print("DATA: " + str);events++;};
   }
 
   write("Time,Acc_x,Acc_y,Acc_z,HRM_b,HRM_c,HRM_r,HRM_f,PPG_r,PPG_o,BTHRM\n");
@@ -56,6 +55,7 @@ function createCode(){
 
   function writeAcc(e){
     gotAcc = true;
+    acc = e;
     e.date=Date.now();
     accData.push(e);
     accData.splice(0, accData.length - maxSize);
@@ -63,18 +63,21 @@ function createCode(){
 
   function writeAccDirect(e){
     gotAcc = true;
+    acc = e;
     if (!gotAll()) return;
     write(Date.now()+","+e.x+","+e.y+","+e.z+",,,,,,,,\n");
   }
 
   function writeBTHRM(e){
     gotBTHRM = true;
+    bthrmPulse = e.bpm;
     if (!gotAll()) return;
     write(Date.now()+",,,,,,,,,,"+e.bpm+"\n");
   }
 
   function writeHRM(e){
     gotHRM = true;
+    hrmPulse = e.bpm;
     if (!gotAll()) return;
     while(accData.length > 0){
       var c = accData.shift();
@@ -85,6 +88,7 @@ function createCode(){
 
   function writeHRMraw(e){
     gotHRMraw = true;
+    hrmRaw = e.raw;
     if (!gotAll()) return;
     write(Date.now()+",,,,,,"+e.raw+","+e.filt+","+e.vcPPG+","+e.vcPPGoffs+",\n");
   }
@@ -99,18 +103,54 @@ function createCode(){
   Bangle.on("BTHRM", writeBTHRM);
 
   g.clear();
-  g.setColor(1,0,0);
-  g.fillRect(0,0,g.getWidth(),g.getHeight());
 
+  function drawStatusText(name, y){
+    g.setFont12x20();
+    g.setColor(g.theme.fg);
+    g.drawString(name, 24, y * 22 + 2);
+  }
 
-  var intervalId = -1;
-  intervalId = setInterval(()=>{
-    print("Checking... Acc:" + gotAcc + " BTHRM:" + gotBTHRM + " HRM:"  + gotHRM + " HRM raw:"  + gotHRMraw);
-    if (gotAll()){
-      g.setColor(0,1,0);
-      g.fillRect(0,0,g.getWidth(),g.getHeight());
-      clearInterval(intervalId);
+  function drawStatus(isOk, y, value){
+    g.setFont12x20();
+    if (isOk) g.setColor(0,1,0); else g.setColor(1,0,0);
+    g.fillRect(0,y * 22, 20, y * 22 + 20);
+    g.setColor(g.theme.bg);
+    let x = 120
+    g.fillRect(x,y*22,g.getWidth(),y*22+20);
+    g.setColor(g.theme.fg);
+    if (value) g.drawString(value, x, y * 22 + 2);
+  }
+
+  function updateStatus(){
+    let h = 1;
+    drawStatus(gotAcc, h++);
+    drawStatus(gotBTHRM, h++, bthrmPulse); bthrmPulse = null;
+    drawStatus(gotHRM, h++, hrmPulse); hrmPulse = null;
+    drawStatus(gotHRMraw, h++, hrmRaw); hrmRaw = null;
+    drawStatus(events>0, h++, Math.max(events,0));
+    if (method == 2){
+      let free = require('Storage').getFree();
+      drawStatus(free>0.25*process.env.STORAGE, h++, Math.floor(free/1024) + "K");
     }
+  }
+  
+  var intervalId = -1;
+
+  g.setFont12x20();
+  g.setColor(g.theme.fg);
+  g.drawString("Target " + (method==2?"log.csv":"Bluetooth"), 0, 2);
+
+  let h = 1;
+  drawStatusText("Acc", h++);
+  drawStatusText("BTHRM", h++);
+  drawStatusText("HRM", h++);
+  drawStatusText("HRM_r", h++);
+  drawStatusText("Events", h++);
+  if (method == 2) drawStatusText("Storage", h++);
+  updateStatus();
+  
+  intervalId = setInterval(()=>{
+    updateStatus();
   }, 1000);
 
   if (Bangle.setBTHRMPower){
@@ -161,10 +201,10 @@ document.getElementById("btnStop").addEventListener("click", function() {
 });
 document.getElementById("btnConnect").addEventListener("click", function() {
   localStorage.setItem("data", "");
+  lineCount=-1;
   if (connection) {
     stop();
     document.getElementById("result").innerText="0";
-    lineCount=-1;
   }
   Puck.connect(function(c) {
     if (!c) {

From cba794d4913d836f8a02dac36b9f2d8385b7b654 Mon Sep 17 00:00:00 2001
From: Martin Boonk <martin@boonk.info>
Date: Sun, 19 Jun 2022 16:38:41 +0200
Subject: [PATCH 3/4] hrmaccevents - Adds readme

---
 apps/hrmaccevents/README.md     | 18 ++++++++++++++++++
 apps/hrmaccevents/metadata.json |  1 +
 2 files changed, 19 insertions(+)
 create mode 100644 apps/hrmaccevents/README.md

diff --git a/apps/hrmaccevents/README.md b/apps/hrmaccevents/README.md
new file mode 100644
index 000000000..9c131cfd8
--- /dev/null
+++ b/apps/hrmaccevents/README.md
@@ -0,0 +1,18 @@
+# Record HRM and accelerometer events
+
+Record events as they happen via bluetooth or to a file.
+This app can use [BTHRM](https://banglejs.com/apps/#bthrm) as a reference.
+
+## Steps for usage
+
+* (Optional) Install [BTHRM](https://banglejs.com/apps/#bthrm) as reference (use ECG based sensor for best accuracy).
+  * Configure BTHRM to "Both"-Mode. This prevents data beeing lost because BTHRM can replace the HRM-events data with BTHRM data.
+* Click "Start" in browser.
+* Wait until the "Events" number starts to grow, that means there are events recorded.
+* Record for some time, since BTHRM and HRM often need some seconds to start getting useful values. Consider 2000 events a useful minimum.
+* (Recording to file) Stop the recording with a long press of the button and download log.csv with the Espruino IDE.
+* (Recording to browser) Click "Stop" followed by "Save" and store the resulting file on your device.
+
+## Creator
+
+[halemmerich](https://github.com/halemmerich)
diff --git a/apps/hrmaccevents/metadata.json b/apps/hrmaccevents/metadata.json
index ae9df7a10..f6284876e 100644
--- a/apps/hrmaccevents/metadata.json
+++ b/apps/hrmaccevents/metadata.json
@@ -10,5 +10,6 @@
   "supports": ["BANGLEJS","BANGLEJS2"],
   "custom": "custom.html",
   "customConnect": false,
+  "readme": "README.md",
   "storage": [ ]
 }

From ace1f2cf3d64e3c7e2d8979200dd1349f61b7ef8 Mon Sep 17 00:00:00 2001
From: Martin Boonk <martin@boonk.info>
Date: Sun, 19 Jun 2022 16:39:30 +0200
Subject: [PATCH 4/4] hrmaccevents - Bump version and changelog

---
 apps/hrmaccevents/ChangeLog     | 2 ++
 apps/hrmaccevents/metadata.json | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/hrmaccevents/ChangeLog b/apps/hrmaccevents/ChangeLog
index 5560f00bc..2748e5f62 100644
--- a/apps/hrmaccevents/ChangeLog
+++ b/apps/hrmaccevents/ChangeLog
@@ -1 +1,3 @@
 0.01: New App!
+0.02: Show status info on display
+      Allow recording to Bangle
diff --git a/apps/hrmaccevents/metadata.json b/apps/hrmaccevents/metadata.json
index f6284876e..ba9140866 100644
--- a/apps/hrmaccevents/metadata.json
+++ b/apps/hrmaccevents/metadata.json
@@ -2,7 +2,7 @@
   "id": "hrmaccevents",
   "name": "HRM Accelerometer event recorder",
   "shortName": "HRM ACC recorder",
-  "version": "0.01",
+  "version": "0.02",
   "type": "RAM",
   "description": "Record HRM and accelerometer events in high resolution to CSV files in your browser",
   "icon": "app.png",
