add timer to search to reduce cpu usage

This commit is contained in:
Akbar Rahman 2023-02-06 13:42:45 +00:00
parent 79f5acd020
commit 48268770b7
Signed by: alvierahman90
GPG Key ID: 20609519444A1269

View File

@ -3,6 +3,9 @@ const PATH = "path"
const TAGS = "tags"
const TITLE = "title"
const SEARCH_TIMEOUT_MS = 100
var SEARCH_TIMEOUT_ID = -1
const fuse = new Fuse(data, {
keys: [
{
@ -35,7 +38,14 @@ const resultsDiv = document.getElementById('results')
var results = []
function updateResultsWithTimeout() {
console.log("clearing timeout")
if (SEARCH_TIMEOUT_ID) SEARCH_TIMEOUT_ID = clearTimeout(SEARCH_TIMEOUT_ID)
SEARCH_TIMEOUT_ID = setTimeout(updateResults, SEARCH_TIMEOUT_MS)
}
function updateResults() {
console.log("updating results")
resultsDiv.innerHTML = ''
results = fuse.search(searchBar.value, { limit: RESULTS_MAX })
results.forEach(r => {
@ -99,10 +109,10 @@ searchBar.addEventListener('keyup', e => {
}
return
}
updateResults()
updateResultsWithTimeout()
})
searchBar.addEventListener('change', updateResults)
searchBar.addEventListener('change', updateResultsWithTimeout)
const searchParams = new URL(window.location.href).searchParams;
searchBar.value = searchParams.get('q');