rack-mini-profiler 2.1.0 → 2.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1603a0c0246f9b132f81e74331425a1217156d62f71f20a06ecd3edca91aef51
-  data.tar.gz: a341e35cf639c11cc61c9ef5fd1ecd25e89ff12da299d3a6bfe8cb479c5dd7d8
+  metadata.gz: 2984e9dec3cda4d5b86a4ed3b8300725207ba826b6a064402b23dcf04b0d5a51
+  data.tar.gz: 4a05074c124ac23085c08f4ae5389b71ef7b85687c40c5e5594dee4884d87632
 SHA512:
-  metadata.gz: 4244e2738847e0e34b33cebda96f45d79ad82201ce969310bf45f1ad7431561af0d41610c2e8c60a0c64d428032a1e4bea6cc5b02aa71b5462a918474228844a
-  data.tar.gz: b1c0d88134e780bbbb91f711366400585d51d98107d1f35af85ca7c38498f0e23de019f2eb05259e833d8deabf485dc70f1dd581c28e132aba68bfa785967774
+  metadata.gz: b29d4a47e99d03489251752bfe57a2b64235400b5ffb9f867738bfb9d165f63ddeeb559fc4edf9a60c91fe2d579b04ee473db1b2c7846ab823580d8b9b5e88c1
+  data.tar.gz: 3a0768401c048801bf4adb22792fbdb2643d5b5e0174f92149df96c8ae2ab79d0c504e9e2146d72cc45068df6b88ebc675ef11431d47c17a5b929f375a1e6d74

data/CHANGELOG.md

@@ -1,5 +1,31 @@
 # CHANGELOG
 
+## 2.3.2 - 2021-04-30
+
+- [FEATURE] Introduce `pp=async-flamegraph` for asynchronous flamegraphs
+
+## 2.3.1 - 2021-01-29
+
+- [FIX] compatability with Ruby 3.0
+- [FIX] compatability with peek-mysql2
+
+## 2.3.0 - 2020-12-29
+
+- [FEATURE] flamegraphs are now based off speedscope
+
+## 2.2.1 - 2020-12-23
+
+- [FIX] Turbolinks integration causing increasing number of GET requests
+- [FEATURE] enahanced log transporter with compression and exponential backoff
+- [FEATURE] sameSite=Lax added to MiniProfiler cookie
+
+## 2.2.0 - 2020-10-19
+
+- [UX] Enhancements to snapshots UI
+- [FEATURE] Mini Profiler cookie is now sameSite=lax
+- [FEATURE] Snapshots transporter
+- [FEATURE] Redact SQL queries in snapshots by default
+
 ## 2.1.0 - 2020-09-17
 
 - [FEATURE] Allow assets to be precompiled with Sprockets

data/README.md

@@ -1,7 +1,5 @@
 # rack-mini-profiler
 
