utils.jq(() => {
  var $inputArea = $("input#search-input");
  if ($inputArea.length === 0) {
    return;
  }

  var $resultArea = $("#search-result");
  var $searchWrapper = $("#search-wrapper");
  var client = algoliasearch(window.searchConfig.appId, window.searchConfig.apiKey);
  var index = client.initIndex(window.searchConfig.indexName);

  function filterResults(hits, filterPath) {
    if (!filterPath || filterPath === '/') return hits;
    var regex = new RegExp(filterPath);
    return hits.filter(hit => regex.test(hit.url));
  }

  function displayResults(hits) {
    var $resultList = $("<ul>").addClass("search-result-list");
    if (hits.length === 0) {
      $searchWrapper.addClass('noresult');
    } else {
      $searchWrapper.removeClass('noresult');
      hits.forEach(function(hit) {
        var contentSnippet = hit._snippetResult.content.value;
        var title = hit.hierarchy.lvl1 || 'Untitled';
        var $item = $("<li>").html(`<a href="${hit.url}"><span class='search-result-title'>${title}</span><p class="search-result-content">${contentSnippet}</p></a>`);
        $resultList.append($item);
      });
    }
    $resultArea.html($resultList);
  }

  $inputArea.on("input", function() {
    var query = $(this).val().trim();
    var filterPath = $inputArea.data('filter');

    if (query.length <= 0) {
      $searchWrapper.attr('searching', 'false');
      $resultArea.empty();
      return;
    }

    $searchWrapper.attr('searching', 'true');

    index.search(query, {
      hitsPerPage: window.searchConfig.hitsPerPage,
      attributesToHighlight: ['content'],
      attributesToSnippet: ['content:30'],
      highlightPreTag: '<span class="search-keyword">',
      highlightPostTag: '</span>',
      restrictSearchableAttributes: ['content']
    }).then(function(responses) {
      displayResults(filterResults(responses.hits, filterPath));
    });
  });

  $inputArea.on("keydown", function(e) {
    if (e.which == 13) {
      e.preventDefault();
    }
  });

  var observer = new MutationObserver(function(mutationsList) {
    if (mutationsList.length === 1) {
      if (mutationsList[0].addedNodes.length) {
        $searchWrapper.removeClass('noresult');
      } else if (mutationsList[0].removedNodes.length) {
        $searchWrapper.addClass('noresult');
      }
    }
  });

  observer.observe($resultArea[0], { childList: true });
});