rack-mini-profiler 1.0.2 → 3.1.0

data/lib/html/includes.js

@@ -1,1103 +1,1517 @@
 "use strict";
-var MiniProfiler = (function () {
-    var $;
-
-    var options,
-        container,
-        controls,
-        fetchedIds = [],
-        fetchingIds = [], // so we never pull down a profiler twice
-        ajaxStartTime,
-        totalsControl,
-        reqs = 0,
-        expandedResults = false,
-        totalTime = 0,
-        totalSqlCount = 0
-        ;
-
-    var hasLocalStorage = function (keyPrefix) {
-        try {
-            // attempt to save to localStorage as Safari private windows will throw an error
-            localStorage[keyPrefix+'-test'] = '1';
-            localStorage.removeItem(keyPrefix+'-test');
-            return 'localStorage' in window && window['localStorage'] !== null ;
-        } catch (e) {
-            return false;
-        }
-    };
-
-    var getVersionedKey = function (keyPrefix) {
-        return keyPrefix + '-' + options.version;
-    };
-
-    var save = function (keyPrefix, value) {
-        if (!hasLocalStorage(keyPrefix)) { return; }
 
-        // clear old keys with this prefix, if any
-        for (var i = 0; i < localStorage.length; i++) {
-            if ((localStorage.key(i) || '').indexOf(keyPrefix) > -1) {
-                localStorage.removeItem(localStorage.key(i));
-            }
+var _MiniProfiler = (function() {
+  var _arguments = arguments;
+  var options,
+    container,
+    controls,
+    fetchedIds = (window.MiniProfiler && window.MiniProfiler.fetchedIds) || [],
+    fetchingIds =
+      (window.MiniProfiler && window.MiniProfiler.fetchingIds) || [],
+    // so we never pull down a profiler twice
+    ajaxStartTime,
+    totalsControl,
+    reqs = 0,
+    expandedResults = false,
+    totalTime = 0,
+    totalSqlCount = 0;
+
+  var hasLocalStorage = function hasLocalStorage(keyPrefix) {
+    try {
+      // attempt to save to localStorage as Safari private windows will throw an error
+      localStorage[keyPrefix + "-test"] = "1";
+      localStorage.removeItem(keyPrefix + "-test");
+      return "localStorage" in window && window["localStorage"] !== null;
+    } catch (e) {
+      return false;
+    }
+  };
+
+  var getVersionedKey = function getVersionedKey(keyPrefix) {
+    return keyPrefix + "-" + options.version;
+  };
+
+  // polyfills as helper functions to avoid conflicts
+  // needed for IE11
+  // remove and replace with Element.closest when we drop IE11 support
+  // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
+
+  var elementMatches =
+    Element.prototype.msMatchesSelector ||
+    Element.prototype.webkitMatchesSelector;
+
+  var elementClosest = function elementClosest(el, s) {
+    if (typeof el.closest === "function") {
+      return el.closest(s);
+    }
+
+    do {
+      if (typeof el.matches === "function") {
+        if (el.matches(s)) return el;
+      } else {
+        if (elementMatches.call(el, s)) return el;
+      }
+
+      el = el.parentElement || el.parentNode;
+    } while (el !== null && el.nodeType === 1);
+
+    return null;
+  };
+
+  var save = function save(keyPrefix, value) {
+    if (!hasLocalStorage(keyPrefix)) {
+      return;
+    } // clear old keys with this prefix, if any
+
+    for (var i = 0; i < localStorage.length; i++) {
+      if ((localStorage.key(i) || "").indexOf(keyPrefix) > -1) {
+        localStorage.removeItem(localStorage.key(i));
+      }
+    } // save under this version
+
+    localStorage[getVersionedKey(keyPrefix)] = value;
+  };
+
+  var load = function load(keyPrefix) {
+    if (!hasLocalStorage(keyPrefix)) {
+      return null;
+    }
+
+    return localStorage[getVersionedKey(keyPrefix)];
+  };
+
+  var getClientPerformance = function getClientPerformance() {
+    return window.performance === null ? null : window.performance;
+  };
+
+  var fetchResults = function fetchResults(ids) {
+    var clientPerformance, clientProbes, i, j, p, id, idx;
+
+    for (i = 0; i < ids.length; i++) {
+      id = ids[i];
+      clientPerformance = null;
+      clientProbes = null;
+
+      if (window.mPt) {
+        clientProbes = mPt.results();
+
+        for (j = 0; j < clientProbes.length; j++) {
+          clientProbes[j].d = clientProbes[j].d.getTime();
         }
 
-        // save under this version
-        localStorage[getVersionedKey(keyPrefix)] = value;
-    };
+        mPt.flush();
+      }
 
-    var load = function (keyPrefix) {
-        if (!hasLocalStorage(keyPrefix)) { return null; }
+      if (id == options.currentId) {
+        clientPerformance = getClientPerformance();
 
-        return localStorage[getVersionedKey(keyPrefix)];
-    };
+        if (clientPerformance !== null) {
+          // ie is buggy strip out functions
+          var copy = {
+            navigation: {},
+            timing: clientPerformance.timing.toJSON()
+          };
 
-    var fetchTemplates = function (success) {
-        var key = 'templates',
-            cached = load(key);
+          if (clientPerformance.navigation) {
+            copy.navigation.redirectCount =
+              clientPerformance.navigation.redirectCount;
+          }
 
-        if (cached) {
-            $('body').append(cached);
-            success();
-        }
-        else {
-            $.get(options.path + 'includes.tmpl?v=' + options.version, function (data) {
-                if (data) {
-                    save(key, data);
-                    $('body').append(data);
-                    success();
-                }
-            }, "text");
+          clientPerformance = copy;
         }
-    };
-
-    var getClientPerformance = function() {
-        return window.performance === null ? null : window.performance;
-    };
-
-    var fetchResults = function (ids) {
-        var clientPerformance, clientProbes, i, j, p, id, idx;
-
-        for (i = 0; i < ids.length; i++) {
-            id = ids[i];
+      } else if (
+        ajaxStartTime !== null &&
+        clientProbes &&
+        clientProbes.length > 0
+      ) {
+        clientPerformance = {
+          timing: {
+            navigationStart: ajaxStartTime.getTime()
+          }
+        };
+        ajaxStartTime = null;
+      }
+
+      if (fetchedIds.indexOf(id) < 0 && fetchingIds.indexOf(id) < 0) {
+        idx = fetchingIds.push(id) - 1;
+
+        (function() {
+          var request = new XMLHttpRequest();
+          var url = options.path + "results";
+          var params = {
+            id: id,
+            clientPerformance: clientPerformance,
+            clientProbes: clientProbes,
+            popup: 1
+          };
+          var queryParam = toQueryString(params);
+          request.open("POST", url, true);
 
-            clientPerformance = null;
-            clientProbes = null;
+          request.onload = function() {
+            if (request.status >= 200 && request.status < 400) {
+              var json = JSON.parse(request.responseText);
+              fetchedIds.push(id);
 
-            if (window.mPt) {
-                clientProbes = mPt.results();
-                for (j = 0; j < clientProbes.length; j++) {
-                    clientProbes[j].d = clientProbes[j].d.getTime();
-                }
-                mPt.flush();
+              if (json != "hidden" && MiniProfiler.templates) {
+                buttonShow(json);
+              }
             }
 
-            if (id == options.currentId) {
-
-                clientPerformance = getClientPerformance();
-
-                if (clientPerformance !== null) {
-                    // ie is buggy strip out functions
-                    var copy = { navigation: {}, timing: {} };
-
-                    var timing = $.extend({}, clientPerformance.timing);
-
-                    for (p in timing) {
-                        if (timing.hasOwnProperty(p) && !$.isFunction(timing[p])) {
-                            copy.timing[p] = timing[p];
-                        }
-                    }
-                    if (clientPerformance.navigation) {
-                        copy.navigation.redirectCount = clientPerformance.navigation.redirectCount;
-                    }
-                    clientPerformance = copy;
-                }
-            } else if (ajaxStartTime !== null && clientProbes && clientProbes.length > 0) {
-                clientPerformance = { timing: { navigationStart: ajaxStartTime.getTime() } };
-                ajaxStartTime = null;
-            }
+            fetchingIds.splice(idx, 1);
+          };
 
-            if ($.inArray(id, fetchedIds) < 0 && $.inArray(id, fetchingIds) < 0) {
-                idx = fetchingIds.push(id) - 1;
-
-                $.ajax({
-                    url: options.path + 'results',
-                    data: { id: id, clientPerformance: clientPerformance, clientProbes: clientProbes, popup: 1 },
-                    dataType: 'json',
-                    global: false,
-                    type: 'POST',
-                    success: function (json) {
-                        fetchedIds.push(id);
-                        if (json != "hidden") {
-                            buttonShow(json);
-                        }
-                    },
-                    complete: function () {
-                        fetchingIds.splice(idx, 1);
-                    }
-                });
-            }
+          request.setRequestHeader("Accept", "application/json");
+          request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
+          request.setRequestHeader(
+            "Content-Type",
+            "application/x-www-form-urlencoded"
+          );
+          request.send(queryParam);
+        })();
+      }
+    }
+  };
+
+  var toQueryString = function toQueryString(data, parentKey) {
+    var result = [];
+    for (var key in data) {
+      var val = data[key];
+      var newKey = !parentKey ? key : parentKey + "[" + key + "]";
+      if (
+        typeof val === "object" &&
+        !Array.isArray(val) &&
+        val !== null &&
+        val !== undefined
+      ) {
+        result[result.length] = toQueryString(val, newKey);
+      } else {
+        if (Array.isArray(val)) {
+          val.forEach(function(v) {
+            result[result.length] =
+              encodeURIComponent(newKey + "[]") + "=" + encodeURIComponent(v);
+          });
+        } else if (val === null || val === undefined) {
+          result[result.length] = encodeURIComponent(newKey) + "=";
+        } else {
+          result[result.length] =
+            encodeURIComponent(newKey) +
+            "=" +
+            encodeURIComponent(val.toString());
         }
-    };
-
-    var renderTemplate = function (json) {
-        return $('#profilerTemplate').tmpl(json);
-    };
-
-
-    var buttonShow = function (json) {
-        var result = renderTemplate(json);
-
-        totalTime += parseFloat(json.duration_milliseconds, 10);
-        totalSqlCount += parseInt(json.sql_count);
-        reqs++;
-
-        if (!controls && reqs > 1 && options.collapseResults && !expandedResults) {
-          if (!totalsControl) {
-            container.find('.profiler-result').hide();
-
-            totalsControl = $("<div class='profiler-result'><div class='profiler-button profiler-totals'></div></div>");
-            totalsControl.appendTo(container);
-            totalsControl.on('click', function(){
-              totalsControl.parent().find('.profiler-result').show();
-              totalsControl.hide();
-              expandedResults = true;
-            });
-
-            totalsControl.find('.profiler-button').show();
+      }
+    }
+    return result
+      .filter(function(element) {
+        return element && element.length > 0;
+      })
+      .join("&");
+  };
+
+  var renderTemplate = function renderTemplate(json) {
+    var textDom = MiniProfiler.templates.profilerTemplate(json);
+    var tempElement = document.createElement("DIV");
+    tempElement.innerHTML = textDom;
+    return tempElement.children[0];
+  };
+
+  var buttonShow = function buttonShow(json) {
+    var result = renderTemplate(json);
+    totalTime += parseFloat(json.duration_milliseconds, 10);
+    totalSqlCount += parseInt(json.sql_count);
+    reqs++;
+
+    if (!controls && reqs > 1 && options.collapseResults && !expandedResults) {
+      if (!totalsControl) {
+        toArray(container.querySelectorAll(".profiler-result")).forEach(
+          function(el) {
+            return (el.style.display = "none");
           }
-
-          var reqsHtml = reqs > 1 ? ("<span class='profiler-reqs'>" + reqs + "</span>") : "";
-          var sqlHtml = options.showTotalSqlCount && totalSqlCount > 0 ? (" / <span class='profiler-number'>" + totalSqlCount + "</span> <span class='profiler-unit'>sql</span>") : "";
-          totalsControl.find('.profiler-button').html("<span class='profiler-number'>" +
-                    totalTime.toFixed(1) + "</span> <span class='profiler-unit'>ms</span>" +
-                    sqlHtml +
-                    reqsHtml);
-
-          result.hide();
-        }
-
-        if (controls)
-            result.insertBefore(controls);
-        else
-            result.appendTo(container);
-
-        var button = result.find('.profiler-button'),
-            popup = result.find('.profiler-popup');
-
-        // button will appear in corner with the total profiling duration - click to show details
-        button.on('click', function () { buttonClick(button, popup); });
-
-        // small duration steps and the column with aggregate durations are hidden by default; allow toggling
-        toggleHidden(popup);
-
-        // lightbox in the queries
-        popup.find('.profiler-queries-show').on('click', function () { queriesShow($(this), result); });
-
-        // limit count
-        if (container.find('.profiler-result').length > options.maxTracesToShow)
-            container.find('.profiler-result').first().remove();
-        button.show();
-    };
-
-    var toggleHidden = function (popup) {
-        var trivial = popup.find('.profiler-toggle-trivial');
-        var childrenTime = popup.find('.profiler-toggle-duration-with-children');
-        var trivialGaps = popup.parent().find('.profiler-toggle-trivial-gaps');
-
-        var toggleIt = function (node) {
-            var link = $(node),
-                klass = "profiler-" + link.attr('class').substr('profiler-toggle-'.length),
-                isHidden = link.text().indexOf('show') > -1;
-
-            popup.parent().find('.' + klass).toggle(isHidden);
-            link.text(link.text().replace(isHidden ? 'show' : 'hide', isHidden ? 'hide' : 'show'));
-
-            popupPreventHorizontalScroll(popup);
-        };
-
-        childrenTime.add(trivial).add(trivialGaps).on('click', function () {
-            toggleIt(this);
+        );
+        totalsControl = document.createElement("div");
+        totalsControl.setAttribute("class", "profiler-result");
+        totalsControl.innerHTML =
+          "<div class='profiler-button profiler-totals'></div>";
+        container.appendChild(totalsControl);
+        totalsControl.addEventListener("click", function() {
+          toArray(
+            totalsControl.parentNode.querySelectorAll(".profiler-result")
+          ).forEach(function(el) {
+            return (el.style.display = "block");
+          });
+          totalsControl.style.display = "none";
+          expandedResults = true;
         });
-
-        // if option is set or all our timings are trivial, go ahead and show them
-        if (options.showTrivial || trivial.data('show-on-load')) {
-            toggleIt(trivial);
-        }
-        // if option is set, go ahead and show time with children
-        if (options.showChildrenTime) {
-            toggleIt(childrenTime);
-        }
-    };
-
-    var buttonClick = function (button, popup) {
-        // we're toggling this button/popup
-        if (popup.is(':visible')) {
-            popupHide(button, popup);
-        }
-        else {
-            var visiblePopups = container.find('.profiler-popup:visible'),
-                theirButtons = visiblePopups.siblings('.profiler-button');
-
-            // hide any other popups
-            popupHide(theirButtons, visiblePopups);
-
-            // before showing the one we clicked
-            popupShow(button, popup);
-        }
-    };
-
-    var popupShow = function (button, popup) {
-        button.addClass('profiler-button-active');
-
-        popupSetDimensions(button, popup);
-
-        popup.show();
-
-        popupPreventHorizontalScroll(popup);
-    };
-
-    var popupSetDimensions = function (button, popup) {
-        var px = button.position().top - 1, // position next to the button we clicked
-            windowHeight = $(window).height(),
-            maxHeight = windowHeight - 40; // make sure the popup doesn't extend below the fold
-
-        popup
-            .css(options.renderVerticalPosition, px)
-            .css('max-height', maxHeight)
-            .css(options.renderHorizontalPosition, button.outerWidth() - 3); // move left or right, based on config
-    };
-
-    var popupPreventHorizontalScroll = function (popup) {
-        var childrenHeight = 0;
-
-        popup.children().each(function () { childrenHeight += $(this).height(); });
-
-        popup.css({ 'padding-right': childrenHeight > popup.height() ? 40 : 10 });
-    };
-
-    var popupHide = function (button, popup) {
-        button.removeClass('profiler-button-active');
-        popup.hide();
-    };
-
-    var queriesShow = function (link, result) {
-
-        var px = 30,
-            win = $(window),
-            width = win.width() - 2 * px,
-            height = win.height() - 2 * px,
-            queries = result.find('.profiler-queries');
-
-        // opaque background
-        $('<div class="profiler-queries-bg"/>').appendTo('body').css({ 'height': $(document).height() }).show();
-
-        // center the queries and ensure long content is scrolled
-        queries.css(options.renderVerticalPosition, px).css({'max-height': height, 'width': width }).css(options.renderHorizontalPosition, px)
-            .find('table').css({ 'width': width });
-
-        // have to show everything before we can get a position for the first query
-        queries.show();
-
-        queriesScrollIntoView(link, queries, queries);
-
-        // syntax highlighting
-        prettyPrint();
+        toArray(totalsControl.querySelectorAll(".profiler-button")).forEach(
+          function(el) {
+            return (el.style.display = "block");
+          }
+        );
+      }
+
+      var reqsHtml =
+        reqs > 1 ? "<span class='profiler-reqs'>" + reqs + "</span>" : "";
+      var sqlHtml =
+        options.showTotalSqlCount && totalSqlCount > 0
+          ? " / <span class='profiler-number'>" +
+            totalSqlCount +
+            "</span> <span class='profiler-unit'>sql</span>"
+          : "";
+      totalsControl.querySelector(".profiler-button").innerHTML =
+        "<span class='profiler-number'>" +
+        totalTime.toFixed(1) +
+        "</span> <span class='profiler-unit'>ms</span>" +
+        sqlHtml +
+        reqsHtml;
+      result.style.display = "none";
+    }
+
+    if (controls) result.insertBefore(controls);
+    else container.appendChild(result);
+    var button = result.querySelector(".profiler-button"),
+      popup = result.querySelector(".profiler-popup"); // button will appear in corner with the total profiling duration - click to show details
+
+    button.addEventListener("click", function() {
+      buttonClick(button, popup);
+    }); // small duration steps and the column with aggregate durations are hidden by default; allow toggling
+
+    toggleHidden(popup); // lightbox in the queries
+
+    toArray(popup.querySelectorAll(".profiler-queries-show")).forEach(function(
+      el
+    ) {
+      el.addEventListener("click", function() {
+        queriesShow(this, result);
+      });
+    }); // limit count
+
+    if (
+      container.querySelectorAll(".profiler-result").length >
+      options.maxTracesToShow
+    ) {
+      var elem = container.querySelector(".profiler-result");
+
+      if (elem) {
+        elem.parentElement.removeChild(elem);
+      }
+    }
+
+    button.style.display = "block";
+  };
+
+  var toggleHidden = function toggleHidden(popup) {
+    var trivial = popup.querySelector(".profiler-toggle-trivial");
+    var childrenTime = popup.querySelector(
+      ".profiler-toggle-duration-with-children"
+    );
+    var trivialGaps = popup.parentNode.querySelector(
+      ".profiler-toggle-trivial-gaps"
+    );
+
+    var toggleIt = function toggleIt(node) {
+      var link = node,
+        klass =
+          "profiler-" +
+          link.getAttribute("class").substr("profiler-toggle-".length),
+        isHidden = link.textContent.indexOf("show") > -1;
+      var elements = toArray(popup.parentNode.querySelectorAll("." + klass));
+
+      if (isHidden) {
+        elements.forEach(function(el) {
+          return (el.style.display = "table-row");
+        });
+      } else {
+        elements.forEach(function(el) {
+          return (el.style.display = "none");
+        });
+      }
+
+      var text = link.textContent;
+      link.textContent = text.replace(
+        isHidden ? "show" : "hide",
+        isHidden ? "hide" : "show"
+      );
+      popupPreventHorizontalScroll(popup);
     };
 
-    var queriesScrollIntoView = function (link, queries, whatToScroll) {
-        var id = link.closest('tr').attr('data-timing-id'),
-            cells = queries.find('tr[data-timing-id="' + id + '"]');
-
-        // ensure they're in view
-        whatToScroll.scrollTop(whatToScroll.scrollTop() + cells.first().position().top - 100);
-
-        // highlight and then fade back to original bg color; do it ourselves to prevent any conflicts w/ jquery.UI or other implementations of Resig's color plugin
-        cells.each(function () {
-            var cell = $(this),
-                highlightHex = '#FFFFBB',
-                highlightRgb = getRGB(highlightHex),
-                originalRgb = getRGB(cell.css('background-color')),
-                getColorDiff = function (fx, i) {
-                    // adapted from John Resig's color plugin: http://plugins.jquery.com/project/color
-                    return Math.max(Math.min(parseInt((fx.pos * (originalRgb[i] - highlightRgb[i])) + highlightRgb[i], 10), 255), 0);
-                };
-
-            // we need to animate some other property to piggy-back on the step function, so I choose you, opacity!
-            cell.css({ 'opacity': 1, 'background-color': highlightHex })
-                .animate({ 'opacity': 1 }, { duration: 2000, step: function (now, fx) {
-                    fx.elem.style.backgroundColor = "rgb(" + [getColorDiff(fx, 0), getColorDiff(fx, 1), getColorDiff(fx, 2)].join(",") + ")";
-                }
-                });
+    [childrenTime, trivial, trivialGaps].forEach(function(el) {
+      if (el) {
+        el.addEventListener("click", function() {
+          toggleIt(this);
+        });
+      }
+    }); // if option is set or all our timings are trivial, go ahead and show them
+
+    if (
+      trivial &&
+      (options.showTrivial || trivial.getAttribute("show-on-load"))
+    ) {
+      toggleIt(trivial);
+    } // if option is set, go ahead and show time with children
+
+    if (childrenTime && options.showChildrenTime) {
+      toggleIt(childrenTime);
+    }
+  };
+
+  var toArray = function toArray(list) {
+    var arr = [];
+
+    if (!list) {
+      return arr;
+    }
+
+    for (var i = 0; i < list.length; i++) {
+      arr.push(list[i]);
+    }
+
+    return arr;
+  };
+
+  var buttonClick = function buttonClick(button, popup) {
+    // we're toggling this button/popup
+    if (popup.offsetWidth > 0 || popup.offsetHeight > 0) {
+      // if visible
+      popupHide(button, popup);
+    } else {
+      var visiblePopups = toArray(
+        container.querySelectorAll(".profiler-popup")
+      ).filter(function(el) {
+        return el.offsetWidth > 0 || el.offsetHeight > 0;
+      }); // theirButtons = visiblePopups.siblings(".profiler-button");
+
+      var theirButtons = [];
+      visiblePopups.forEach(function(el) {
+        theirButtons.push(el.parentNode.querySelector(".profiler-button"));
+      }); // hide any other popups
+
+      popupHide(theirButtons, visiblePopups); // before showing the one we clicked
+
+      popupShow(button, popup);
+    }
+  };
+
+  var popupShow = function popupShow(button, popup) {
+    button.classList.add("profiler-button-active");
+    popupSetDimensions(button, popup);
+    popup.style.display = "block";
+    popupPreventHorizontalScroll(popup);
+  };
+
+  var popupSetDimensions = function popupSetDimensions(button, popup) {
+    var px = button.offsetTop - 1,
+      // position next to the button we clicked
+      windowHeight = window.innerHeight,
+      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");
+    popup.style[options.renderHorizontalPosition] = "".concat(
+      button.offsetWidth - 3,
+      "px"
+    ); // move left or right, based on config
+  };
+
+  var popupPreventHorizontalScroll = function popupPreventHorizontalScroll(
+    popup
+  ) {
+    var childrenHeight = 0;
+    toArray(popup.children).forEach(function(el) {
+      childrenHeight += el.offsetHeight;
+    });
+    popup.style.paddingRight = "".concat(
+      childrenHeight > popup.offsetHeight ? 40 : 10,
+      "px"
+    );
+  };
+
+  var popupHide = function popupHide(button, popup) {
+    if (button) {
+      if (Array.isArray(button)) {
+        button.forEach(function(el) {
+          return el.classList.remove("profiler-button-active");
+        });
+      } else {
+        button.classList.remove("profiler-button-active");
+      }
+    }
+
+    if (popup) {
+      if (Array.isArray(popup)) {
+        popup.forEach(function(el) {
+          return (el.style.display = "none");
         });
+      } else {
+        popup.style.display = "none";
+      }
+    }
+  };
+
+  var queriesShow = function queriesShow(link, result) {
+    result = result;
+    var px = 30,
+      win = window,
+      width = win.innerWidth - 2 * px,
+      height = win.innerHeight - 2 * px,
+      queries = result.querySelector(".profiler-queries"); // opaque background
+
+    var background = document.createElement("div");
+    background.classList.add("profiler-queries-bg");
+    document.body.appendChild(background);
+    background.style.height = "".concat(window.innerHeight, "px");
+    background.style.display = "block"; // center the queries and ensure long content is scrolled
+
+    queries.style[options.renderVerticalPosition] = "".concat(px, "px");
+    queries.style.maxHeight = "".concat(height, "px");
+    queries.style.width = "".concat(width, "px");
+    queries.style[options.renderHorizontalPosition] = "".concat(px, "px");
+    queries.querySelector("table").style.width = "".concat(width, "px"); // have to show everything before we can get a position for the first query
+
+    queries.style.display = "block";
+    queriesScrollIntoView(link, queries, queries); // syntax highlighting
+
+    prettyPrint();
+  };
+
+  var queriesScrollIntoView = function queriesScrollIntoView(
+    link,
+    queries,
+    whatToScroll
+  ) {
+    var id = elementClosest(link, "tr").getAttribute("data-timing-id"),
+      cells = toArray(
+        queries.querySelectorAll('tr[data-timing-id="' + id + '"]')
+      ); // ensure they're in view
+
+    whatToScroll.scrollTop =
+      (whatToScroll.scrollTop || 0) + cells[0].offsetTop - 100; // highlight and then fade back to original bg color; do it ourselves to prevent any conflicts w/ jquery.UI or other implementations of Resig's color plugin
+
+    cells.forEach(function(el) {
+      el.classList.add("higlight-animate");
+    });
+    setTimeout(function() {
+      cells.forEach(function(el) {
+        return el.classList.remove("higlight-animate");
+      });
+    }, 3000);
+  };
+
+  var onTurboBeforeVisit = function onTurboBeforeVisit(e) {
+    if(!e.defaultPrevented) {
+      window.MiniProfilerContainer = document.querySelector('body > .profiler-results')
+      window.MiniProfiler.pageTransition()
+    }
+  }
+
+  var onTurboLoad = function onTurboLoad(e) {
+    if(window.MiniProfilerContainer) {
+      document.body.appendChild(window.MiniProfilerContainer)
+    }
+  }
+
+  var onClickEvents = function onClickEvents(e) {
+    // this happens on every keystroke, and :visible is crazy expensive in IE <9
+    // and in this case, the display:none check is sufficient.
+    var popup = toArray(document.querySelectorAll(".profiler-popup")).filter(
+      function(el) {
+        return el.style.display === "block";
+      }
+    );
+
+    if (!popup.length) {
+      return;
+    }
+
+    popup = popup[0];
+    var button = popup.parentNode.querySelector(".profiler-button"),
+      queries = elementClosest(popup, ".profiler-result").querySelector(
+        ".profiler-queries"
+      ),
+      bg = document.querySelector(".profiler-queries-bg"),
+      isEscPress = e.type == "keyup" && e.which == 27,
+      hidePopup = false,
+      hideQueries = false;
+
+    if (bg && bg.style.display === "block") {
+      hideQueries =
+        isEscPress ||
+        (e.type == "click" &&
+          !(queries !== e.target && queries.contains(e.target)) &&
+          !(popup !== e.target && popup.contains(e.target)));
+    } else if (popup.style.display === "block") {
+      hidePopup =
+        isEscPress ||
+        (e.type == "click" &&
+          !(popup !== e.target && popup.contains(e.target)) &&
+          !(button !== e.target && button.contains(e.target)) &&
+          button != e.target);
+    }
+
+    if (hideQueries) {
+      bg.parentElement.removeChild(bg);
+      queries.style.display = "none";
+    }
+
+    if (hidePopup) {
+      popupHide(button, popup);
+    }
+  };
+
+  var keydownEvent = function keydownEvent() {
+    var results = document.querySelector(".profiler-results");
+
+    if (results.style.display === "none") {
+      results.style.display = "block";
+    } else {
+      results.style.display = "none";
+    }
+
+    sessionStorage["rack-mini-profiler-start-hidden"] =
+      results.style.display === "none";
+  };
+
+  var toggleShortcutEvent = function toggleShortcutEvent(e) {
+    // simplified version of https://github.com/jeresig/jquery.hotkeys/blob/master/jquery.hotkeys.js
+    var shortcut = options.toggleShortcut.toLowerCase();
+    var modifier = "";
+    ["alt", "ctrl", "shift"].forEach(function(k) {
+      if (e[k + "Key"]) {
+        modifier += "".concat(k, "+");
+      }
+    });
+    var specialKeys = {
+      8: "backspace",
+      9: "tab",
+      10: "return",
+      13: "return",
+      16: "shift",
+      17: "ctrl",
+      18: "alt",
+      27: "esc",
+      32: "space",
+      59: ";",
+      61: "=",
+      96: "0",
+      97: "1",
+      98: "2",
+      99: "3",
+      100: "4",
+      101: "5",
+      102: "6",
+      103: "7",
+      104: "8",
+      105: "9",
+      106: "*",
+      107: "+",
+      109: "-",
+      110: ".",
+      173: "-",
+      186: ";",
+      187: "="
     };
-
-    // Color Conversion functions from highlightFade
-    // By Blair Mitchelmore
-    // http://jquery.offput.ca/highlightFade/
-    // Parse strings looking for color tuples [255,255,255]
-    var getRGB = function (color) {
-        var result;
-
-        // Check if we're already dealing with an array of colors
-        if (color && color.constructor == Array && color.length == 3) return color;
-
-        // Look for rgb(num,num,num)
-        if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color)) return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];
-
-        // Look for rgb(num%,num%,num%)
-        if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color)) return [parseFloat(result[1]) * 2.55, parseFloat(result[2]) * 2.55, parseFloat(result[3]) * 2.55];
-
-        // Look for #a0b1c2
-        if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color)) return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)];
-
-        // Look for #fff
-        if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color)) return [parseInt(result[1] + result[1], 16), parseInt(result[2] + result[2], 16), parseInt(result[3] + result[3], 16)];
-
-        // Look for rgba(0, 0, 0, 0) == transparent in Safari 3
-        if (result = /rgba\(0, 0, 0, 0\)/.exec(color)) return [0,0,0,0];
-
-        return null;
+    var shiftNums = {
+      "`": "~",
+      "1": "!",
+      "2": "@",
+      "3": "#",
+      "4": "$",
+      "5": "%",
+      "6": "^",
+      "7": "&",
+      "8": "*",
+      "9": "(",
+      "0": ")",
+      "-": "_",
+      "=": "+",
+      ";": ": ",
+      "'": '"',
+      ",": "<",
+      ".": ">",
+      "/": "?",
+      "\\": "|"
     };
-
-    var bindDocumentEvents = function () {
-        $(document).on('click.mini-profiler keyup.mini-profiler', function (e) {
-
-            // this happens on every keystroke, and :visible is crazy expensive in IE <9
-            // and in this case, the display:none check is sufficient.
-            var popup = $('.profiler-popup').filter(function () { return $(this).css("display") !== "none"; });
-
-            if (!popup.length) {
-                return;
+    var character = String.fromCharCode(e.which).toLowerCase();
+    var special = specialKeys[e.which];
+    var keys = [];
+
+    if (special) {
+      keys.push(special);
+    } else {
+      keys.push(character);
+      keys.push(shiftNums[character]);
+    }
+
+    for (var i = 0; i < keys.length; i++) {
+      if (modifier + keys[i] === shortcut) {
+        keydownEvent();
+        break;
+      }
+    }
+  };
+
+  var turbolinksSkipResultsFetch = function turbolinksSkipResultsFetch(event) {
+    event.data.xhr.__miniProfilerSkipResultsFetch = true;
+  };
+
+  var bindDocumentEvents = function bindDocumentEvents() {
+    document.addEventListener("click", onClickEvents);
+    document.addEventListener("keyup", onClickEvents);
+    document.addEventListener("keyup", toggleShortcutEvent);
+
+    if (typeof Turbolinks !== "undefined" && Turbolinks.supported) {
+      document.addEventListener("page:change", unbindDocumentEvents);
+      document.addEventListener("turbolinks:load", unbindDocumentEvents);
+      document.addEventListener(
+        "turbolinks:request-start",
+        turbolinksSkipResultsFetch
+      );
+    }
+
+    if (options.hotwireTurboDriveSupport) {
+      document.addEventListener("turbo:before-visit", onTurboBeforeVisit)
+      document.addEventListener("turbo:load", onTurboLoad)
+    }
+  };
+
+  var unbindDocumentEvents = function unbindDocumentEvents() {
+    document.removeEventListener("click", onClickEvents);
+    document.removeEventListener("keyup", onClickEvents);
+    document.removeEventListener("keyup", toggleShortcutEvent);
+    document.removeEventListener("page:change", unbindDocumentEvents);
+    document.removeEventListener("turbolinks:load", unbindDocumentEvents);
+    document.removeEventListener(
+      "turbolinks:request-start",
+      turbolinksSkipResultsFetch
+    );
+    document.removeEventListener("turbo:before-visit", onTurboBeforeVisit);
+    document.removeEventListener("turbo:load", onTurboLoad);
+  };
+
+  var initFullView = function initFullView() {
+    // profiler will be defined in the full page's head
+    container[0].appendChild(renderTemplate(profiler));
+    var popup = document.querySelector(".profiler-popup");
+    toggleHidden(popup);
+    prettyPrint(); // since queries are already shown, just highlight and scroll when clicking a "1 sql" link
+
+    toArray(popup.querySelectorAll(".profiler-queries-show")).forEach(function(
+      el
+    ) {
+      el.addEventListener("click", function() {
+        queriesScrollIntoView(
+          this,
+          document.querySelector(".profiler-queries"),
+          document.body
+        );
+      });
+    });
+  };
+
+  var initSnapshots = function initSnapshots(dataElement) {
+    var data = JSON.parse(dataElement.textContent);
+    var temp = document.createElement("DIV");
+    if (data.page === "overview") {
+      temp.innerHTML = MiniProfiler.templates.snapshotsGroupsList(data);
+    } else if (data.group_name) {
+      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) {
+      document.body.appendChild(child);
+    });
+  };
+
+  var initControls = function initControls(container) {
+    if (options.showControls) {
+      var _controls = document.createElement("div");
+
+      _controls.classList.add("profiler-controls");
+
+      _controls.innerHTML =
+        '<span class="profiler-min-max">m</span><span class="profiler-clear">c</span>';
+      container.appendChild(_controls);
+      document
+        .querySelector(".profiler-controls .profiler-min-max")
+        .addEventListener("click", function() {
+          return toggleClass(container, "profiler-min");
+        });
+      container.addEventListener("mouseenter", function() {
+        if (this.classList.contains("profiler-min")) {
+          this.querySelector(".profiler-min-max").style.display = "block";
+        }
+      });
+      container.addEventListener("mouseleave", function() {
+        if (this.classList.contains("profiler-min")) {
+          this.querySelector(".profiler-min-max").style.display = "none";
+        }
+      });
+      document
+        .querySelector(".profiler-controls .profiler-clear")
+        .addEventListener("click", function() {
+          toArray(container.querySelectorAll(".profiler-result")).forEach(
+            function(el) {
+              return el.parentElement.removeChild(el);
             }
+          );
+        });
+    } else {
+      container.classList.add("profiler-no-controls");
+    }
+  };
+
+  var toggleClass = function toggleClass(el, className) {
+    if (el.classList) {
+      el.classList.toggle(className);
+    } else {
+      var classes = el.className.split(" ");
+      var existingIndex = classes.indexOf(className);
+      if (existingIndex >= 0) classes.splice(existingIndex, 1);
+      else classes.push(className);
+      el.className = classes.join(" ");
+    }
+  };
+
+  var initPopupView = function initPopupView() {
+    if (options.authorized) {
+      // all fetched profilings will go in here
+      container = document.createElement("div");
+      container.className = "profiler-results";
+      document.querySelector(options.htmlContainer).appendChild(container); // MiniProfiler.RenderIncludes() sets which corner to render in - default is upper left
+
+      container.classList.add("profiler-" + options.renderHorizontalPosition);
+      container.classList.add("profiler-" + options.renderVerticalPosition); //initialize the controls
+
+      initControls(container);
+      fetchResults(options.ids);
+
+      if (options.startHidden) container.style.display = "none";
+    } else {
+      fetchResults(options.ids);
+    }
+
+    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 (
+            this.responseURL &&
+            this.responseURL.indexOf(window.location.origin) !== 0
+          ) {
+            return;
+          }
+          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");
 
-            var button = popup.siblings('.profiler-button'),
-                queries = popup.closest('.profiler-result').find('.profiler-queries'),
-                bg = $('.profiler-queries-bg'),
-                isEscPress = e.type == 'keyup' && e.which == 27,
-                hidePopup = false,
-                hideQueries = false;
+          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 (
+              response.get_responseAvailable() &&
+              response._xmlHttpRequest !== null
+            ) {
+              var stringIds = args
+                .get_response()
+                .getResponseHeader("X-MiniProfiler-Ids");
 
-            if (bg.is(':visible')) {
-                hideQueries = isEscPress || (e.type == 'click' && !$.contains(queries[0], e.target) && !$.contains(popup[0], e.target));
+              if (stringIds) {
+                var ids = stringIds.split(",");
+                fetchResults(ids);
+              }
             }
-            else if (popup.is(':visible')) {
-                hidePopup = isEscPress || (e.type == 'click' && !$.contains(popup[0], e.target) && !$.contains(button[0], e.target) && button[0] != e.target);
+          }
+        });
+      } // 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 (stringIds) {
+              var ids = stringIds.split(",");
+              fetchResults(ids);
             }
+          };
+        })();
+      } // also fetch results after ExtJS requests, in case it is being used
+
+      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 (hideQueries) {
-                bg.remove();
-                queries.hide();
-            }
+          var stringIds = xhr.getResponseHeader("X-MiniProfiler-Ids");
 
-            if (hidePopup) {
-                popupHide(button, popup);
-            }
-        });
-        $(document).on('keydown.mini-profiler', null, options.toggleShortcut, function(e) {
-            $('.profiler-results').toggle();
-            sessionStorage['rack-mini-profiler-start-hidden'] = $('.profiler-results').is(':hidden');
+          if (stringIds) {
+            var ids = stringIds.split(",");
+            fetchResults(ids);
+          }
         });
