/* 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");

  /* The repository bar's menus (oxygenhub#254) are <details>, open without

     this file; here one open menu closes the others, and a click outside or

     Escape closes it. */

  var menus = document.querySelectorAll("[data-tab-menu]");

  function closeMenus(except) {

    menus.forEach(function (m) { if (m !== except) m.open = false; });

  }

  menus.forEach(function (m) {

    m.addEventListener("toggle", function () { if (m.open) closeMenus(m); });

  });

  if (menus.length) {

    document.addEventListener("click", function (ev) {

      if (!ev.target.closest || !ev.target.closest("[data-tab-menu]")) closeMenus(null);

    });

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

      if (ev.key !== "Escape") return;

      var open = document.querySelector("[data-tab-menu][open]");

      if (open) { open.open = false; open.querySelector("summary").focus(); }

    });

  }

  /* 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");

  /* The Markdown editor in GitLab's manner (oxygenhub#193): a Preview tab,

     then icon buttons, fullscreen at the far end, and a footer that says

     Markdown is what it takes. Still a textarea underneath. */

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

    var E = window.EasyMDE;

    function svg(d) { return '<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">' + d + '</svg>'; }

    var I = {

      bold: svg('<path d="M4.5 2.5h4.25a2.75 2.75 0 0 1 0 5.5H4.5zM4.5 8h5a2.75 2.75 0 0 1 0 5.5h-5z"/>'),

      italic: svg('<path d="M6.5 2.5h6M3.5 13.5h6M10 2.5l-4 11"/>'),

      strike: svg('<path d="M2.5 8h11M11 4.5c-.5-1.2-1.7-2-3.2-2-1.9 0-3.3 1-3.3 2.6 0 .9.4 1.5 1.2 2M5 11.5c.5 1.2 1.8 2 3.3 2 2 0 3.4-1.1 3.4-2.7"/>'),

      heading: svg('<path d="M3.5 2.5v11M12.5 2.5v11M3.5 8h9"/>'),

      quote: svg('<path d="M2.5 3.5h11M5.5 8h8M5.5 12.5h8M2.5 7v6"/>'),

      code: svg('<path d="M5.5 4.5 2 8l3.5 3.5M10.5 4.5 14 8l-3.5 3.5"/>'),

      link: svg('<path d="M7 9a3 3 0 0 0 4.2.3l2-2a3 3 0 0 0-4.2-4.2l-1 1M9 7a3 3 0 0 0-4.2-.3l-2 2a3 3 0 0 0 4.2 4.2l1-1"/>'),

      ul: svg('<path d="M6 4h7.5M6 8h7.5M6 12h7.5"/><circle cx="2.75" cy="4" r=".75" fill="currentColor"/><circle cx="2.75" cy="8" r=".75" fill="currentColor"/><circle cx="2.75" cy="12" r=".75" fill="currentColor"/>'),

      ol: svg('<path d="M6.5 4h7M6.5 8h7M6.5 12h7M2 2.5h1v3M2 7.5h1.5L2 9.5h1.5M2 10.5h1.5v3H2M2 12h1.5"/>'),

      task: svg('<rect x="2" y="2.5" width="4" height="4" rx=".75"/><path d="m2.75 11 1 1 1.75-2M8.5 4.5h5M8.5 11.5h5"/>'),

      table: svg('<rect x="2" y="2.5" width="12" height="11" rx="1"/><path d="M2 6.5h12M2 10h12M6.5 6.5v7"/>'),

      full: svg('<path d="M2.5 6V2.5H6M10 2.5h3.5V6M13.5 10v3.5H10M6 13.5H2.5V10"/>')

    };

    function b(name, action, title, icon, text) { return { name: name, action: action, title: title, icon: icon ? '<span class="mde-ico">' + icon + '</span>' : undefined, text: text, className: "mde-btn" + (text ? " mde-text" : "") }; }

    function task(ed) {

      var cm = ed.codemirror, from = cm.getCursor("from"), to = cm.getCursor("to");

      for (var l = from.line; l <= to.line; l++) {

        var line = cm.getLine(l), m = line.match(/^(\s*)[-*] \[[ xX]\] /);

        if (m) cm.replaceRange(m[1], { line: l, ch: 0 }, { line: l, ch: m[0].length });

        else cm.replaceRange("- [ ] ", { line: l, ch: (line.match(/^\s*/) || [""])[0].length });

      }

      cm.focus();

    }

    var toolbar = [b("preview", E.togglePreview, "Preview", null, "Preview"), "|",

      b("bold", E.toggleBold, "Bold (Ctrl+B)", I.bold), b("italic", E.toggleItalic, "Italic (Ctrl+I)", I.italic), b("strikethrough", E.toggleStrikethrough, "Strikethrough", I.strike), b("heading", E.toggleHeadingSmaller, "Heading", I.heading), "|",

      b("quote", E.toggleBlockquote, "Quote", I.quote), b("code", E.toggleCodeBlock, "Code", I.code), b("link", E.drawLink, "Link (Ctrl+K)", I.link), "|",

      b("unordered-list", E.toggleUnorderedList, "Bullet list", I.ul), b("ordered-list", E.toggleOrderedList, "Numbered list", I.ol), b("task-list", task, "Task list", I.task), b("table", E.drawTable, "Table", I.table), "|",

      b("fullscreen", E.toggleFullScreen, "Fullscreen", I.full)];

    mds.forEach(function (t) {

      t._mde = new E({ element: t, spellChecker: false, status: false, forceSync: true, autoDownloadFontAwesome: false, toolbar: toolbar,

        placeholder: t.getAttribute("placeholder") || "Write in Markdown…", minHeight: "120px", sideBySideFullscreen: false });

      var c = t._mde.element.parentNode.querySelector(".EasyMDEContainer") || t.nextElementSibling;

      if (c && c.classList.contains("EasyMDEContainer")) {

        var f = document.createElement("div");

        f.className = "mde-foot small mute";

        f.innerHTML = '<span>Markdown supported</span><span class="mde-md" title="Markdown" aria-hidden="true">M↓</span>';

        c.appendChild(f);

      }

    });

    /* An editor shown later (a :target edit form) lays itself out again. */

    window.addEventListener("hashchange", function () { mds.forEach(function (t) { if (t._mde) setTimeout(function () { t._mde.codemirror.refresh(); }, 0); }); });

  });

  /* Mermaid diagrams (```mermaid blocks in Markdown): drawn by the hub's own

     copy of Mermaid, loaded only on pages that have one, in strict mode (no

     scripts or HTML from the diagram), in the page's theme. A diagram that

     does not parse stays as its source, with Mermaid's reason under it. */

  var diagrams = document.querySelectorAll("pre > code.language-mermaid");

  if (diagrams.length) load("/static/vendor/mermaid.min.js").then(function () {

    var m = window.mermaid, dark = document.documentElement.dataset.theme === "dark";

    m.initialize({ startOnLoad: false, securityLevel: "strict", suppressErrorRendering: true, theme: dark ? "dark" : "default" });

    diagrams.forEach(function (code, i) {

      var pre = code.parentNode, source = code.textContent;

      m.render("mermaid-" + i, source).then(function (r) {

        var fig = document.createElement("figure");

        fig.className = "mermaid-diagram";

        fig.innerHTML = r.svg;

        fig.setAttribute("aria-label", "Diagram");

        pre.replaceWith(fig);

      }).catch(function (e) {

        var note = document.createElement("p");

        note.className = "small warn";

        note.textContent = "This diagram could not be drawn: " + ((e && e.message) || e);

        pre.after(note);

      });

    });

  });

  /* Report frames (#127): a report's page says how tall it is, and the

     frame grows to fit; the frame is told the theme, at start and on a

     change. Only messages from the frame itself are taken. */

  var frames = document.querySelectorAll("iframe.rep-frame");

  var themeToFrames = function () {

    frames.forEach(function (f) { if (f.contentWindow) f.contentWindow.postMessage({ oxygenhubTheme: document.documentElement.dataset.theme || "dark" }, "*"); });

  };

  if (frames.length) window.addEventListener("message", function (e) {

    frames.forEach(function (f) {

      if (e.source !== f.contentWindow) return;

      var r = e.data && e.data.oxygenhubReport;

      if (!r) return;

      if (r.ready) themeToFrames();

      if (typeof r.height === "number" && r.height > 0) {

        f.style.height = Math.min(Math.max(r.height, 120), 40000) + "px";

        f.classList.add("sized");

      }

    });

  });

  /* Report frames ask for runs (#127, RP4): report.run() is the run on

     screen, report.history(dataset) that file of data/ across the runs,

     oldest first. Answered only to the frame itself, from the files of

     this report's own runs. */

  if (frames.length) window.addEventListener("message", function (e) {

    frames.forEach(function (f) {

      if (e.source !== f.contentWindow) return;

      var ask = e.data && e.data.oxygenhubAsk;

      if (!ask) return;

      var runs = []; try { runs = JSON.parse(f.dataset.reportRuns || "[]"); } catch (_) {}

      var current = Number(f.dataset.reportCurrent);

      var reply = function (body) { f.contentWindow.postMessage({ oxygenhubAnswer: { n: ask.n, value: body.value, error: body.error } }, "*"); };

      var meta = function (r) { return { run: r.run, bookmark: r.bookmark, created_ms: r.created_ms, summary: r.summary, current: r.id === current }; };

      if (ask.what === "run") {

        var r = runs.filter(function (x) { return x.id === current; })[0];

        reply({ value: r ? meta(r) : null });

      } else if (ask.what === "history" && typeof ask.dataset === "string" && /^[A-Za-z0-9._+-]+(\/[A-Za-z0-9._+-]+)*$/.test(ask.dataset)) {

        Promise.all(runs.map(function (r) {

          return fetch(r.files + "/data/" + ask.dataset).then(function (res) { return res.ok ? res.text() : null; }).catch(function () { return null; })

            .then(function (text) { var m = meta(r); m.text = text; return m; });

        })).then(function (all) { reply({ value: all.filter(function (x) { return x.text !== null; }) }); });

      } else {

        reply({ error: "ask for run, or history with a file name under data/" });

      }

    });

  });

  /* The report timeline (#127, RP4): arrow keys step through the runs,

     Play steps on by itself at the chosen speed, carried in the URL. */

  var tl = document.querySelector("[data-timeline]");

  if (tl) {

    var stops = Array.prototype.slice.call(tl.querySelectorAll("[data-tl-stop]"));

    var at = stops.findIndex(function (a) { return a.classList.contains("on"); });

    var go = function (i, play) {

      if (i < 0 || i >= stops.length) return;

      var u = new URL(stops[i].href, location.href);

      if (play) u.searchParams.set("play", play); else u.searchParams.delete("play");

      location.href = u.toString();

    };

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

      if (e.target.closest("input, select, textarea, [contenteditable]")) return;

      if (e.key === "ArrowLeft") { e.preventDefault(); go(at - 1, tl.dataset.play); }

      if (e.key === "ArrowRight") { e.preventDefault(); go(at + 1, tl.dataset.play); }

    });

    var speed = tl.querySelector("[data-tl-speed]"), button = tl.querySelector("[data-tl-play]");

    if (button) button.addEventListener("click", function () {

      if (tl.dataset.play) { go(at, null); return; }

      go(at >= stops.length - 1 ? 0 : at + 1, speed ? speed.value : "2");

    });

    if (speed) speed.addEventListener("change", function () { if (tl.dataset.play) go(at, speed.value); });

    if (tl.dataset.play) {

      var next = at + 1;

      if (next < stops.length) setTimeout(function () { go(next, tl.dataset.play); }, Number(tl.dataset.play) * 1000);

      else setTimeout(function () { go(at, null); }, Number(tl.dataset.play) * 1000);

    }

  }

  /* Theme switch in the header: dark, light, auto (follows the system); kept in the theme cookie. */

  var toggle = document.querySelector("[data-theme-toggle]");

  if (toggle) {

    var root = document.documentElement, order = ["light", "dark", "auto"], glyph = { dark: "◐", light: "☀", auto: "◑" };

    var show = function () {

      var p = root.dataset.themePref || "light";

      toggle.title = "Theme: " + p + " (click to change)";

      toggle.setAttribute("aria-label", toggle.title);

      toggle.firstElementChild.textContent = glyph[p];

    };

    show();

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

      var p = order[(order.indexOf(root.dataset.themePref || "light") + 1) % order.length];

      document.cookie = "theme=" + p + "; path=/; max-age=31536000; samesite=lax";

      root.dataset.themePref = p;

      root.dataset.theme = p === "auto" ? (window.matchMedia && matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark") : p;

      show();

      themeToFrames();

    });

  }

  /* Diffs: unified or split (remembered in the diff cookie), collapse all. */

  var diffs = document.querySelectorAll("table.code.diff");

  if (diffs.length) {

    var pane = function (tr, col, side) {

      var n = document.createElement("td"), t = document.createElement("td");

      n.className = "n"; t.className = "t" + (side === "right" ? " mid" : "");

      if (!tr) { n.className += " none"; t.className += " none"; return [n, t]; }

      var kind = tr.classList.contains("add") ? "add" : tr.classList.contains("del") ? "del" : "ctx";

      if (kind !== "ctx") { n.className += " " + kind; t.className += " " + kind; }

      n.textContent = tr.cells[col].textContent;

      t.innerHTML = tr.cells[3].innerHTML;

      // Line comments belong to the projected (right) side only.

      if (side === "left") t.querySelectorAll(".linecomment").forEach(function (d) { d.remove(); });

      return [n, t];

    };

    var split = function (table) {

      var s = document.createElement("table");

      s.className = "code diff split";

      s.innerHTML = '<colgroup><col class="n"><col><col class="n"><col></colgroup>';

      var rows = [].slice.call(table.rows), i = 0;

      var add = function (l, r) {

        var tr = s.insertRow();

        pane(l, 0, "left").concat(pane(r, 1, "right")).forEach(function (c) { tr.appendChild(c); });

      };

      while (i < rows.length) {

        var r = rows[i];

        if (r.classList.contains("del") || r.classList.contains("add")) {

          var dels = [], adds = [];

          while (i < rows.length && rows[i].classList.contains("del")) dels.push(rows[i++]);

          while (i < rows.length && rows[i].classList.contains("add")) adds.push(rows[i++]);

          for (var k = 0; k < Math.max(dels.length, adds.length); k++) add(dels[k], adds[k]);

          continue;

        }

        if (r.classList.contains("gap") || r.querySelector("td.thread")) {

          var tr = s.insertRow(), td = tr.insertCell();

          tr.className = r.className; td.colSpan = 4; td.className = r.cells[r.cells.length - 1].className;

          td.innerHTML = r.cells[r.cells.length - 1].innerHTML;

        } else {

          add(r, r);

        }

        i++;

      }

      return s;

    };

    var cookieMode = (document.cookie.match(/(?:^|; )diff=(split|unified)/) || [])[1] || "unified";

    var apply = function (mode) {

      diffs.forEach(function (t) {

        if (mode === "split" && !t._split) { t._split = split(t); t.parentNode.insertBefore(t._split, t.nextSibling); }

        t.hidden = mode === "split";

        if (t._split) t._split.hidden = mode !== "split";

      });

      document.querySelectorAll("[data-diff-mode]").forEach(function (a) { a.classList.toggle("on", a.getAttribute("data-diff-mode") === mode); });

    };

    document.querySelectorAll("[data-diff-modes], [data-diff-collapse]").forEach(function (e) { e.hidden = false; });

    document.querySelectorAll("[data-diff-mode]").forEach(function (a) {

      a.addEventListener("click", function (ev) {

        ev.preventDefault();

        var mode = a.getAttribute("data-diff-mode");

        document.cookie = "diff=" + mode + "; path=/; max-age=31536000; samesite=lax";

        apply(mode);

      });

    });

    document.querySelectorAll("[data-diff-collapse]").forEach(function (a) {

      a.addEventListener("click", function (ev) {