126 lines
2.9 KiB
JavaScript
126 lines
2.9 KiB
JavaScript
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,
|
|
'<span class="matchHighlight">' + matching_slice + '</span>'
|
|
)
|
|
}
|
|
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;
|
|
}
|