(function (jtd, undefined) {

// Switch theme

jtd.setTheme = function(theme) {
  if (!theme || theme === 'null') theme = 'dark';
  window.localStorage.setItem('theme', theme);
  var cssFile = document.querySelector('[rel="stylesheet"]');
  cssFile.setAttribute('href', '/assets/css/just-the-docs-' + theme + '.css');
}

// Event handling

jtd.addEvent = function(el, type, handler) {
  if (el.attachEvent) el.attachEvent('on'+type, handler); else el.addEventListener(type, handler);
}
jtd.removeEvent = function(el, type, handler) {
  if (el.detachEvent) el.detachEvent('on'+type, handler); else el.removeEventListener(type, handler);
}
jtd.onReady = function(ready) {
  // in case the document is already rendered
  if (document.readyState!='loading') ready();
  // modern browsers
  else if (document.addEventListener) document.addEventListener('DOMContentLoaded', ready);
  // IE <= 8
  else document.attachEvent('onreadystatechange', function(){
      if (document.readyState=='complete') ready();
  });
}

// Show/hide mobile menu

function initNav() {
  jtd.addEvent(document, 'click', function(e){
    var target = e.target;
    while (target && !(target.classList && target.classList.contains('nav-list-expander'))) {
      target = target.parentNode;
    }
    if (target) {
      e.preventDefault();
      target.parentNode.classList.toggle('active');
    }
  });

  for (const btn of document.getElementsByClassName('theme-dark-button')) {
    btn.addEventListener('click', () => jtd.setTheme('dark'));
  }
  for (const btn of document.getElementsByClassName('theme-light-button')) {
    btn.addEventListener('click', () => jtd.setTheme('light'));
  }

  const oReq = new XMLHttpRequest();
  oReq.addEventListener("load", function () {
    const stargazers = parseFloat(JSON.parse(this.responseText).stargazers_count);
    document.getElementById('star-button').innerHTML = "⭐️ "+Math.floor(stargazers/100)/10+"k";
  });
  oReq.open("GET", "https://api.github.com/repos/danog/madelineproto");
  oReq.send();
  
  const siteNav = document.getElementById('site-nav');
  const mainHeader = document.getElementById('main-header');
  const menuButton = document.getElementById('menu-button');

  jtd.addEvent(menuButton, 'click', function(e){
    e.preventDefault();

    if (menuButton.classList.toggle('nav-open')) {
      siteNav.classList.add('nav-open');
      mainHeader.classList.add('nav-open');
    } else {
      siteNav.classList.remove('nav-open');
      mainHeader.classList.remove('nav-open');
    }
  });

  const searchInput = document.getElementById('search-input');
  const searchButton = document.getElementById('search-button');

  jtd.addEvent(searchButton, 'click', function(e){
    e.preventDefault();

    mainHeader.classList.add('nav-open');
    searchInput.focus();
  });

  jtd.addEvent(searchInput, 'focus', function(){
    initSearch(function () {
      setTimeout(update, 0);
    });
  });

  jtd.addEvent(searchInput, 'keyup', function(e){
    initSearch(function () {
      switch (e.keyCode) {
        case 27: // When esc key is pressed, hide the results and clear the field
          searchInput.value = '';
          break;
        case 38: // arrow up
        case 40: // arrow down
        case 13: // enter
          e.preventDefault();
          return;
      }
      update();
    });
  });

  jtd.addEvent(searchInput, 'keydown', function(e){
    initSearch(function () {
      switch (e.keyCode) {
        case 38: // arrow up
          e.preventDefault();
          var active = document.querySelector('.search-result.active');
          if (active) {
            active.classList.remove('active');
            if (active.parentElement.previousSibling) {
              var previous = active.parentElement.previousSibling.querySelector('.search-result');
              previous.classList.add('active');
            }
          }
          return;
        case 40: // arrow down
          e.preventDefault();
          var active = document.querySelector('.search-result.active');
          if (active) {
            if (active.parentElement.nextSibling) {
              var next = active.parentElement.nextSibling.querySelector('.search-result');
              active.classList.remove('active');
              next.classList.add('active');
            }
          } else {
            var next = document.querySelector('.search-result');
            if (next) {
              next.classList.add('active');
            }
          }
          return;
        case 13: // enter
          e.preventDefault();
          var active = document.querySelector('.search-result.active');
          if (active) {
            active.click();
          } else {
            var first = document.querySelector('.search-result');
            if (first) {
              first.click();
            }
          }
          return;
      }
    });
  });

  jtd.addEvent(document, 'click', function(e){
    if (e.target != searchInput) {
      hideSearch();
    }
  });
}

// Site search

function initSearch(cb) {
  if (window.searchDbLoaded) {
    cb();
    return;
  }
  var request = new XMLHttpRequest();
  request.open('GET', '/assets/js/search-data.json', true);

  request.onload = function(){
    if (request.status >= 200 && request.status < 400) {
      var docs = JSON.parse(request.responseText);
      
      lunr.tokenizer.separator = /[\s\-/]+/

      var index = lunr(function(){
        this.ref('id');
        this.field('title', { boost: 200 });
        this.field('content', { boost: 2 });
        
        this.field('relUrl');
        
        this.metadataWhitelist = ['position']

        for (var i in docs) {
          this.add({
            id: i,
            title: docs[i].title,
            content: docs[i].content,
            
            relUrl: docs[i].relUrl
            
          });
        }
      });

      window.index = index;
      window.docs = docs;
      window.searchDbLoaded = true;
      cb();
    } else {
      console.log('Error loading ajax request. Request status:' + request.status);
    }
  };

  request.onerror = function(){
    console.log('There was a connection error');
  };

  request.send();
}

var searchInput = document.getElementById('search-input');
var searchResults = document.getElementById('search-results');
var mainHeader = document.getElementById('main-header');
var currentInput;
var currentSearchIndex = 0;

function showSearch() {
  document.documentElement.classList.add('search-active');
}

function hideSearch() {
  document.documentElement.classList.remove('search-active');
}

function update() {
  currentSearchIndex++;

  var input = searchInput.value;
  if (input === '') {
    hideSearch();
  } else {
    showSearch();
    // scroll search input into view, workaround for iOS Safari
    window.scroll(0, -1);
    setTimeout(function(){ window.scroll(0, 0); }, 0);
  }
  if (input === currentInput) {
    return;
  }
  currentInput = input;
  searchResults.innerHTML = '';
  if (input === '') {
    return;
  }

  var results = window.index.query(function (query) {
    var tokens = lunr.tokenizer(input)
    query.term(tokens, {
      boost: 10
    });
    query.term(tokens, {
      wildcard: lunr.Query.wildcard.TRAILING
    });
  });

  if ((results.length == 0) && (input.length > 2)) {
    var tokens = lunr.tokenizer(input).filter(function(token, i) {
      return token.str.length < 20;
    })
    if (tokens.length > 0) {
      results = window.index.query(function (query) {
        query.term(tokens, {
          editDistance: Math.round(Math.sqrt(input.length / 2 - 1))
        });
      });
    }
  }

  if (results.length == 0) {
    var noResultsDiv = document.createElement('div');
    noResultsDiv.classList.add('search-no-result');
    noResultsDiv.innerText = 'No results found';
    searchResults.appendChild(noResultsDiv);

  } else {
    var resultsList = document.createElement('ul');
    resultsList.classList.add('search-results-list');
    searchResults.appendChild(resultsList);

    addResults(resultsList, results, 0, 10, 100, currentSearchIndex);
  }

  function addResults(resultsList, results, start, batchSize, batchMillis, searchIndex) {
    if (searchIndex != currentSearchIndex) {
      return;
    }
    for (var i = start; i < (start + batchSize); i++) {
      if (i == results.length) {
        return;
      }
      addResult(resultsList, results[i]);
    }
    setTimeout(function() {
      addResults(resultsList, results, start + batchSize, batchSize, batchMillis, searchIndex);
    }, batchMillis);
  }

  function addResult(resultsList, result) {
    var doc = window.docs[result.ref];

    var resultsListItem = document.createElement('li');
    resultsListItem.classList.add('search-results-list-item');
    resultsList.appendChild(resultsListItem);

    var resultLink = document.createElement('a');
    resultLink.classList.add('search-result');
    resultLink.setAttribute('href', doc.url);
    resultsListItem.appendChild(resultLink);

    var resultTitle = document.createElement('div');
    resultTitle.classList.add('search-result-title');
    resultLink.appendChild(resultTitle);

    var resultDoc = document.createElement('div');
    resultDoc.classList.add('search-result-doc');
    resultDoc.innerHTML = '<svg viewBox="0 0 24 24" class="search-result-icon"><use xlink:href="#svg-doc"></use></svg>';
    resultTitle.appendChild(resultDoc);

    var resultDocTitle = document.createElement('div');
    resultDocTitle.classList.add('search-result-doc-title');
    resultDocTitle.innerHTML = doc.doc;
    resultDoc.appendChild(resultDocTitle);
    var resultDocOrSection = resultDocTitle;

    if (doc.doc != doc.title) {
      resultDoc.classList.add('search-result-doc-parent');
      var resultSection = document.createElement('div');
      resultSection.classList.add('search-result-section');
      resultSection.innerHTML = doc.title;
      resultTitle.appendChild(resultSection);
      resultDocOrSection = resultSection;
    }

    var metadata = result.matchData.metadata;
    var titlePositions = [];
    var contentPositions = [];
    for (var j in metadata) {
      var meta = metadata[j];
      if (meta.title) {
        var positions = meta.title.position;
        for (var k in positions) {
          titlePositions.push(positions[k]);
        }
      }
      if (meta.content) {
        var positions = meta.content.position;
        for (var k in positions) {
          var position = positions[k];
          var previewStart = position[0];
          var previewEnd = position[0] + position[1];
          var ellipsesBefore = true;
          var ellipsesAfter = true;
          for (var k = 0; k < 5; k++) {
            var nextSpace = doc.content.lastIndexOf(' ', previewStart - 2);
            var nextDot = doc.content.lastIndexOf('. ', previewStart - 2);
            if ((nextDot >= 0) && (nextDot > nextSpace)) {
              previewStart = nextDot + 1;
              ellipsesBefore = false;
              break;
            }
            if (nextSpace < 0) {
              previewStart = 0;
              ellipsesBefore = false;
              break;
            }
            previewStart = nextSpace + 1;
          }
          for (var k = 0; k < 10; k++) {
            var nextSpace = doc.content.indexOf(' ', previewEnd + 1);
            var nextDot = doc.content.indexOf('. ', previewEnd + 1);
            if ((nextDot >= 0) && (nextDot < nextSpace)) {
              previewEnd = nextDot;
              ellipsesAfter = false;
              break;
            }
            if (nextSpace < 0) {
              previewEnd = doc.content.length;
              ellipsesAfter = false;
              break;
            }
            previewEnd = nextSpace;
          }
          contentPositions.push({
            highlight: position,
            previewStart: previewStart, previewEnd: previewEnd,
            ellipsesBefore: ellipsesBefore, ellipsesAfter: ellipsesAfter
          });
        }
      }
    }

    if (titlePositions.length > 0) {
      titlePositions.sort(function(p1, p2){ return p1[0] - p2[0] });
      resultDocOrSection.innerHTML = '';
      addHighlightedText(resultDocOrSection, doc.title, 0, doc.title.length, titlePositions);
    }

    if (contentPositions.length > 0) {
      contentPositions.sort(function(p1, p2){ return p1.highlight[0] - p2.highlight[0] });
      var contentPosition = contentPositions[0];
      var previewPosition = {
        highlight: [contentPosition.highlight],
        previewStart: contentPosition.previewStart, previewEnd: contentPosition.previewEnd,
        ellipsesBefore: contentPosition.ellipsesBefore, ellipsesAfter: contentPosition.ellipsesAfter
      };
      var previewPositions = [previewPosition];
      for (var j = 1; j < contentPositions.length; j++) {
        contentPosition = contentPositions[j];
        if (previewPosition.previewEnd < contentPosition.previewStart) {
          previewPosition = {
            highlight: [contentPosition.highlight],
            previewStart: contentPosition.previewStart, previewEnd: contentPosition.previewEnd,
            ellipsesBefore: contentPosition.ellipsesBefore, ellipsesAfter: contentPosition.ellipsesAfter
          }
          previewPositions.push(previewPosition);
        } else {
          previewPosition.highlight.push(contentPosition.highlight);
          previewPosition.previewEnd = contentPosition.previewEnd;
          previewPosition.ellipsesAfter = contentPosition.ellipsesAfter;
        }
      }

      var resultPreviews = document.createElement('div');
      resultPreviews.classList.add('search-result-previews');
      resultLink.appendChild(resultPreviews);

      var content = doc.content;
      for (var j = 0; j < Math.min(previewPositions.length, 3); j++) {
        var position = previewPositions[j];

        var resultPreview = document.createElement('div');
        resultPreview.classList.add('search-result-preview');
        resultPreviews.appendChild(resultPreview);

        if (position.ellipsesBefore) {
          resultPreview.appendChild(document.createTextNode('... '));
        }
        addHighlightedText(resultPreview, content, position.previewStart, position.previewEnd, position.highlight);
        if (position.ellipsesAfter) {
          resultPreview.appendChild(document.createTextNode(' ...'));
        }
      }
    }

    
    var resultRelUrl = document.createElement('span');
    resultRelUrl.classList.add('search-result-rel-url');
    resultRelUrl.innerText = doc.relUrl;
    resultTitle.appendChild(resultRelUrl);
    
  }

  function addHighlightedText(parent, text, start, end, positions) {
    var index = start;
    for (var i in positions) {
      var position = positions[i];
      var span = document.createElement('span');
      span.innerHTML = text.substring(index, position[0]);
      parent.appendChild(span);
      index = position[0] + position[1];
      var highlight = document.createElement('span');
      highlight.classList.add('search-result-highlight');
      highlight.innerHTML = text.substring(position[0], index);
      parent.appendChild(highlight);
    }
    var span = document.createElement('span');
    span.innerHTML = text.substring(index, end);
    parent.appendChild(span);
  }
}
// Document ready

jtd.onReady(function(){
  initNav();
  if (window.location.hash) {
    setTimeout(function () {
      document.getElementById(window.location.hash.slice(1)).scrollIntoView();
    }, 50);
  }
});

})(window.jtd = window.jtd || {});