2019-10-27 11:58:58 +01:00
|
|
|
|
'use strict';
|
2019-07-16 14:34:02 +02:00
|
|
|
|
|
2021-05-19 20:26:21 +02:00
|
|
|
|
{{ $searchDataFile := printf "%s.search-data.json" .Language.Lang }}
|
|
|
|
|
{{ $searchData := resources.Get "search-data.json" | resources.ExecuteAsTemplate $searchDataFile . | resources.Minify | resources.Fingerprint }}
|
|
|
|
|
{{ $searchConfig := i18n "bookSearchConfig" | default "{}" }}
|
2019-11-10 14:35:07 +01:00
|
|
|
|
|
2020-07-06 22:17:36 +02:00
|
|
|
|
(function () {
|
2021-05-19 20:26:21 +02:00
|
|
|
|
const searchDataURL = '{{ $searchData.RelPermalink }}';
|
|
|
|
|
const indexConfig = Object.assign({{ $searchConfig }}, {
|
|
|
|
|
doc: {
|
|
|
|
|
id: 'id',
|
|
|
|
|
field: ['title', 'content'],
|
|
|
|
|
store: ['title', 'href', 'section']
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
2019-10-20 19:02:32 +02:00
|
|
|
|
const input = document.querySelector('#book-search-input');
|
|
|
|
|
const results = document.querySelector('#book-search-results');
|
2019-07-16 14:34:02 +02:00
|
|
|
|
|
2020-04-15 23:24:51 +02:00
|
|
|
|
if (!input) {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
2019-10-20 19:02:32 +02:00
|
|
|
|
input.addEventListener('focus', init);
|
|
|
|
|
input.addEventListener('keyup', search);
|
2019-07-16 14:34:02 +02:00
|
|
|
|
|
2020-01-19 21:57:53 +01:00
|
|
|
|
document.addEventListener('keypress', focusSearchFieldOnKeyPress);
|
|
|
|
|
|
2020-04-12 20:50:03 +02:00
|
|
|
|
/**
|
|
|
|
|
* @param {Event} event
|
|
|
|
|
*/
|
|
|
|
|
function focusSearchFieldOnKeyPress(event) {
|
2021-11-19 14:24:28 +01:00
|
|
|
|
if (event.target.value !== undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2020-01-19 21:57:53 +01:00
|
|
|
|
if (input === document.activeElement) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-12 20:50:03 +02:00
|
|
|
|
const characterPressed = String.fromCharCode(event.charCode);
|
2020-01-19 21:57:53 +01:00
|
|
|
|
if (!isHotkey(characterPressed)) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input.focus();
|
2020-04-12 20:50:03 +02:00
|
|
|
|
event.preventDefault();
|
2020-01-19 21:57:53 +01:00
|
|
|
|
}
|
|
|
|
|
|
2020-04-12 20:50:03 +02:00
|
|
|
|
/**
|
|
|
|
|
* @param {String} character
|
|
|
|
|
* @returns {Boolean}
|
|
|
|
|
*/
|
2020-01-19 21:57:53 +01:00
|
|
|
|
function isHotkey(character) {
|
|
|
|
|
const dataHotkeys = input.getAttribute('data-hotkeys') || '';
|
|
|
|
|
return dataHotkeys.indexOf(character) >= 0;
|
|
|
|
|
}
|
|
|
|
|
|
2019-07-16 14:34:02 +02:00
|
|
|
|
function init() {
|
2019-10-27 11:58:58 +01:00
|
|
|
|
input.removeEventListener('focus', init); // init once
|
2019-07-17 17:56:12 +02:00
|
|
|
|
input.required = true;
|
|
|
|
|
|
2021-05-19 20:26:21 +02:00
|
|
|
|
fetch(searchDataURL)
|
|
|
|
|
.then(pages => pages.json())
|
|
|
|
|
.then(pages => {
|
|
|
|
|
window.bookSearchIndex = FlexSearch.create('balance', indexConfig);
|
|
|
|
|
window.bookSearchIndex.add(pages);
|
|
|
|
|
})
|
|
|
|
|
.then(() => input.required = false)
|
|
|
|
|
.then(search);
|
2019-07-15 18:25:21 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function search() {
|
2019-07-16 14:34:02 +02:00
|
|
|
|
while (results.firstChild) {
|
|
|
|
|
results.removeChild(results.firstChild);
|
|
|
|
|
}
|
|
|
|
|
|
2019-07-17 17:56:12 +02:00
|
|
|
|
if (!input.value) {
|
|
|
|
|
return;
|
2019-07-17 13:42:39 +02:00
|
|
|
|
}
|
2019-07-16 14:34:02 +02:00
|
|
|
|
|
2019-10-27 11:58:58 +01:00
|
|
|
|
const searchHits = window.bookSearchIndex.search(input.value, 10);
|
2020-07-06 22:17:36 +02:00
|
|
|
|
searchHits.forEach(function (page) {
|
2024-01-29 16:50:15 +01:00
|
|
|
|
const li = element('<li><a href></a><span></span><small></small></li>');
|
|
|
|
|
const a = li.querySelector('a'), small = li.querySelector('small'),span = li.querySelector('span');
|
2019-07-17 13:42:39 +02:00
|
|
|
|
|
|
|
|
|
a.href = page.href;
|
|
|
|
|
a.textContent = page.title;
|
2020-07-06 22:17:36 +02:00
|
|
|
|
small.textContent = page.section;
|
2019-07-17 13:42:39 +02:00
|
|
|
|
|
2024-01-29 16:50:15 +01:00
|
|
|
|
// 使用 Promise+async 实现
|
|
|
|
|
async function asyncFn() {
|
|
|
|
|
let returnData = await getSomething(page.href)
|
|
|
|
|
return returnData
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 因为asyncFn()返回的是 Promise对象,而不是直接返回值,所以需要.then来获取值进行操作
|
|
|
|
|
asyncFn().then(content => {
|
|
|
|
|
// 去除html标签
|
|
|
|
|
content = content.replace(/(<([^>]+)>)/ig, '');
|
|
|
|
|
// 按换行符分割成数组
|
|
|
|
|
let contentArray = lengthCutting(content, 15);
|
|
|
|
|
console.log(contentArray)
|
|
|
|
|
contentArray.forEach(line => {
|
|
|
|
|
if (line.match(/^\s+$/) || line.match(/^[ ]+$/) || line.match(/^[ ]*$/) || line.match(/^\s*$/)) {
|
|
|
|
|
console.log(1+line);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (line.search(input.value) != -1 && span.textContent == '') {
|
|
|
|
|
console.log(2 + line);
|
|
|
|
|
span.textContent = line;
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
if (span.textContent == '') {
|
|
|
|
|
contentArray.forEach(line => {
|
|
|
|
|
if (line.match(/^\s+$/) || line.match(/^[ ]+$/) || line.match(/^[ ]*$/) || line.match(/^\s*$/)) {
|
|
|
|
|
console.log(3 + line);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
input.value.split('').forEach(s => {
|
|
|
|
|
console.log(1111 + s)
|
|
|
|
|
console.log(2222 +line)
|
|
|
|
|
if (line.search(s) != -1 && span.textContent == '') {
|
|
|
|
|
console.log(4 + line);
|
|
|
|
|
span.textContent = line;
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
console.log(888+span.textContent)
|
|
|
|
|
})
|
|
|
|
|
|
2019-07-17 13:42:39 +02:00
|
|
|
|
results.appendChild(li);
|
|
|
|
|
});
|
2019-07-15 18:25:21 +02:00
|
|
|
|
}
|
2020-07-06 22:17:36 +02:00
|
|
|
|
|
2024-01-29 16:50:15 +01:00
|
|
|
|
function lengthCutting(str, num) {
|
|
|
|
|
let strArr = [];
|
|
|
|
|
|
|
|
|
|
for (let i = 0; i < str.length; i += num) strArr.push(str.slice(i, i + num));
|
|
|
|
|
|
|
|
|
|
return strArr;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 封装数据请求方法(异步)
|
|
|
|
|
function getSomething(link) {
|
|
|
|
|
return new Promise(resolve => {
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
xhr.open('GET', link, true);
|
|
|
|
|
xhr.send();
|
|
|
|
|
xhr.onreadystatechange = function () {
|
|
|
|
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
|
|
|
|
resolve(xhr.responseText);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
2020-07-06 22:17:36 +02:00
|
|
|
|
/**
|
|
|
|
|
* @param {String} content
|
|
|
|
|
* @returns {Node}
|
|
|
|
|
*/
|
|
|
|
|
function element(content) {
|
|
|
|
|
const div = document.createElement('div');
|
|
|
|
|
div.innerHTML = content;
|
|
|
|
|
return div.firstChild;
|
|
|
|
|
}
|
2019-07-16 14:34:02 +02:00
|
|
|
|
})();
|