aboutsummaryrefslogtreecommitdiffstats
path: root/static/js/search.js
blob: 46627bc541f7878ad3e0434546b44941d9595b83 (plain)
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
91
92
93
94
95
96
97
98
99
100
101
summaryInclude=60;
const fuseOptions = {
    shouldSort: true,
    includeMatches: true,
    threshold: 0.0,
    tokenize:true,
    location: 0,
    distance: 100,
    maxPatternLength: 32,
    minMatchCharLength: 2,
    keys: [
        {name:"title",weight:0.8},
        {name:"contents",weight:0.5},
        {name:"tags",weight:0.3},
        {name:"categories",weight:0.3}
    ]
};

const getQueryByParam = param => decodeURIComponent(
    (location.search.split(param + '=')[1] || '').split('&')[0]
).replace(/\+/g, ' ')
var searchQuery = getQueryByParam("s");

if(searchQuery){
    $("#search-query").val(searchQuery);
    executeSearch(searchQuery);
}else {
    $('#search-results').append("<p>Please enter a word or phrase above</p>");
}



function executeSearch(searchQuery){

    fetch("/index.json")
        .then(response => response.json())
        .then(data => {
            let fuse = new Fuse(data, fuseOptions);
            let result = fuse.search(searchQuery);
            console.log({"matches":result});
            if(result.length > 0){
                populateResults(result);
            }else{
                $('#search-results').append("<p>No matches found</p>");
            }
        });
}

function populateResults(result){
    result.forEach(d => console.log( d) )

    $.each(result,function(key,value){
        var contents= value.item.contents;
        var snippet = "";

        if(snippet.length<1){
            snippet += contents.substring(0,summaryInclude*2);
        }
        //pull template from hugo templarte definition
        var templateDefinition = $('#search-result-template').html();
        //replace values
        var output = render(templateDefinition,{key:key,
                                                title:value.item.title,
                                                link:value.item.permalink,
                                                tags:value.item.tags,
                                                categories:value.item.categories,
                                                snippet:snippet});
        $('#search-results').append(output);

        let snippetHighlights=[];
        snippetHighlights.push(searchQuery);
        snippetHighlights.forEach(value => $("#summary-"+key).mark(value));

    });
}

function render(templateString, data) {
    var conditionalMatches,conditionalPattern,copy;
    conditionalPattern = /\$\{\s*isset ([a-zA-Z]+) \s*\}(.+)\$\{\s*end\s*}/g;
    // Since loop below depends on re.lastInxdex, we use a copy to capture any
    // manipulations whilst inside the loop.
    copy = templateString;
    while ((conditionalMatches = conditionalPattern.exec(templateString)) !== null) {
        if(data[conditionalMatches[1]]){
            // Valid key: Remove conditionals, leave contents.
            copy = copy.replace(conditionalMatches[0],conditionalMatches[2]);
        }else{
            // Not valid: Remove entire section.
            copy = copy.replace(conditionalMatches[0],'');
        }
    }
    templateString = copy;
    // Now any conditionals removed we can do simple substitution.
    var key, find, re;
    for (key in data) {
        find = '\\$\\{\\s*' + key + '\\s*\\}';
        re = new RegExp(find, 'g');
        templateString = templateString.replace(re, data[key]);
    }
    return templateString;
}