skin/search2.js

   1 // PukiWiki - Yet another WikiWikiWeb clone.
   2 // search2.js
   3 // Copyright
   4 //   2017-2020 PukiWiki Development Team
   5 // License: GPL v2 or (at your option) any later version
   6 //
   7 // PukiWiki search2 pluign - JavaScript client script
   8 /* eslint-env browser */
   9 // eslint-disable-next-line no-unused-expressions
  10 window.addEventListener && window.addEventListener('DOMContentLoaded', function () {
  11   'use strict'
  12   function enableSearch2 () {
  13     var aroundLines = 2
  14     var maxResultLines = 20
  15     var defaultSearchWaitMilliseconds = 100
  16     var defaultMaxResults = 1000
  17     var kanaMap = null
  18     var searchProps = {}
  19     /**
  20      * Escape HTML special charactors
  21      *
  22      * @param {string} s
  23      */
  24     function escapeHTML (s) {
  25       if (typeof s !== 'string') {
  26         return '' + s
  27       }
  28       return s.replace(/[&"<>]/g, function (m) {
  29         return {
  30           '&': '&amp;',
  31           '"': '&quot;',
  32           '<': '&lt;',
  33           '>': '&gt;'
  34         }[m]
  35       })
  36     }
  37     /**
  38      * @param {string} idText
  39      * @param {number} defaultValue
  40      * @type number
  41      */
  42     function getIntById (idText, defaultValue) {
  43       var value = defaultValue
  44       try {
  45         var element = document.getElementById(idText)
  46         if (element) {
  47           value = parseInt(element.value, 10)
  48           if (isNaN(value)) { // eslint-disable-line no-restricted-globals
  49             value = defaultValue
  50           }
  51         }
  52       } catch (e) {
  53         value = defaultValue
  54       }
  55       return value
  56     }
  57     /**
  58      * @param {string} idText
  59      * @param {string} defaultValue
  60      * @type string
  61      */
  62     function getTextById (idText, defaultValue) {
  63       var value = defaultValue
  64       try {
  65         var element = document.getElementById(idText)
  66         if (element.value) {
  67           value = element.value
  68         }
  69       } catch (e) {
  70         value = defaultValue
  71       }
  72       return value
  73     }
  74     function prepareSearchProps () {
  75       var p = {}
  76       p.errorMsg = getTextById('_plugin_search2_msg_error',
  77         'An error occurred while processing.')
  78       p.searchingMsg = getTextById('_plugin_search2_msg_searching',
  79         'Searching...')
  80       p.showingResultMsg = getTextById('_plugin_search2_msg_showing_result',
  81         'Showing search results')
  82       p.prevOffset = getTextById('_plugin_search2_prev_offset', '')
  83       var baseUrlDefault = document.location.pathname + document.location.search
  84       baseUrlDefault = baseUrlDefault.replace(/&offset=\d+/, '')
  85       p.baseUrl = getTextById('_plugin_search2_base_url', baseUrlDefault)
  86       p.msgPrevResultsTemplate = getTextById('_plugin_search2_msg_prev_results', 'Previous $1 pages')
  87       p.msgMoreResultsTemplate = getTextById('_plugin_search2_msg_more_results', 'Next $1 pages')
  88       p.user = getTextById('_plugin_search2_auth_user', '')
  89       p.showingResultMsg = getTextById('_plugin_search2_msg_showing_result', 'Showing search results')
  90       p.notFoundMessageTemplate = getTextById('_plugin_search2_msg_result_notfound',
  91         'No page which contains $1 has been found.')
  92       p.foundMessageTemplate = getTextById('_plugin_search2_msg_result_found',
  93         'In the page <strong>$2</strong>, <strong>$3</strong> pages that contain all the terms $1 were found.')
  94       p.maxResults = getIntById('_plugin_search2_max_results', defaultMaxResults)
  95       p.searchInterval = getIntById('_plugin_search2_search_wait_milliseconds', defaultSearchWaitMilliseconds)
  96       p.offset = getIntById('_plugin_search2_offset', 0)
  97       searchProps = p
  98     }
  99     function getSiteProps () {
 100       var empty = {}
 101       var propsE = document.querySelector('#pukiwiki-site-properties .site-props')
 102       if (!propsE) return empty
 103       var props = JSON.parse(propsE.value)
 104       return props || empty
 105     }
 106     /**
 107      * @param {NodeList} nodeList
 108      * @param {function(Node, number): void} func
 109      */
 110     function forEach (nodeList, func) {
 111       if (nodeList.forEach) {
 112         nodeList.forEach(func)
 113       } else {
 114         for (var i = 0, n = nodeList.length; i < n; i++) {
 115           func(nodeList[i], i)
 116         }
 117       }
 118     }
 119     /**
 120      * @param {string} text
 121      * @param {RegExp} searchRegex
 122      */
 123     function findAndDecorateText (text, searchRegex) {
 124       var isReplaced = false
 125       var lastIndex = 0
 126       var m
 127       var decorated = ''
 128       if (!searchRegex) return null
 129       searchRegex.lastIndex = 0
 130       while ((m = searchRegex.exec(text)) !== null) {
 131         if (m[0] === '') {
 132           // Fail-safe
 133           console.log('Invalid searchRegex ' + searchRegex)
 134           return null
 135         }
 136         isReplaced = true
 137         var pre = text.substring(lastIndex, m.index)
 138         decorated += escapeHTML(pre)
 139         for (var i = 1; i < m.length; i++) {
 140           if (m[i]) {
 141             decorated += '<strong class="word' + (i - 1) + '">' + escapeHTML(m[i]) + '</strong>'
 142           }
 143         }
 144         lastIndex = searchRegex.lastIndex
 145       }
 146       if (isReplaced) {
 147         decorated += escapeHTML(text.substr(lastIndex))
 148         return decorated
 149       }
 150       return null
 151     }
 152     /**
 153      * @param {Object} session
 154      * @param {string} searchText
 155      * @param {RegExp} searchRegex
 156      * @param {boolean} nowSearching
 157      */
 158     function getSearchResultMessage (session, searchText, searchRegex, nowSearching) {
 159       var searchTextDecorated = findAndDecorateText(searchText, searchRegex)
 160       if (searchTextDecorated === null) searchTextDecorated = escapeHTML(searchText)
 161       var messageTemplate = searchProps.foundMessageTemplate
 162       if (!nowSearching && session.hitPageCount === 0) {
 163         messageTemplate = searchProps.notFoundMessageTemplate
 164       }
 165       var msg = messageTemplate.replace(/\$1|\$2|\$3/g, function (m) {
 166         return {
 167           $1: searchTextDecorated,
 168           $2: session.hitPageCount,
 169           $3: session.readPageCount
 170         }[m]
 171       })
 172       return msg
 173     }
 174     /**
 175      * @param {Object} session
 176      */
 177     function getSearchProgress (session) {
 178       var progress = '(read:' + session.readPageCount + ', scan:' +
 179         session.scanPageCount + ', all:' + session.pageCount
 180       if (session.offset) {
 181         progress += ', offset: ' + session.offset
 182       }
 183       progress += ')'
 184       return progress
 185     }
 186     /**
 187      * @param {Object} session
 188      * @param {number} maxResults
 189      */
 190     function getOffsetLinks (session, maxResults) {
 191       var baseUrl = searchProps.baseUrl
 192       var links = []
 193       if ('prevOffset' in session) {
 194         var prevResultUrl = baseUrl
 195         if (session.prevOffset > 0) {
 196           prevResultUrl += '&offset=' + session.prevOffset
 197         }
 198         var msgPrev = searchProps.msgPrevResultsTemplate.replace(/\$1/, maxResults)
 199         var prevResultHtml = '<a href="' + prevResultUrl + '">' + msgPrev + '</a>'
 200         links.push(prevResultHtml)
 201       }
 202       if ('nextOffset' in session) {
 203         var nextResultUrl = baseUrl + '&offset=' + session.nextOffset +
 204           '&prev_offset=' + session.offset
 205         var msgMore = searchProps.msgMoreResultsTemplate.replace(/\$1/, maxResults)
 206         var moreResultHtml = '<a href="' + nextResultUrl + '">' + msgMore + '</a>'
 207         links.push(moreResultHtml)
 208       }
 209       if (links.length > 0) {
 210         return links.join(' ')
 211       }
 212       return ''
 213     }
 214     function prepareKanaMap () {
 215       if (kanaMap !== null) return
 216       if (!String.prototype.normalize) {
 217         kanaMap = {}
 218         return
 219       }
 220       var dakuten = '\uFF9E'
 221       var maru = '\uFF9F'
 222       var map = {}
 223       for (var c = 0xFF61; c <= 0xFF9F; c++) {
 224         var han = String.fromCharCode(c)
 225         var zen = han.normalize('NFKC')
 226         map[zen] = han
 227         var hanDaku = han + dakuten
 228         var zenDaku = hanDaku.normalize('NFKC')
 229         if (zenDaku.length === 1) { // +Handaku-ten OK
 230           map[zenDaku] = hanDaku
 231         }
 232         var hanMaru = han + maru
 233         var zenMaru = hanMaru.normalize('NFKC')
 234         if (zenMaru.length === 1) { // +Maru OK
 235           map[zenMaru] = hanMaru
 236         }
 237       }
 238       kanaMap = map
 239     }
 240     /**
 241      * Hankaku to Zenkaku.
 242      *
 243      * @param {String} hankakuChar
 244      * @returns {String}
 245      */
 246     function toZenkaku (hankakuChar) {
 247       if (hankakuChar.length !== 1) {
 248         return hankakuChar
 249       }
 250       var zenkakuChar = String.fromCharCode(hankakuChar.charCodeAt(0) + 0xfee0)
 251       if (!String.prototype.normalize) {
 252         return hankakuChar
 253       }
 254       if (zenkakuChar.normalize('NFKC') === hankakuChar) {
 255         return zenkakuChar
 256       }
 257       return hankakuChar
 258     }
 259     /**
 260      * @param {searchText} searchText
 261      * @type RegExp
 262      */
 263     function textToRegex (searchText) {
 264       if (!searchText) return null
 265       //            1: Alphabet   2:Katakana        3:Hiragana        4:Wa kigo                                5:Other symbols
 266       var regRep = /([a-zA-Z0-9])|([\u30a1-\u30f6])|([\u3041-\u3096])|([\u30fb\u30fc\u300c\u300d\u3001\u3002])|([\u0021-\u007e])/ig
 267       var replacementFunc = function (m, m1, m2, m3, m4, m5) {
 268         if (m1) {
 269           // [a-zA-Z0-9]
 270           return '[' + m1 + toZenkaku(m1) + ']'
 271         } else if (m2) {
 272           // Katakana
 273           var r = '(?:' + String.fromCharCode(m2.charCodeAt(0) - 0x60) +
 274             '|' + m2
 275           if (kanaMap[m2]) {
 276             r += '|' + kanaMap[m2]
 277           }
 278           r += ')'
 279           return r
 280         } else if (m3) {
 281           // Hiragana
 282           var katakana = String.fromCharCode(m3.charCodeAt(0) + 0x60)
 283           var r2 = '(?:' + m3 + '|' + katakana
 284           if (kanaMap[katakana]) {
 285             r2 += '|' + kanaMap[katakana]
 286           }
 287           r2 += ')'
 288           return r2
 289         } else if (m4) {
 290           // Wa kigo
 291           if (kanaMap[m4]) {
 292             return '[' + m4 + kanaMap[m4] + ']'
 293           }
 294           return m4
 295         } else if (m5) {
 296           // Other symbols
 297           return '[' + '\\' + m5 + toZenkaku(m5) + ']'
 298         }
 299         return m
 300       }
 301       var s1 = searchText.replace(/^\s+|\s+$/g, '')
 302       if (!s1) return null
 303       var sp = s1.split(/\s+/)
 304       var rText = ''
 305       prepareKanaMap()
 306       for (var i = 0; i < sp.length; i++) {
 307         if (rText !== '') {
 308           rText += '|'
 309         }
 310         var s = sp[i]
 311         if (s.normalize) {
 312           s = s.normalize('NFKC')
 313         }
 314         var s2 = s.replace(regRep, replacementFunc)
 315         rText += '(' + s2 + ')'
 316       }
 317       return new RegExp(rText, 'ig')
 318     }
 319     /**
 320      * @param {string} statusText
 321      */
 322     function setSearchStatus (statusText, statusText2) {
 323       var statusList = document.querySelectorAll('._plugin_search2_search_status')
 324       forEach(statusList, function (statusObj) {
 325         var textObj1 = statusObj.querySelector('._plugin_search2_search_status_text1')
 326         var textObj2 = statusObj.querySelector('._plugin_search2_search_status_text2')
 327         if (textObj1) {
 328           var prevText = textObj1.getAttribute('data-text')
 329           if (prevText !== statusText) {
 330             textObj1.setAttribute('data-text', statusText)
 331             if (statusText.substr(statusText.length - 3) === '...') {
 332               var firstHalf = statusText.substr(0, statusText.length - 3)
 333               textObj1.textContent = firstHalf
 334               var span = document.createElement('span')
 335               span.innerHTML = '<span class="plugin-search2-progress plugin-search2-progress1">.</span>' +
 336                 '<span class="plugin-search2-progress plugin-search2-progress2">.</span>' +
 337                 '<span class="plugin-search2-progress plugin-search2-progress3">.</span>'
 338               textObj1.appendChild(span)
 339             } else {
 340               textObj1.textContent = statusText
 341             }
 342           }
 343         }
 344         if (textObj2) {
 345           if (statusText2) {
 346             textObj2.textContent = ' ' + statusText2
 347           } else {
 348             textObj2.textContent = ''
 349           }
 350         }
 351       })
 352     }
 353     /**
 354      * @param {string} msgHTML
 355      */
 356     function setSearchMessage (msgHTML) {
 357       var objList = document.querySelectorAll('._plugin_search2_message')
 358       forEach(objList, function (obj) {
 359         obj.innerHTML = msgHTML
 360       })
 361     }
 362     function showSecondSearchForm () {
 363       // Show second search form
 364       var div = document.querySelector('._plugin_search2_second_form')
 365       if (div) {
 366         div.style.display = 'block'
 367       }
 368     }
 369     /**
 370      * @param {Element} form
 371      * @type string
 372      */
 373     function getSearchBase (form) {
 374       var f = form || document.querySelector('._plugin_search2_form')
 375       var base = ''
 376       forEach(f.querySelectorAll('input[name="base"]'), function (radio) {
 377         if (radio.checked) base = radio.value
 378       })
 379       return base
 380     }
 381     /**
 382      * Decorate found block (for pre innerHTML)
 383      *
 384      * @param {Object} block
 385      * @param {RegExp} searchRegex
 386      */
 387     function decorateFoundBlock (block, searchRegex) {
 388       var lines = []
 389       for (var j = 0; j < block.lines.length; j++) {
 390         var line = block.lines[j]
 391         var decorated = findAndDecorateText(line, searchRegex)
 392         if (decorated === null) {
 393           lines.push('' + (block.startIndex + j + 1) + ':\t' + escapeHTML(line))
 394         } else {
 395           lines.push('' + (block.startIndex + j + 1) + ':\t' + decorated)
 396         }
 397       }
 398       if (block.beyondLimit) {
 399         lines.push('...')
 400       }
 401       return lines.join('\n')
 402     }
 403     /**
 404      * @param {string} body
 405      * @param {RegExp} searchRegex
 406      */
 407     function getSummaryInfo (body, searchRegex) {
 408       var lines = body.split('\n')
 409       var foundLines = []
 410       var isInAuthorHeader = true
 411       var lastFoundLineIndex = -1 - aroundLines
 412       var lastAddedLineIndex = lastFoundLineIndex
 413       var blocks = []
 414       var lineCount = 0
 415       var currentBlock = null
 416       for (var index = 0, length = lines.length; index < length; index++) {
 417         var line = lines[index]
 418         if (isInAuthorHeader) {
 419           // '#author line is not search target'
 420           if (line.match(/^#author\(/)) {
 421             // Remove this line from search target
 422             continue
 423           } else if (line.match(/^#freeze(\W|$)/)) {
 424             // Still in header
 425           } else {
 426             // Already in body
 427             isInAuthorHeader = false
 428           }
 429         }
 430         var match = line.match(searchRegex)
 431         if (!match) {
 432           if (index < lastFoundLineIndex + aroundLines + 1) {
 433             foundLines.push(lines[index])
 434             lineCount++
 435             lastAddedLineIndex = index
 436           }
 437         } else {
 438           var startIndex = Math.max(Math.max(lastAddedLineIndex + 1, index - aroundLines), 0)
 439           if (lastAddedLineIndex + 1 < startIndex) {
 440             // Newly found!
 441             var block = {
 442               startIndex: startIndex,
 443               foundLineIndex: index,
 444               lines: []
 445             }
 446             currentBlock = block
 447             foundLines = block.lines
 448             blocks.push(block)
 449           }
 450           if (lineCount >= maxResultLines) {
 451             currentBlock.beyondLimit = true
 452             return blocks
 453           }
 454           for (var i = startIndex; i < index; i++) {
 455             foundLines.push(lines[i])
 456             lineCount++
 457           }
 458           foundLines.push(line)
 459           lineCount++
 460           lastFoundLineIndex = lastAddedLineIndex = index
 461         }
 462       }
 463       return blocks
 464     }
 465     /**
 466      * @param {Date} now
 467      * @param {string} dateText
 468      */
 469     function getPassage (now, dateText) {
 470       if (!dateText) {
 471         return ''
 472       }
 473       var units = [{ u: 'm', max: 60 }, { u: 'h', max: 24 }, { u: 'd', max: 1 }]
 474       var d = new Date()
 475       d.setTime(Date.parse(dateText))
 476       var t = (now.getTime() - d.getTime()) / (1000 * 60) // minutes
 477       var unit = units[0].u; var card = units[0].max
 478       for (var i = 0; i < units.length; i++) {
 479         unit = units[i].u; card = units[i].max
 480         if (t < card) break
 481         t = t / card
 482       }
 483       return '(' + Math.floor(t) + unit + ')'
 484     }
 485     /**
 486      * @param {string} searchText
 487      */
 488     function removeSearchOperators (searchText) {
 489       var sp = searchText.split(/\s+/)
 490       if (sp.length <= 1) {
 491         return searchText
 492       }
 493       for (var i = sp.length - 2; i >= 1; i--) {
 494         if (sp[i] === 'OR') {
 495           sp.splice(i, 1)
 496         }
 497       }
 498       return sp.join(' ')
 499     }
 500     /**
 501      * @param {string} pathname
 502      */
 503     function getSearchCacheKeyBase (pathname) {
 504       return 'path.' + pathname + '.search2.'
 505     }
 506     /**
 507      * @param {string} pathname
 508      */
 509     function getSearchCacheKeyDateBase (pathname) {
 510       var now = new Date()
 511       var dateKey = now.getFullYear() + '_0' + (now.getMonth() + 1) + '_0' + now.getDate()
 512       dateKey = dateKey.replace(/_\d?(\d\d)/g, '$1')
 513       return getSearchCacheKeyBase(pathname) + dateKey + '.'
 514     }
 515     /**
 516      * @param {string} pathname
 517      * @param {string} searchText
 518      * @param {number} offset
 519      */
 520     function getSearchCacheKey (pathname, searchText, offset) {
 521       return getSearchCacheKeyDateBase(pathname) + 'offset=' + offset +
 522         '.' + searchText
 523     }
 524     /**
 525      * @param {string} pathname
 526      * @param {string} searchText
 527      */
 528     function clearSingleCache (pathname, searchText) {
 529       if (!window.localStorage) return
 530       var removeTargets = []
 531       var keyBase = getSearchCacheKeyDateBase(pathname)
 532       for (var i = 0, n = localStorage.length; i < n; i++) {
 533         var key = localStorage.key(i)
 534         if (key.substr(0, keyBase.length) === keyBase) {
 535           // Search result Cache
 536           var subKey = key.substr(keyBase.length)
 537           var m = subKey.match(/^offset=\d+\.(.+)$/)
 538           if (m && m[1] === searchText) {
 539             removeTargets.push(key)
 540           }
 541         }
 542       }
 543       removeTargets.forEach(function (target) {
 544         localStorage.removeItem(target)
 545       })
 546     }
 547     /**
 548      * @param {string} body
 549      */
 550     function getBodySummary (body) {
 551       var lines = body.split('\n')
 552       var isInAuthorHeader = true
 553       var summary = []
 554       for (var index = 0, length = lines.length; index < length; index++) {
 555         var line = lines[index]
 556         if (isInAuthorHeader) {
 557           // '#author line is not search target'
 558           if (line.match(/^#author\(/)) {
 559             // Remove this line from search target
 560             continue
 561           } else if (line.match(/^#freeze(\W|$)/)) {
 562             continue
 563             // Still in header
 564           } else {
 565             // Already in body
 566             isInAuthorHeader = false
 567           }
 568         }
 569         line = line.replace(/^\s+|\s+$/g, '')
 570         if (line.length === 0) continue // Empty line
 571         if (line.match(/^#\w+/)) continue // Block-type plugin
 572         if (line.match(/^\/\//)) continue // Comment
 573         if (line.substr(0, 1) === '*') {
 574           line = line.replace(/\s*\[#\w+\]$/, '') // Remove anchor
 575         }
 576         summary.push(line)
 577         if (summary.length >= 10) {
 578           continue
 579         }
 580       }
 581       return summary.join(' ').substring(0, 150)
 582     }
 583     /**
 584      * @param {string} q searchText
 585      */
 586     function encodeSearchText (q) {
 587       var sp = q.split(/\s+/)
 588       for (var i = 0; i < sp.length; i++) {
 589         sp[i] = encodeURIComponent(sp[i])
 590       }
 591       return sp.join('+')
 592     }
 593     /**
 594      * @param {string} q searchText
 595      */
 596     function encodeSearchTextForHash (q) {
 597       var sp = q.split(/\s+/)
 598       return sp.join('+')
 599     }
 600     function getSearchTextInLocationHash () {
 601       var hash = document.location.hash
 602       if (!hash) return ''
 603       var q = ''
 604       if (hash.substr(0, 3) === '#q=') {
 605         q = hash.substr(3).replace(/\+/g, ' ')
 606       } else {
 607         return ''
 608       }
 609       var decodedQ = decodeURIComponent(q)
 610       if (q !== decodedQ) {
 611         q = decodedQ + ' OR ' + q
 612       }
 613       return q
 614     }
 615     function colorSearchTextInBody () {
 616       var searchText = getSearchTextInLocationHash()
 617       if (!searchText) return
 618       var searchRegex = textToRegex(removeSearchOperators(searchText))
 619       if (!searchRegex) return
 620       var ignoreTags = ['INPUT', 'TEXTAREA', 'BUTTON',
 621         'SCRIPT', 'FRAME', 'IFRAME']
 622       /**
 623        * @param {Element} element
 624        */
 625       function colorSearchText (element) {
 626         var decorated = findAndDecorateText(element.nodeValue, searchRegex)
 627         if (decorated) {
 628           var span = document.createElement('span')
 629           span.innerHTML = decorated
 630           element.parentNode.replaceChild(span, element)
 631         }
 632       }
 633       /**
 634        * @param {Element} element
 635        */
 636       function walkElement (element) {
 637         var e = element.firstChild
 638         while (e) {
 639           if (e.nodeType === 3 && e.nodeValue &&
 640               e.nodeValue.length >= 2 && /\S/.test(e.nodeValue)) {
 641             var next = e.nextSibling
 642             colorSearchText(e, searchRegex)
 643             e = next
 644           } else {
 645             if (e.nodeType === 1 && ignoreTags.indexOf(e.tagName) === -1) {
 646               walkElement(e)
 647             }
 648             e = e.nextSibling
 649           }
 650         }
 651       }
 652       var target = document.getElementById('body')
 653       walkElement(target)
 654     }
 655     /**
 656      * @param {Array<Object>} newResults
 657      * @param {Element} ul
 658      */
 659     function removePastResults (newResults, ul) {
 660       var removedCount = 0
 661       var nodes = ul.childNodes
 662       for (var i = nodes.length - 1; i >= 0; i--) {
 663         var node = nodes[i]
 664         if (node.tagName !== 'LI' && node.tagName !== 'DIV') continue
 665         var nodePagename = node.getAttribute('data-pagename')
 666         var isRemoveTarget = false
 667         for (var j = 0, n = newResults.length; j < n; j++) {
 668           var r = newResults[j]
 669           if (r.name === nodePagename) {
 670             isRemoveTarget = true
 671             break
 672           }
 673         }
 674         if (isRemoveTarget) {
 675           if (node.tagName === 'LI') {
 676             removedCount++
 677           }
 678           ul.removeChild(node)
 679         }
 680       }
 681       return removedCount
 682     }
 683     /**
 684      * @param {Array<Object>} results
 685      * @param {string} searchText
 686      * @param {RegExp} searchRegex
 687      * @param {Element} parentUlElement
 688      * @param {boolean} insertTop
 689      */
 690     function addSearchResult (results, searchText, searchRegex, parentUlElement, insertTop) {
 691       var props = getSiteProps()
 692       var now = new Date()
 693       var parentFragment = document.createDocumentFragment()
 694       results.forEach(function (val) {
 695         var li = document.createElement('li')
 696         var hash = '#q=' + encodeSearchTextForHash(searchText)
 697         var href = val.url + hash
 698         var decoratedName = findAndDecorateText(val.name, searchRegex)
 699         if (!decoratedName) {
 700           decoratedName = escapeHTML(val.name)
 701         }
 702         var updatedAt = val.updatedAt
 703         var passageHtml = ''
 704         if (props.show_passage) {
 705           passageHtml = ' ' + getPassage(now, updatedAt)
 706         }
 707         var liHtml = '<a href="' + escapeHTML(href) + '">' +
 708           decoratedName + '</a>' + passageHtml
 709         li.innerHTML = liHtml
 710         li.setAttribute('data-pagename', val.name)
 711         // Page detail div
 712         var div = document.createElement('div')
 713         div.classList.add('search-result-detail')
 714         var head = document.createElement('div')
 715         head.classList.add('search-result-page-summary')
 716         head.innerHTML = escapeHTML(val.bodySummary)
 717         div.appendChild(head)
 718         var summaryInfo = val.hitSummary
 719         for (var i = 0; i < summaryInfo.length; i++) {
 720           var pre = document.createElement('pre')
 721           pre.innerHTML = decorateFoundBlock(summaryInfo[i], searchRegex)
 722           div.appendChild(pre)
 723         }
 724         div.setAttribute('data-pagename', val.name)
 725         // Add li to ul (parentUlElement)
 726         li.appendChild(div)
 727         parentFragment.appendChild(li)
 728       })
 729       if (insertTop && parentUlElement.firstChild) {
 730         parentUlElement.insertBefore(parentFragment, parentUlElement.firstChild)
 731       } else {
 732         parentUlElement.appendChild(parentFragment)
 733       }
 734     }
 735     function removeCachedResultsBase (keepTodayCache) {
 736       var props = getSiteProps()
 737       if (!props || !props.base_uri_pathname) return
 738       var keyPrefix = getSearchCacheKeyDateBase(props.base_uri_pathname)
 739       var keyBase = getSearchCacheKeyBase(props.base_uri_pathname)
 740       var removeTargets = []
 741       for (var i = 0, n = localStorage.length; i < n; i++) {
 742         var key = localStorage.key(i)
 743         if (key.substr(0, keyBase.length) === keyBase) {
 744           // Search result Cache
 745           if (keepTodayCache) {
 746             if (key.substr(0, keyPrefix.length) !== keyPrefix) {
 747               removeTargets.push(key)
 748             }
 749           } else {
 750             removeTargets.push(key)
 751           }
 752         }
 753       }
 754       removeTargets.forEach(function (target) {
 755         localStorage.removeItem(target)
 756       })
 757     }
 758     function removeCachedResults () {
 759       removeCachedResultsBase(true)
 760     }
 761     function removeAllCachedResults () {
 762       removeCachedResultsBase(false)
 763     }
 764     /**
 765      * @param {Object} obj
 766      * @param {Object} session
 767      * @param {string} searchText
 768      * @param {number} prevTimestamp
 769      */
 770     function showResult (obj, session, searchText, prevTimestamp) {
 771       var props = getSiteProps()
 772       var searchRegex = textToRegex(removeSearchOperators(searchText))
 773       var ul = document.querySelector('#_plugin_search2_result-list')
 774       if (!ul) return
 775       if (obj.start_index === 0 && !prevTimestamp) {
 776         ul.innerHTML = ''
 777       }
 778       var searchDone = obj.search_done
 779       if (!session.scanPageCount) session.scanPageCount = 0
 780       if (!session.readPageCount) session.readPageCount = 0
 781       if (!session.hitPageCount) session.hitPageCount = 0
 782       var prevHitPageCount = session.hitPageCount
 783       session.hitPageCount += obj.results.length
 784       if (!prevTimestamp) {
 785         session.scanPageCount += obj.scan_page_count
 786         session.readPageCount += obj.read_page_count
 787         session.pageCount = obj.page_count
 788       }
 789       session.searchStartTime = obj.search_start_time
 790       session.authUser = obj.auth_user
 791       if (prevHitPageCount === 0 && session.hitPageCount > 0) {
 792         showSecondSearchForm()
 793       }
 794       var results = obj.results
 795       var cachedResults = []
 796       results.forEach(function (val) {
 797         var cache = {}
 798         cache.name = val.name
 799         cache.url = val.url
 800         cache.updatedAt = val.updated_at
 801         cache.updatedTime = val.updated_time
 802         cache.bodySummary = getBodySummary(val.body)
 803         cache.hitSummary = getSummaryInfo(val.body, searchRegex)
 804         cachedResults.push(cache)
 805       })
 806       if (prevTimestamp) {
 807         var removedCount = removePastResults(cachedResults, ul)
 808         session.hitPageCount -= removedCount
 809       }
 810       var msg = getSearchResultMessage(session, searchText, searchRegex, !searchDone)
 811       setSearchMessage(msg)
 812       if (prevTimestamp) {
 813         setSearchStatus(searchProps.searchingMsg)
 814       } else {
 815         setSearchStatus(searchProps.searchingMsg,
 816           getSearchProgress(session))
 817       }
 818       if (searchDone) {
 819         var singlePageResult = session.offset === 0 && !session.nextOffset
 820         var progress = getSearchProgress(session)
 821         setTimeout(function () {
 822           if (singlePageResult) {
 823             setSearchStatus('')
 824           } else {
 825             setSearchStatus(searchProps.showingResultMsg, progress)
 826           }
 827         }, 2000)
 828       }
 829       if (session.results) {
 830         if (prevTimestamp) {
 831           var newResult = [].concat(cachedResults)
 832           Array.prototype.push.apply(newResult, session.results)
 833           session.results = newResult
 834         } else {
 835           Array.prototype.push.apply(session.results, cachedResults)
 836         }
 837       } else {
 838         session.results = cachedResults
 839       }
 840       addSearchResult(cachedResults, searchText, searchRegex, ul, prevTimestamp)
 841       var maxResults = searchProps.maxResults
 842       if (searchDone) {
 843         session.searchText = searchText
 844         var prevOffset = searchProps.prevOffset
 845         if (prevOffset) {
 846           session.prevOffset = parseInt(prevOffset, 10)
 847         }
 848         var json = JSON.stringify(session)
 849         var cacheKey = getSearchCacheKey(props.base_uri_pathname, searchText, session.offset)
 850         if (window.localStorage) {
 851           try {
 852             localStorage[cacheKey] = json
 853           } catch (e) {
 854             // QuotaExceededError "exceeded the quota."
 855             console.log(e)
 856             removeAllCachedResults()
 857           }
 858         }
 859         if ('prevOffset' in session || 'nextOffset' in session) {
 860           setSearchMessage(msg + ' ' + getOffsetLinks(session, maxResults))
 861         }
 862       }
 863       if (!searchDone && obj.next_start_index) {
 864         if (session.results.length >= maxResults) {
 865           // Save results
 866           session.nextOffset = obj.next_start_index
 867           var prevOffset2 = searchProps.prevOffset
 868           if (prevOffset2) {
 869             session.prevOffset = parseInt(prevOffset2, 10)
 870           }
 871           var key = getSearchCacheKey(props.base_uri_pathname, searchText, session.offset)
 872           localStorage[key] = JSON.stringify(session)
 873           // Stop API calling
 874           setSearchMessage(msg + ' ' + getOffsetLinks(session, maxResults))
 875           setSearchStatus(searchProps.showingResultMsg,
 876             getSearchProgress(session))
 877         } else {
 878           setTimeout(function () {
 879             doSearch(searchText, // eslint-disable-line no-use-before-define
 880               session, obj.next_start_index,
 881               obj.search_start_time)
 882           }, searchProps.searchInterval)
 883         }
 884       }
 885     }
 886     /**
 887      * @param {string} searchText
 888      * @param {string} base
 889      * @param {number} offset
 890      */
 891     function showCachedResult (searchText, base, offset) {
 892       var props = getSiteProps()
 893       var searchRegex = textToRegex(removeSearchOperators(searchText))
 894       var ul = document.querySelector('#_plugin_search2_result-list')
 895       if (!ul) return null
 896       var searchCacheKey = getSearchCacheKey(props.base_uri_pathname, searchText, offset)
 897       var cache1 = localStorage[searchCacheKey]
 898       if (!cache1) {
 899         return null
 900       }
 901       var session = JSON.parse(cache1)
 902       if (!session) return null
 903       if (base !== session.base) {
 904         return null
 905       }
 906       var user = searchProps.user
 907       if (user !== session.authUser) {
 908         return null
 909       }
 910       if (session.hitPageCount > 0) {
 911         showSecondSearchForm()
 912       }
 913       var msg = getSearchResultMessage(session, searchText, searchRegex, false)
 914       setSearchMessage(msg)
 915       addSearchResult(session.results, searchText, searchRegex, ul)
 916       var maxResults = searchProps.maxResults
 917       if ('prevOffset' in session || 'nextOffset' in session) {
 918         var moreResultHtml = getOffsetLinks(session, maxResults)
 919         setSearchMessage(msg + ' ' + moreResultHtml)
 920         var progress = getSearchProgress(session)
 921         setSearchStatus(searchProps.showingResultMsg, progress)
 922       } else {
 923         setSearchStatus('')
 924       }
 925       return session
 926     }
 927     /**
 928      * @param {string} searchText
 929      * @param {object} session
 930      * @param {number} startIndex
 931      * @param {number} searchStartTime
 932      * @param {number} prevTimestamp
 933      */
 934     function doSearch (searchText, session, startIndex, searchStartTime, prevTimestamp) {
 935       var props = getSiteProps()
 936       var baseUrl = './'
 937       if (props.base_uri_pathname) {
 938         baseUrl = props.base_uri_pathname
 939       }
 940       var url = baseUrl + '?cmd=search2&action=query'
 941       url += '&encode_hint=' + encodeURIComponent('\u3077')
 942       if (searchText) {
 943         url += '&q=' + encodeURIComponent(searchText)
 944       }
 945       if (session.base) {
 946         url += '&base=' + encodeURIComponent(session.base)
 947       }
 948       if (prevTimestamp) {
 949         url += '&modified_since=' + prevTimestamp
 950       } else {
 951         url += '&start=' + startIndex
 952         if (searchStartTime) {
 953           url += '&search_start_time=' + encodeURIComponent(searchStartTime)
 954         }
 955         if (!('offset' in session)) {
 956           session.offset = startIndex
 957         }
 958       }
 959       fetch(url, { credentials: 'same-origin' }
 960       ).then(function (response) {
 961         if (response.ok) {
 962           return response.json()
 963         }
 964         throw new Error(response.status + ': ' +
 965           response.statusText + ' on ' + url)
 966       }).then(function (obj) {
 967         showResult(obj, session, searchText, prevTimestamp)
 968       })['catch'](function (err) { // eslint-disable-line dot-notation
 969         if (window.console && console.log) {
 970           console.log(err)
 971           console.log('Error! Please check JavaScript console\n' + JSON.stringify(err) + '|' + err)
 972         }
 973         setSearchStatus(searchProps.errorMsg)
 974       })
 975     }
 976     function hookSearch2 () {
 977       var form = document.querySelector('form')
 978       if (form && form.q) {
 979         var q = form.q
 980         if (q.value === '') {
 981           q.focus()
 982         }
 983       }
 984     }
 985     function removeEncodeHint () {
 986       // Remove 'encode_hint' if site charset is UTF-8
 987       var props = getSiteProps()
 988       if (!props.is_utf8) return
 989       var forms = document.querySelectorAll('form')
 990       forEach(forms, function (form) {
 991         if (form.cmd && form.cmd.value === 'search2') {
 992           if (form.encode_hint && (typeof form.encode_hint.removeAttribute === 'function')) {
 993             form.encode_hint.removeAttribute('name')
 994           }
 995         }
 996       })
 997     }
 998     function kickFirstSearch () {
 999       var form = document.querySelector('._plugin_search2_form')
1000       var searchText = form && form.q
1001       if (!searchText) return
1002       if (searchText && searchText.value) {
1003         var offset = searchProps.offset
1004         var base = getSearchBase(form)
1005         var prevSession = showCachedResult(searchText.value, base, offset)
1006         if (prevSession) {
1007           // Display Cache results, then search only modified pages
1008           if (!('offset' in prevSession) || prevSession.offset === 0) {
1009             doSearch(searchText.value, prevSession, offset, null,
1010               prevSession.searchStartTime)
1011           } else {
1012             // Show search results
1013           }
1014         } else {
1015           doSearch(searchText.value, { base: base, offset: offset }, offset, null)
1016         }
1017         removeCachedResults()
1018       }
1019     }
1020     function replaceSearchWithSearch2 () {
1021       forEach(document.querySelectorAll('form'), function (f) {
1022         function onAndRadioClick () {
1023           var sp = removeSearchOperators(f.word.value).split(/\s+/)
1024           var newText = sp.join(' ')
1025           if (f.word.value !== newText) {
1026             f.word.value = newText
1027           }
1028         }
1029         function onOrRadioClick () {
1030           var sp = removeSearchOperators(f.word.value).split(/\s+/)
1031           var newText = sp.join(' OR ')
1032           if (f.word.value !== newText) {
1033             f.word.value = newText
1034           }
1035         }
1036         if (f.action.match(/cmd=search$/)) {
1037           f.addEventListener('submit', function (e) {
1038             var q = e.target.word.value
1039             var base = ''
1040             forEach(f.querySelectorAll('input[name="base"]'), function (radio) {
1041               if (radio.checked) base = radio.value
1042             })
1043             var props = getSiteProps()
1044             var loc = document.location
1045             var baseUri = loc.protocol + '//' + loc.host + loc.pathname
1046             if (props.base_uri_pathname) {
1047               baseUri = props.base_uri_pathname
1048             }
1049             var url = baseUri + '?' +
1050               (props.is_utf8 ? '' : 'encode_hint=' +
1051                 encodeURIComponent('\u3077') + '&') +
1052               'cmd=search2' +
1053               '&q=' + encodeSearchText(q) +
1054               (base ? '&base=' + encodeURIComponent(base) : '')
1055             e.preventDefault()
1056             setTimeout(function () {
1057               window.location.href = url
1058             }, 1)
1059             return false
1060           })
1061           var radios = f.querySelectorAll('input[type="radio"][name="type"]')
1062           forEach(radios, function (radio) {
1063             if (radio.value === 'AND') {
1064               radio.addEventListener('click', onAndRadioClick)
1065             } else if (radio.value === 'OR') {
1066               radio.addEventListener('click', onOrRadioClick)
1067             }
1068           })
1069         } else if (f.cmd && f.cmd.value === 'search2') {
1070           f.addEventListener('submit', function () {
1071             var newSearchText = f.q.value
1072             var prevSearchText = f.q.getAttribute('data-original-q')
1073             if (newSearchText === prevSearchText) {
1074               // Clear resultCache to search same text again
1075               var props = getSiteProps()
1076               clearSingleCache(props.base_uri_pathname, prevSearchText)
1077             }
1078           })
1079         }
1080       })
1081     }
1082     function showNoSupportMessage () {
1083       var pList = document.getElementsByClassName('_plugin_search2_nosupport_message')
1084       for (var i = 0; i < pList.length; i++) {
1085         var p = pList[i]
1086         p.style.display = 'block'
1087       }
1088     }
1089     function isEnabledFetchFunctions () {
1090       if (window.fetch && document.querySelector && window.JSON) {
1091         return true
1092       }
1093       return false
1094     }
1095     function isEnableServerFunctions () {
1096       var props = getSiteProps()
1097       if (props.json_enabled) return true
1098       return false
1099     }
1100     prepareSearchProps()
1101     colorSearchTextInBody()
1102     if (!isEnabledFetchFunctions()) {
1103       showNoSupportMessage()
1104       return
1105     }
1106     if (!isEnableServerFunctions()) return
1107     replaceSearchWithSearch2()
1108     hookSearch2()
1109     removeEncodeHint()
1110     kickFirstSearch()
1111   }
1112   enableSearch2()
1113 })