Added lunr test and updated package.json

Author: samdutton

lunr/shop/css/main.css

@@ -0,0 +1,10 @@
+input#query {
+  font-size: 16px;
+  font-weight: 300;
+  padding: 3px;
+  width: 250px;
+}
+
+label[for=query] {
+  margin: 0 10px 0 0;
+}

lunr/shop/data/index.json

@@ -32,6 +32,7 @@
 <title>Lunr shop full text search demo</title>
 
 <link rel="stylesheet" href="../../css/main.css" />
+<link rel="stylesheet" href="css/main.css" />
 
 </head>
 
@@ -41,15 +42,17 @@
 
   <h1><a href="../index.html" title="simpl.info home page">simpl.info</a> Lunr shop</h1>
 
-  <p>View the console to see logging.</p>
+  <label for="query">Search:</label><input id="query"></input>
+
+  <ul id="matches"></ul>
 
   <a href="https://github.com/samdutton/simpl/blob/gh-pages/lunr" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>
 
 </div>
 
 
 <!-- <script src="js/lib/lunr.min.js"></script> -->
-<script src="elasticlunr.min.js"></script>
+<script src="js/lib/elasticlunr.min.js"></script>
 <script src="js/main.js"></script>
 <script src="../../js/lib/ga.js"></script>
 

lunr/shop/index.html

@@ -20,7 +20,8 @@ limitations under the License.
 // node js/index.js < data/data.json > data/index.json
 
 // const lunr = require('lunr');
-const lunr = require('elasticlunr');
+// const lunr = require('elasticlunr');
+const elasticlunr = require('elasticlunr');
 const stdin = process.stdin;
 const stdout = process.stdout;
 const buffer = [];
@@ -44,16 +45,15 @@ stdin.on('end', () => {
   //   }
   // });
 
-    const idx = elasticlunr(function() { // can't seem to use fat arrow :/
-      this.setRef('name');
-      this.addField('title');
-      this.addField('description');
-      for (let doc of documents) {
-        this.addDoc(doc);
+  const idx = elasticlunr(function() { // can't seem to use fat arrow :/
+    this.addField('title');
+    this.addField('description');
+    this.setRef('name');
+//    this.saveDocument(false);
+    for (let doc of documents) {
+      this.addDoc(doc);
     }
   });
 
-
-
   stdout.write(JSON.stringify(idx));
 });

lunr/shop/js/index.js

@@ -16,21 +16,57 @@ limitations under the License.
 
 'use strict';
 
-/* global lunr */
+/* global elasticlunr, lunr */
+
+const queryInput = document.getElementById('query');
+const matchList = document.getElementById('matches');
+
+var index;
 
 fetch('data/index.json').then(response => {
   return response.json();
 }).then(json => {
   startPerf();
-  const index = lunr.Index.load(json);
+  index = elasticlunr.Index.load(json);
   endPerf();
   logPerf('Index loading');
+  // un-disable search
+});
+
+queryInput.focus();
+queryInput.oninput = function() {
+  matchList.innerHTML = '';
+  const query = queryInput.value;
+  if (query.length < 2) {
+    return;
+  }
   startPerf();
-  window.matches = index.search('crew');
-  endPerf();
-  logPerf('Search');
+  const options = {
+    fields: {
+      title: {boost: 2},
+      description: {boost: 1}
+    },
+    bool: "OR",
+    expand: true
+  };
+const matches = window.matches = index.search(query, options);
+endPerf();
+logPerf('Search');
+displayMatches(matches);
+}
+
+function displayMatches(matches) {
+  if (matches.length === 0) {
+    matchList.innerHTML = "No matches";
+    return;
+  }
   console.log('Matches: ', matches);
-});
+  for (let match of matches) {
+    matchList.innerHTML += '<li>' + match.ref + '</li>';
+  }
+}
+
+// window.performance utilities
 
 function startPerf() {
   window.performance.mark('start');
@@ -44,6 +80,6 @@ function logPerf(message) {
   window.performance.clearMeasures();
   window.performance.measure('duration', 'start', 'end');
   const duration =
-      performance.getEntriesByName('duration')[0].duration.toPrecision(4);
+  performance.getEntriesByName('duration')[0].duration.toPrecision(4);
   console.log(`${message} took ${duration} ms`);
 }