+      }
 
-        if (typeof Turbolinks !== 'undefined' && Turbolinks.supported) {
-            $(document).on('page:change.mini-profiler turbolinks:load.mini-profiler', function() {
-               unbindDocumentEvents();
-            });
-        }
-    };
-
-    var unbindDocumentEvents = function() {
-        $(document).off('.mini-profiler');
-    };
-
-    var initFullView = function () {
-
-        // first, get jquery tmpl, then render and bind handlers
-        fetchTemplates(function () {
-
-            // profiler will be defined in the full page's head
-            renderTemplate(profiler).appendTo(container);
-
-            var popup = $('.profiler-popup');
+      if (typeof MooTools != "undefined" && typeof Request != "undefined") {
+        Request.prototype.addEvents({
+          onComplete: function onComplete() {
+            var stringIds = this.xhr.getResponseHeader("X-MiniProfiler-Ids");
 
-            toggleHidden(popup);
-
-            prettyPrint();
-
-            // since queries are already shown, just highlight and scroll when clicking a "1 sql" link
-            popup.find('.profiler-queries-show').on('click', function () {
-                queriesScrollIntoView($(this), $('.profiler-queries'), $(document));
-            });
+            if (stringIds) {
+              var ids = stringIds.split(",");
+              fetchResults(ids);
+            }
+          }
         });
-    };
-
-    var initControls = function (container) {
-        if (options.showControls) {
-            controls = $('<div class="profiler-controls"><span class="profiler-min-max">m</span><span class="profiler-clear">c</span></div>').appendTo(container);
+      } // 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);
+                  }
+                }
 
-            $('.profiler-controls .profiler-min-max').on('click', function () {
-                container.toggleClass('profiler-min');
-            });
+                if (this.miniprofiler.prev_onreadystatechange !== null)
+                  return this.miniprofiler.prev_onreadystatechange.apply(
+                    this,
+                    arguments
+                  );
+              };
+            }
+          }
 
