/* Progressive enhancement only: every page works without this file. */

(function () {

  "use strict";

  /* The band's active tab: the longest link that prefixes the path. */

  var p = location.pathname, best = null;

  document.querySelectorAll(".band a").forEach(function (a) {

    var h = a.getAttribute("href");

    if (h !== "/" && (p === h || p.indexOf(h + "/") === 0) && (!best || h.length > best.getAttribute("href").length)) best = a;

  });

  if (best) best.classList.add("on");

  /* Off-the-shelf editors, loaded only where a page asks for them:

     CodeMirror 6 over textarea.code, EasyMDE over textarea.md. */

  function load(src, css) {

    return new Promise(function (ok) {

      if (css) { var l = document.createElement("link"); l.rel = "stylesheet"; l.href = css; document.head.appendChild(l); }

      var s = document.createElement("script"); s.src = src; s.onload = ok; document.head.appendChild(s);

    });

  }

  if (document.querySelector("textarea.code")) load("/static/vendor/editor.js");

  var mds = document.querySelectorAll("textarea.md");

  if (mds.length) load("/static/vendor/easymde.min.js", "/static/vendor/easymde.min.css").then(function () {

    var E = window.EasyMDE;

    function b(name, action, text, title) { return { name: name, action: action, text: text, title: title, className: "mde-btn" }; }

    var toolbar = [b("bold", E.toggleBold, "B", "Bold"), b("italic", E.toggleItalic, "I", "Italic"), b("heading", E.toggleHeadingSmaller, "H", "Heading"), "|",

      b("code", E.toggleCodeBlock, "</>", "Code"), b("quote", E.toggleBlockquote, "“", "Quote"), b("ul", E.toggleUnorderedList, "•", "List"), b("ol", E.toggleOrderedList, "1.", "Numbered list"), "|",

      b("link", E.drawLink, "link", "Link"), "|", b("preview", E.togglePreview, "preview", "Preview")];

    mds.forEach(function (t) { new E({ element: t, spellChecker: false, status: false, forceSync: true, autoDownloadFontAwesome: false, toolbar: toolbar }); });

  });

  /* Copy buttons. */

  document.querySelectorAll("[data-copy]").forEach(function (b) {

    b.addEventListener("click", function () {

      navigator.clipboard.writeText(b.getAttribute("data-copy")).then(function () {

        var t = b.textContent; b.textContent = "copied"; setTimeout(function () { b.textContent = t; }, 1200);

      });

    });

  });

  /* Tree rows: the last change per entry, fetched after the page paints. */

  var tree = document.querySelector("table.tree[data-last]");

  if (tree) {

    var paths = [].map.call(tree.querySelectorAll("tr[data-path]"), function (r) { return r.getAttribute("data-path"); });

    if (paths.length) {

      fetch(tree.getAttribute("data-last") + "?paths=" + encodeURIComponent(paths.join(",")), { credentials: "same-origin" })

        .then(function (r) { return r.json(); })

        .then(function (rows) {

          rows.forEach(function (c) {

            var tr = tree.querySelector('tr[data-path="' + CSS.escape(c.path) + '"]');

            if (!tr) return;

            var a = tr.querySelector("td.last a"), t = tr.querySelector("td.age");

            if (a) { a.textContent = c.title; a.href = tree.getAttribute("data-change") + c.hash; }

            if (t) { t.textContent = c.ago; t.title = c.when; }

          });

        }).catch(function () {});

    }

  }

  /* Line anchors: #L12 or #L12-L20 highlight a range and clicking a number selects. */

  function mark() {

    var m = location.hash.match(/^#L(\d+)(?:-L(\d+))?$/);

    document.querySelectorAll("tr.hl").forEach(function (r) { r.classList.remove("hl"); });

    if (!m) return;

    var a = +m[1], b = +(m[2] || m[1]);

    for (var i = Math.min(a, b); i <= Math.max(a, b); i++) {

      var row = document.getElementById("L" + i);

      if (row) row.classList.add("hl");

    }

    var first = document.getElementById("L" + Math.min(a, b));

    if (first && !mark.done) { first.scrollIntoView({ block: "center" }); mark.done = true; }

  }

  window.addEventListener("hashchange", mark);

  mark();

  document.querySelectorAll("table.code td.n").forEach(function (td) {

    td.addEventListener("click", function (e) {

      var n = td.parentNode.id;

      if (e.shiftKey && location.hash.match(/^#L(\d+)/)) location.hash = location.hash.replace(/^#(L\d+).*/, "$1-" + n);

      else location.hash = n;

    });

  });

  /* Keyboard: / focuses search; g c / g p / g i jump; ? shows the sheet. */

  var pending = null;

  document.addEventListener("keydown", function (e) {

    if (e.target && /^(INPUT|TEXTAREA|SELECT)$/.test(e.target.tagName)) return;

    if (e.key === "/") { var s = document.querySelector("input[name=q]"); if (s) { e.preventDefault(); s.focus(); } return; }

    if (e.key === "?") { var k = document.getElementById("keys"); if (k) k.hidden = !k.hidden; return; }

    var repo = document.body.getAttribute("data-repo");

    if (pending === "g" && repo) {

      var to = { c: "", p: "/proposals", i: "/issues", h: "/changes/" + (document.body.getAttribute("data-ref") || "main"), b: "/bookmarks", t: "/trust" }[e.key];

      if (to !== undefined) location.href = repo + to;

      pending = null; return;

    }

    pending = e.key === "g" ? "g" : null;

  });

})();