From b8083848fd9e902727e6df78487aa670450ea698 Mon Sep 17 00:00:00 2001
From: uchuhimo <uchuhimo@outlook.com>
Date: Fri, 21 Apr 2017 23:07:43 +0800
Subject: [PATCH 1/4] feature: improve local search

---
 layout/_third-party/search/localsearch.swig | 116 +++++++++++++++-----
 1 file changed, 87 insertions(+), 29 deletions(-)

diff --git a/layout/_third-party/search/localsearch.swig b/layout/_third-party/search/localsearch.swig
index 3ff807ec3..51a061444 100644
--- a/layout/_third-party/search/localsearch.swig
+++ b/layout/_third-party/search/localsearch.swig
@@ -10,12 +10,23 @@
     var path = "{{ config.root }}" + search_path;
     // monitor main search box;
 
+    var onPopupClose = function (e) {
+      $('.popup').hide();
+      $('#local-search-input').val('');
+      $('.search-result-list').remove();
+      $(".local-search-pop-overlay").remove();
+      $('body').css('overflow', '');
+    }
+
     function proceedsearch() {
       $("body")
         .append('<div class="search-popup-overlay local-search-pop-overlay"></div>')
         .css('overflow', 'hidden');
+      $('.search-popup-overlay').click(onPopupClose);
       $('.popup').toggle();
+      $('#local-search-input').focus();
     }
