search inside of strings

Author: sethladd

lib/resources/script.js

@@ -59,25 +59,48 @@ function shiftWindow() {
 }
 
 function initSearch() {
-  var elements = new Bloodhound({
-    datumTokenizer: function(d) {
-      return Bloodhound.tokenizers.whitespace(d.name);
+  var index;
+
+  function findMatches(q, cb) {
+    var matches, substringRegex;
+
+    // an array that will be populated with substring matches
+    matches = [];
+
+    // regex used to determine if a string contains the substring `q`
+    substrRegex = new RegExp(q, 'i');
+
+    // iterate through the pool of strings and for any string that
+    // contains the substring `q`, add it to the `matches` array
+    $.each(index, function(i, element) {
+      if (substrRegex.test(element.name)) {
+        matches.push(element.name);
+      }
+    });
+
+    cb(matches);
+  };
+
+  function initTypeahead() {
+    $('#search-box.typeahead').typeahead({
+      hint: true,
+      highlight: true,
+      minLength: 3
     },
-    queryTokenizer: Bloodhound.tokenizers.whitespace,
-    prefetch: 'index.json'
-  });
+    {
+      name: 'elements',
+      source: findMatches
+    });
+  }
 
-  $('#search-box.typeahead').typeahead({
-    hint: true,
-    highlight: true,
-    minLength: 3
-  },
-  {
-    name: 'elements',
-    source: elements,
-    displayKey: 'name',
-    limit: 10
+  var jsonReq = new XMLHttpRequest();
+  jsonReq.open('GET', 'index.json', true);
+  jsonReq.addEventListener('load', function() {
+    index = JSON.parse(jsonReq.responseText);
+    initTypeahead();
   });
+  jsonReq.send();
+
 }
 
 document.addEventListener("DOMContentLoaded", function() {