87 lines
2.2 KiB
JavaScript
87 lines
2.2 KiB
JavaScript
/* eslint-disable no-undef */
|
|
|
|
/**
|
|
* @file
|
|
* A JavaScript file for flexsearch.
|
|
*/
|
|
|
|
(function () {
|
|
|
|
'use strict';
|
|
|
|
const index = new FlexSearch.Document({
|
|
document: {
|
|
id: 'id',
|
|
index: ['title','tags','content','date'],
|
|
store: ['title','summary','date','permalink']
|
|
}
|
|
});
|
|
|
|
function showResults(items) {
|
|
const template = document.querySelector('template').content;
|
|
const fragment = document.createDocumentFragment();
|
|
|
|
const results = document.querySelector('.search-results');
|
|
results.textContent = '';
|
|
|
|
for (const id in items) {
|
|
const item = items[id];
|
|
const result = template.cloneNode(true);
|
|
const a = result.querySelector('a');
|
|
const time = result.querySelector('time');
|
|
const content = result.querySelector('.content');
|
|
a.innerHTML = item.title;
|
|
a.href = item.permalink;
|
|
time.innerText = item.date;
|
|
content.innerHTML = item.summary;
|
|
fragment.appendChild(result);
|
|
}
|
|
results.appendChild(fragment);
|
|
}
|
|
|
|
function doSearch() {
|
|
const query = document.querySelector('.search-text').value.trim();
|
|
const results = index.search({
|
|
query: query,
|
|
enrich: true,
|
|
limit: {{ .Site.Params.searchLimit | default 20 }}
|
|
});
|
|
const items = {};
|
|
results.forEach( function(result) {
|
|
result.result.forEach( function(r) {
|
|
items[r.id] = r.doc;
|
|
});
|
|
});
|
|
showResults(items);
|
|
}
|
|
|
|
function enableUI() {
|
|
const searchform = document.querySelector('.search-form');
|
|
searchform.addEventListener('submit', function (e) {
|
|
e.preventDefault();
|
|
doSearch();
|
|
});
|
|
searchform.addEventListener('input', function () {
|
|
doSearch();
|
|
});
|
|
document.querySelector('.search-loading').classList.add('hidden');
|
|
document.querySelector('.search-input').classList.remove('hidden');
|
|
document.querySelector('.search-text').focus();
|
|
}
|
|
|
|
function buildIndex() {
|
|
document.querySelector('.search-loading').classList.remove('hidden');
|
|
fetch('/searchindex.json')
|
|
.then(function (response) {
|
|
return response.json();
|
|
})
|
|
.then(function (data) {
|
|
data.forEach(function (item) {
|
|
index.add(item);
|
|
})
|
|
});
|
|
}
|
|
|
|
buildIndex();
|
|
enableUI();
|
|
})();
|