-            container.hover(function () {
-                if ($(this).hasClass('profiler-min')) {
-                    $(this).find('.profiler-min-max').show();
+          return _send.apply(this, arguments);
+        };
+      } // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
+
+      if (typeof window.fetch === "function") {
+        var __originalFetch = window.fetch;
+
+        window.fetch = function(input, init) {
+          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);
+                  }
                 }
-            },
-            function () {
-                if ($(this).hasClass('profiler-min')) {
-                    $(this).find('.profiler-min-max').hide();
+              } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                  }
+                } finally {
+                  if (_didIteratorError) {
+                    throw _iteratorError;
+                  }
                 }
-            });
-
-            $('.profiler-controls .profiler-clear').on('click', function () {
-                container.find('.profiler-result').remove();
-            });
-        }
-        else {
-            container.addClass('profiler-no-controls');
+              }
+            } catch (e) {
+              console.error(e);
+            }
+          });
+          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;
+
+      this.options = options = (function() {
+        var version = script.getAttribute("data-version");
+        var path = script.getAttribute("data-path");
+        var currentId = script.getAttribute("data-current-id");
+        var ids = script.getAttribute("data-ids");
+        if (ids) ids = ids.split(",");
+        var horizontal_position = script.getAttribute(
+          "data-horizontal-position"
+        );
+        var vertical_position = script.getAttribute("data-vertical-position");
+        var toggleShortcut = script.getAttribute("data-toggle-shortcut");
+
+        if (script.getAttribute("data-max-traces")) {
+          var maxTraces = parseInt(script.getAttribute("data-max-traces"), 10);
         }
-    };
 
-    var initPopupView = function () {
+        var collapseResults =
+          script.getAttribute("data-collapse-results") === "true";
+        var trivial = script.getAttribute("data-trivial") === "true";
+        var children = script.getAttribute("data-children") === "true";
+        var controls = script.getAttribute("data-controls") === "true";
+        var totalSqlCount =
+          script.getAttribute("data-total-sql-count") === "true";
+        var authorized = script.getAttribute("data-authorized") === "true";
+        var startHidden =
+          script.getAttribute("data-start-hidden") === "true" ||
+          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(",");
+        var hotwireTurboDriveSupport = script
+          .getAttribute('data-turbo-permanent') === "true";
+        return {
+          ids: ids,
+          path: path,
+          version: version,
+          renderHorizontalPosition: horizontal_position,
+          renderVerticalPosition: vertical_position,
+          showTrivial: trivial,
+          showChildrenTime: children,
+          maxTracesToShow: maxTraces,
+          showControls: controls,
+          showTotalSqlCount: totalSqlCount,
+          currentId: currentId,
+          authorized: authorized,
+          toggleShortcut: toggleShortcut,
+          startHidden: startHidden,
+          collapseResults: collapseResults,
+          htmlContainer: htmlContainer,
+          cssUrl: cssUrl,
+          hiddenCustomFields: hiddenCustomFields,
+          hotwireTurboDriveSupport: hotwireTurboDriveSupport
+        };
+      })();
 
