feat: show livereload count in log and on config page

https://i.imgur.com/NjzKqnv.png

RockFrontend.module.php

@@ -2366,6 +2366,9 @@ private function configLivereload(InputfieldWrapper $inputfields)
     } else $value = 'LiveReload is disabled. To enable it set this in your config.php:
       <pre class="uk-margin-small-top uk-margin-remove-bottom">$config->livereload = 1;</pre>';
     $f->value = $value;
+    $f->notes = "LiveReload saved you from hitting refresh <span id=live-cnt></span> times on this device :)";
+    $f->entityEncodeText = false;
+    $f->appendMarkup = "<script>document.getElementById('live-cnt').innerText = localStorage.getItem('livereload-count') || 0;</script>";
     $fs->add($f);
 
     // early exit if live reload is disabled

livereload.js

@@ -60,7 +60,9 @@ setTimeout(() => {
       }
 
       // all fine, reload page
-      console.log("detected change - reloading");
+      let cnt = localStorage.getItem("livereload-count") || 0;
+      localStorage.setItem("livereload-count", ++cnt);
+      console.log("detected change - reloading " + cnt);
       reloading = true;
       setTimeout(() => {
         document.location.reload(true);