1 files changed, 126 insertions, 0 deletions
diff --git a/static/js/search.js b/static/js/search.js
new file mode 100644
index 0000000..d6204d5
--- /dev/null
+++ b/static/js/search.js
@@ -0,0 +1,126 @@
+summaryInclude = 60;
+var fuseOptions = {
+  shouldSort: true,
+  includeMatches: true,
+  threshold: 0.0,
+  tokenize: true,
+  location: 0,
+  distance: 100,
+  maxPatternLength: 32,
+  minMatchCharLength: 1,
+  keys: [
+    { name: "title", weight: 0.8 },
+    { name: "contents", weight: 0.5 },
+    { name: "tags", weight: 0.3 },
+    { name: "categories", weight: 0.3 }
+  ]
+};
+
+var searchQuery = param("s");
+if (searchQuery) {
+  $("#search-query").val(searchQuery);
+  executeSearch(searchQuery);
+} else {
+  $("#search-results").append("<p>Please enter a word or phrase above</p>");
+}
+
+function executeSearch(searchQuery) {
+  $.getJSON("/index.json", function(data) {
+    var pages = data;
+    var fuse = new Fuse(pages, fuseOptions);
+    var result = fuse.search(searchQuery);
+    console.log({ matches: result });
+    if (result.length > 0) {
+      populateResults(result);
+    } else {
+      $("#search-results").append("<p>No matches found</p>");
+    }
+  });
+}
+
+function populateResults(result) {
+  $.each(result, function(key, value) {
+    var contents = value.item.contents;
+    var snippet = "";
+    var snippetHighlights = [];
+    var tags = [];
+    if (fuseOptions.tokenize) {
+      snippetHighlights.push(searchQuery);
+    } else {
+      $.each(value.matches, function(matchKey, mvalue) {
+        if (mvalue.key == "tags" || mvalue.key == "categories") {
+          snippetHighlights.push(mvalue.value);
+        } else if (mvalue.key == "contents") {
+          start =
+            mvalue.indices[0][0] - summaryInclude > 0
+              ? mvalue.indices[0][0] - summaryInclude
+              : 0;
+          end =
+            mvalue.indices[0][1] + summaryInclude < contents.length
+              ? mvalue.indices[0][1] + summaryInclude
+              : contents.length;
+          snippet += contents.substring(start, end);
+          snippetHighlights.push(
+            mvalue.value.substring(
+              mvalue.indices[0][0],
+              mvalue.indices[0][1] - mvalue.indices[0][0] + 1
+            )
+          );
+        }
+      });
+    }
+
+    if (snippet.length < 1) {
+      snippet += contents.substring(0, summaryInclude * 2);
+    }
+    //pull template from hugo templarte definition
+    var templateDefinition = $("#search-result-template").html();
+    //replace values
+    var output = render(templateDefinition, {
+      key: key,
+      title: value.item.title,
+      link: value.item.permalink,
+      tags: value.item.tags,
+      categories: value.item.categories,
+      snippet: snippet
+    });
+    $("#search-results").append(output);
+
+    $.each(snippetHighlights, function(snipkey, snipvalue) {
+      $("#summary-" + key).mark(snipvalue);
+    });
+  });
+}
+
+function param(name) {
+  return decodeURIComponent(
+    (location.search.split(name + "=")[1] || "").split("&")[0]
+  ).replace(/\+/g, " ");
+}
+
+function render(templateString, data) {
+  var conditionalMatches, conditionalPattern, copy;
+  conditionalPattern = /\$\{\s*isset ([a-zA-Z]*) \s*\}(.*)\$\{\s*end\s*}/g;
+  //since loop below depends on re.lastInxdex, we use a copy to capture any manipulations whilst inside the loop
+  copy = templateString;
+  while (
+    (conditionalMatches = conditionalPattern.exec(templateString)) !== null
+  ) {
+    if (data[conditionalMatches[1]]) {
+      //valid key, remove conditionals, leave contents.
+      copy = copy.replace(conditionalMatches[0], conditionalMatches[2]);
+    } else {
+      //not valid, remove entire section
+      copy = copy.replace(conditionalMatches[0], "");
+    }
+  }
+  templateString = copy;
+  //now any conditionals removed we can do simple substitution
+  var key, find, re;
+  for (key in data) {
+    find = "\\$\\{\\s*" + key + "\\s*\\}";
+    re = new RegExp(find, "g");
+    templateString = templateString.replace(re, data[key]);
+  }
+  return templateString;
+}