-[![Code Climate](https://codeclimate.com/github/MiniProfiler/rack-mini-profiler/badges/gpa.svg)](https://codeclimate.com/github/MiniProfiler/rack-mini-profiler) [![Build Status](https://travis-ci.org/MiniProfiler/rack-mini-profiler.svg)](https://travis-ci.org/MiniProfiler/rack-mini-profiler)
-
 Middleware that displays speed badge for every html page. Designed to work both in production and in development.
 
 #### Features
@@ -43,7 +41,6 @@ You can also include optional libraries to enable additional features.
 gem 'memory_profiler'
 
 # For call-stack profiling flamegraphs
-gem 'flamegraph'
 gem 'stackprof'
 ```
 
@@ -81,6 +78,16 @@ gem 'rack-mini-profiler', require: ['prepend_net_http_patch']
 
 This conflict happens when a ruby method is patched twice, once using module prepend, and once using method aliasing. See this [ruby issue](https://bugs.ruby-lang.org/issues/11120) for details. The fix is to apply all patches the same way. Mini Profiler by default will apply its patch using method aliasing, but you can change that to module prepend by adding `require: ['prepend_net_http_patch']` to the gem line as shown above.
 
+#### `peek-mysql2` stack level too deep errors
+
+If you use peek-mysql2 with Rails >= 5, you'll need to use this gem spec in your Gemfile:
+
+```ruby
+gem 'rack-mini-profiler', require: ['prepend_mysql2_patch', 'rack-mini-profiler']
+```
+
+This should not be necessary with Rails < 5 because peek-mysql2 hooks into mysql2 gem in different ways depending on your Rails version.
+
 #### Rails and manual initialization
 
 In case you need to make sure rack_mini_profiler is initialized after all other gems, or you want to execute some code before rack_mini_profiler required:
@@ -161,9 +168,13 @@ export RACK_MINI_PROFILER_PATCH="false"
 
 To generate [flamegraphs](http://samsaffron.com/archive/2013/03/19/flame-graphs-in-ruby-miniprofiler):
 
-* add the [**flamegraph**](https://github.com/SamSaffron/flamegraph) gem to your Gemfile
+* add the [**stackprof**](https://rubygems.org/gems/stackprof) gem to your Gemfile
 * visit a page in your app with `?pp=flamegraph`
 
+To store flamegraph data for later viewing, append the `?pp=async-flamegraph` parameter. The request will return as normal.
+Flamegraph data for this request, and all subsequent requests made by this page (based on the `REFERER` header) will be stored.
+'flamegraph' links will appear for these requests in the MiniProfiler UI.
+
 ### Memory Profiling
 
 Memory allocations can be measured (using the [memory_profiler](https://github.com/SamSaffron/memory_profiler) gem)
@@ -190,7 +201,7 @@ There are two additional `pp` options that can be used to analyze memory which d
 
 In a complex web application, it's possible for a request to trigger rare conditions that result in poor performance. Mini Profiler ships with a feature to help detect those rare conditions and fix them. It works by enabling invisible profiling on one request every N requests, and saving the performance metrics that are collected during the request (a.k.a snapshot of the request) so that they can be viewed later. To turn this feature on, set the `snapshot_every_n_requests` config to a value larger than 0. The larger the value is, the less frequently requests are profiled.
 
-Mini Profiler will exclude requests that are made to skippd paths (see `skip_paths` config below) from being sampled. Additionally, if profiling is enabled for a request that later finishes with a non-2xx status code, Mini Profiler will discard the snapshot and not save it (this behavior may change in the future).
+Mini Profiler will exclude requests that are made to skipped paths (see `skip_paths` config below) from being sampled. Additionally, if profiling is enabled for a request that later finishes with a non-2xx status code, Mini Profiler will discard the snapshot and not save it (this behavior may change in the future).
 
 After enabling snapshots sampling, you can see the snapshots that have been collected at `/mini-profiler-resources/snapshots` (or if you changed the `base_url_path` config, substitute `mini-profiler-resources` with your value of the config). You'll see on that page a table where each row represents a group of snapshots with the duration of the worst snapshot in that group. The worst snapshot in a group is defined as the snapshot whose request took longer than all of the snapshots in the same group. Snapshots grouped by HTTP method and path of the request, and if your application is a Rails app, Mini Profiler will try to convert the path to `controller#action` and group by that instead of request path. Clicking on a group will display the snapshots of that group sorted from worst to best. From there, you can click on a snapshot's ID to see the snapshot with all the performance metrics that were collected.
 
@@ -198,6 +209,18 @@ Access to the snapshots page is restricted to only those who can see the speed b
 
 Mini Profiler will keep a maximum of 1000 snapshots by default, and you can change that via the `snapshots_limit` config. When snapshots reach the configured limit, Mini Profiler will save a new snapshot only if it's worse than at least one of the existing snapshots and delete the best one (i.e. the snapshot whose request took the least time compared to other snapshots).
 
+#### Snapshots Transporter
+
+Mini Profiler can be configured so that it sends snapshots over HTTP using the snapshots transporter. The main use-case of the transporter is to allow the aggregation of snapshots from multiple applications/sources in a single place. To enable the snapshots transporter, you need to provide a destination URL to the `snapshots_transport_destination_url` config, and a secure key to the `snapshots_transport_auth_key` config (will be used for authorization). Both of these configs are required for the transporter to be enabled.
+
+The transporter uses a buffer to temporarily hold snapshots in memory with a limit of 100 snapshots. Every 30 seconds, *if* the buffer is not empty, the transporter will make a `POST` request with the buffer content to the destination URL. Requests made by the transporter will have a `Mini-Profiler-Transport-Auth` header with the value of the `snapshots_transport_auth_key` config. The destination should only accept requests that include this header AND the header's value matches the key you set to the `snapshots_transport_auth_key` config.
+
+If the specified destination responds with a non-200 status code, the transporter will increase the interval between requests by `2^n` seconds where `n` is the number of failed requests since the last successful request. The base interval between requests is 30 seconds. So if a request fails, the next request will be `30 + 2^1 = 32` seconds later. If the next request fails too, the next one will be `30 + 2^2 = 34` seconds later and so on until a request succeeds at which point the interval will return to 30 seconds. The interval will not go beyond 1 hour.
+
+Requests made by the transporter can be optionally gzip-compressed by setting the `snapshots_transport_gzip_requests` config to true. The body of the requests (after decompression, if you opt for compression) is a JSON string with a single top-level key called `snapshots` and it has an array of snapshots. The structure of a snapshot is too complex to be explained here, but it has the same structure that Mini Profiler client expects. So if your use-case is to simply be able to view snapshots from multiple sources in one place, you should simply store the snapshots as-is, and then serve them to Mini Profiler client to consume. If the destination application also has Mini Profiler, you can simply use the API of the storage backends to store the incoming snapshots and Mini Profiler will treat them the same as local snapshots (e.g. they'll be grouped and displayed in the same manner described in the previous section).
+
+Mini Profiler offers an API to add extra fields (a.k.a custom fields) to snapshots. For example, you may want to add whether the request was made by a logged-in or anonymous user, the version of your application or any other things that are specific to your application. To add custom fields to a snapshot, call the `Rack::MiniProfiler.add_snapshot_custom_field(<key>, <value>)` method anywhere during the lifetime of a request, and the snapshot of that request will include the fields you added. If you have a Rails app, you can call that method in an `after_action` callback. Custom fields are cleared between requests.
+
 ## Access control in non-development environments
 
 rack-mini-profiler is designed with production profiling in mind. To enable that run `Rack::MiniProfiler.authorize_request` once you know a request is allowed to profile.
@@ -216,21 +239,21 @@ rack-mini-profiler is designed with production profiling in mind. To enable that
 
 Note:
 
-Out-of-the-box we will initialize the `authorization_mode` to `:whitelist` in production. However, in some cases we may not be able to do it:
+Out-of-the-box we will initialize the `authorization_mode` to `:allow_authorized` in production. However, in some cases we may not be able to do it:
 
-- If you are running in development or test we will not enable whitelist mode
+- If you are running in development or test we will not enable the explicit authorization mode
 - If you use `require: false` on rack_mini_profiler we are unlikely to be able to run the railtie
 - If you are running outside of rails we will not run the railtie
 
 In those cases use:
 
 ```ruby
-Rack::MiniProfiler.config.authorization_mode = :whitelist
+Rack::MiniProfiler.config.authorization_mode = :allow_authorized
 ```
 
 When deciding to fully profile a page mini profiler consults with the `authorization_mode`
 
-By default in production we attempt to set the authorization mode to `:whitelist` meaning that end user will only be able to see requests where somewhere `Rack::MiniProfiler.authorize_request` is invoked.
+By default in production we attempt to set the authorization mode to `:allow_authorized` meaning that end user will only be able to see requests where somewhere `Rack::MiniProfiler.authorize_request` is invoked.
 
 In development we run in the `:allow_all` authorization mode meaning every request is profiled and displayed to the end user.
 
@@ -384,6 +407,11 @@ enable_advanced_debugging_tools|`false`|Enables sensitive debugging tools that c
 assets_url|`nil`|See the "Register MiniProfiler's assets in the Rails assets pipeline" section above.
 snapshot_every_n_requests|`-1`|Determines how frequently snapshots are taken. See the "Snapshots Sampling" above for more details.
 snapshots_limit|`1000`|Determines how many snapshots Mini Profiler is allowed to keep.
+snapshot_hidden_custom_fields|`[]`|Each snapshot custom field will have a dedicated column in the UI by default. Use this config to exclude certain custom fields from having their own columns.
+snapshots_transport_destination_url|`nil`|Set this config to a valid URL to enable snapshots transporter which will `POST` snapshots to the given URL. The transporter requires `snapshots_transport_auth_key` config to be set as well.
+snapshots_transport_auth_key|`nil`|`POST` requests made by the snapshots transporter to the destination URL will have a `Mini-Profiler-Transport-Auth` header with the value of this config. Make sure you use a secure and random key for this config.
+snapshots_redact_sql_queries|`true`|When this is true, SQL queries will be redacted from sampling snapshots, but the backtrace and duration of each SQL query will be saved with the snapshot to keep debugging performance issues possible.
+snapshots_transport_gzip_requests|`false`|Make the snapshots transporter gzip the requests it makes to `snapshots_transport_destination_url`.
 
 ### Using MiniProfiler with `Rack::Deflate` middleware
 

data/lib/html/includes.css

@@ -434,7 +434,9 @@
     background: #6a737c;
     color: #ffffff; }
   .mp-snapshots .snapshots-table th, .mp-snapshots .snapshots-table td {
-    padding: 5px;
+    padding: 5px 10px;
     box-sizing: border-box; }
+    .mp-snapshots .snapshots-table th:not(.request-group), .mp-snapshots .snapshots-table td:not(.request-group) {
+      text-align: center; }
   .mp-snapshots .snapshots-table th {
     border-right: 1px solid #ffffff; }

data/lib/html/includes.js

@@ -1,12 +1,13 @@
 "use strict";
 
-var MiniProfiler = (function() {
+var _MiniProfiler = (function() {
   var _arguments = arguments;
   var options,
     container,
     controls,
-    fetchedIds = [],
-    fetchingIds = [],
+    fetchedIds = (window.MiniProfiler && window.MiniProfiler.fetchedIds) || [],
+    fetchingIds =
+      (window.MiniProfiler && window.MiniProfiler.fetchingIds) || [],
     // so we never pull down a profiler twice
     ajaxStartTime,
     totalsControl,
@@ -400,7 +401,7 @@ var MiniProfiler = (function() {
     var px = button.offsetTop - 1,
       // position next to the button we clicked
       windowHeight = window.innerHeight,
-      maxHeight = windowHeight - 40; // make sure the popup doesn't extend below the fold
+      maxHeight = windowHeight - px - 40; // make sure the popup doesn't extend below the fold
 
     popup.style[options.renderVerticalPosition] = "".concat(px, "px");
     popup.style.maxHeight = "".concat(maxHeight, "px");
@@ -634,6 +635,10 @@ var MiniProfiler = (function() {
     }
   };
 
+  var turbolinksSkipResultsFetch = function turbolinksSkipResultsFetch(event) {
+    event.data.xhr.__miniProfilerSkipResultsFetch = true;
+  };
+
   var bindDocumentEvents = function bindDocumentEvents() {
     document.addEventListener("click", onClickEvents);
     document.addEventListener("keyup", onClickEvents);
@@ -642,6 +647,10 @@ var MiniProfiler = (function() {
     if (typeof Turbolinks !== "undefined" && Turbolinks.supported) {
       document.addEventListener("page:change", unbindDocumentEvents);
       document.addEventListener("turbolinks:load", unbindDocumentEvents);
+      document.addEventListener(
+        "turbolinks:request-start",
+        turbolinksSkipResultsFetch
+      );
     }
   };
 
@@ -651,6 +660,10 @@ var MiniProfiler = (function() {
     document.removeEventListener("keyup", toggleShortcutEvent);
     document.removeEventListener("page:change", unbindDocumentEvents);
     document.removeEventListener("turbolinks:load", unbindDocumentEvents);
+    document.removeEventListener(
+      "turbolinks:request-start",
+      turbolinksSkipResultsFetch
+    );
   };
 
   var initFullView = function initFullView() {
@@ -679,9 +692,24 @@ var MiniProfiler = (function() {
     if (data.page === "overview") {
       temp.innerHTML = MiniProfiler.templates.snapshotsGroupsList(data);
     } else if (data.group_name) {
-      temp.innerHTML = MiniProfiler.templates.snapshotsList(data);
+      var allCustomFieldsNames = [];
+      data.list.forEach(function(snapshot) {
+        Object.keys(snapshot.custom_fields).forEach(function(k) {
+          if (
+            allCustomFieldsNames.indexOf(k) === -1 &&
+            options.hiddenCustomFields.indexOf(k.toLowerCase()) === -1
+          ) {
+            allCustomFieldsNames.push(k);
+          }
+        });
+      });
+      allCustomFieldsNames.sort();
+      temp.innerHTML = MiniProfiler.templates.snapshotsList({
+        data: data,
+        allCustomFieldsNames: allCustomFieldsNames
+      });
     }
-    Array.from(temp.children).forEach(function (child) {
+    Array.from(temp.children).forEach(function(child) {
       document.body.appendChild(child);
     });
   };
@@ -754,213 +782,220 @@ var MiniProfiler = (function() {
       fetchResults(options.ids);
     }
 
-    var send = XMLHttpRequest.prototype.send;
-
-    XMLHttpRequest.prototype.send = function(data) {
-      ajaxStartTime = new Date();
-      this.addEventListener("load", function() {
-        // responseURL isn't available in IE11
-        if (
-          this.responseURL &&
-          this.responseURL.indexOf(window.location.origin) !== 0
-        ) {
-          return;
-        }
-        // getAllResponseHeaders isn't available in Edge.
-        var allHeaders = this.getAllResponseHeaders
-          ? this.getAllResponseHeaders()
-          : null;
-        if (
-          allHeaders &&
-          allHeaders.toLowerCase().indexOf("x-miniprofiler-ids") === -1
-        ) {
-          return;
-        }
-        // should be a string of comma-separated ids
-        var stringIds = this.getResponseHeader("X-MiniProfiler-Ids");
-
-        if (stringIds) {
-          var ids = stringIds.split(",");
-          fetchResults(ids);
-        }
-      });
-      send.call(this, data);
-    }; // fetch results after ASP Ajax calls
-
-    if (
-      typeof Sys != "undefined" &&
-      typeof Sys.WebForms != "undefined" &&
-      typeof Sys.WebForms.PageRequestManager != "undefined"
-    ) {
-      // Get the instance of PageRequestManager.
-      var PageRequestManager = Sys.WebForms.PageRequestManager.getInstance();
-      PageRequestManager.add_endRequest(function(sender, args) {
-        if (args) {
-          var response = args.get_response();
+    if (!window.MiniProfiler || !window.MiniProfiler.patchesApplied) {
+      var send = XMLHttpRequest.prototype.send;
 
+      XMLHttpRequest.prototype.send = function(data) {
+        ajaxStartTime = new Date();
+        this.addEventListener("load", function() {
+          // responseURL isn't available in IE11
           if (
-            response.get_responseAvailable() &&
-            response._xmlHttpRequest !== null
+            this.responseURL &&
+            this.responseURL.indexOf(window.location.origin) !== 0
           ) {
-            var stringIds = args
-              .get_response()
-              .getResponseHeader("X-MiniProfiler-Ids");
-
-            if (stringIds) {
-              var ids = stringIds.split(",");
-              fetchResults(ids);
-            }
+            return;
           }
-        }
-      });
-    } // more Asp.Net callbacks
-
-    if (typeof WebForm_ExecuteCallback == "function") {
-      WebForm_ExecuteCallback = (function(callbackObject) {
-        // Store original function
-        var original = WebForm_ExecuteCallback;
-        return function(callbackObject) {
-          original(callbackObject);
-          var stringIds = callbackObject.xmlRequest.getResponseHeader(
-            "X-MiniProfiler-Ids"
-          );
+          if (this.__miniProfilerSkipResultsFetch) {
+            return;
+          }
+          // getAllResponseHeaders isn't available in Edge.
+          var allHeaders = this.getAllResponseHeaders
+            ? this.getAllResponseHeaders()
+            : null;
+          if (
+            allHeaders &&
+            allHeaders.toLowerCase().indexOf("x-miniprofiler-ids") === -1
+          ) {
+            return;
+          }
+          // should be a string of comma-separated ids
+          var stringIds = this.getResponseHeader("X-MiniProfiler-Ids");
 
           if (stringIds) {
             var ids = stringIds.split(",");
             fetchResults(ids);
           }
-        };
-      })();
-    } // also fetch results after ExtJS requests, in case it is being used
+        });
+        send.call(this, data);
+      }; // fetch results after ASP Ajax calls
 
-    if (
-      typeof Ext != "undefined" &&
-      typeof Ext.Ajax != "undefined" &&
-      typeof Ext.Ajax.on != "undefined"
-    ) {
-      // Ext.Ajax is a singleton, so we just have to attach to its 'requestcomplete' event
-      Ext.Ajax.on("requestcomplete", function(e, xhr, settings) {
-        //iframed file uploads don't have headers
-        if (!xhr || !xhr.getResponseHeader) {
-          return;
-        }
+      if (
+        typeof Sys != "undefined" &&
+        typeof Sys.WebForms != "undefined" &&
+        typeof Sys.WebForms.PageRequestManager != "undefined"
+      ) {
+        // Get the instance of PageRequestManager.
+        var PageRequestManager = Sys.WebForms.PageRequestManager.getInstance();
+        PageRequestManager.add_endRequest(function(sender, args) {
+          if (args) {
+            var response = args.get_response();
+
+            if (
+              response.get_responseAvailable() &&
+              response._xmlHttpRequest !== null
+            ) {
+              var stringIds = args
+                .get_response()
+                .getResponseHeader("X-MiniProfiler-Ids");
+
+              if (stringIds) {
+                var ids = stringIds.split(",");
+                fetchResults(ids);
+              }
+            }
+          }
+        });
+      } // more Asp.Net callbacks
+
+      if (typeof WebForm_ExecuteCallback == "function") {
+        WebForm_ExecuteCallback = (function(callbackObject) {
+          // Store original function
+          var original = WebForm_ExecuteCallback;
+          return function(callbackObject) {
+            original(callbackObject);
+            var stringIds = callbackObject.xmlRequest.getResponseHeader(
+              "X-MiniProfiler-Ids"
+            );
 
-        var stringIds = xhr.getResponseHeader("X-MiniProfiler-Ids");
+            if (stringIds) {
+              var ids = stringIds.split(",");
+              fetchResults(ids);
+            }
+          };
+        })();
+      } // also fetch results after ExtJS requests, in case it is being used
 
-        if (stringIds) {
-          var ids = stringIds.split(",");
-          fetchResults(ids);
-        }
-      });
-    }
+      if (
+        typeof Ext != "undefined" &&
+        typeof Ext.Ajax != "undefined" &&
+        typeof Ext.Ajax.on != "undefined"
+      ) {
+        // Ext.Ajax is a singleton, so we just have to attach to its 'requestcomplete' event
+        Ext.Ajax.on("requestcomplete", function(e, xhr, settings) {
+          //iframed file uploads don't have headers
+          if (!xhr || !xhr.getResponseHeader) {
+            return;
+          }
 
-    if (typeof MooTools != "undefined" && typeof Request != "undefined") {
-      Request.prototype.addEvents({
-        onComplete: function onComplete() {
-          var stringIds = this.xhr.getResponseHeader("X-MiniProfiler-Ids");
+          var stringIds = xhr.getResponseHeader("X-MiniProfiler-Ids");
 
           if (stringIds) {
             var ids = stringIds.split(",");
             fetchResults(ids);
           }
-        }
-      });
-    } // add support for AngularJS, which use the basic XMLHttpRequest object.
-
-    if (window.angular && typeof XMLHttpRequest != "undefined") {
-      var _send = XMLHttpRequest.prototype.send;
-
-      XMLHttpRequest.prototype.send = function sendReplacement(data) {
-        if (this.onreadystatechange) {
-          if (
-            typeof this.miniprofiler == "undefined" ||
-            typeof this.miniprofiler.prev_onreadystatechange == "undefined"
-          ) {
-            this.miniprofiler = {
-              prev_onreadystatechange: this.onreadystatechange
-            };
+        });
+      }
 
-            this.onreadystatechange = function onReadyStateChangeReplacement() {
-              if (this.readyState == 4) {
-                var stringIds = this.getResponseHeader("X-MiniProfiler-Ids");
+      if (typeof MooTools != "undefined" && typeof Request != "undefined") {
+        Request.prototype.addEvents({
+          onComplete: function onComplete() {
+            var stringIds = this.xhr.getResponseHeader("X-MiniProfiler-Ids");
 
-                if (stringIds) {
-                  var ids = stringIds.split(",");
-                  fetchResults(ids);
+            if (stringIds) {
+              var ids = stringIds.split(",");
+              fetchResults(ids);
+            }
+          }
+        });
+      } // add support for AngularJS, which use the basic XMLHttpRequest object.
+
+      if (window.angular && typeof XMLHttpRequest != "undefined") {
+        var _send = XMLHttpRequest.prototype.send;
+
+        XMLHttpRequest.prototype.send = function sendReplacement(data) {
+          if (this.onreadystatechange) {
+            if (
+              typeof this.miniprofiler == "undefined" ||
+              typeof this.miniprofiler.prev_onreadystatechange == "undefined"
+            ) {
+              this.miniprofiler = {
+                prev_onreadystatechange: this.onreadystatechange
+              };
+
+              this.onreadystatechange = function onReadyStateChangeReplacement() {
+                if (this.readyState == 4) {
+                  var stringIds = this.getResponseHeader("X-MiniProfiler-Ids");
+
+                  if (stringIds) {
+                    var ids = stringIds.split(",");
+                    fetchResults(ids);
+                  }
                 }
-              }
 
-              if (this.miniprofiler.prev_onreadystatechange !== null)
-                return this.miniprofiler.prev_onreadystatechange.apply(
-                  this,
-                  arguments
-                );
-            };
+                if (this.miniprofiler.prev_onreadystatechange !== null)
+                  return this.miniprofiler.prev_onreadystatechange.apply(
+                    this,
+                    arguments
+                  );
+              };
+            }
           }
-        }
-
-        return _send.apply(this, arguments);
-      };
-    } // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
 
-    if (
-      typeof window.fetch === "function" &&
-      window.fetch.__patchedByMiniProfiler === undefined
-    ) {
-      var __originalFetch = window.fetch;
+          return _send.apply(this, arguments);
+        };
+      } // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
 
-      window.fetch = function(input, init) {
-        var originalFetchRun = __originalFetch(input, init);
+      if (typeof window.fetch === "function") {
+        var __originalFetch = window.fetch;
 
-        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;
+        window.fetch = function(input, init) {
+          var originalFetchRun = __originalFetch(input, init);
 
+          originalFetchRun.then(function(response) {
             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 {
+              // look for x-mini-profile-ids
+              var entries = response.headers.entries();
+              var _iteratorNormalCompletion = true;
+              var _didIteratorError = false;
+              var _iteratorError = undefined;
+
               try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                  _iterator.return();
+                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 {
-                if (_didIteratorError) {
-                  throw _iteratorError;
+                try {
+                  if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                  }
+                } finally {
+                  if (_didIteratorError) {
+                    throw _iteratorError;
+                  }
                 }
               }
+            } catch (e) {
+              console.error(e);
             }
-          } catch (e) {
-            console.error(e);
-          }
-        });
-        return originalFetchRun;
-      };
-
-      window.fetch.__patchedByMiniProfiler = true;
-    } // some elements want to be hidden on certain doc events
+          });
+          return originalFetchRun;
+        };
+      }
+      window.MiniProfiler.patchesApplied = true;
+    }
 
     bindDocumentEvents();
   };
 
   return {
+    fetchedIds: fetchedIds,
+    fetchingIds: fetchingIds,
     init: function init() {
       var script = document.getElementById("mini-profiler");
       if (!script || !script.getAttribute) return;
@@ -994,6 +1029,10 @@ var MiniProfiler = (function() {
           sessionStorage["rack-mini-profiler-start-hidden"] === "true";
         var htmlContainer = script.getAttribute("data-html-container");
         var cssUrl = script.getAttribute("data-css-url");
+        var hiddenCustomFields = script
+          .getAttribute("data-hidden-custom-fields")
+          .toLowerCase()
+          .split(",");
         return {
           ids: ids,
           path: path,
@@ -1011,7 +1050,8 @@ var MiniProfiler = (function() {
           startHidden: startHidden,
           collapseResults: collapseResults,
           htmlContainer: htmlContainer,
-          cssUrl: cssUrl
+          cssUrl: cssUrl,
+          hiddenCustomFields: hiddenCustomFields
         };
       })();
 
@@ -1173,6 +1213,9 @@ var MiniProfiler = (function() {
     shareUrl: function shareUrl(id) {
       return options.path + "results?id=" + id;
     },
+    flamegraphUrl: function flamegrapgUrl(id) {
+      return options.path + "flamegraph?id=" + id;
+    },
     moreUrl: function moreUrl(requestName) {
       var requestParts = requestName.split(" ");
       var linkSrc =
@@ -1417,7 +1460,7 @@ var MiniProfiler = (function() {
       return options.showTotalSqlCount;
     },
     timestampToRelative: function timestampToRelative(timestamp) {
-      var now = Math.round((new Date()).getTime() / 1000);
+      var now = Math.round(new Date().getTime() / 1000);
       timestamp = Math.round(timestamp / 1000);
       var diff = now - timestamp;
       if (diff < 60) {
@@ -1429,7 +1472,7 @@ var MiniProfiler = (function() {
           res += "s";
         }
         return res;
-      }
+      };
       diff = Math.round(diff / 60);
       if (diff <= 60) {
         return buildDisplayTime(diff, "minute");
@@ -1444,5 +1487,8 @@ var MiniProfiler = (function() {
   };
 })();
 
-window.MiniProfiler = MiniProfiler;
-MiniProfiler.init();
+if (window.MiniProfiler) {
+  _MiniProfiler.patchesApplied = window.MiniProfiler.patchesApplied;
+}
+window.MiniProfiler = _MiniProfiler;
+_MiniProfiler.init();