[feat] algolia_search filter (#434)

source/js/search/algolia-search.js

@@ -1,69 +1,75 @@
 utils.jq(() => {
-    var $inputArea = $("input#search-input");
+  var $inputArea = $("input#search-input");
-    if ($inputArea.length === 0) {
+  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;
     }
 
-    var $resultArea = $("#search-result");
+    $searchWrapper.attr('searching', 'true');
-    var $searchWrapper = $("#search-wrapper");
-    var client = algoliasearch(window.searchConfig.appId, window.searchConfig.apiKey);
-    var index = client.initIndex(window.searchConfig.indexName);
 
-    function displayResults(hits) {
+    index.search(query, {
-      var $resultList = $("<ul>").addClass("search-result-list");
+      hitsPerPage: window.searchConfig.hitsPerPage,
-      if (hits.length === 0) {
+      attributesToHighlight: ['content'],
-        $searchWrapper.addClass('noresult');
+      attributesToSnippet: ['content:30'],
-      } else {
+      highlightPreTag: '<span class="search-keyword">',
-        $searchWrapper.removeClass('noresult');
+      highlightPostTag: '</span>',
-        hits.forEach(function(hit) {
+      restrictSearchableAttributes: ['content']
-          var contentSnippet = hit._snippetResult.content.value;
+    }).then(function(responses) {
-          var title = hit.hierarchy.lvl1 || 'Untitled';
+      displayResults(filterResults(responses.hits, filterPath));
-          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();
-  
-      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(responses.hits);
-      });
     });
-  
-    $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 });
   });
 
+  $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 });
+});