Fix missing badge for Turbo Drive page loads

Git bisect pointed to turbo-rails repo commit d18b2ee being the cause
of this bug. Previously Turbo Drive requests were displayed via the callback
added to the `window.fetch`. That turbo-rails commit however change it
so that a reference to `window.fetch` was stored when Turbo JS is loaded (before
rack-mini-profiler has added the then callback) meaning that the
callback to display those profiling request results never executes.

Adding a callback to `window.Turbo.fetch` is difficult as `window.Turbo`
is a frozen object, so instead a turbo event listener is used.

lib/html/includes.js

@@ -172,6 +172,50 @@ var _MiniProfiler = (function() {
     }
   };
 
+  var fetchResultsFromAsyncResponse = function fetchResultsFromAsyncResponse(response) {
+    try {
+      // look for x-mini-profile-ids
+      var entries = response.headers.entries();
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (
+          var _iterator = entries[Symbol.iterator](), _step;
+          !(_iteratorNormalCompletion = (_step = _iterator.next())
+            .done);
+          _iteratorNormalCompletion = true
+        ) {
+          var pair = _step.value;
+
+          if (
+            pair[0] &&
+            pair[0].toLowerCase() == "x-miniprofiler-ids"
+          ) {
+            var ids = pair[1].split(",");
+            fetchResults(ids);
+          }
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
   var toQueryString = function toQueryString(data, parentKey) {
     var result = [];
     for (var key in data) {
@@ -496,6 +540,11 @@ var _MiniProfiler = (function() {
     }, 3000);
   };
 
+  var onTurboBeforeFetchResponse = function onTurboBeforeFetchResponse(e) {
+    var response = e.detail.fetchResponse.response;
+    fetchResultsFromAsyncResponse(response);
+  }
+
   var onTurboBeforeVisit = function onTurboBeforeVisit(e) {
     if(!e.defaultPrevented) {
       window.MiniProfilerContainer = document.querySelector('body > .profiler-results')
@@ -670,6 +719,7 @@ var _MiniProfiler = (function() {
     if (options.hotwireTurboDriveSupport) {
       document.addEventListener("turbo:before-visit", onTurboBeforeVisit)
       document.addEventListener("turbo:load", onTurboLoad)
+      document.addEventListener("turbo:before-fetch-response", onTurboBeforeFetchResponse);
     }
   };
 
@@ -685,6 +735,7 @@ var _MiniProfiler = (function() {
     );
     document.removeEventListener("turbo:before-visit", onTurboBeforeVisit);
     document.removeEventListener("turbo:load", onTurboLoad);
+    document.removeEventListener("turbo:before-fetch-response", onTurboBeforeFetchResponse);
   };
 
   var initFullView = function initFullView() {
@@ -963,48 +1014,9 @@ var _MiniProfiler = (function() {
           var originalFetchRun = __originalFetch(input, init);
 
           originalFetchRun.then(function(response) {
-            try {
-              // look for x-mini-profile-ids
-              var entries = response.headers.entries();
-              var _iteratorNormalCompletion = true;
-              var _didIteratorError = false;
-              var _iteratorError = undefined;
-
-              try {
-                for (
-                  var _iterator = entries[Symbol.iterator](), _step;
-                  !(_iteratorNormalCompletion = (_step = _iterator.next())
-                    .done);
-                  _iteratorNormalCompletion = true
-                ) {
-                  var pair = _step.value;
-
-                  if (
-                    pair[0] &&
-                    pair[0].toLowerCase() == "x-miniprofiler-ids"
-                  ) {
-                    var ids = pair[1].split(",");
-                    fetchResults(ids);
-                  }
-                }
-              } catch (err) {
-                _didIteratorError = true;
-                _iteratorError = err;
-              } finally {
-                try {
-                  if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                  }
-                } finally {
-                  if (_didIteratorError) {
-                    throw _iteratorError;
-                  }
-                }
-              }
-            } catch (e) {
-              console.error(e);
-            }
+            fetchResultsFromAsyncResponse(response)
           });
+
           return originalFetchRun;
         };
       }