hugo-book/assets/search.js

102 lines
2.4 KiB
JavaScript
Raw Normal View History

2019-10-27 10:58:58 +00:00
'use strict';
2019-07-16 12:34:02 +00:00
2019-11-13 23:23:01 +00:00
{{ $searchDataFile := printf "%s.search-data.js" .Language.Lang }}
{{ $searchData := resources.Get "search-data.js" | resources.ExecuteAsTemplate $searchDataFile . | resources.Minify | resources.Fingerprint }}
(function () {
2019-10-20 17:02:32 +00:00
const input = document.querySelector('#book-search-input');
const results = document.querySelector('#book-search-results');
2019-07-16 12:34:02 +00:00
2020-04-15 21:24:51 +00:00
if (!input) {
return
}
2019-10-20 17:02:32 +00:00
input.addEventListener('focus', init);
input.addEventListener('keyup', search);
2019-07-16 12:34:02 +00:00
document.addEventListener('keypress', focusSearchFieldOnKeyPress);
/**
* @param {Event} event
*/
function focusSearchFieldOnKeyPress(event) {
if (input === document.activeElement) {
return;
}
const characterPressed = String.fromCharCode(event.charCode);
if (!isHotkey(characterPressed)) {
return;
}
input.focus();
event.preventDefault();
}
/**
* @param {String} character
* @returns {Boolean}
*/
function isHotkey(character) {
const dataHotkeys = input.getAttribute('data-hotkeys') || '';
return dataHotkeys.indexOf(character) >= 0;
}
2019-07-16 12:34:02 +00:00
function init() {
2019-10-27 10:58:58 +00:00
input.removeEventListener('focus', init); // init once
input.required = true;
2019-10-27 10:58:58 +00:00
loadScript('{{ "flexsearch.min.js" | relURL }}');
loadScript('{{ $searchData.RelPermalink }}', function () {
input.required = false;
search();
});
2019-07-15 16:25:21 +00:00
}
function search() {
2019-07-16 12:34:02 +00:00
while (results.firstChild) {
results.removeChild(results.firstChild);
}
if (!input.value) {
return;
2019-07-17 11:42:39 +00:00
}
2019-07-16 12:34:02 +00:00
2019-10-27 10:58:58 +00:00
const searchHits = window.bookSearchIndex.search(input.value, 10);
searchHits.forEach(function (page) {
const li = element('<li><a href></a><small></small></li>');
const a = li.querySelector('a'), small = li.querySelector('small');
2019-07-17 11:42:39 +00:00
a.href = page.href;
a.textContent = page.title;
small.textContent = page.section;
2019-07-17 11:42:39 +00:00
results.appendChild(li);
});
2019-07-15 16:25:21 +00:00
}
/**
* @param {String} src
* @param {Function} callback
*/
2019-07-16 12:34:02 +00:00
function loadScript(src, callback) {
2019-10-20 17:02:32 +00:00
const script = document.createElement('script');
2019-07-16 12:34:02 +00:00
script.defer = true;
script.async = false;
2019-07-16 12:34:02 +00:00
script.src = src;
script.onload = callback;
2019-10-27 10:58:58 +00:00
document.head.appendChild(script);
2019-07-15 16:25:21 +00:00
}
/**
* @param {String} content
* @returns {Node}
*/
function element(content) {
const div = document.createElement('div');
div.innerHTML = content;
return div.firstChild;
}
2019-07-16 12:34:02 +00:00
})();