/* global CONFIG */ window.addEventListener('DOMContentLoaded', () => { // Popup Window let isfetched = false; let datas; let isXml = true; // Search DB path let searchPath = CONFIG.path; if (searchPath.length === 0) { searchPath = 'search.xml'; } else if (/json$/i.test(searchPath)) { isXml = false; } const path = CONFIG.root + searchPath; const input = document.getElementById('search-input'); const resultContent = document.getElementById('search-result'); // Ref: https://github.com/ForbesLindesay/unescape-html const unescapeHtml = html => { return String(html) .replace(/"/g, '"') .replace(/'/g, '\'') .replace(/:/g, ':') // Replace all the other chars .replace(/(\d+);/g, (m, p) => { return String.fromCharCode(p); }) .replace(/</g, '<') .replace(/>/g, '>') .replace(/&/g, '&'); }; const getIndexByWord = (word, text, caseSensitive) => { let wordLen = word.length; if (wordLen === 0) { return []; } let startPosition = 0; let position = []; let index = []; if (!caseSensitive) { text = text.toLowerCase(); word = word.toLowerCase(); } while ((position = text.indexOf(word, startPosition)) > -1) { index.push({ position: position, word : word }); startPosition = position + wordLen; } return index; }; // Merge hits into slices const mergeIntoSlice = (start, end, index, searchText) => { let item = index[index.length - 1]; let position = item.position; let word = item.word; let hits = []; let searchTextCountInSlice = 0; while (position + word.length <= end && index.length !== 0) { if (word === searchText) { searchTextCountInSlice++; } hits.push({ position: position, length : word.length }); let wordEnd = position + word.length; // Move to next position of hit index.pop(); while (index.length !== 0) { item = index[index.length - 1]; position = item.position; word = item.word; if (wordEnd > position) { index.pop(); } else { break; } } } return { hits : hits, start : start, end : end, searchTextCount: searchTextCountInSlice }; }; // Highlight title and content const highlightKeyword = (text, slice) => { let result = ''; let prevEnd = slice.start; slice.hits.forEach(hit => { result += text.substring(prevEnd, hit.position); let end = hit.position + hit.length; result += `${text.substring(hit.position, end)}`; prevEnd = end; }); result += text.substring(prevEnd, slice.end); return result; }; const inputEventFunction = () => { let searchText = input.value.trim().toLowerCase(); let keywords = searchText.split(/[-\s]+/); if (keywords.length > 1) { keywords.push(searchText); } let resultItems = []; if (searchText.length > 0) { // Perform local searching datas.forEach(data => { // Only match articles with not empty titles if (!data.title) { return; } let searchTextCount = 0; let title = data.title.trim(); let titleInLowerCase = title.toLowerCase(); let content = data.content ? data.content.trim().replace(/<[^>]+>/g, '') : ''; if (CONFIG.localsearch.unescape) { content = unescapeHtml(content); } let contentInLowerCase = content.toLowerCase(); let articleUrl = decodeURIComponent(data.url).replace(/\/{2,}/g, '/'); let indexOfTitle = []; let indexOfContent = []; keywords.forEach(keyword => { indexOfTitle = indexOfTitle.concat(getIndexByWord(keyword, titleInLowerCase, false)); indexOfContent = indexOfContent.concat(getIndexByWord(keyword, contentInLowerCase, false)); }); // Show search results if (indexOfTitle.length > 0 || indexOfContent.length > 0) { let hitCount = indexOfTitle.length + indexOfContent.length; // Sort index by position of keyword [indexOfTitle, indexOfContent].forEach(index => { index.sort((itemLeft, itemRight) => { if (itemRight.position !== itemLeft.position) { return itemRight.position - itemLeft.position; } return itemLeft.word.length - itemRight.word.length; }); }); let slicesOfTitle = []; if (indexOfTitle.length !== 0) { let tmp = mergeIntoSlice(0, title.length, indexOfTitle, searchText); searchTextCount += tmp.searchTextCountInSlice; slicesOfTitle.push(tmp); } let slicesOfContent = []; while (indexOfContent.length !== 0) { let item = indexOfContent[indexOfContent.length - 1]; let position = item.position; let word = item.word; // Cut out 100 characters let start = position - 20; let end = position + 80; if (start < 0) { start = 0; } if (end < position + word.length) { end = position + word.length; } if (end > content.length) { end = content.length; } let tmp = mergeIntoSlice(start, end, indexOfContent, searchText); searchTextCount += tmp.searchTextCountInSlice; slicesOfContent.push(tmp); } // Sort slices in content by search text's count and hits' count slicesOfContent.sort((sliceLeft, sliceRight) => { if (sliceLeft.searchTextCount !== sliceRight.searchTextCount) { return sliceRight.searchTextCount - sliceLeft.searchTextCount; } else if (sliceLeft.hits.length !== sliceRight.hits.length) { return sliceRight.hits.length - sliceLeft.hits.length; } return sliceLeft.start - sliceRight.start; }); // Select top N slices in content let upperBound = parseInt(CONFIG.localsearch.top_n_per_article, 10); if (upperBound >= 0) { slicesOfContent = slicesOfContent.slice(0, upperBound); } let resultItem = ''; if (slicesOfTitle.length !== 0) { resultItem += `
${highlightKeyword(content, slice)}...
`; }); resultItem += '