deploy: a7ba8f4

Author: valencik

main.js

@@ -56,7 +56,7 @@ searchWorker.onmessage = function (e) {
 }
 
 function onSearchInput(event) {
-  searchWorker.postMessage(event.target.value || "");
+  searchWorker.postMessage({"query": event.target.value || ""});
 }
 
 // Keyboard shortcuts: `/` to open, `Escape` to close

search/search.js

@@ -93,7 +93,10 @@ function setupModal(config, renderFn) {
   // Send input to worker
   const worker = createSearchWorker(config, modalBody, renderFn)
   modalInput.addEventListener("input", function() {
-    worker.postMessage(this.value)
+    worker.postMessage({query: this.value})
+  })
+  modalInput.addEventListener("keydown", function(event) {
+    if (event.key === "Enter") worker.postMessage({query: this.value, flush: true})
   })
 
   return true
@@ -108,13 +111,16 @@ function setupPage(config, renderFn) {
   // Send input to worker
   const worker = createSearchWorker(config, resultsContainer, renderFn)
   searchBar.addEventListener("input", function() {
-    worker.postMessage(this.value)
+    worker.postMessage({query: this.value})
+  })
+  searchBar.addEventListener("keydown", function(event) {
+    if (event.key === "Enter") worker.postMessage({query: this.value, flush: true})
   })
 
   // If query param `q` is set, use it as initial query
   if (config.query) {
     searchBar.value = config.query
-    worker.postMessage(config.query)
+    worker.postMessage({query: config.query, flush: true})
   }
 
   return true

search/worker.js

@@ -24,9 +24,35 @@ async function searchIt(query) {
   return querier.search(query)
 }
 
-onmessage = async function(e) {
-  const query = e.data || '' // empty strings become undefined somehow ...
-  this.postMessage(await searchIt(query))
+const waitMs = 100
+let timeoutId = null
+let lastValue = ""
+
+function post(value) {
+  lastValue = value
+  if (timeoutId) clearTimeout(timeoutId)
+  timeoutId = setTimeout(async () => {
+    timeoutId = null
+    postMessage(await searchIt(lastValue))
+  }, waitMs)
+}
+
+async function flush(value) {
+  if (timeoutId) {
+    clearTimeout(timeoutId)
+    timeoutId = null
+  }
+  postMessage(await searchIt(value))
+}
+
+onmessage = function(e) {
+  const msg = e.data
+  const query = msg.query || ''
+  if (msg.flush) {
+    flush(query)
+  } else {
+    post(query)
+  }
 }
 
 if (maybeQuery == undefined) {