yard 0.9.39 → 0.9.41

data/templates/default/fulldoc/html/js/app.js

@@ -1,395 +1,640 @@
-window.__app = function () {
-  var localStorage = {},
-    sessionStorage = {};
+(function() {
+  var appState = window.__yardAppState || (window.__yardAppState = {
+    navigationListenerBound: false,
+    navigationChangeBound: false,
+    navResizerBound: false,
+    searchFrameGlobalsBound: false,
+    latestNavigationId: 0,
+    loadingIndicatorTimer: null,
+    navExpanderTimer: null,
+    navExpanderToken: 0
+  });
+  var safeLocalStorage = {};
+  var safeSessionStorage = {};
+
   try {
-    localStorage = window.localStorage;
-  } catch (e) {}
+    safeLocalStorage = window.localStorage;
+  } catch (error) {}
+
   try {
-    sessionStorage = window.sessionStorage;
-  } catch (e) {}
+    safeSessionStorage = window.sessionStorage;
+  } catch (error) {}
 
-  function createSourceLinks() {
-    $(".method_details_list .source_code").before(
-      "<span class='showSource'>[<a href='#' class='toggleSource'>View source</a>]</span>"
-    );
-    $(".toggleSource").toggle(
-      function () {
-        $(this).parent().nextAll(".source_code").slideDown(100);
-        $(this).text("Hide source");
-      },
-      function () {
-        $(this).parent().nextAll(".source_code").slideUp(100);
-        $(this).text("View source");
-      }
-    );
+  function query(selector, root) {
+    return (root || document).querySelector(selector);
   }
 
-  function createDefineLinks() {
-    var tHeight = 0;
-    $(".defines").after(" <a href='#' class='toggleDefines'>more...</a>");
-    $(".toggleDefines").toggle(
-      function () {
-        tHeight = $(this).parent().prev().height();
-        $(this).prev().css("display", "inline");
-        $(this).parent().prev().height($(this).parent().height());
-        $(this).text("(less)");
-      },
-      function () {
-        $(this).prev().hide();
-        $(this).parent().prev().height(tHeight);
-        $(this).text("more...");
-      }
+  function queryAll(selector, root) {
+    return Array.prototype.slice.call(
+      (root || document).querySelectorAll(selector)
     );
   }
 
-  function createFullTreeLinks() {
-    var tHeight = 0;
-    $(".inheritanceTree").toggle(
-      function () {
-        tHeight = $(this).parent().prev().height();
-        $(this).parent().toggleClass("showAll");
-        $(this).text("(hide)");
-        $(this).parent().prev().height($(this).parent().height());
-      },
-      function () {
-        $(this).parent().toggleClass("showAll");
-        $(this).parent().prev().height(tHeight);
-        $(this).text("show all");
+  function isVisible(element) {
+    if (!element) return false;
+    return window.getComputedStyle(element).display !== "none";
+  }
+
+  function toggleDisplay(element, visible, displayValue) {
+    if (!element) return;
+    element.style.display = visible ? (displayValue || "") : "none";
+  }
+
+  function setMainLoading(loading) {
+    var main = query("#main");
+    if (!main) return;
+    main.classList.toggle("loading", !!loading);
+    main.setAttribute("aria-busy", loading ? "true" : "false");
+  }
+
+  function scheduleMainLoading(navigationId) {
+    clearTimeout(appState.loadingIndicatorTimer);
+    appState.loadingIndicatorTimer = setTimeout(function() {
+      if (navigationId === appState.latestNavigationId) {
+        setMainLoading(true);
       }
-    );
+      appState.loadingIndicatorTimer = null;
+    }, 50);
   }
 
-  function searchFrameButtons() {
-    $(".full_list_link").click(function () {
-      toggleSearchFrame(this, $(this).attr("href"));
-      return false;
+  function cancelMainLoading() {
+    clearTimeout(appState.loadingIndicatorTimer);
+    appState.loadingIndicatorTimer = null;
+    setMainLoading(false);
+  }
+
+  function firstNextMatchingSibling(element, selector) {
+    var current = element;
+    while (current) {
+      current = current.nextElementSibling;
+      if (current && current.matches(selector)) return current;
+    }
+    return null;
+  }
+
+  function ready(callback) {
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", callback, { once: true });
+    } else {
+      callback();
+    }
+  }
+
+  function createSourceLinks() {
+    queryAll(".method_details_list .source_code").forEach(function(sourceCode) {
+      var toggleWrapper = document.createElement("span");
+      var link = document.createElement("a");
+
+      toggleWrapper.className = "showSource";
+      toggleWrapper.appendChild(document.createTextNode("["));
+      toggleWrapper.appendChild(link);
+      toggleWrapper.appendChild(document.createTextNode("]"));
+
+      link.href = "#";
+      link.className = "toggleSource";
+      link.textContent = "View source";
+
+      link.addEventListener("click", function(event) {
+        event.preventDefault();
+        var expanded = isVisible(sourceCode);
+        toggleDisplay(sourceCode, !expanded, "table");
+        link.textContent = expanded ? "View source" : "Hide source";
+      });
+
+      sourceCode.parentNode.insertBefore(toggleWrapper, sourceCode);
     });
-    window.addEventListener("message", function (e) {
-      if (e.data === "navEscape") {
-        $("#nav").slideUp(100);
-        $("#search a").removeClass("active inactive");
-        $(window).focus();
-      }
+  }
+
+  function createDefineLinks() {
+    queryAll(".defines").forEach(function(defines) {
+      var toggleLink = document.createElement("a");
+      var summary = defines.parentElement.previousElementSibling;
+
+      toggleLink.href = "#";
+      toggleLink.className = "toggleDefines";
+      toggleLink.textContent = "more...";
+      defines.insertAdjacentText("afterend", " ");
+      defines.insertAdjacentElement("afterend", toggleLink);
+
+      toggleLink.addEventListener("click", function(event) {
+        event.preventDefault();
+        var expanded = toggleLink.dataset.expanded === "true";
+
+        if (!expanded) {
+          toggleLink.dataset.height = String(summary.offsetHeight);
+          defines.style.display = "inline";
+          summary.style.height = toggleLink.parentElement.offsetHeight + "px";
+          toggleLink.textContent = "(less)";
+          toggleLink.dataset.expanded = "true";
+        } else {
+          defines.style.display = "none";
+          if (toggleLink.dataset.height) {
+            summary.style.height = toggleLink.dataset.height + "px";
+          }
+          toggleLink.textContent = "more...";
+          toggleLink.dataset.expanded = "false";
+        }
+      });
     });
+  }
 
-    $(window).resize(function () {
-      if ($("#search:visible").length === 0) {
-        $("#nav").removeAttr("style");
-        $("#search a").removeClass("active inactive");
-        $(window).focus();
-      }
+  function createFullTreeLinks() {
+    queryAll(".inheritanceTree").forEach(function(toggleLink) {
+      var container = toggleLink.parentElement;
+      var tree = container.previousElementSibling;
+
+      toggleLink.addEventListener("click", function(event) {
+        event.preventDefault();
+        var expanded = toggleLink.dataset.expanded === "true";
+
+        if (!expanded) {
+          toggleLink.dataset.height = String(tree.offsetHeight);
+          container.classList.add("showAll");
+          toggleLink.textContent = "(hide)";
+          tree.style.height = container.offsetHeight + "px";
+          toggleLink.dataset.expanded = "true";
+        } else {
+          container.classList.remove("showAll");
+          if (toggleLink.dataset.height) {
+            tree.style.height = toggleLink.dataset.height + "px";
+          }
+          toggleLink.textContent = "show all";
+          toggleLink.dataset.expanded = "false";
+        }
+      });
+    });
+  }
+
+  function resetSearchFrame() {
+    var frame = query("#nav");
+
+    if (frame) frame.removeAttribute("style");
+    queryAll("#search a").forEach(function(link) {
+      link.classList.remove("active");
+      link.classList.remove("inactive");
     });
+    window.focus();
   }
 
-  function toggleSearchFrame(id, link) {
-    var frame = $("#nav");
-    $("#search a").removeClass("active").addClass("inactive");
-    if (frame.attr("src") === link && frame.css("display") !== "none") {
-      frame.slideUp(100);
-      $("#search a").removeClass("active inactive");
+  function toggleSearchFrame(linkElement, link) {
+    var frame = query("#nav");
+
+    if (!frame) return;
+
+    queryAll("#search a").forEach(function(searchLink) {
+      searchLink.classList.remove("active");
+      searchLink.classList.add("inactive");
+    });
+
+    if (frame.getAttribute("src") === link && isVisible(frame)) {
+      frame.style.display = "none";
+      queryAll("#search a").forEach(function(searchLink) {
+        searchLink.classList.remove("active");
+        searchLink.classList.remove("inactive");
+      });
     } else {
-      $(id).addClass("active").removeClass("inactive");
-      if (frame.attr("src") !== link) frame.attr("src", link);
-      frame.slideDown(100);
+      linkElement.classList.add("active");
+      linkElement.classList.remove("inactive");
+      if (frame.getAttribute("src") !== link) frame.setAttribute("src", link);
+      frame.style.display = "block";
     }
   }
 
+  function searchFrameButtons() {
+    queryAll(".full_list_link").forEach(function(link) {
+      if (link.dataset.yardSearchFrameBound === "true") return;
+
+      link.addEventListener("click", function(event) {
+        event.preventDefault();
+        toggleSearchFrame(link, link.getAttribute("href"));
+      });
+
+      link.dataset.yardSearchFrameBound = "true";
+    });
+
+    if (appState.searchFrameGlobalsBound) return;
+
+    window.addEventListener("message", function(event) {
+      if (event.data === "navEscape") resetSearchFrame();
+    });
+
+    window.addEventListener("resize", function() {
+      if (!isVisible(query("#search"))) resetSearchFrame();
+    });
+
+    appState.searchFrameGlobalsBound = true;
+  }
+
   function linkSummaries() {
-    $(".summary_signature").click(function () {
-      document.location = $(this).find("a").attr("href");
+    queryAll(".summary_signature").forEach(function(signature) {
+      signature.addEventListener("click", function(event) {
+        if (event.target.closest("a")) return;
+        var link = signature.querySelector("a");
+        if (link) document.location = link.getAttribute("href");
+      });
     });
   }
 
-  function summaryToggle() {
-    $(".summary_toggle").click(function (e) {
-      e.preventDefault();
-      localStorage.summaryCollapsed = $(this).text();
-      $(".summary_toggle").each(function () {
-        $(this).text($(this).text() == "collapse" ? "expand" : "collapse");
-        var next = $(this).parent().parent().nextAll("ul.summary").first();
-        if (next.hasClass("compact")) {
-          next.toggle();
-          next.nextAll("ul.summary").first().toggle();
-        } else if (next.hasClass("summary")) {
-          var list = $('<ul class="summary compact" />');
-          list.html(next.html());
-          list.find(".summary_desc, .note").remove();
-          list.find("a").each(function () {
-            $(this).html($(this).find("strong").html());
-            $(this).parent().html($(this)[0].outerHTML);
-          });
-          next.before(list);
-          next.toggle();
-        }
+  function toggleSummaryCollection(toggleSelector, listSelector, cloneBuilder) {
+    queryAll(toggleSelector).forEach(function(toggleLink) {
+      toggleLink.addEventListener("click", function(event) {
+        event.preventDefault();
+        safeLocalStorage.summaryCollapsed = toggleLink.textContent;
+
+        queryAll(toggleSelector).forEach(function(link) {
+          link.textContent =
+            link.textContent === "collapse" ? "expand" : "collapse";
+
+          var container = link.parentElement.parentElement;
+          var next = firstNextMatchingSibling(container, listSelector);
+
+          if (!next) return;
+
+          if (next.classList.contains("compact")) {
+            var fullList = firstNextMatchingSibling(next, listSelector);
+            toggleDisplay(next, !isVisible(next));
+            toggleDisplay(fullList, !isVisible(fullList));
+          } else {
+            var compactList = cloneBuilder(next.cloneNode(true));
+            next.parentNode.insertBefore(compactList, next);
+            toggleDisplay(next, false);
+          }
+        });
       });
-      return false;
     });
-    if (localStorage.summaryCollapsed == "collapse") {
-      $(".summary_toggle").first().click();
+  }
+
+  function buildCompactSummary(list) {
+    list.className = "summary compact";
+
+    queryAll(".summary_desc, .note", list).forEach(function(node) {
+      node.remove();
+    });
+
+    queryAll("a", list).forEach(function(link) {
+      var strong = link.querySelector("strong");
+      if (strong) link.innerHTML = strong.innerHTML;
+      if (link.parentElement) link.parentElement.outerHTML = link.outerHTML;
+    });
+
+    return list;
+  }
+
+  function buildCompactConstants(list) {
+    list.className = "constants compact";
+
+    queryAll("dt", list).forEach(function(node) {
+      var deprecated = !!node.querySelector(".deprecated");
+      node.classList.add("summary_signature");
+      node.textContent = node.textContent.split("=")[0];
+      if (deprecated) node.classList.add("deprecated");
+    });
+
+    queryAll("pre.code", list).forEach(function(pre) {
+      var dtElement = pre.parentElement.previousElementSibling;
+      var tooltip = pre.textContent;
+      if (dtElement.classList.contains("deprecated")) {
+        tooltip = "Deprecated. " + tooltip;
+      }
+      dtElement.setAttribute("title", tooltip);
+    });
+
+    queryAll(".docstring, .tags, dd", list).forEach(function(node) {
+      node.remove();
+    });
+
+    return list;
+  }
+
+  function summaryToggle() {
+    toggleSummaryCollection(".summary_toggle", "ul.summary", buildCompactSummary);
+
+    if (safeLocalStorage.summaryCollapsed === "collapse") {
+      var toggle = query(".summary_toggle");
+      if (toggle) toggle.click();
     } else {
-      localStorage.summaryCollapsed = "expand";
+      safeLocalStorage.summaryCollapsed = "expand";
     }
   }
 
   function constantSummaryToggle() {
-    $(".constants_summary_toggle").click(function (e) {
-      e.preventDefault();
-      localStorage.summaryCollapsed = $(this).text();
-      $(".constants_summary_toggle").each(function () {
-        $(this).text($(this).text() == "collapse" ? "expand" : "collapse");
-        var next = $(this).parent().parent().nextAll("dl.constants").first();
-        if (next.hasClass("compact")) {
-          next.toggle();
-          next.nextAll("dl.constants").first().toggle();
-        } else if (next.hasClass("constants")) {
-          var list = $('<dl class="constants compact" />');
-          list.html(next.html());
-          list.find("dt").each(function () {
-            $(this).addClass("summary_signature");
-            $(this).text($(this).text().split("=")[0]);
-            if ($(this).has(".deprecated").length) {
-              $(this).addClass("deprecated");
-            }
-          });
-          // Add the value of the constant as "Tooltip" to the summary object
-          list.find("pre.code").each(function () {
-            var dt_element = $(this).parent().prev();
-            var tooltip = $(this).text();
-            if (dt_element.hasClass("deprecated")) {
-              tooltip = "Deprecated. " + tooltip;
-            }
-            dt_element.attr("title", tooltip);
-          });
-          list.find(".docstring, .tags, dd").remove();
-          next.before(list);
-          next.toggle();
-        }
-      });
-      return false;
-    });
-    if (localStorage.summaryCollapsed == "collapse") {
-      $(".constants_summary_toggle").first().click();
+    toggleSummaryCollection(
+      ".constants_summary_toggle",
+      "dl.constants",
+      buildCompactConstants
+    );
+
+    if (safeLocalStorage.summaryCollapsed === "collapse") {
+      var toggle = query(".constants_summary_toggle");
+      if (toggle) toggle.click();
     } else {
-      localStorage.summaryCollapsed = "expand";
+      safeLocalStorage.summaryCollapsed = "expand";
     }
   }
 
   function generateTOC() {
-    if ($("#filecontents").length === 0) return;
-    var _toc = $('<ol class="top"></ol>');
-    var show = false;
-    var toc = _toc;
+    var fileContents = query("#filecontents");
+    var content = query("#content");
+
+    if (!fileContents || !content) return;
+
+    var topLevel = document.createElement("ol");
+    var currentList = topLevel;
+    var currentItem;
     var counter = 0;
-    var tags = ["h2", "h3", "h4", "h5", "h6"];
-    var i;
-    var curli;
-    if ($("#filecontents h1").length > 1) tags.unshift("h1");
-    for (i = 0; i < tags.length; i++) {
-      tags[i] = "#filecontents " + tags[i];
-    }
-    var lastTag = parseInt(tags[0][1], 10);
-    $(tags.join(", ")).each(function () {
-      if ($(this).parents(".method_details .docstring").length != 0) return;
-      if (this.id == "filecontents") return;
-      show = true;
-      var thisTag = parseInt(this.tagName[1], 10);
-      if (this.id.length === 0) {
-        var proposedId = $(this).attr("toc-id");
-        if (typeof proposedId != "undefined") this.id = proposedId;
-        else {
-          var proposedId = $(this)
-            .text()
-            .replace(/[^a-z0-9-]/gi, "_");
-          if ($("#" + proposedId).length > 0) {
+    var headings = ["h2", "h3", "h4", "h5", "h6"];
+    var hasEntries = false;
+
+    topLevel.className = "top";
+
+    if (queryAll("#filecontents h1").length > 1) headings.unshift("h1");
+
+    var selectors = headings.map(function(tagName) {
+      return "#filecontents " + tagName;
+    });
+
+    var lastLevel = parseInt(headings[0].substring(1), 10);
+
+    queryAll(selectors.join(", ")).forEach(function(heading) {
+      var level;
+      var title;
+      var item;
+
+      if (heading.closest(".method_details .docstring")) return;
+      if (heading.id === "filecontents") return;
+
+      hasEntries = true;
+      level = parseInt(heading.tagName.substring(1), 10);
+
+      if (!heading.id) {
+        var proposedId = heading.getAttribute("toc-id");
+        if (!proposedId) {
+          proposedId = heading.textContent.replace(/[^a-z0-9-]/gi, "_");
+          if (query("#" + proposedId)) {
             proposedId += counter;
-            counter++;
+            counter += 1;
           }
-          this.id = proposedId;
         }
+        heading.id = proposedId;
       }
-      if (thisTag > lastTag) {
-        for (i = 0; i < thisTag - lastTag; i++) {
-          if (typeof curli == "undefined") {
-            curli = $("<li/>");
-            toc.append(curli);
+
+      if (level > lastLevel) {
+        while (level > lastLevel) {
+          if (!currentItem) {
+            currentItem = document.createElement("li");
+            currentList.appendChild(currentItem);
           }
-          toc = $("<ol/>");
-          curli.append(toc);
-          curli = undefined;
+          var nestedList = document.createElement("ol");
+          currentItem.appendChild(nestedList);
+          currentList = nestedList;
+          currentItem = null;
+          lastLevel += 1;
         }
-      }
-      if (thisTag < lastTag) {
-        for (i = 0; i < lastTag - thisTag; i++) {
-          toc = toc.parent();
-          toc = toc.parent();
+      } else if (level < lastLevel) {
+        while (level < lastLevel && currentList.parentElement) {
+          currentList = currentList.parentElement.parentElement;
+          lastLevel -= 1;
         }
       }
-      var title = $(this).attr("toc-title");
-      if (typeof title == "undefined") title = $(this).text();
-      curli = $('<li><a href="#' + this.id + '">' + title + "</a></li>");
-      toc.append(curli);
-      lastTag = thisTag;
+
+      title = heading.getAttribute("toc-title") || heading.textContent;
+      item = document.createElement("li");
+      item.innerHTML = '<a href="#' + heading.id + '">' + title + "</a>";
+      currentList.appendChild(item);
+      currentItem = item;
     });
-    if (!show) return;
-    html =
-      '<div id="toc"><p class="title hide_toc"><a href="#"><strong>Table of Contents</strong></a></p></div>';
-    $("#content").prepend(html);
-    $("#toc").append(_toc);
-    $("#toc .hide_toc").toggle(
-      function () {
-        $("#toc .top").slideUp("fast");
-        $("#toc").toggleClass("hidden");
-        $("#toc .title small").toggle();
-      },
-      function () {
-        $("#toc .top").slideDown("fast");
-        $("#toc").toggleClass("hidden");
-        $("#toc .title small").toggle();
-      }
-    );
+
+    if (!hasEntries) return;
+
+    var toc = document.createElement("div");
+    toc.id = "toc";
+    toc.innerHTML =
+      '<p class="title hide_toc"><a href="#"><strong>Table of Contents</strong></a></p>';
+    content.insertBefore(toc, content.firstChild);
+    toc.appendChild(topLevel);
+
+    var hideLink = query("#toc .hide_toc");
+    if (hideLink) {
+      hideLink.addEventListener("click", function(event) {
+        event.preventDefault();
+        var list = query("#toc .top");
+        var hidden = query("#toc").classList.toggle("hidden");
+        toggleDisplay(list, !hidden);
+        queryAll("#toc .title small").forEach(function(node) {
+          toggleDisplay(node, hidden);
+        });
+      });
+    }
   }
 
   function navResizer() {
-    const resizer = document.getElementById("resizer");
-    resizer.addEventListener(
-      "pointerdown",
-      function (e) {
-        resizer.setPointerCapture(e.pointerId);
-        e.preventDefault();
-        e.stopPropagation();
-      },
-      false
-    );
-    resizer.addEventListener(
-      "pointerup",
-      function (e) {
-        resizer.releasePointerCapture(e.pointerId);
-        e.preventDefault();
-        e.stopPropagation();
-      },
-      false
-    );
-    resizer.addEventListener(
-      "pointermove",
-      function (e) {
-        if ((e.buttons & 1) === 0) {
-          return;
-        }
+    var resizer = document.getElementById("resizer");
 
-        sessionStorage.navWidth = e.pageX.toString();
-        $(".nav_wrap").css("width", Math.max(200, e.pageX));
-        e.preventDefault();
-        e.stopPropagation();
-      },
-      false
-    );
+    if (!resizer) return;
+
+    if (!appState.navResizerBound) {
+      resizer.addEventListener(
+        "pointerdown",
+        function(event) {
+          resizer.setPointerCapture(event.pointerId);
+          event.preventDefault();
+          event.stopPropagation();
+        },
+        false
+      );
+      resizer.addEventListener(
+        "pointerup",
+        function(event) {
+          resizer.releasePointerCapture(event.pointerId);
+          event.preventDefault();
+          event.stopPropagation();
+        },
+        false
+      );
+      resizer.addEventListener(
+        "pointermove",
+        function(event) {
+          if ((event.buttons & 1) === 0) return;
 
-    if (sessionStorage.navWidth) {
-      $(".nav_wrap").css(
-        "width",
-        Math.max(200, parseInt(sessionStorage.navWidth, 10))
+          safeSessionStorage.navWidth = String(event.pageX);
+          queryAll(".nav_wrap").forEach(function(node) {
+            node.style.width = Math.max(200, event.pageX) + "px";
+          });
+          event.preventDefault();
+          event.stopPropagation();
+        },
+        false
       );
+
+      appState.navResizerBound = true;
+    }
+
+    if (safeSessionStorage.navWidth) {
+      queryAll(".nav_wrap").forEach(function(node) {
+        node.style.width =
+          Math.max(200, parseInt(safeSessionStorage.navWidth, 10)) + "px";
+      });
     }
   }
 
   function navExpander() {
     if (typeof pathId === "undefined") return;
-    var done = false,
-      timer = setTimeout(postMessage, 500);
+
+    var frame = document.getElementById("nav");
+    var token = ++appState.navExpanderToken;
+
     function postMessage() {
-      if (done) return;
-      clearTimeout(timer);
-      var opts = { action: "expand", path: pathId };
-      document.getElementById("nav").contentWindow.postMessage(opts, "*");
-      done = true;
+      if (token !== appState.navExpanderToken) return;
+      expandNavPath(pathId);
     }
+
+    clearTimeout(appState.navExpanderTimer);
+    if (frame) frame.addEventListener("load", postMessage, { once: true });
+    appState.navExpanderTimer = setTimeout(postMessage, 50);
   }
 
-  function mainFocus() {
+  function expandNavPath(path) {
+    var frame = document.getElementById("nav");
+
+    if (path == null || !frame || !frame.contentWindow) return;
+    frame.contentWindow.postMessage({ action: "expand", path: path }, "*");
+  }
+
+  function focusHashTarget() {
     var hash = window.location.hash;
-    if (hash !== "" && $(hash)[0]) {
-      $(hash)[0].scrollIntoView();
-    }
+    if (!hash) return;
+
+    var targetId = hash.slice(1);
+    var decodedTargetId = targetId;
 
-    setTimeout(function () {
-      $("#main").focus();
+    try {
+      decodedTargetId = decodeURIComponent(targetId);
+    } catch (error) {}
+
+    var target =
+      document.getElementById(decodedTargetId) ||
+      document.getElementById(targetId);
+
+    if (target) target.scrollIntoView();
+  }
+
+  function mainFocus() {
+    focusHashTarget();
+    setTimeout(function() {
+      var main = query("#main");
+      if (main) main.focus();
     }, 10);
   }
 
   function navigationChange() {
-    // This works around the broken anchor navigation with the YARD template.
-    window.onpopstate = function () {
-      var hash = window.location.hash;
-      if (hash !== "" && $(hash)[0]) {
-        $(hash)[0].scrollIntoView();
-      }
-    };
+    if (appState.navigationChangeBound) return;
+
+    window.onpopstate = focusHashTarget;
+    appState.navigationChangeBound = true;
   }
 
-  $(document).ready(function () {
-    navResizer();
-    navExpander();
-    createSourceLinks();
-    createDefineLinks();
-    createFullTreeLinks();
-    searchFrameButtons();
-    linkSummaries();
-    summaryToggle();
-    constantSummaryToggle();
-    generateTOC();
-    mainFocus();
-    navigationChange();
-  });
-};
-window.__app();
-
-window.addEventListener(
-  "message",
-  async (e) => {
-    if (e.data.action === "navigate") {
-      const response = await fetch(e.data.url);
-      const text = await response.text();
-      const parser = new DOMParser();
-      const doc = parser.parseFromString(text, "text/html");
-
-      const classListLink =
-        document.getElementById("class_list_link").classList;
-
-      const content = doc.querySelector("#main").innerHTML;
-      document.querySelector("#main").innerHTML = content;
-      document.title = doc.head.querySelector("title").innerText;
-      document.head.querySelectorAll("script").forEach((script) => {
-        if (
-          !script.type ||
-          (script.type.includes("text/javascript") && !script.src)
-        ) {
-          script.remove();
-        }
-      });
+  window.__app = function() {
+    ready(function() {
+      navResizer();
+      navExpander();
+      createSourceLinks();
+      createDefineLinks();
+      createFullTreeLinks();
+      searchFrameButtons();
+      linkSummaries();
+      summaryToggle();
+      constantSummaryToggle();
+      generateTOC();
+      mainFocus();
+      navigationChange();
+    });
+  };
 
-      doc.head.querySelectorAll("script").forEach((script) => {
-        if (
-          !script.type ||
-          (script.type.includes("text/javascript") && !script.src)
-        ) {
-          const newScript = document.createElement("script");
-          newScript.type = "text/javascript";
-          newScript.textContent = script.textContent;
-          document.head.appendChild(newScript);
-        }
-      });
+  window.__app();
 
-      window.__app();
+  if (!appState.navigationListenerBound) {
+    window.addEventListener(
+      "message",
+      async function(event) {
+        var navigationId;
+        var response;
+        var text;
+        var parser;
+        var doc;
+        var classListLink;
+        var contentNode;
+        var content;
+        var url;
+        var hash;
 
-      document.getElementById("class_list_link").classList = classListLink;
+        if (!event.data || event.data.action !== "navigate") return;
 
-      const url = new URL(e.data.url, "https://localhost");
-      const hash = decodeURIComponent(url.hash ?? "");
-      if (hash) {
-        document.getElementById(hash.substring(1)).scrollIntoView();
-      }
-      history.pushState({}, document.title, e.data.url);
-    }
-  },
-  false
-);
+        navigationId = ++appState.latestNavigationId;
+        expandNavPath(event.data.path);
+        scheduleMainLoading(navigationId);
+
+        try {
+          response = await fetch(event.data.url);
+          if (navigationId !== appState.latestNavigationId) return;
+
+          text = await response.text();
+          if (navigationId !== appState.latestNavigationId) return;
+
+          parser = new DOMParser();
+          doc = parser.parseFromString(text, "text/html");
+          classListLink = document.getElementById("class_list_link");
+          contentNode = doc.querySelector("#main");
+          if (!contentNode) return;
+          content = contentNode.innerHTML;
+
+          document.querySelector("#main").innerHTML = content;
+          document.title = doc.head.querySelector("title").innerText;
+
+          queryAll("script", document.head).forEach(function(script) {
+            if (
+              !script.type ||
+              (script.type.indexOf("text/javascript") !== -1 && !script.src)
+            ) {
+              script.remove();
+            }
+          });
+
+          queryAll("script", doc.head).forEach(function(script) {
+            if (
+              !script.type ||
+              (script.type.indexOf("text/javascript") !== -1 && !script.src)
+            ) {
+              var newScript = document.createElement("script");
+              newScript.type = "text/javascript";
+              newScript.textContent = script.textContent;
+              document.head.appendChild(newScript);
+            }
+          });
+
+          window.__app();
+          if (navigationId !== appState.latestNavigationId) return;
+
+          if (classListLink && document.getElementById("class_list_link")) {
+            document.getElementById("class_list_link").className =
+              classListLink.className;
+          }
+
+          url = new URL(event.data.url, "http://localhost");
+          hash = decodeURIComponent(url.hash || "");
+          if (hash) {
+            var target = document.getElementById(hash.substring(1));
+            if (target) target.scrollIntoView();
+          }
+          history.pushState({}, document.title, event.data.url);
+        } finally {
+          if (navigationId === appState.latestNavigationId) {
+            cancelMainLoading();
+          }
+        }
+      },
+      false
+    );
+
+    appState.navigationListenerBound = true;
+  }
+})();