feat: tweak livereload and add latte bar to tracy

LiveReload.php

@@ -45,6 +45,7 @@ public function __construct()
         '.*/\.vscode',
         '.*/site/modules/TracyDebugger/tracy-.*',
         '.*/site/templates/bundle/*',
+        '.*/site/assets/RockFrontend/.*.css',
         '.*/site/assets/RockPdfDumps/*',
         '.*/site/modules/RockBlocks/blocks/.*.css',
       ],

RockFrontend.module.php

@@ -2,6 +2,7 @@
 
 namespace ProcessWire;
 
+use Latte\Bridges\Tracy\LattePanel;
 use Latte\Engine;
 use Latte\Runtime\Html;
 use RockFrontend\LiveReload;
@@ -105,7 +106,7 @@ public static function getModuleInfo()
   {
     return [
       'title' => 'RockFrontend',
-      'version' => '2.11.0',
+      'version' => '2.12.0',
       'summary' => 'Module for easy frontend development',
       'autoload' => true,
       'singular' => true,
@@ -1440,6 +1441,9 @@ protected function renderFileLatte($file, $vars)
       try {
         require_once $this->path . "vendor/autoload.php";
         $latte = new Engine();
+        if ($this->modules->isInstalled("TracyDebugger")) {
+          LattePanel::initialize($latte);
+        }
         $latte->setTempDirectory($this->wire->config->paths->cache . "Latte");
         $this->latte = $latte;
       } catch (\Throwable $th) {

livereload.js

@@ -6,6 +6,12 @@ setTimeout(() => {
   if (isModal) return;
   let reloading = false;
 
+  // timeout after file change was detected
+  // you can set this to 5000 if you see multiple redirects
+  // that means that something triggers another reload on reload
+  // monitor the devtools console - it will show the detected file change
+  let redirecttimeout = 0;
+
   let evtSource;
   let startStream = function () {
     let rf = RockFrontend;
@@ -39,7 +45,9 @@ setTimeout(() => {
         // all fine, reload page
         console.log("detected change - reloading");
         reloading = true;
-        document.location.reload(true);
+        setTimeout(() => {
+          document.location.reload(true);
+        }, redirecttimeout);
       }
     };
   };