+
     // search function;
     var searchFunc = function(path, search_id, content_id) {
       'use strict';
@@ -41,7 +52,7 @@
             var str='<ul class=\"search-result-list\">';
             var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
             $resultContent.innerHTML = "";
-            if (this.value.trim().length > 1) {
+            if (this.value.trim().length > 0) {
               // perform local searching
               datas.forEach(function(data) {
                 var isMatch = false;
@@ -49,49 +60,100 @@
                 var data_title = data.title.trim().toLowerCase();
                 var data_content = data.content.trim().replace(/<[^>]+>/g,"").toLowerCase();
                 var data_url = decodeURIComponent(data.url);
-                var index_title = -1;
-                var index_content = -1;
-                var first_occur = -1;
+                var indices_title = [];
+                var indices_content = [];
                 // only match artiles with not empty titles and contents
                 if(data_title != '') {
                   keywords.forEach(function(keyword, i) {
-                    index_title = data_title.indexOf(keyword);
-                    index_content = data_content.indexOf(keyword);
-                    if( index_title >= 0 || index_content >= 0 ){
-                      isMatch = true;
-                      if (i == 0) {
-                        first_occur = index_content;
+                    function getIndicesWithWord(word, str, caseSensitive) {
+                      var wordLen = word.length;
+                      if (wordLen == 0) {
+                        return [];
                       }
+                      var startIndex = 0, index, indices = [];
+                      if (!caseSensitive) {
+                        str = str.toLowerCase();
+                        word = word.toLowerCase();
+                      }
+                      while ((index = str.indexOf(word, startIndex)) > -1) {
+                        indices.push([index, word]);
+                        startIndex = index + wordLen;
+                      }
+                      return indices;
                     }
 
+                    indices_title = indices_title.concat(getIndicesWithWord(keyword, data_title, false));
+                    indices_content = indices_content.concat(getIndicesWithWord(keyword, data_content, false));
                   });
+                  if( indices_title.length > 0 || indices_content.length > 0 ){
+                    isMatch = true;
+                  }
                 }
                 // show search results
                 if (isMatch) {
                   matchcounts += 1;
-                  str += "<li><a href='"+ data_url +"' class='search-result-title'>"+ data_title +"</a>";
+
+                  function highlightKeyword(text, start, end, indices) {
+                    var indexWithWord = indices[indices.length - 1];
+                    var index = indexWithWord[0];
+                    var word = indexWithWord[1];
+
+                    var match_text = text.substring(start, end);
+                    var match_result = [];
+                    var prevEnd = 0;
+                    while (index + word.length <= end && indices.length != 0) {
+                      // highlight keyword
+                      var wordBegin = index - start;
+                      var wordEnd = index - start + word.length;
+                      match_result.push(match_text.substring(prevEnd, wordBegin));
+                      match_result.push("<b class=\"search-keyword\">" + match_text.substring(wordBegin, wordEnd) + "</b>");
+
+                      // move to next keyword
+                      indices.pop();
+                      prevEnd = wordEnd;
+                      while (indices.length != 0) {
+                        indexWithWord = indices[indices.length - 1];
+                        index = indexWithWord[0];
+                        word = indexWithWord[1];
+                        if (prevEnd > index - start) {
+                          indices.pop();
+                        } else {
+                          break;
+                        }
+                      }
+                    }
+                    match_result.push(match_text.substring(prevEnd));
+                    return match_result.join('');
+                  }
+
+                  if (indices_title.length != 0) {
+                    str += "<li><a href='" + data_url + "' class='search-result-title'>" + highlightKeyword(data_title, 0, data_title.length, indices_title) + "</a>";
+                  } else {
+                    str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
+                  }
                   var content = data.content.trim().replace(/<[^>]+>/g,"");
-                  if (first_occur >= 0) {
+                  indices_content.sort(function (a, b) {
+                    return b[0] - a[0];
+                  });
+                  while (indices_content.length != 0) {
+                    var indexWithWord = indices_content[indices_content.length - 1];
+                    var index = indexWithWord[0];
+                    var word = indexWithWord[1];
                     // cut out 100 characters
-                    var start = first_occur - 20;
-                    var end = first_occur + 80;
+                    var start = index - 20;
+                    var end = index + 80;
                     if(start < 0){
                       start = 0;
                     }
-                    if(start == 0){
-                      end = 50;
+                    if (end < index + word.length) {
+                      end = index + word.length;
                     }
                     if(end > content.length){
                       end = content.length;
                     }
-                    var match_content = content.substring(start, end);
-                    // highlight all keywords
-                    keywords.forEach(function(keyword){
-                      var regS = new RegExp(keyword, "gi");
-                      match_content = match_content.replace(regS, "<b class=\"search-keyword\">"+keyword+"</b>");
-                    });
-
-                    str += "<p class=\"search-result\">" + match_content +"...</p>"
+                    str += "<a href='" + data_url + "'>" +
+                    "<p class=\"search-result\">" + highlightKeyword(content, start, end, indices_content) +
+                    "...</p>" + "</a>";
                   }
                   str += "</li>";
                 }
@@ -115,11 +177,7 @@
       };
     });
 
-    $('.popup-btn-close').click(function(e){
-      $('.popup').hide();
-      $(".local-search-pop-overlay").remove();
-      $('body').css('overflow', '');
-    });
+    $('.popup-btn-close').click(onPopupClose);
     $('.popup').click(function(e){
       e.stopPropagation();
     });

From 1b30b5858762c8739a075daa848126f9266ec190 Mon Sep 17 00:00:00 2001
From: uchuhimo <uchuhimo@outlook.com>
Date: Sat, 22 Apr 2017 00:16:01 +0800
Subject: [PATCH 2/4] feature: support to config top_n_per_title for local
 search

---
 _config.yml                                              | 2 ++
 layout/_third-party/search/localsearch.swig              | 9 ++++++++-
 .../css/_common/components/third-party/localsearch.styl  | 6 +++---
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/_config.yml b/_config.yml
index 6911fdfcf..5eaea5041 100755
--- a/_config.yml
+++ b/_config.yml
@@ -468,6 +468,8 @@ algolia_search:
 # Local search
 local_search:
   enable: false
+  # show top n results per title, show all results by setting to -1
+  top_n_per_title: 1
 
 # External URL with BASE64 encrypt & decrypt
 # Usage: {% exturl text url "title" %}
diff --git a/layout/_third-party/search/localsearch.swig b/layout/_third-party/search/localsearch.swig
index 51a061444..b7fa30eea 100644
--- a/layout/_third-party/search/localsearch.swig
+++ b/layout/_third-party/search/localsearch.swig
@@ -135,7 +135,13 @@
                   indices_content.sort(function (a, b) {
                     return b[0] - a[0];
                   });
-                  while (indices_content.length != 0) {
+                  var resultUpperBound = parseInt({{ theme.local_search.top_n_per_title }});
+                  var withoutUpperBound = false;
+                  if (resultUpperBound == -1) {
+                    withoutUpperBound = true;
+                  }
+                  var currentResultNum = 0;
+                  while (indices_content.length != 0 && (withoutUpperBound || (currentResultNum < resultUpperBound))) {
                     var indexWithWord = indices_content[indices_content.length - 1];
                     var index = indexWithWord[0];
                     var word = indexWithWord[1];
@@ -154,6 +160,7 @@
                     str += "<a href='" + data_url + "'>" +
                     "<p class=\"search-result\">" + highlightKeyword(content, start, end, indices_content) +
                     "...</p>" + "</a>";
+                    currentResultNum++;
                   }
                   str += "</li>";
                 }
diff --git a/source/css/_common/components/third-party/localsearch.styl b/source/css/_common/components/third-party/localsearch.styl
index a253a2ccd..85f43cf9a 100644
--- a/source/css/_common/components/third-party/localsearch.styl
+++ b/source/css/_common/components/third-party/localsearch.styl
@@ -43,7 +43,6 @@
 
   .search-keyword
     border-bottom: 1px dashed #f00
-    font-size: 14px
     font-weight: bold
     color: #f00
 
@@ -62,7 +61,7 @@
 
   .local-search-input-wrapper
     display: inline-block
-    width: calc(100% - 60px)
+    width: calc(100% - 90px)
     height: 36px
     line-height: 36px
     padding: 0 5px
@@ -83,6 +82,8 @@
     color: #999
     height: 36px
     width: 18px
+    padding-left: 10px
+    padding-right: 10px
 
   .search-icon
     float: left
@@ -91,7 +92,6 @@
     border-left: 1px solid #eee
     float: right
     cursor: pointer
-    padding-left: 10px
 
   #no-result
     position: absolute

From 78e5c339bc4a0882a912e6f4163a343547da298d Mon Sep 17 00:00:00 2001
From: uchuhimo <uchuhimo@outlook.com>
Date: Sat, 22 Apr 2017 16:40:58 +0800
Subject: [PATCH 3/4] fix: fix bugs about letter case and multiple keywords

- fix: let titles be shown with correct letter case instead of all lower
case
- fix: when you input several keywords, all the keywords' result will be
shown
- feature: sort result by hit count in article
---
 _config.yml                                 |   4 +-
 layout/_third-party/search/localsearch.swig | 181 ++++++++++++--------
 2 files changed, 112 insertions(+), 73 deletions(-)

diff --git a/_config.yml b/_config.yml
index 5eaea5041..1d4f06d3b 100755
--- a/_config.yml
+++ b/_config.yml
@@ -468,8 +468,8 @@ algolia_search:
 # Local search
 local_search:
   enable: false
-  # show top n results per title, show all results by setting to -1
-  top_n_per_title: 1
+  # show top n results per article, show all results by setting to -1
+  top_n_per_article: 1
 
 # External URL with BASE64 encrypt & decrypt
 # Usage: {% exturl text url "title" %}
diff --git a/layout/_third-party/search/localsearch.swig b/layout/_third-party/search/localsearch.swig
index b7fa30eea..adab62afc 100644
--- a/layout/_third-party/search/localsearch.swig
+++ b/layout/_third-party/search/localsearch.swig
@@ -4,7 +4,7 @@
     var isfetched = false;
     // Search DB path;
     var search_path = "{{ config.search.path }}";
-    if (search_path.length == 0) {
+    if (search_path.length === 0) {
       search_path = "search.xml";
     }
     var path = "{{ config.root }}" + search_path;
@@ -48,127 +48,166 @@
           var $input = document.getElementById(search_id);
           var $resultContent = document.getElementById(content_id);
           $input.addEventListener('input', function(){
-            var matchcounts = 0;
-            var str='<ul class=\"search-result-list\">';
             var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
-            $resultContent.innerHTML = "";
+            var resultItems = [];
             if (this.value.trim().length > 0) {
               // perform local searching
               datas.forEach(function(data) {
                 var isMatch = false;
-                var content_index = [];
-                var data_title = data.title.trim().toLowerCase();
-                var data_content = data.content.trim().replace(/<[^>]+>/g,"").toLowerCase();
-                var data_url = decodeURIComponent(data.url);
-                var indices_title = [];
-                var indices_content = [];
-                // only match artiles with not empty titles and contents
-                if(data_title != '') {
+                var hitCountInArticle = 0;
+                var title = data.title.trim();
+                var titleInLowerCase = title.toLowerCase();
+                var content = data.content.trim().replace(/<[^>]+>/g,"");
+                var contentInLowerCase = content.toLowerCase();
+                var articleUrl = decodeURIComponent(data.url);
+                var indexOfTitle = [];
+                var indexOfContent = [];
+                // only match articles with not empty titles
+                if(title != '') {
                   keywords.forEach(function(keyword, i) {
-                    function getIndicesWithWord(word, str, caseSensitive) {
+                    function getIndexByWord(word, text, caseSensitive) {
                       var wordLen = word.length;
-                      if (wordLen == 0) {
+                      if (wordLen === 0) {
                         return [];
                       }
-                      var startIndex = 0, index, indices = [];
+                      var startPosition = 0, position = [], index = [];
                       if (!caseSensitive) {
-                        str = str.toLowerCase();
+                        text = text.toLowerCase();
                         word = word.toLowerCase();
                       }
-                      while ((index = str.indexOf(word, startIndex)) > -1) {
-                        indices.push([index, word]);
-                        startIndex = index + wordLen;
+                      while ((position = text.indexOf(word, startPosition)) > -1) {
+                        index.push([position, word]);
+                        startPosition = position + wordLen;
                       }
-                      return indices;
+                      return index;
                     }
 
-                    indices_title = indices_title.concat(getIndicesWithWord(keyword, data_title, false));
-                    indices_content = indices_content.concat(getIndicesWithWord(keyword, data_content, false));
+                    indexOfTitle = indexOfTitle.concat(getIndexByWord(keyword, titleInLowerCase, false));
+                    indexOfContent = indexOfContent.concat(getIndexByWord(keyword, contentInLowerCase, false));
                   });
-                  if( indices_title.length > 0 || indices_content.length > 0 ){
+                  if (indexOfTitle.length > 0 || indexOfContent.length > 0) {
                     isMatch = true;
+                    hitCountInArticle = indexOfTitle.length + indexOfContent.length;
                   }
                 }
+
                 // show search results
+
                 if (isMatch) {
-                  matchcounts += 1;
+                  var resultItem = '';
 
-                  function highlightKeyword(text, start, end, indices) {
-                    var indexWithWord = indices[indices.length - 1];
-                    var index = indexWithWord[0];
-                    var word = indexWithWord[1];
+                  function highlightKeyword(text, start, end, index) {
+                    var positionAndWord = index[index.length - 1];
+                    var position = positionAndWord[0];
+                    var word = positionAndWord[1];
 
-                    var match_text = text.substring(start, end);
-                    var match_result = [];
+                    var matchText = text.substring(start, end);
+                    var matchResult = [];
                     var prevEnd = 0;
-                    while (index + word.length <= end && indices.length != 0) {
+                    while (position + word.length <= end && index.length != 0) {
+
                       // highlight keyword
-                      var wordBegin = index - start;
-                      var wordEnd = index - start + word.length;
-                      match_result.push(match_text.substring(prevEnd, wordBegin));
-                      match_result.push("<b class=\"search-keyword\">" + match_text.substring(wordBegin, wordEnd) + "</b>");
 
-                      // move to next keyword
-                      indices.pop();
+                      var wordBegin = position - start;
+                      var wordEnd = position - start + word.length;
+                      matchResult.push(matchText.substring(prevEnd, wordBegin));
+                      matchResult.push("<b class=\"search-keyword\">" + matchText.substring(wordBegin, wordEnd) + "</b>");
+
+                      // move to next position of hit
+
+                      index.pop();
                       prevEnd = wordEnd;
-                      while (indices.length != 0) {
-                        indexWithWord = indices[indices.length - 1];
-                        index = indexWithWord[0];
-                        word = indexWithWord[1];
-                        if (prevEnd > index - start) {
-                          indices.pop();
+                      while (index.length != 0) {
+                        positionAndWord = index[index.length - 1];
+                        position = positionAndWord[0];
+                        word = positionAndWord[1];
+                        if (prevEnd > position - start) {
+                          index.pop();
                         } else {
                           break;
                         }
                       }
                     }
-                    match_result.push(match_text.substring(prevEnd));
-                    return match_result.join('');
+                    matchResult.push(matchText.substring(prevEnd));
+                    return matchResult.join('');
                   }
 
-                  if (indices_title.length != 0) {
-                    str += "<li><a href='" + data_url + "' class='search-result-title'>" + highlightKeyword(data_title, 0, data_title.length, indices_title) + "</a>";
+                  // sort index by position of keyword
+
+                  indexOfTitle.sort(function (positionAndWordLeft, positionAndWordRight) {
+                    return positionAndWordRight[0] - positionAndWordLeft[0];
+                  });
+
+                  indexOfContent.sort(function (positionAndWordLeft, positionAndWordRight) {
+                    return positionAndWordRight[0] - positionAndWordLeft[0];
+                  });
+
+                  // highlight title
+
+                  if (indexOfTitle.length != 0) {
+                    resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + highlightKeyword(title, 0, title.length, indexOfTitle) + "</a>";
                   } else {
-                    str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
+                    resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + title + "</a>";
                   }
-                  var content = data.content.trim().replace(/<[^>]+>/g,"");
-                  indices_content.sort(function (a, b) {
-                    return b[0] - a[0];
-                  });
-                  var resultUpperBound = parseInt({{ theme.local_search.top_n_per_title }});
+
+                  // highlight content
+
+                  var resultUpperBound = parseInt({{ theme.local_search.top_n_per_article }});
                   var withoutUpperBound = false;
-                  if (resultUpperBound == -1) {
+                  if (resultUpperBound === -1) {
                     withoutUpperBound = true;
                   }
                   var currentResultNum = 0;
-                  while (indices_content.length != 0 && (withoutUpperBound || (currentResultNum < resultUpperBound))) {
-                    var indexWithWord = indices_content[indices_content.length - 1];
-                    var index = indexWithWord[0];
-                    var word = indexWithWord[1];
+                  while (indexOfContent.length != 0 && (withoutUpperBound || (currentResultNum < resultUpperBound))) {
+                    var positionAndWord = indexOfContent[indexOfContent.length - 1];
+                    var position = positionAndWord[0];
+                    var word = positionAndWord[1];
                     // cut out 100 characters
-                    var start = index - 20;
-                    var end = index + 80;
+                    var start = position - 20;
+                    var end = position + 80;
                     if(start < 0){
                       start = 0;
                     }
-                    if (end < index + word.length) {
-                      end = index + word.length;
+                    if (end < position + word.length) {
+                      end = position + word.length;
                     }
                     if(end > content.length){
                       end = content.length;
                     }
-                    str += "<a href='" + data_url + "'>" +
-                    "<p class=\"search-result\">" + highlightKeyword(content, start, end, indices_content) +
+                    resultItem += "<a href='" + articleUrl + "'>" +
+                    "<p class=\"search-result\">" + highlightKeyword(content, start, end, indexOfContent) +
                     "...</p>" + "</a>";
                     currentResultNum++;
                   }
-                  str += "</li>";
+                  resultItem += "</li>";
+                  resultItems.push([resultItem, hitCountInArticle, resultItems.length]);
+                }
+              })
+            };
+            if (keywords.length === 1 && keywords[0] === "") {
+              $resultContent.innerHTML = '<div id="no-result"><i class="fa fa-search fa-5x" /></div>'
+            } else if (resultItems.length === 0) {
+              $resultContent.innerHTML = '<div id="no-result"><i class="fa fa-frown-o fa-5x" /></div>'
+            } else {
+              resultItems.sort(function (resultLeft, resultRight) {
+                var hitCountLeft = resultLeft[1];
+                var hitCountRight = resultRight[1];
+                if (hitCountLeft != hitCountRight) {
+                  return hitCountRight - hitCountLeft;
+                } else {
+                  var resultIdLeft = resultLeft[2];
+                  var resultIdRight = resultRight[2];
+                  return resultIdLeft - resultIdRight;
                 }
-              })};
-            str += "</ul>";
-            if (matchcounts == 0) { str = '<div id="no-result"><i class="fa fa-frown-o fa-5x" /></div>' }
-            if (keywords == "") { str = '<div id="no-result"><i class="fa fa-search fa-5x" /></div>' }
-            $resultContent.innerHTML = str;
+              });
+              var searchResultList = '<ul class=\"search-result-list\">';
+              resultItems.forEach(function (result, i) {
+                var item = result[0];
+                searchResultList += item;
+              })
+              searchResultList += "</ul>";
+              $resultContent.innerHTML = searchResultList;
+            }
           });
           proceedsearch();
         }
@@ -177,7 +216,7 @@
     // handle and trigger popup window;
     $('.popup-trigger').click(function(e) {
       e.stopPropagation();
-      if (isfetched == false) {
+      if (isfetched === false) {
         searchFunc(path, 'local-search-input', 'local-search-result');
       } else {
         proceedsearch();

From a023c3038abdd1355cbe2b5b8e32ae5e5a831d17 Mon Sep 17 00:00:00 2001
From: uchuhimo <uchuhimo@outlook.com>
Date: Sat, 22 Apr 2017 18:12:27 +0800
Subject: [PATCH 4/4] refactor: use object instead of array to make code more
 maintainable

---
 layout/_third-party/search/localsearch.swig | 43 +++++++++------------
 1 file changed, 19 insertions(+), 24 deletions(-)

diff --git a/layout/_third-party/search/localsearch.swig b/layout/_third-party/search/localsearch.swig
index adab62afc..39e151870 100644
--- a/layout/_third-party/search/localsearch.swig
+++ b/layout/_third-party/search/localsearch.swig
@@ -76,7 +76,7 @@
                         word = word.toLowerCase();
                       }
                       while ((position = text.indexOf(word, startPosition)) > -1) {
-                        index.push([position, word]);
+                        index.push({position: position, word: word});
                         startPosition = position + wordLen;
                       }
                       return index;
@@ -97,9 +97,9 @@
                   var resultItem = '';
 
                   function highlightKeyword(text, start, end, index) {
-                    var positionAndWord = index[index.length - 1];
-                    var position = positionAndWord[0];
-                    var word = positionAndWord[1];
+                    var item = index[index.length - 1];
+                    var position = item.position;
+                    var word = item.word;
 
                     var matchText = text.substring(start, end);
                     var matchResult = [];
@@ -118,9 +118,9 @@
                       index.pop();
                       prevEnd = wordEnd;
                       while (index.length != 0) {
-                        positionAndWord = index[index.length - 1];
-                        position = positionAndWord[0];
-                        word = positionAndWord[1];
+                        item = index[index.length - 1];
+                        position = item.position;
+                        word = item.word;
                         if (prevEnd > position - start) {
                           index.pop();
                         } else {
@@ -134,12 +134,12 @@
 
                   // sort index by position of keyword
 
-                  indexOfTitle.sort(function (positionAndWordLeft, positionAndWordRight) {
-                    return positionAndWordRight[0] - positionAndWordLeft[0];
+                  indexOfTitle.sort(function (itemLeft, itemRight) {
+                    return itemRight.position - itemLeft.position;
                   });
 
-                  indexOfContent.sort(function (positionAndWordLeft, positionAndWordRight) {
-                    return positionAndWordRight[0] - positionAndWordLeft[0];
+                  indexOfContent.sort(function (itemLeft, itemRight) {
+                    return itemRight.position - itemLeft.position;
                   });
 
                   // highlight title
@@ -159,9 +159,9 @@
                   }
                   var currentResultNum = 0;
                   while (indexOfContent.length != 0 && (withoutUpperBound || (currentResultNum < resultUpperBound))) {
-                    var positionAndWord = indexOfContent[indexOfContent.length - 1];
-                    var position = positionAndWord[0];
-                    var word = positionAndWord[1];
+                    var item = indexOfContent[indexOfContent.length - 1];
+                    var position = item.position;
+                    var word = item.word;
                     // cut out 100 characters
                     var start = position - 20;
                     var end = position + 80;
@@ -180,7 +180,7 @@
                     currentResultNum++;
                   }
                   resultItem += "</li>";
-                  resultItems.push([resultItem, hitCountInArticle, resultItems.length]);
+                  resultItems.push({item: resultItem, hitCount: hitCountInArticle, id: resultItems.length});
                 }
               })
             };
@@ -190,20 +190,15 @@
               $resultContent.innerHTML = '<div id="no-result"><i class="fa fa-frown-o fa-5x" /></div>'
             } else {
               resultItems.sort(function (resultLeft, resultRight) {
-                var hitCountLeft = resultLeft[1];
-                var hitCountRight = resultRight[1];
-                if (hitCountLeft != hitCountRight) {
-                  return hitCountRight - hitCountLeft;
+                if (resultLeft.hitCount != resultRight.hitCount) {
+                  return resultRight.hitCount - resultLeft.hitCount;
                 } else {
-                  var resultIdLeft = resultLeft[2];
-                  var resultIdRight = resultRight[2];
-                  return resultIdLeft - resultIdRight;
+                  return resultLeft.id - resultRight.id;
                 }
               });
               var searchResultList = '<ul class=\"search-result-list\">';
               resultItems.forEach(function (result, i) {
-                var item = result[0];
-                searchResultList += item;
+                searchResultList += result.item;
               })
               searchResultList += "</ul>";
               $resultContent.innerHTML = searchResultList;