-        if (options.authorized) {
-            // all fetched profilings will go in here
-            container = $('<div class="profiler-results"/>').appendTo(options.htmlContainer);
+      var doInit = function doInit() {
+        var snapshotsElement = document.getElementById("snapshots-data");
+        if (snapshotsElement != null) {
+          initSnapshots(snapshotsElement);
+          return;
+        }
 
-            // MiniProfiler.RenderIncludes() sets which corner to render in - default is upper left
-            container.addClass("profiler-" + options.renderHorizontalPosition);
-            container.addClass("profiler-" + options.renderVerticalPosition);
+        // when rendering a shared, full page, this div will exist
+        container = document.querySelectorAll(".profiler-result-full");
 
-            //initialize the controls
-            initControls(container);
+        if (container.length) {
+          if (window.location.href.indexOf("&trivial=1") > 0) {
+            options.showTrivial = true;
+          }
 
-            // we'll render results json via a jquery.tmpl - after we get the templates, we'll fetch the initial json to populate it
-            fetchTemplates(function () {
-                // get master page profiler results
-                fetchResults(options.ids);
-            });
-            if (options.startHidden) container.hide();
+          initFullView();
+        } else {
+          initPopupView();
         }
-        else {
-            fetchResults(options.ids);
-        }
-
-        var jQueryAjaxComplete = function (e, xhr, settings) {
-            if (xhr) {
-                // should be an array of strings, e.g. ["008c4813-9bd7-443d-9376-9441ec4d6a8c","16ff377b-8b9c-4c20-a7b5-97cd9fa7eea7"]
-                var stringIds = xhr.getResponseHeader('X-MiniProfiler-Ids');
-                if (stringIds) {
-                    var ids = typeof JSON != 'undefined' ? JSON.parse(stringIds) : eval(stringIds);
-                    fetchResults(ids);
-                }
+      }; // this preserves debugging
+
+      var load = function load(s, f) {
+        var sc = document.createElement("script");
+        sc.async = "async";
+        sc.type = "text/javascript";
+        sc.src = s;
+        var done = false;
+
+        sc.onload = sc.onreadystatechange = function(_, abort) {
+          if (!sc.readyState || /loaded|complete/.test(sc.readyState)) {
+            if (!abort && !done) {
+              done = true;
+              f();
             }
+          }
         };
 
-        // fetch profile results for any ajax calls
-        // note, this does not use $ cause we want to hook into the main jQuery
-        if (jQuery && jQuery(document) && jQuery(document).ajaxComplete) {
-            jQuery(document).on('ajaxComplete.mini-profiler', jQueryAjaxComplete);
+        document.getElementsByTagName("head")[0].appendChild(sc);
+      };
+
+      var wait = 0;
+      var finish = false;
+
+      var deferInit = function deferInit() {
+        if (finish) return;
+
+        if (
+          window.performance &&
+          window.performance.timing &&
+          window.performance.timing.loadEventEnd === 0 &&
+          wait < 10000
+        ) {
+          setTimeout(deferInit, 100);
+          wait += 100;
+        } else {
+          finish = true;
+          init();
         }
+      };
 
-        if (jQuery && jQuery(document).ajaxStart)
-            jQuery(document).on('ajaxStart.mini-profiler', function () { ajaxStartTime = new Date(); });
-
-        // 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 (response.get_responseAvailable() && response._xmlHttpRequest !== null) {
-                        var stringIds = args.get_response().getResponseHeader('X-MiniProfiler-Ids');
-                        if (stringIds) {
-                            var ids = typeof JSON != 'undefined' ? JSON.parse(stringIds) : eval(stringIds);
-                            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');
-                    if (stringIds) {
-                        var ids = typeof JSON != 'undefined' ? JSON.parse(stringIds) : eval(stringIds);
-                        fetchResults(ids);
-                    }
-                };
+      var init = function init() {
+        if (options.authorized) {
+          var url = options.cssUrl;
+
+          if (document.createStyleSheet) {
+            document.createStyleSheet(url);
+          } else {
+            var head = document.querySelector("head");
+            var link = document.createElement("link");
+            link.rel = "stylesheet";
+            link.type = "text/css";
+            link.href = url;
+            head.appendChild(link);
+          }
 
-            })();
+          if (!MiniProfiler.loadedVendor) {
+            load(options.path + "vendor.js?v=" + options.version, doInit);
+          } else {
+            doInit();
+          }
+        } else {
+          doInit();
         }
-
-        // also fetch results after ExtJS requests, in case it is being used
-        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;
-                }
-
-                var stringIds = xhr.getResponseHeader('X-MiniProfiler-Ids');
-                if (stringIds) {
-                    var ids = typeof JSON != 'undefined' ? JSON.parse(stringIds) : eval(stringIds);
-                    fetchResults(ids);
-                }
-            });
+      };
+
+      deferInit();
+    },
+    cleanUp: function cleanUp() {
+      unbindDocumentEvents();
+    },
+    pageTransition: function pageTransition() {
+      if (totalsControl) {
+        if (totalsControl.parentElement) {
+          totalsControl.parentElement.removeChild(totalsControl);
+        }
+        totalsControl = null;
+      }
+
+      reqs = 0;
+      totalTime = 0;
+      expandedResults = false;
+      toArray(
+        document.querySelectorAll(".profiler-results .profiler-result")
+      ).forEach(function(el) {
+        return el.parentElement.removeChild(el);
+      });
+    },
+    getClientTimingByName: function getClientTimingByName(clientTiming, name) {
+      for (var i = 0; i < clientTiming.timings.length; i++) {
+        if (clientTiming.timings[i].name == name) {
+          return clientTiming.timings[i];
         }
+      }
+
+      return {
+        Name: name,
+        Duration: "",
+        Start: ""
+      };
+    },
+    renderDate: function renderDate(jsonDate) {
+      // JavaScriptSerializer sends dates as /Date(1308024322065)/
+      if (jsonDate) {
+        return typeof jsonDate === "string"
+          ? new Date(
+              parseInt(jsonDate.replace("/Date(", "").replace(")/", ""), 10)
+            ).toUTCString()
+          : jsonDate;
+      }
+    },
+    renderIndent: function renderIndent(depth) {
+      var result = "";
+
+      for (var i = 0; i < depth; i++) {
+        result += "&nbsp;";
+      }
+
+      return result;
+    },
+    renderExecuteType: function renderExecuteType(typeId) {
+      // see StackExchange.Profiling.ExecuteType enum
+      switch (typeId) {
+        case 0:
+          return "None";
+
+        case 1:
+          return "NonQuery";
+
+        case 2:
+          return "Scalar";
+
+        case 3:
+          return "Reader";
+      }
+    },
+    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 =
+        requestParts[0] == "GET" ? requestParts[1] : window.location.href;
+      var linkSuffix = linkSrc.indexOf("?") > 0 ? "&pp=help" : "?pp=help";
+      return linkSrc + linkSuffix;
+    },
+    getClientTimings: function getClientTimings(clientTimings) {
+      var list = [];
+      var t;
+      if (!clientTimings.timings) return [];
+
+      for (var i = 0; i < clientTimings.timings.length; i++) {
+        t = clientTimings.timings[i];
+        var trivial = t.Name != "Dom Complete" && t.Name != "Response";
+        trivial = t.Duration < 2 ? trivial : false;
+        list.push({
+          isTrivial: trivial,
+          name: t.Name,
+          duration: t.Duration,
+          start: t.Start
+        });
+      } // Use the Paint Timing API for render performance.
 
-        if (typeof (MooTools) != 'undefined' && typeof (Request) != 'undefined') {
-          Request.prototype.addEvents({
-            onComplete: function() {
-              var stringIds = this.xhr.getResponseHeader('X-MiniProfiler-Ids');
-              if (stringIds) {
-                var ids = typeof JSON != 'undefined' ? JSON.parse(stringIds) : eval(stringIds);
-                fetchResults(ids);
-              }
-            }
+      if (window.performance && window.performance.getEntriesByName) {
+        var firstPaint = window.performance.getEntriesByName("first-paint");
+
+        if (firstPaint !== undefined && firstPaint.length >= 1) {
+          list.push({
+            isTrivial: false,
+            name: "First Paint Time",
+            duration: firstPaint[0].duration,
+            start: firstPaint[0].startTime
           });
         }
+      }
+
+      list.sort(function(a, b) {
+        return a.start - b.start;
+      });
+      return list;
+    },
+    getSqlTimings: function getSqlTimings(root) {
+      var result = [],
+        addToResults = function addToResults(timing) {
+          if (timing.sql_timings) {
+            for (var i = 0, sqlTiming; i < timing.sql_timings.length; i++) {
+              sqlTiming = timing.sql_timings[i]; // HACK: add info about the parent Timing to each SqlTiming so UI can render
+
+              sqlTiming.parent_timing_name = timing.name;
+
+              if (sqlTiming.duration_milliseconds > 50) {
+                sqlTiming.row_class = "slow";
+              }
 
-        // 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 = typeof JSON != 'undefined' ? JSON.parse(stringIds) : eval(stringIds);
-                      fetchResults(ids);
-                    }
-                  }
-
-                  if (this.miniprofiler.prev_onreadystatechange !== null)
-                    return this.miniprofiler.prev_onreadystatechange.apply(this, arguments);
-                };
+              if (sqlTiming.duration_milliseconds > 200) {
+                sqlTiming.row_class = "very-slow";
               }
-            }
 
-            return _send.apply(this, arguments);
-          };
-        }
+              if (sqlTiming.duration_milliseconds > 400) {
+                sqlTiming.row_class = "very-very-slow";
+              }
 
-        // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
-        if(typeof(window.fetch) === 'function' && window.fetch.__patchedByMiniProfiler === undefined) {
-          var __originalFetch = window.fetch;
-
-          window.fetch = function(input,init) {
-            return new Promise(function(resolve,reject) {
-              __originalFetch(input,init).then(function(response) {
-                // look for x-mini-profile-ids
-                var entries = response.headers.entries();
-                for (var i = 0; i < entries.length; i++) {
-                  var pair = entries[i];
-                  if(pair[0] && (pair[0].toLowerCase() == 'x-miniprofiler-ids')) {
-                  var ids = JSON.parse(pair[1]);
-                    fetchResults(ids);
-                  }
-                }
-                resolve(response);
-              }).catch(function(error) {
-                reject(error);
-              });
-            });
+              result.push(sqlTiming);
+            }
           }
-          window.fetch.__patchedByMiniProfiler = true;
-        }
-
-        // some elements want to be hidden on certain doc events
-        bindDocumentEvents();
-    };
-
-    return {
-
-        init: function () {
-            var script = document.getElementById('mini-profiler');
-            if (!script || !script.getAttribute) return;
-
-            options = (function () {
-                var version = script.getAttribute('data-version');
-                var path = script.getAttribute('data-path');
-
-                var currentId = script.getAttribute('data-current-id');
-
-                var ids = script.getAttribute('data-ids');
-                if (ids)  ids = ids.split(',');
-
-                var horizontal_position = script.getAttribute('data-horizontal-position');
-                var vertical_position = script.getAttribute('data-vertical-position');
-
-                var toggleShortcut = script.getAttribute('data-toggle-shortcut');
-
-                if (script.getAttribute('data-max-traces')) {
-                    var maxTraces = parseInt(script.getAttribute('data-max-traces'), 10);
-                }
-
-                var collapseResults = script.getAttribute('data-collapse-results') === 'true';
-                var trivial = script.getAttribute('data-trivial') === 'true';
-                var children = script.getAttribute('data-children') === 'true';
-                var controls = script.getAttribute('data-controls') === 'true';
-                var totalSqlCount = script.getAttribute('data-total-sql-count') === 'true';
-                var authorized = script.getAttribute('data-authorized') === 'true';
-                var startHidden = script.getAttribute('data-start-hidden') === 'true' || sessionStorage['rack-mini-profiler-start-hidden'] === 'true';
-                var htmlContainer = script.getAttribute('data-html-container');
-
-                return {
-                    ids: ids,
-                    path: path,
-                    version: version,
-                    renderHorizontalPosition: horizontal_position,
-                    renderVerticalPosition: vertical_position,
-                    showTrivial: trivial,
-                    showChildrenTime: children,
-                    maxTracesToShow: maxTraces,
-                    showControls: controls,
-                    showTotalSqlCount: totalSqlCount,
-                    currentId: currentId,
-                    authorized: authorized,
-                    toggleShortcut: toggleShortcut,
-                    startHidden: startHidden,
-                    collapseResults: collapseResults,
-                    htmlContainer: htmlContainer
-                };
-            })();
-
-            var doInit = function () {
-                // when rendering a shared, full page, this div will exist
-                container = $('.profiler-result-full');
-                if (container.length) {
-                    if (window.location.href.indexOf("&trivial=1") > 0) {
-                        options.showTrivial = true;
-                    }
-                    initFullView();
-                }
-                else {
-                    initPopupView();
-                }
-            };
-
-            // this preserves debugging
-            var load = function (s, f) {
-                var sc = document.createElement("script");
-                sc.async = "async";
-                sc.type = "text/javascript";
-                sc.src = s;
-                var done = false;
-                sc.onload = sc.onreadystatechange = function (_, abort) {
-                    if (!sc.readyState || /loaded|complete/.test(sc.readyState)) {
-                        if (!abort && !done) { done = true; f(); }
-                    }
-                };
-                document.getElementsByTagName('head')[0].appendChild(sc);
-            };
-
-            var wait = 0;
-            var finish = false;
-            var deferInit = function() {
-                if (finish) return;
-                if (window.performance && window.performance.timing && window.performance.timing.loadEventEnd === 0 && wait < 10000) {
-                    setTimeout(deferInit, 100);
-                    wait += 100;
-                } else {
-                    finish = true;
-                    init();
-                }
-            };
 
-            var init = function() {
+          if (timing.children) {
+            for (var i = 0; i < timing.children.length; i++) {
+              addToResults(timing.children[i]);
+            }
+          }
+        }; // start adding at the root and recurse down
 
-                // jquery.hotkeys.js
-                // https://github.com/jeresig/jquery.hotkeys/blob/master/jquery.hotkeys.js
+      addToResults(root);
 
-                if (MiniProfiler.jQuery.hotkeys === undefined) {
-                    (function(d){function h(g){if("string"===typeof g.data){var h=g.handler,j=g.data.toLowerCase().split(" ");g.handler=function(b){if(!(this!==b.target&&(/textarea|select/i.test(b.target.nodeName)||"text"===b.target.type))){var c="keypress"!==b.type&&d.hotkeys.specialKeys[b.which],e=String.fromCharCode(b.which).toLowerCase(),a="",f={};b.altKey&&"alt"!==c&&(a+="alt+");b.ctrlKey&&"ctrl"!==c&&(a+="ctrl+");b.metaKey&&(!b.ctrlKey&&"meta"!==c)&&(a+="meta+");b.shiftKey&&"shift"!==c&&(a+="shift+");c?f[a+c]=
-                    !0:(f[a+e]=!0,f[a+d.hotkeys.shiftNums[e]]=!0,"shift+"===a&&(f[d.hotkeys.shiftNums[e]]=!0));c=0;for(e=j.length;c<e;c++)if(f[j[c]])return h.apply(this,arguments)}}}}d.hotkeys={version:"0.8",specialKeys:{8:"backspace",9:"tab",13:"return",16:"shift",17:"ctrl",18:"alt",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",
-                    109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scroll",191:"/",224:"meta"},shiftNums:{"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(","0":")","-":"_","=":"+",";":": ","'":'"',",":"<",".":">","/":"?","\\":"|"}};d.each(["keydown","keyup","keypress"],function(){d.event.special[this]={add:h}})})(MiniProfiler.jQuery);
-                }
+      var removeDuration = function removeDuration(list, duration) {
+        var newList = [];
 
-                if (options.authorized) {
-                    var url = options.path + "includes.css?v=" + options.version;
-                    if (document.createStyleSheet) {
-                        document.createStyleSheet(url);
-                    } else {
-                        $('head').append($('<link rel="stylesheet" type="text/css" href="' + url + '" />'));
-                    }
-                    if (!$.tmpl) {
-                        load(options.path + 'jquery.tmpl.js?v=' + options.version, doInit);
-                    } else {
-                        doInit();
-                    }
-                } else {
-                    doInit();
-                }
-
-            };
+        for (var i = 0; i < list.length; i++) {
+          var item = list[i];
 
-            var major, minor;
-            if (typeof(jQuery) == 'function') {
-                var jQueryVersion = jQuery.fn.jquery.split('.');
-                major = parseInt(jQueryVersion[0], 10);
-                minor = parseInt(jQueryVersion[1], 10);
+          if (duration.start > item.start) {
+            if (duration.start > item.finish) {
+              newList.push(item);
+              continue;
             }
 
-
-            if (major === 3 || major === 2 || (major === 1 && minor >= 7)) {
-                MiniProfiler.jQuery = $ = jQuery;
-                $(deferInit);
-            } else {
-                load(options.path + "jquery.1.7.1.js?v=" + options.version, function() {
-                    MiniProfiler.jQuery = $ = jQuery.noConflict(true);
-                    $(deferInit);
-                });
-            }
-        },
-
-        cleanUp: function() {
-            unbindDocumentEvents();
-        },
-
-        pageTransition: function() {
-          if (totalsControl) {
-            totalsControl.remove();
-            totalsControl = null;
+            newList.push({
+              start: item.start,
+              finish: duration.start
+            });
           }
-          reqs = 0;
-          totalTime = 0;
-          expandedResults = false;
-          $('.profiler-results .profiler-result').remove();
-        },
-
-        getClientTimingByName: function (clientTiming, name) {
 
-            for (var i = 0; i < clientTiming.timings.length; i++) {
-                if (clientTiming.timings[i].name == name) {
-                    return clientTiming.timings[i];
-                }
+          if (duration.finish < item.finish) {
+            if (duration.finish < item.start) {
+              newList.push(item);
+              continue;
             }
-            return { Name: name, Duration: "", Start: "" };
-        },
 
-        renderDate: function (jsonDate) { // JavaScriptSerializer sends dates as /Date(1308024322065)/
-            if (jsonDate) {
-                return (typeof jsonDate === 'string') ? new Date(parseInt(jsonDate.replace("/Date(", "").replace(")/", ""), 10)).toUTCString() : jsonDate;
-            }
-        },
+            newList.push({
+              start: duration.finish,
+              finish: item.finish
+            });
+          }
+        }
 
-        renderIndent: function (depth) {
-            var result = '';
-            for (var i = 0; i < depth; i++) {
-                result += '&nbsp;';
-            }
-            return result;
-        },
-
-        renderExecuteType: function (typeId) {
-            // see StackExchange.Profiling.ExecuteType enum
-            switch (typeId) {
-                case 0: return 'None';
-                case 1: return 'NonQuery';
-                case 2: return 'Scalar';
-                case 3: return 'Reader';
-            }
-        },
-
-        shareUrl: function (id) {
-            return options.path + 'results?id=' + id;
-        },
-
-        moreUrl: function () {
-          var loc = window.location.href;
-          loc = loc.indexOf("?") > 0 ? loc + "&pp=help" : "?pp=help";
-          return loc;
-        },
-
-        getClientTimings: function (clientTimings) {
-            var list = [];
-            var t;
-
-            if (!clientTimings.timings) return [];
-
-            for (var i = 0; i < clientTimings.timings.length; i++) {
-                t = clientTimings.timings[i];
-                var trivial = t.Name != "Dom Complete" && t.Name != "Response"
-                trivial = t.Duration < 2 ? trivial : false;
-                list.push(
-                {
-                    isTrivial: trivial,
-                    name: t.Name,
-                    duration: t.Duration,
-                    start: t.Start
-                });
-            }
+        return newList;
+      };
 
+      var processTimes = function processTimes(elem, parent) {
+        var duration = {
+          start: elem.start_milliseconds,
+          finish: elem.start_milliseconds + elem.duration_milliseconds
+        };
+        elem.richTiming = [duration];
+
+        if (parent !== null) {
+          elem.parent = parent;
+          elem.parent.richTiming = removeDuration(
+            elem.parent.richTiming,
+            duration
+          );
+        }
 
-            // Use the Paint Timing API for render performance.
-            if (window.performance && window.performance.getEntriesByName) {
-              var firstPaint = window.performance.getEntriesByName("first-paint");
+        if (elem.children) {
+          for (var i = 0; i < elem.children.length; i++) {
+            processTimes(elem.children[i], elem);
+          }
+        }
+      };
 
-              if(firstPaint !== undefined && firstPaint.length >= 1){
-                list.push(
-                  {
-                    isTrivial: false,
-                    name: "First Paint Time",
-                    duration: firstPaint[0].duration,
-                    start: firstPaint[0].startTime
-                  });
-              }
-            }
+      processTimes(root, null); // sort results by time
 
-            list.sort(function (a, b) { return a.start - b.start; });
-            return list;
-        },
-
-        getSqlTimings: function (root) {
-            var result = [],
-                addToResults = function (timing) {
-                    if (timing.sql_timings) {
-                        for (var i = 0, sqlTiming; i < timing.sql_timings.length; i++) {
-                            sqlTiming = timing.sql_timings[i];
-
-                            // HACK: add info about the parent Timing to each SqlTiming so UI can render
-                            sqlTiming.parent_timing_name = timing.name;
-
-                            if(sqlTiming.duration_milliseconds > 50) {
-                              sqlTiming.row_class = "slow";
-                            }
-
-                            if(sqlTiming.duration_milliseconds > 200) {
-                              sqlTiming.row_class = "very-slow";
-                            }
-
-                            if(sqlTiming.duration_milliseconds > 400) {
-                              sqlTiming.row_class = "very-very-slow";
-                            }
-
-                            result.push(sqlTiming);
-                        }
-                    }
-
-                    if (timing.children) {
-                        for (var i = 0; i < timing.children.length; i++) {
-                            addToResults(timing.children[i]);
-                        }
-                    }
-                };
-
-            // start adding at the root and recurse down
-            addToResults(root);
-
-            var removeDuration = function(list, duration) {
-
-                var newList = [];
-                for (var i = 0; i < list.length; i++) {
-
-                    var item = list[i];
-                    if (duration.start > item.start) {
-                        if (duration.start > item.finish) {
-                            newList.push(item);
-                            continue;
-                        }
-                        newList.push({ start: item.start, finish: duration.start });
-                    }
-
-                    if (duration.finish < item.finish) {
-                        if (duration.finish < item.start) {
-                            newList.push(item);
-                            continue;
-                        }
-                        newList.push({ start: duration.finish, finish: item.finish });
-                    }
-                }
+      result.sort(function(a, b) {
+        return a.start_milliseconds - b.start_milliseconds;
+      });
 
-                return newList;
-            };
+      var determineOverlap = function determineOverlap(gap, node) {
+        var overlap = 0;
 
-            var processTimes = function (elem, parent) {
-                var duration = { start: elem.start_milliseconds, finish: (elem.start_milliseconds + elem.duration_milliseconds) };
-                elem.richTiming = [duration];
-                if (parent !== null) {
-                    elem.parent = parent;
-                    elem.parent.richTiming = removeDuration(elem.parent.richTiming, duration);
-                }
+        for (var i = 0; i < node.richTiming.length; i++) {
+          var current = node.richTiming[i];
 
-                if (elem.children) {
-                    for (var i = 0; i < elem.children.length; i++) {
-                        processTimes(elem.children[i], elem);
-                    }
-                }
-            };
+          if (current.start > gap.finish) {
+            break;
+          }
 
-            processTimes(root, null);
+          if (current.finish < gap.start) {
+            continue;
+          }
 
-            // sort results by time
-            result.sort(function (a, b) { return a.start_milliseconds - b.start_milliseconds; });
+          overlap +=
+            Math.min(gap.finish, current.finish) -
+            Math.max(gap.start, current.start);
+        }
 
-            var determineOverlap = function(gap, node) {
-                var overlap = 0;
-                for (var i = 0; i < node.richTiming.length; i++) {
-                    var current = node.richTiming[i];
-                    if (current.start > gap.finish) {
-                        break;
-                    }
-                    if (current.finish < gap.start) {
-                        continue;
-                    }
+        return overlap;
+      };
 
-                    overlap += Math.min(gap.finish, current.finish) - Math.max(gap.start, current.start);
-                }
-                return overlap;
-            };
+      var determineGap = function determineGap(gap, node, match) {
+        var overlap = determineOverlap(gap, node);
 
-            var determineGap = function (gap, node, match) {
-                var overlap = determineOverlap(gap, node);
-                if (match === null || overlap > match.duration) {
-                    match = { name: node.name, duration: overlap };
-                }
-                else if (match.name == node.name) {
-                    match.duration += overlap;
-                }
+        if (match === null || overlap > match.duration) {
+          match = {
+            name: node.name,
+            duration: overlap
+          };
+        } else if (match.name == node.name) {
+          match.duration += overlap;
+        }
 
-                if (node.children) {
-                    for (var i = 0; i < node.children.length; i++) {
-                        match = determineGap(gap, node.children[i], match);
-                    }
-                }
-                return match;
-            };
-
-            var time = 0;
-            var prev = null;
-            $.each(result, function () {
-                this.prevGap = {
-                    duration: (this.start_milliseconds - time).toFixed(2),
-                    start: time,
-                    finish: this.start_milliseconds
-                };
-
-                this.prevGap.topReason = determineGap(this.prevGap, root, null);
-
-                time = this.start_milliseconds + this.duration_milliseconds;
-                prev = this;
-            });
+        if (node.children) {
+          for (var i = 0; i < node.children.length; i++) {
+            match = determineGap(gap, node.children[i], match);
+          }
+        }
 
+        return match;
+      };
 
-            if (result.length > 0) {
-                var me = result[result.length - 1];
-                me.nextGap = {
-                    duration: (root.duration_milliseconds - time).toFixed(2),
-                    start: time,
-                    finish: root.duration_milliseconds
-                };
-                me.nextGap.topReason = determineGap(me.nextGap, root, null);
-            }
+      var time = 0;
+      var prev = null;
+      result.forEach(function(r) {
+        r.prevGap = {
+          duration: (r.start_milliseconds - time).toFixed(2),
+          start: time,
+          finish: r.start_milliseconds
+        };
+        r.prevGap.topReason = determineGap(r.prevGap, root, null);
+        time = r.start_milliseconds + r.duration_milliseconds;
+        prev = r;
+      });
+
+      if (result.length > 0) {
+        var me = result[result.length - 1];
+        me.nextGap = {
+          duration: (root.duration_milliseconds - time).toFixed(2),
+          start: time,
+          finish: root.duration_milliseconds
+        };
+        me.nextGap.topReason = determineGap(me.nextGap, root, null);
+      }
+
+      return result;
+    },
+    getSqlTimingsCount: function getSqlTimingsCount(root) {
+      var result = 0,
+        countSql = function countSql(timing) {
+          if (timing.sql_timings) {
+            result += timing.sql_timings.length;
+          }
 
-            return result;
-        },
-
-        getSqlTimingsCount: function (root) {
-            var result = 0,
-                countSql = function (timing) {
-                    if (timing.sql_timings) {
-                        result += timing.sql_timings.length;
-                    }
-
-                    if (timing.children) {
-                        for (var i = 0; i < timing.children.length; i++) {
-                            countSql(timing.children[i]);
-                        }
-                    }
-                };
-            countSql(root);
-            return result;
-        },
-
-        fetchResultsExposed: function (ids) {
-            return fetchResults(ids);
-        },
-
-        formatParameters: function (parameters) {
-            if (parameters != null) {
-                return parameters.map(function(item, index){ return "["+item[0]+", "+ item[1] +"]";}).join(', ');
-            }
-            else {
-                return '';
+          if (timing.children) {
+            for (var i = 0; i < timing.children.length; i++) {
+              countSql(timing.children[i]);
             }
-        },
-
-        formatDuration: function (duration) {
-            return (duration || 0).toFixed(1);
-        },
+          }
+        };
 
-        showTotalSqlCount: function () {
-            return options.showTotalSqlCount
+      countSql(root);
+      return result;
+    },
+    fetchResultsExposed: function fetchResultsExposed(ids) {
+      return fetchResults(ids);
+    },
+    formatParameters: function formatParameters(parameters) {
+      if (parameters != null) {
+        return parameters
+          .map(function(item, index) {
+            return "[" + item[0] + ", " + item[1] + "]";
+          })
+          .join(", ");
+      } else {
+        return "";
+      }
+    },
+    formatDuration: function formatDuration(duration) {
+      return (duration || 0).toFixed(1);
+    },
+    showTotalSqlCount: function showTotalSqlCount() {
+      return options.showTotalSqlCount;
+    },
+    timestampToRelative: function timestampToRelative(timestamp) {
+      var now = Math.round(new Date().getTime() / 1000);
+      timestamp = Math.round(timestamp / 1000);
+      var diff = now - timestamp;
+      if (diff < 60) {
+        return "< 1 minute";
+      }
+      var buildDisplayTime = function buildDisplayTime(num, unit) {
+        var res = num + " " + unit;
+        if (num !== 1) {
+          res += "s";
         }
-    };
+        return res;
+      };
+      diff = Math.round(diff / 60);
+      if (diff <= 60) {
+        return buildDisplayTime(diff, "minute");
+      }
+      diff = Math.round(diff / 60);
+      if (diff <= 24) {
+        return buildDisplayTime(diff, "hour");
+      }
+      diff = Math.round(diff / 24);
+      return buildDisplayTime(diff, "day");
+    }
+  };
 })();
 
-MiniProfiler.init();
-
-if (typeof prettyPrint === "undefined") {
-
-    // prettify.js
-    // http://code.google.com/p/google-code-prettify/
-
-    window.PR_SHOULD_USE_CONTINUATION=true;window.PR_TAB_WIDTH=8;window.PR_normalizedHtml=window.PR=window.prettyPrintOne=window.prettyPrint=void 0;window._pr_isIE6=function(){var y=navigator&&navigator.userAgent&&navigator.userAgent.match(/\bMSIE ([678])\./);y=y?+y[1]:false;window._pr_isIE6=function(){return y};return y};
-    (function(){function y(b){return b.replace(L,"&amp;").replace(M,"&lt;").replace(N,"&gt;")}function H(b,f,i){switch(b.nodeType){case 1:var o=b.tagName.toLowerCase();f.push("<",o);var l=b.attributes,n=l.length;if(n){if(i){for(var r=[],j=n;--j>=0;)r[j]=l[j];r.sort(function(q,m){return q.name<m.name?-1:q.name===m.name?0:1});l=r}for(j=0;j<n;++j){r=l[j];r.specified&&f.push(" ",r.name.toLowerCase(),'="',r.value.replace(L,"&amp;").replace(M,"&lt;").replace(N,"&gt;").replace(X,"&quot;"),'"')}}f.push(">");
-    for(l=b.firstChild;l;l=l.nextSibling)H(l,f,i);if(b.firstChild||!/^(?:br|link|img)$/.test(o))f.push("</",o,">");break;case 3:case 4:f.push(y(b.nodeValue));break}}function O(b){function f(c){if(c.charAt(0)!=="\\")return c.charCodeAt(0);switch(c.charAt(1)){case "b":return 8;case "t":return 9;case "n":return 10;case "v":return 11;case "f":return 12;case "r":return 13;case "u":case "x":return parseInt(c.substring(2),16)||c.charCodeAt(1);case "0":case "1":case "2":case "3":case "4":case "5":case "6":case "7":return parseInt(c.substring(1),
-    8);default:return c.charCodeAt(1)}}function i(c){if(c<32)return(c<16?"\\x0":"\\x")+c.toString(16);c=String.fromCharCode(c);if(c==="\\"||c==="-"||c==="["||c==="]")c="\\"+c;return c}function o(c){var d=c.substring(1,c.length-1).match(RegExp("\\\\u[0-9A-Fa-f]{4}|\\\\x[0-9A-Fa-f]{2}|\\\\[0-3][0-7]{0,2}|\\\\[0-7]{1,2}|\\\\[\\s\\S]|-|[^-\\\\]","g"));c=[];for(var a=[],k=d[0]==="^",e=k?1:0,h=d.length;e<h;++e){var g=d[e];switch(g){case "\\B":case "\\b":case "\\D":case "\\d":case "\\S":case "\\s":case "\\W":case "\\w":c.push(g);
-    continue}g=f(g);var s;if(e+2<h&&"-"===d[e+1]){s=f(d[e+2]);e+=2}else s=g;a.push([g,s]);if(!(s<65||g>122)){s<65||g>90||a.push([Math.max(65,g)|32,Math.min(s,90)|32]);s<97||g>122||a.push([Math.max(97,g)&-33,Math.min(s,122)&-33])}}a.sort(function(v,w){return v[0]-w[0]||w[1]-v[1]});d=[];g=[NaN,NaN];for(e=0;e<a.length;++e){h=a[e];if(h[0]<=g[1]+1)g[1]=Math.max(g[1],h[1]);else d.push(g=h)}a=["["];k&&a.push("^");a.push.apply(a,c);for(e=0;e<d.length;++e){h=d[e];a.push(i(h[0]));if(h[1]>h[0]){h[1]+1>h[0]&&a.push("-");
-    a.push(i(h[1]))}}a.push("]");return a.join("")}function l(c){for(var d=c.source.match(RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)","g")),a=d.length,k=[],e=0,h=0;e<a;++e){var g=d[e];if(g==="(")++h;else if("\\"===g.charAt(0))if((g=+g.substring(1))&&g<=h)k[g]=-1}for(e=1;e<k.length;++e)if(-1===k[e])k[e]=++n;for(h=e=0;e<a;++e){g=d[e];if(g==="("){++h;if(k[h]===undefined)d[e]="(?:"}else if("\\"===
-    g.charAt(0))if((g=+g.substring(1))&&g<=h)d[e]="\\"+k[h]}for(h=e=0;e<a;++e)if("^"===d[e]&&"^"!==d[e+1])d[e]="";if(c.ignoreCase&&r)for(e=0;e<a;++e){g=d[e];c=g.charAt(0);if(g.length>=2&&c==="[")d[e]=o(g);else if(c!=="\\")d[e]=g.replace(/[a-zA-Z]/g,function(s){s=s.charCodeAt(0);return"["+String.fromCharCode(s&-33,s|32)+"]"})}return d.join("")}for(var n=0,r=false,j=false,q=0,m=b.length;q<m;++q){var t=b[q];if(t.ignoreCase)j=true;else if(/[a-z]/i.test(t.source.replace(/\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi,
-    ""))){r=true;j=false;break}}var p=[];q=0;for(m=b.length;q<m;++q){t=b[q];if(t.global||t.multiline)throw Error(""+t);p.push("(?:"+l(t)+")")}return RegExp(p.join("|"),j?"gi":"g")}function Y(b){var f=0;return function(i){for(var o=null,l=0,n=0,r=i.length;n<r;++n)switch(i.charAt(n)){case "\t":o||(o=[]);o.push(i.substring(l,n));l=b-f%b;for(f+=l;l>=0;l-=16)o.push("                ".substring(0,l));l=n+1;break;case "\n":f=0;break;default:++f}if(!o)return i;o.push(i.substring(l));return o.join("")}}function I(b,
-    f,i,o){if(f){b={source:f,c:b};i(b);o.push.apply(o,b.d)}}function B(b,f){var i={},o;(function(){for(var r=b.concat(f),j=[],q={},m=0,t=r.length;m<t;++m){var p=r[m],c=p[3];if(c)for(var d=c.length;--d>=0;)i[c.charAt(d)]=p;p=p[1];c=""+p;if(!q.hasOwnProperty(c)){j.push(p);q[c]=null}}j.push(/[\0-\uffff]/);o=O(j)})();var l=f.length;function n(r){for(var j=r.c,q=[j,z],m=0,t=r.source.match(o)||[],p={},c=0,d=t.length;c<d;++c){var a=t[c],k=p[a],e=void 0,h;if(typeof k==="string")h=false;else{var g=i[a.charAt(0)];
-    if(g){e=a.match(g[1]);k=g[0]}else{for(h=0;h<l;++h){g=f[h];if(e=a.match(g[1])){k=g[0];break}}e||(k=z)}if((h=k.length>=5&&"lang-"===k.substring(0,5))&&!(e&&typeof e[1]==="string")){h=false;k=P}h||(p[a]=k)}g=m;m+=a.length;if(h){h=e[1];var s=a.indexOf(h),v=s+h.length;if(e[2]){v=a.length-e[2].length;s=v-h.length}k=k.substring(5);I(j+g,a.substring(0,s),n,q);I(j+g+s,h,Q(k,h),q);I(j+g+v,a.substring(v),n,q)}else q.push(j+g,k)}r.d=q}return n}function x(b){var f=[],i=[];if(b.tripleQuotedStrings)f.push([A,/^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,
-    null,"'\""]);else b.multiLineStrings?f.push([A,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,"'\"`"]):f.push([A,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,"\"'"]);b.verbatimStrings&&i.push([A,/^@\"(?:[^\"]|\"\")*(?:\"|$)/,null]);if(b.hashComments)if(b.cStyleComments){f.push([C,/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,null,"#"]);i.push([A,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,
-    null])}else f.push([C,/^#[^\r\n]*/,null,"#"]);if(b.cStyleComments){i.push([C,/^\/\/[^\r\n]*/,null]);i.push([C,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}b.regexLiterals&&i.push(["lang-regex",RegExp("^"+Z+"(/(?=[^/*])(?:[^/\\x5B\\x5C]|\\x5C[\\s\\S]|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+/)")]);b=b.keywords.replace(/^\s+|\s+$/g,"");b.length&&i.push([R,RegExp("^(?:"+b.replace(/\s+/g,"|")+")\\b"),null]);f.push([z,/^\s+/,null," \r\n\t\u00a0"]);i.push([J,/^@[a-z_$][a-z_$@0-9]*/i,null],[S,/^@?[A-Z]+[a-z][A-Za-z_$@0-9]*/,
-    null],[z,/^[a-z_$][a-z_$@0-9]*/i,null],[J,/^(?:0x[a-f0-9]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+\-]?\d+)?)[a-z]*/i,null,"0123456789"],[E,/^.[^\s\w\.$@\'\"\`\/\#]*/,null]);return B(f,i)}function $(b){function f(D){if(D>r){if(j&&j!==q){n.push("</span>");j=null}if(!j&&q){j=q;n.push('<span class="',j,'">')}var T=y(p(i.substring(r,D))).replace(e?d:c,"$1&#160;");e=k.test(T);n.push(T.replace(a,s));r=D}}var i=b.source,o=b.g,l=b.d,n=[],r=0,j=null,q=null,m=0,t=0,p=Y(window.PR_TAB_WIDTH),c=/([\r\n ]) /g,
-    d=/(^| ) /gm,a=/\r\n?|\n/g,k=/[ \r\n]$/,e=true,h=window._pr_isIE6();h=h?b.b.tagName==="PRE"?h===6?"&#160;\r\n":h===7?"&#160;<br>\r":"&#160;\r":"&#160;<br />":"<br />";var g=b.b.className.match(/\blinenums\b(?::(\d+))?/),s;if(g){for(var v=[],w=0;w<10;++w)v[w]=h+'</li><li class="L'+w+'">';var F=g[1]&&g[1].length?g[1]-1:0;n.push('<ol class="linenums"><li class="L',F%10,'"');F&&n.push(' value="',F+1,'"');n.push(">");s=function(){var D=v[++F%10];return j?"</span>"+D+'<span class="'+j+'">':D}}else s=h;
-    for(;;)if(m<o.length?t<l.length?o[m]<=l[t]:true:false){f(o[m]);if(j){n.push("</span>");j=null}n.push(o[m+1]);m+=2}else if(t<l.length){f(l[t]);q=l[t+1];t+=2}else break;f(i.length);j&&n.push("</span>");g&&n.push("</li></ol>");b.a=n.join("")}function u(b,f){for(var i=f.length;--i>=0;){var o=f[i];if(G.hasOwnProperty(o))"console"in window&&console.warn("cannot override language handler %s",o);else G[o]=b}}function Q(b,f){b&&G.hasOwnProperty(b)||(b=/^\s*</.test(f)?"default-markup":"default-code");return G[b]}
-    function U(b){var f=b.f,i=b.e;b.a=f;try{var o,l=f.match(aa);f=[];var n=0,r=[];if(l)for(var j=0,q=l.length;j<q;++j){var m=l[j];if(m.length>1&&m.charAt(0)==="<"){if(!ba.test(m))if(ca.test(m)){f.push(m.substring(9,m.length-3));n+=m.length-12}else if(da.test(m)){f.push("\n");++n}else if(m.indexOf(V)>=0&&m.replace(/\s(\w+)\s*=\s*(?:\"([^\"]*)\"|'([^\']*)'|(\S+))/g,' $1="$2$3$4"').match(/[cC][lL][aA][sS][sS]=\"[^\"]*\bnocode\b/)){var t=m.match(W)[2],p=1,c;c=j+1;a:for(;c<q;++c){var d=l[c].match(W);if(d&&
-    d[2]===t)if(d[1]==="/"){if(--p===0)break a}else++p}if(c<q){r.push(n,l.slice(j,c+1).join(""));j=c}else r.push(n,m)}else r.push(n,m)}else{var a;p=m;var k=p.indexOf("&");if(k<0)a=p;else{for(--k;(k=p.indexOf("&#",k+1))>=0;){var e=p.indexOf(";",k);if(e>=0){var h=p.substring(k+3,e),g=10;if(h&&h.charAt(0)==="x"){h=h.substring(1);g=16}var s=parseInt(h,g);isNaN(s)||(p=p.substring(0,k)+String.fromCharCode(s)+p.substring(e+1))}}a=p.replace(ea,"<").replace(fa,">").replace(ga,"'").replace(ha,'"').replace(ia," ").replace(ja,
-    "&")}f.push(a);n+=a.length}}o={source:f.join(""),h:r};var v=o.source;b.source=v;b.c=0;b.g=o.h;Q(i,v)(b);$(b)}catch(w){if("console"in window)console.log(w&&w.stack?w.stack:w)}}var A="str",R="kwd",C="com",S="typ",J="lit",E="pun",z="pln",P="src",V="nocode",Z=function(){for(var b=["!","!=","!==","#","%","%=","&","&&","&&=","&=","(","*","*=","+=",",","-=","->","/","/=",":","::",";","<","<<","<<=","<=","=","==","===",">",">=",">>",">>=",">>>",">>>=","?","@","[","^","^=","^^","^^=","{","|","|=","||","||=",
-    "~","break","case","continue","delete","do","else","finally","instanceof","return","throw","try","typeof"],f="(?:^^|[+-]",i=0;i<b.length;++i)f+="|"+b[i].replace(/([^=<>:&a-z])/g,"\\$1");f+=")\\s*";return f}(),L=/&/g,M=/</g,N=/>/g,X=/\"/g,ea=/&lt;/g,fa=/&gt;/g,ga=/&apos;/g,ha=/&quot;/g,ja=/&amp;/g,ia=/&nbsp;/g,ka=/[\r\n]/g,K=null,aa=RegExp("[^<]+|<!--[\\s\\S]*?--\>|<!\\[CDATA\\[[\\s\\S]*?\\]\\]>|</?[a-zA-Z](?:[^>\"']|'[^']*'|\"[^\"]*\")*>|<","g"),ba=/^<\!--/,ca=/^<!\[CDATA\[/,da=/^<br\b/i,W=/^<(\/?)([a-zA-Z][a-zA-Z0-9]*)/,
-    la=x({keywords:"break continue do else for if return while auto case char const default double enum extern float goto int long register short signed sizeof static struct switch typedef union unsigned void volatile catch class delete false import new operator private protected public this throw true try typeof alignof align_union asm axiom bool concept concept_map const_cast constexpr decltype dynamic_cast explicit export friend inline late_check mutable namespace nullptr reinterpret_cast static_assert static_cast template typeid typename using virtual wchar_t where break continue do else for if return while auto case char const default double enum extern float goto int long register short signed sizeof static struct switch typedef union unsigned void volatile catch class delete false import new operator private protected public this throw true try typeof abstract boolean byte extends final finally implements import instanceof null native package strictfp super synchronized throws transient as base by checked decimal delegate descending event fixed foreach from group implicit in interface internal into is lock object out override orderby params partial readonly ref sbyte sealed stackalloc string select uint ulong unchecked unsafe ushort var break continue do else for if return while auto case char const default double enum extern float goto int long register short signed sizeof static struct switch typedef union unsigned void volatile catch class delete false import new operator private protected public this throw true try typeof debugger eval export function get null set undefined var with Infinity NaN caller delete die do dump elsif eval exit foreach for goto if import last local my next no our print package redo require sub undef unless until use wantarray while BEGIN END break continue do else for if return while and as assert class def del elif except exec finally from global import in is lambda nonlocal not or pass print raise try with yield False True None break continue do else for if return while alias and begin case class def defined elsif end ensure false in module next nil not or redo rescue retry self super then true undef unless until when yield BEGIN END break continue do else for if return while case done elif esac eval fi function in local set then until ",
-    hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true}),G={};u(la,["default-code"]);u(B([],[[z,/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],[C,/^<\!--[\s\S]*?(?:-\->|$)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],[E,/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup",
-    "htm","html","mxml","xhtml","xml","xsl"]);u(B([[z,/^[\s]+/,null," \t\r\n"],["atv",/^(?:\"[^\"]*\"?|\'[^\']*\'?)/,null,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[E,/^[=<>\/]+/],["lang-js",/^on\w+\s*=\s*\"([^\"]+)\"/i],["lang-js",/^on\w+\s*=\s*\'([^\']+)\'/i],["lang-js",/^on\w+\s*=\s*([^\"\'>\s]+)/i],["lang-css",/^style\s*=\s*\"([^\"]+)\"/i],["lang-css",/^style\s*=\s*\'([^\']+)\'/i],
-    ["lang-css",/^style\s*=\s*([^\"\'>\s]+)/i]]),["in.tag"]);u(B([],[["atv",/^[\s\S]+/]]),["uq.val"]);u(x({keywords:"break continue do else for if return while auto case char const default double enum extern float goto int long register short signed sizeof static struct switch typedef union unsigned void volatile catch class delete false import new operator private protected public this throw true try typeof alignof align_union asm axiom bool concept concept_map const_cast constexpr decltype dynamic_cast explicit export friend inline late_check mutable namespace nullptr reinterpret_cast static_assert static_cast template typeid typename using virtual wchar_t where ",
-    hashComments:true,cStyleComments:true}),["c","cc","cpp","cxx","cyc","m"]);u(x({keywords:"null true false"}),["json"]);u(x({keywords:"break continue do else for if return while auto case char const default double enum extern float goto int long register short signed sizeof static struct switch typedef union unsigned void volatile catch class delete false import new operator private protected public this throw true try typeof abstract boolean byte extends final finally implements import instanceof null native package strictfp super synchronized throws transient as base by checked decimal delegate descending event fixed foreach from group implicit in interface internal into is lock object out override orderby params partial readonly ref sbyte sealed stackalloc string select uint ulong unchecked unsafe ushort var ",
-    hashComments:true,cStyleComments:true,verbatimStrings:true}),["cs"]);u(x({keywords:"break continue do else for if return while auto case char const default double enum extern float goto int long register short signed sizeof static struct switch typedef union unsigned void volatile catch class delete false import new operator private protected public this throw true try typeof abstract boolean byte extends final finally implements import instanceof null native package strictfp super synchronized throws transient ",
-    cStyleComments:true}),["java"]);u(x({keywords:"break continue do else for if return while case done elif esac eval fi function in local set then until ",hashComments:true,multiLineStrings:true}),["bsh","csh","sh"]);u(x({keywords:"break continue do else for if return while and as assert class def del elif except exec finally from global import in is lambda nonlocal not or pass print raise try with yield False True None ",hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),["cv","py"]);
-    u(x({keywords:"caller delete die do dump elsif eval exit foreach for goto if import last local my next no our print package redo require sub undef unless until use wantarray while BEGIN END ",hashComments:true,multiLineStrings:true,regexLiterals:true}),["perl","pl","pm"]);u(x({keywords:"break continue do else for if return while alias and begin case class def defined elsif end ensure false in module next nil not or redo rescue retry self super then true undef unless until when yield BEGIN END ",hashComments:true,
-    multiLineStrings:true,regexLiterals:true}),["rb"]);u(x({keywords:"break continue do else for if return while auto case char const default double enum extern float goto int long register short signed sizeof static struct switch typedef union unsigned void volatile catch class delete false import new operator private protected public this throw true try typeof debugger eval export function get null set undefined var with Infinity NaN ",cStyleComments:true,regexLiterals:true}),["js"]);u(B([],[[A,/^[\s\S]+/]]),
-    ["regex"]);window.PR_normalizedHtml=H;window.prettyPrintOne=function(b,f){var i={f:b,e:f};U(i);return i.a};window.prettyPrint=function(b){function f(){for(var t=window.PR_SHOULD_USE_CONTINUATION?j.now()+250:Infinity;q<o.length&&j.now()<t;q++){var p=o[q];if(p.className&&p.className.indexOf("prettyprint")>=0){var c=p.className.match(/\blang-(\w+)\b/);if(c)c=c[1];for(var d=false,a=p.parentNode;a;a=a.parentNode)if((a.tagName==="pre"||a.tagName==="code"||a.tagName==="xmp")&&a.className&&a.className.indexOf("prettyprint")>=
-    0){d=true;break}if(!d){a=p;if(null===K){d=document.createElement("PRE");d.appendChild(document.createTextNode('<!DOCTYPE foo PUBLIC "foo bar">\n<foo />'));K=!/</.test(d.innerHTML)}if(K){d=a.innerHTML;if("XMP"===a.tagName)d=y(d);else{a=a;if("PRE"===a.tagName)a=true;else if(ka.test(d)){var k="";if(a.currentStyle)k=a.currentStyle.whiteSpace;else if(window.getComputedStyle)k=window.getComputedStyle(a,null).whiteSpace;a=!k||k==="pre"}else a=true;a||(d=d.replace(/(<br\s*\/?>)[\r\n]+/g,"$1").replace(/(?:[\r\n]+[ \t]*)+/g,
-    " "))}d=d}else{d=[];for(a=a.firstChild;a;a=a.nextSibling)H(a,d);d=d.join("")}d=d.replace(/(?:\r\n?|\n)$/,"");m={f:d,e:c,b:p};U(m);if(p=m.a){c=m.b;if("XMP"===c.tagName){d=document.createElement("PRE");for(a=0;a<c.attributes.length;++a){k=c.attributes[a];if(k.specified)if(k.name.toLowerCase()==="class")d.className=k.value;else d.setAttribute(k.name,k.value)}d.innerHTML=p;c.parentNode.replaceChild(d,c)}else c.innerHTML=p}}}}if(q<o.length)setTimeout(f,250);else b&&b()}for(var i=[document.getElementsByTagName("pre"),
-    document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],o=[],l=0;l<i.length;++l)for(var n=0,r=i[l].length;n<r;++n)o.push(i[l][n]);i=null;var j=Date;j.now||(j={now:function(){return(new Date).getTime()}});var q=0,m;f()};window.PR={combinePrefixPatterns:O,createSimpleLexer:B,registerLangHandler:u,sourceDecorator:x,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:C,PR_DECLARATION:"dec",PR_KEYWORD:R,PR_LITERAL:J,PR_NOCODE:V,PR_PLAIN:z,PR_PUNCTUATION:E,PR_SOURCE:P,PR_STRING:A,
-    PR_TAG:"tag",PR_TYPE:S}})()
-
-    ;
-
-    // lang-sql.js
-    // http://code.google.com/p/google-code-prettify/
-
-    PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xA0]+/,null,"\t\n\r \u00a0"],["str",/^(?:"(?:[^\"\\]|\\.)*"|'(?:[^\'\\]|\\.)*')/,null,"\"'"]],[["com",/^(?:--[^\r\n]*|\/\*[\s\S]*?(?:\*\/|$))/],["kwd",/^(?:ADD|ALL|ALTER|AND|ANY|AS|ASC|AUTHORIZATION|BACKUP|BEGIN|BETWEEN|BREAK|BROWSE|BULK|BY|CASCADE|CASE|CHECK|CHECKPOINT|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMN|COMMIT|COMPUTE|CONSTRAINT|CONTAINS|CONTAINSTABLE|CONTINUE|CONVERT|CREATE|CROSS|CURRENT|CURRENT_DATE|CURRENT_TIME|CURRENT_TIMESTAMP|CURRENT_USER|CURSOR|DATABASE|DBCC|DEALLOCATE|DECLARE|DEFAULT|DELETE|DENY|DESC|DISK|DISTINCT|DISTRIBUTED|DOUBLE|DROP|DUMMY|DUMP|ELSE|END|ERRLVL|ESCAPE|EXCEPT|EXEC|EXECUTE|EXISTS|EXIT|FETCH|FILE|FILLFACTOR|FOR|FOREIGN|FREETEXT|FREETEXTTABLE|FROM|FULL|FUNCTION|GOTO|GRANT|GROUP|HAVING|HOLDLOCK|IDENTITY|IDENTITYCOL|IDENTITY_INSERT|IF|IN|INDEX|INNER|INSERT|INTERSECT|INTO|IS|JOIN|KEY|KILL|LEFT|LIKE|LINENO|LOAD|NATIONAL|NOCHECK|NONCLUSTERED|NOT|NULL|NULLIF|OF|OFF|OFFSETS|ON|OPEN|OPENDATASOURCE|OPENQUERY|OPENROWSET|OPENXML|OPTION|OR|ORDER|OUTER|OVER|PERCENT|PLAN|PRECISION|PRIMARY|PRINT|PROC|PROCEDURE|PUBLIC|RAISERROR|READ|READTEXT|RECONFIGURE|REFERENCES|REPLICATION|RESTORE|RESTRICT|RETURN|REVOKE|RIGHT|ROLLBACK|ROWCOUNT|ROWGUIDCOL|RULE|SAVE|SCHEMA|SELECT|SESSION_USER|SET|SETUSER|SHUTDOWN|SOME|STATISTICS|SYSTEM_USER|TABLE|TEXTSIZE|THEN|TO|TOP|TRAN|TRANSACTION|TRIGGER|TRUNCATE|TSEQUAL|UNION|UNIQUE|UPDATE|UPDATETEXT|USE|USER|VALUES|VARYING|VIEW|WAITFOR|WHEN|WHERE|WHILE|WITH|WRITETEXT)(?=[^\w-]|$)/i,
-    null],["lit",/^[+-]?(?:0x[\da-f]+|(?:(?:\.\d+|\d+(?:\.\d*)?)(?:e[+\-]?\d+)?))/i],["pln",/^[a-z_][\w-]*/i],["pun",/^[^\w\t\n\r \xA0\"\'][^\w\t\n\r \xA0+\-\"\']*/]]),["sql"])
-
-    ;
+if (window.MiniProfiler) {
+  _MiniProfiler.patchesApplied = window.MiniProfiler.patchesApplied;
 }
+window.MiniProfiler = _MiniProfiler;
+_MiniProfiler.init();