feat: Hot Reloading

admin/css/debug-toolbar/toolbar.scss

@@ -198,7 +198,7 @@
         overflow: hidden;
         overflow-y: auto;
         padding: 0 12px 0 12px;
-        
+
         // Give room for OS X scrollbar
         white-space: nowrap;
         z-index: 10000;
@@ -501,3 +501,13 @@
 .debug-bar-noverflow {
     overflow: hidden;
 }
+
+/* ENDLESS ROTATE */
+.rotate {
+    animation: rotate 9s linear infinite;
+}
+@keyframes rotate {
+    to {
+        transform: rotate(360deg);
+    }
+}

app/Config/Events.php

@@ -4,6 +4,7 @@
 
 use CodeIgniter\Events\Events;
 use CodeIgniter\Exceptions\FrameworkException;
+use CodeIgniter\HotReloader\HotReloader;
 
 /*
  * --------------------------------------------------------------------
@@ -44,5 +45,11 @@
     if (CI_DEBUG && ! is_cli()) {
         Events::on('DBQuery', 'CodeIgniter\Debug\Toolbar\Collectors\Database::collect');
         Services::toolbar()->respond();
+        // Hot Reload route - for framework use on the hot reloader.
+        if (ENVIRONMENT === 'development') {
+            Services::routes()->get('__hot-reload', static function () {
+                (new HotReloader())->run();
+            });
+        }
     }
 });

app/Config/Toolbar.php

@@ -88,4 +88,31 @@ class Toolbar extends BaseConfig
      * `$maxQueries` defines the maximum amount of queries that will be stored.
      */
     public int $maxQueries = 100;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Watched Directories
+     * --------------------------------------------------------------------------
+     *
+     * Contains an array of directories that will be watched for changes and
+     * used to determine if the hot-reload feature should reload the page or not.
+     * We restrict the values to keep performance as high as possible.
+     *
+     * NOTE: The ROOTPATH will be prepended to all values.
+     */
+    public array $watchedDirectories = [
+        'app',
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Watched File Extensions
+     * --------------------------------------------------------------------------
+     *
+     * Contains an array of file extensions that will be watched for changes and
+     * used to determine if the hot-reload feature should reload the page or not.
+     */
+    public array $watchedExtensions = [
+        'php', 'css', 'js', 'html', 'svg', 'json', 'env',
+    ];
 }

system/Debug/Toolbar/Views/toolbar.css

@@ -796,3 +796,14 @@
 .debug-bar-noverflow {
   overflow: hidden;
 }
+
+/* ENDLESS ROTATE */
+.rotate {
+  animation: rotate 9s linear infinite;
+}
+
+@keyframes rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}