const HEADERS = "headers" 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: [ { name: HEADERS, weight: 0.2 }, { name: PATH, weight: 0.1 }, { name: TAGS, weight: 0.1 }, { name: TITLE, weight: 4 } ], includeMatches: true, useExtendedSearch: true, ignoreLocation: true, threshhold: 0.4, }) const RESULTS_MAX = 5 const searchBar = document.getElementById('search') 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 => { wrapper = document.createElement('div') wrapper.className = "article" display_matches = {} display_matches[HEADERS] = [] display_matches[PATH] = [] display_matches[TAGS] = [] display_matches[TITLE] = [] r.matches.every(match => { if (display_matches[match.key].length > 3) { display_matches[match.key].push('...') return false } display_match = match.value if (match.indices.length >= 1) { match.indices.sort((a, b) => (b[1]-b[0])-(a[1]-a[0])) indexPair = match.indices[0] matching_slice = match.value.slice(indexPair[0], indexPair[1]+1) display_match = match.value.replace( matching_slice, '' + matching_slice + '' ) } display_matches[match.key].push(display_match) return true }) content = document.createElement('a') content.innerHTML = r.item.title content.href = r.item.path wrapper.appendChild(content) Object.keys(display_matches).forEach(key => { if (display_matches[key].length < 1) return p = document.createElement('p') p.className = "smallText" p.innerHTML += key + ": [" + display_matches[key].join(', ') + ']' wrapper.appendChild(p) }) resultsDiv.appendChild(wrapper) }) } searchBar.addEventListener('keyup', e => { console.log(e) // if user pressed enter if (e.keyCode === 13) { if (e.shiftKey) { window.open(results[0].item.path, '_blank') } else { window.location.href = results[0].item.path } return } updateResultsWithTimeout() }) searchBar.addEventListener('change', updateResultsWithTimeout) const searchParams = new URL(window.location.href).searchParams; searchBar.value = searchParams.get('q'); updateResults(); console.log(results) if (searchParams.has('lucky')) { window.location.href = results[0].item.path; }