nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-27 01:33:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Format search.js

Browse source
This commit is contained in:
Helder Pereira 2021-08-29 16:03:04 +01:00
parent 9bc3f4e416
commit 00e6ca63bc
1 changed files with 26 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
static/js/search.js
View file

@ -1,9 +1,5 @@
var lunrIndex, pagesIndex; var lunrIndex, pagesIndex;
function endsWith(str, suffix) {
return str.indexOf(suffix, str.length - suffix.length) !== -1;
}
// Initialize lunrjs using our generated index file // Initialize lunrjs using our generated index file
function initLunr() { function initLunr() {
// First retrieve the index file // First retrieve the index file
@ -13,14 +9,14 @@ function initLunr() {
// Set up lunrjs by declaring the fields we use // Set up lunrjs by declaring the fields we use
// Also provide their boost level for the ranking // Also provide their boost level for the ranking
lunrIndex = lunr(function() { lunrIndex = lunr(function() {
this.ref("uri"); this.ref('uri');
this.field('title', { this.field('title', {
boost: 15 boost: 15
}); });
this.field('tags', { this.field('tags', {
boost: 10 boost: 10
}); });
this.field("content", { this.field('content', {
boost: 5 boost: 5
}); });
@ -34,8 +30,8 @@ function initLunr() {
}) })
}) })
.fail(function(jqxhr, textStatus, error) { .fail(function(jqxhr, textStatus, error) {
var err = textStatus + ", " + error; var err = textStatus + ', ' + error;
console.error("Error getting Hugo index file:", err); console.error('Error getting Hugo index file:', err);
}); });
} }
@ -47,7 +43,7 @@ function initLunr() {
*/ */
function search(queryTerm) { function search(queryTerm) {
// Find the item in our index corresponding to the lunr one to have more info // Find the item in our index corresponding to the lunr one to have more info
var searchTerm = queryTerm.match(/\w+/g).map(word => word+"^100"+" "+word+"*^10"+" "+"*"+word+"^10"+" "+word+"~2^1").join(" "); var searchTerm = queryTerm.match(/\w+/g).map(word => word + '^100' + ' ' + word + '*^10' + ' ' + '*' + word + '^10' + ' ' + word + '~2^1').join(' ');
return lunrIndex.search(searchTerm).map(function(result) { return lunrIndex.search(searchTerm).map(function(result) {
return pagesIndex.filter(function(page) { return pagesIndex.filter(function(page) {
return page.uri === result.ref; return page.uri === result.ref;
@ -57,10 +53,10 @@ function search(queryTerm) {
// Let's get started // Let's get started
initLunr(); initLunr();
$( document ).ready(function() { $(function() {
var searchList = new autoComplete({ var searchList = new autoComplete({
/* selector for the search box element */ /* selector for the search box element */
selector: $("#search-by").get(0), selector: $('#search-by').get(0),
/* source is the callback to perform the search */ /* source is the callback to perform the search */
source: function(term, response) { source: function(term, response) {
response(search(term)); response(search(term));
@ -69,18 +65,18 @@ $( document ).ready(function() {
renderItem: function(item, term) { renderItem: function(item, term) {
var numContextWords = 2; var numContextWords = 2;
var text = item.content.match( var text = item.content.match(
"(?:\\s?(?:[\\w]+)\\s?){0,"+numContextWords+"}" + '(?:\\s?(?:[\\w]+)\\s?){0,' + numContextWords + '}' +
term.trim()+"(?:\\s?(?:[\\w]+)\\s?){0,"+numContextWords+"}"); term.trim() + '(?:\\s?(?:[\\w]+)\\s?){0,' + numContextWords + '}');
item.context = text; item.context = text;
var divcontext = document.createElement("div"); var divcontext = document.createElement('div');
divcontext.className = "context"; divcontext.className = 'context';
divcontext.innerText = (item.context || ''); divcontext.innerText = (item.context || '');
var divsuggestion = document.createElement("div"); var divsuggestion = document.createElement('div');
divsuggestion.className = "autocomplete-suggestion"; divsuggestion.className = 'autocomplete-suggestion';
divsuggestion.setAttribute("data-term", term); divsuggestion.setAttribute('data-term', term);
divsuggestion.setAttribute("data-title", item.title); divsuggestion.setAttribute('data-title', item.title);
divsuggestion.setAttribute("data-uri", baseUri + item.uri); divsuggestion.setAttribute('data-uri', baseUri + item.uri);
divsuggestion.setAttribute("data-context", item.context); divsuggestion.setAttribute('data-context', item.context);
divsuggestion.innerText = '» ' + item.title; divsuggestion.innerText = '» ' + item.title;
divsuggestion.appendChild(divcontext); divsuggestion.appendChild(divcontext);
return divsuggestion.outerHTML; return divsuggestion.outerHTML;
@ -93,6 +89,6 @@ $( document ).ready(function() {
// JavaScript-autoComplete only registers the focus event when minChars is 0 which doesn't make sense, let's do it ourselves // JavaScript-autoComplete only registers the focus event when minChars is 0 which doesn't make sense, let's do it ourselves
// https://github.com/Pixabay/JavaScript-autoComplete/blob/master/auto-complete.js#L191 // https://github.com/Pixabay/JavaScript-autoComplete/blob/master/auto-complete.js#L191
var selector = $("#search-by").get(0); var selector = $('#search-by').get(0);
$(selector).focus(selector.focusHandler); $(selector).focus(selector.focusHandler);
}); });