1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
function makeTeaser(body, terms) {
if (!body) return '';
var TEASER_MAX_CHARS = 200;
var lowerBody = body.toLowerCase();
var firstTermIndex = -1;
for (var i = 0; i < terms.length; i++) {
var idx = lowerBody.indexOf(terms[i].toLowerCase());
if (idx !== -1 && (firstTermIndex === -1 || idx < firstTermIndex)) {
firstTermIndex = idx;
}
}
var start = Math.max(0, firstTermIndex - 50);
var end = Math.min(body.length, start + TEASER_MAX_CHARS);
var teaser = (start > 0 ? '…' : '') + body.substring(start, end) + (end < body.length ? '…' : '');
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi');
teaser = teaser.replace(regex, '<b>$1</b>');
});
return teaser;
}
function formatSearchResultItem(item, terms, isLast) {
var doc = item.item;
return '<div class="search-results__item">'
+ '<h3>' + doc.title + '</h3>'
+ '<p>' + makeTeaser(doc.body, terms) + '</p>'
+ '<p class="s"><a href="' + doc.url + '">' + doc.url + '</a></p>'
+ '</div>' + (isLast ? '' : '<hr>');
}
function initSearch() {
var $searchInput = document.getElementById("search-input");
var $searchResults = document.querySelector(".search-results");
var $searchResultsItems = document.querySelector(".search-results__items");
var MAX_ITEMS = 20;
var currentTerm = "";
var debounceTimer;
if (!$searchInput || !window.searchIndex) return;
var fuse = new Fuse(window.searchIndex, {
keys: [
{ name: 'title', weight: 2 },
{ name: 'body', weight: 1 }
],
includeMatches: true,
minMatchCharLength: 2,
threshold: 0.4
});
function doSearch() {
var term = $searchInput.value.trim();
if (term === currentTerm) return;
$searchResults.style.display = term === "" ? "none" : "block";
$searchResultsItems.innerHTML = "";
currentTerm = term;
if (term === "") return;
var results = fuse.search(term);
if (results.length === 0) {
$searchResultsItems.innerHTML = '<p class="s">No results</p>';
return;
}
var terms = term.split(" ").filter(function(t) { return t.length > 0; });
var count = Math.min(results.length, MAX_ITEMS);
for (var i = 0; i < count; i++) {
$searchResultsItems.innerHTML += formatSearchResultItem(results[i], terms, i === count - 1);
}
}
$searchInput.oninput = function() {
clearTimeout(debounceTimer);
debounceTimer = setTimeout(doSearch, 150);
};
}
if (document.readyState === "complete" ||
(document.readyState !== "loading" && !document.documentElement.doScroll)
) {
initSearch();
} else {
document.addEventListener("DOMContentLoaded", initSearch);
}
|
