feat: add livereload to ajax debug screen

baumrock · Apr 13, 2024 · ec454d2 · ec454d2
1 parent 3c14dcd
commit ec454d2
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/stubs/ajax-debug.latte b/stubs/ajax-debug.latte
@@ -7,6 +7,7 @@
   <title>RockFrontend AJAX Debugger</title>
   <link rel="stylesheet" type="text/css" href="{$config->versionUrl('/wire/modules/AdminTheme/AdminThemeUikit/uikit/dist/css/uikit.min.css')}" />
   <script type="text/javascript" src="{$config->versionUrl('/wire/modules/AdminTheme/AdminThemeUikit/uikit/dist/js/uikit.min.js')}"></script>
+  {$rockfrontend->liveReloadMarkup()|noescape}
 </head>
 
 <body>
@@ -24,6 +25,11 @@
         <pre class="tracy-dump" style="max-height:500px;">{$formatted}</pre>
       </div>
     </div>
+
+    <div class="uk-text-small uk-text-muted">
+      Using VSCode? I recommend this extension for further debugging:
+      <a href="https://www.youtube.com/watch?v=qJlTGaTIkHA">https://www.youtube.com/watch?v=qJlTGaTIkHA</a>
+    </div>
   </section>
 </body>