fmt: remove semis for good

assets/js/search.js

@@ -9,47 +9,43 @@ const removeMarkdown = (
     preserveLinks: false,
   }
 ) => {
-  let output = markdown || ""
-  output = output.replace(/^(-\s*?|\*\s*?|_\s*?){3,}\s*$/gm, "")
+  let output = markdown || ''
+  output = output.replace(/^(-\s*?|\*\s*?|_\s*?){3,}\s*$/gm, '')
 
   try {
     if (options.stripListLeaders) {
       if (options.listUnicodeChar)
         output = output.replace(
           /^([\s\t]*)([\*\-\+]|\d+\.)\s+/gm,
-          options.listUnicodeChar + " $1"
+          options.listUnicodeChar + ' $1'
         )
-      else output = output.replace(/^([\s\t]*)([\*\-\+]|\d+\.)\s+/gm, "$1")
+      else output = output.replace(/^([\s\t]*)([\*\-\+]|\d+\.)\s+/gm, '$1')
     }
     if (options.gfm) {
       output = output
-        .replace(/\n={2,}/g, "\n")
-        .replace(/~{3}.*\n/g, "")
-        .replace(/~~/g, "")
-        .replace(/`{3}.*\n/g, "")
+        .replace(/\n={2,}/g, '\n')
+        .replace(/~{3}.*\n/g, '')
+        .replace(/~~/g, '')
+        .replace(/`{3}.*\n/g, '')
     }
     if (options.preserveLinks) {
-      output = output.replace(/\[(.*?)\][\[\(](.*?)[\]\)]/g, "$1 ($2)")
+      output = output.replace(/\[(.*?)\][\[\(](.*?)[\]\)]/g, '$1 ($2)')
     }
     output = output
-      .replace(/<[^>]*>/g, "")
-      .replace(/^[=\-]{2,}\s*$/g, "")
-      .replace(/\[\^.+?\](\: .*?$)?/g, "")
-      .replace(/\s{0,2}\[.*?\]: .*?$/g, "")
-      .replace(/\!\[(.*?)\][\[\(].*?[\]\)]/g, options.useImgAltText ? "$1" : "")
-      .replace(/\[(.*?)\][\[\(].*?[\]\)]/g, "$1")
-      .replace(/^\s{0,3}>\s?/g, "")
-      .replace(/(^|\n)\s{0,3}>\s?/g, "\n\n")
-      .replace(/^\s{1,2}\[(.*?)\]: (\S+)( ".*?")?\s*$/g, "")
-      .replace(
-        /^(\n)?\s{0,}#{1,6}\s+| {0,}(\n)?\s{0,}#{0,} {0,}(\n)?\s{0,}$/gm,
-        "$1$2$3"
-      )
-      .replace(/([\*_]{1,3})(\S.*?\S{0,1})\1/g, "$2")
-      .replace(/([\*_]{1,3})(\S.*?\S{0,1})\1/g, "$2")
-      .replace(/(`{3,})(.*?)\1/gm, "$2")
-      .replace(/`(.+?)`/g, "$1")
-      .replace(/\n{2,}/g, "\n\n")
+      .replace(/<[^>]*>/g, '')
+      .replace(/^[=\-]{2,}\s*$/g, '')
+      .replace(/\[\^.+?\](\: .*?$)?/g, '')
+      .replace(/\s{0,2}\[.*?\]: .*?$/g, '')
+      .replace(/\!\[(.*?)\][\[\(].*?[\]\)]/g, options.useImgAltText ? '$1' : '')
+      .replace(/\[(.*?)\][\[\(].*?[\]\)]/g, '$1')
+      .replace(/^\s{0,3}>\s?/g, '')
+      .replace(/(^|\n)\s{0,3}>\s?/g, '\n\n')
+      .replace(/^\s{1,2}\[(.*?)\]: (\S+)( ".*?")?\s*$/g, '')
+      .replace(/([\*_]{1,3})(\S.*?\S{0,1})\1/g, '$2')
+      .replace(/([\*_]{1,3})(\S.*?\S{0,1})\1/g, '$2')
+      .replace(/(`{3,})(.*?)\1/gm, '$2')
+      .replace(/`(.+?)`/g, '$1')
+      .replace(/\n{2,}/g, '\n\n')
   } catch (e) {
     console.error(e)
     return markdown
@@ -59,20 +55,23 @@ const removeMarkdown = (
 // -----
 
 (async function() {
-  const encoder = str => str.toLowerCase().split(/([^a-z]|[^\x00-\x7F])+/)
+  const encoder = (str) => str.toLowerCase().split(/([^a-z]|[^\x00-\x7F])+/)
   const contentIndex = new FlexSearch.Document({
     cache: true,
-    charset: "latin:extra",
+    charset: 'latin:extra',
     optimize: true,
-    index: [{
-      field: "content",
-      tokenize: "reverse",
-      encode: encoder,
-    }, {
-      field: "title",
-      tokenize: "forward",
-      encode: encoder,
-    }]
+    index: [
+      {
+        field: 'content',
+        tokenize: 'reverse',
+        encode: encoder,
+      },
+      {
+        field: 'title',
+        tokenize: 'forward',
+        encode: encoder,
+      },
+    ],
   })
 
   const { content } = await fetchData
@@ -86,17 +85,23 @@ const removeMarkdown = (
 
   const highlight = (content, term) => {
     const highlightWindow = 20
-    const tokenizedTerm = term.split(/\s+/).filter(t => t !== "")
-    const splitText = content.split(/\s+/).filter(t => t !== "")
-    const includesCheck = (token) => tokenizedTerm.some(term => token.toLowerCase().startsWith(term.toLowerCase()))
+    const tokenizedTerm = term.split(/\s+/).filter((t) => t !== '')
+    const splitText = content.split(/\s+/).filter((t) => t !== '')
+    const includesCheck = (token) =>
+      tokenizedTerm.some((term) =>
+        token.toLowerCase().startsWith(term.toLowerCase())
+      )
 
-    const occurrencesIndices = splitText
-      .map(includesCheck)
+    const occurrencesIndices = splitText.map(includesCheck)
 
     // calculate best index
     let bestSum = 0
     let bestIndex = 0
-    for (let i = 0; i < Math.max(occurrencesIndices.length - highlightWindow, 0); i++) {
+    for (
+      let i = 0;
+      i < Math.max(occurrencesIndices.length - highlightWindow, 0);
+      i++
+    ) {
       const window = occurrencesIndices.slice(i, i + highlightWindow)
       const windowSum = window.reduce((total, cur) => total + cur, 0)
       if (windowSum >= bestSum) {
@@ -106,18 +111,22 @@ const removeMarkdown = (
     }
 
     const startIndex = Math.max(bestIndex - highlightWindow, 0)
-    const endIndex = Math.min(startIndex + 2 * highlightWindow, splitText.length)
+    const endIndex = Math.min(
+      startIndex + 2 * highlightWindow,
+      splitText.length
+    )
     const mappedText = splitText
       .slice(startIndex, endIndex)
-      .map(token => {
+      .map((token) => {
         if (includesCheck(token)) {
           return `<span class="search-highlight">${token}</span>`
         }
         return token
       })
-      .join(" ")
-      .replaceAll('</span> <span class="search-highlight">', " ")
-    return `${startIndex === 0 ? "" : "..."}${mappedText}${endIndex === splitText.length ? "" : "..."}`
+      .join(' ')
+      .replaceAll('</span> <span class="search-highlight">', ' ')
+    return `${startIndex === 0 ? '' : '...'}${mappedText}${endIndex === splitText.length ? '' : '...'
+      }`
   }
 
   const resultToHTML = ({ url, title, content, term }) => {
@@ -131,22 +140,29 @@ const removeMarkdown = (
   }
 
   const redir = (id, term) => {
-    window.location.href = `${BASE_URL}${id}#:~:text=${encodeURIComponent(term)}/`
+    // SPA navigation
+    window.navigate(
+      new URL(
+        `${BASE_URL.slice(0, -1)}${id}#:~:text=${encodeURIComponent(term)}/`
+      ),
+      '.singlePage'
+    )
+    closeSearch()
   }
 
-  const formatForDisplay = id => ({
+  const formatForDisplay = (id) => ({
     id,
     url: id,
     title: content[id].title,
-    content: content[id].content
+    content: content[id].content,
   })
 
   const source = document.getElementById('search-bar')
-  const results = document.getElementById("results-container")
+  const results = document.getElementById('results-container')
   let term
-  source.addEventListener("keyup", (e) => {
-    if (e.key === "Enter") {
-      const anchor = document.getElementsByClassName("result-card")[0]
+  source.addEventListener('keyup', (e) => {
+    if (e.key === 'Enter') {
+      const anchor = document.getElementsByClassName('result-card')[0]
       redir(anchor.id, term)
     }
   })
@@ -154,16 +170,16 @@ const removeMarkdown = (
     term = e.target.value
     const searchResults = contentIndex.search(term, [
       {
-        field: "content",
+        field: 'content',
         limit: 10,
       },
       {
-        field: "title",
+        field: 'title',
         limit: 5,
-      }
+      },
     ])
-    const getByField = field => {
-      const results = searchResults.filter(x => x.field === field)
+    const getByField = (field) => {
+      const results = searchResults.filter((x) => x.field === field)
       if (results.length === 0) {
         return []
       } else {
@@ -181,48 +197,52 @@ const removeMarkdown = (
                 </button>`
     } else {
       results.innerHTML = finalResults
-        .map(result => resultToHTML({
-          ...result,
-          term,
-        }))
-        .join("\n")
-      const anchors = [...document.getElementsByClassName("result-card")]
-      anchors.forEach(anchor => {
+        .map((result) =>
+          resultToHTML({
+            ...result,
+            term,
+          })
+        )
+        .join('\n')
+      const anchors = [...document.getElementsByClassName('result-card')]
+      anchors.forEach((anchor) => {
         anchor.onclick = () => redir(anchor.id, term)
       })
     }
   })
 
-
-  const searchContainer = document.getElementById("search-container")
+  const searchContainer = document.getElementById('search-container')
 
   function openSearch() {
-    if (searchContainer.style.display === "none" || searchContainer.style.display === "") {
-      source.value = ""
-      results.innerHTML = ""
-      searchContainer.style.display = "block"
+    if (
+      searchContainer.style.display === 'none' ||
+      searchContainer.style.display === ''
+    ) {
+      source.value = ''
+      results.innerHTML = ''
+      searchContainer.style.display = 'block'
       source.focus()
     } else {
-      searchContainer.style.display = "none"
+      searchContainer.style.display = 'none'
     }
   }
 
   function closeSearch() {
-    searchContainer.style.display = "none"
+    searchContainer.style.display = 'none'
   }
 
   document.addEventListener('keydown', (event) => {
-    if (event.key === "k" && (event.ctrlKey || event.metaKey)) {
+    if (event.key === 'k' && (event.ctrlKey || event.metaKey)) {
       event.preventDefault()
       openSearch()
     }
-    if (event.key === "Escape") {
+    if (event.key === 'Escape') {
       event.preventDefault()
       closeSearch()
     }
   })
 
-  const searchButton = document.getElementById("search-icon")
+  const searchButton = document.getElementById('search-icon')
   searchButton.addEventListener('click', (evt) => {
     openSearch()
   })
@@ -232,8 +252,7 @@ const removeMarkdown = (
   searchContainer.addEventListener('click', (evt) => {
     closeSearch()
   })
-  document.getElementById("search-space").addEventListener('click', (evt) => {
+  document.getElementById('search-space').addEventListener('click', (evt) => {
     evt.stopPropagation()
   })
 })()
-