fix: make callout detection case-insensitive (closes #171)

Jacky Zhao

2022-08-05 5c76d8dad9d993010c4e57c6de4e90911a3cd11a

 assets/js/util.js

@@ -55,16 +55,17 @@

const highlight = (content, term) => {
  const highlightWindow = 20

  // try to find direct match first
  const directMatchIdx = content.indexOf(term)
  if (directMatchIdx !== -1) {
    const h = highlightWindow / 2
    console.log(directMatchIdx)
    const h = highlightWindow
    const before = content.substring(0, directMatchIdx).split(" ").slice(-h)
    const after = content
      .substring(directMatchIdx + term.length, content.length - 1)
      .substring(directMatchIdx + term.length, content.length - 2)
      .split(" ")
      .slice(0, h)
    console.log(before, after)
    return (
      (before.length == h ? `...${before.join(" ")}` : before.join(" ")) +
      `<span class="search-highlight">${term}</span>` +
@@ -108,13 +109,10 @@
}

// Common utilities for search
const resultToHTML = ({ url, title, content, term }) => {
  const text = removeMarkdown(content)
  const resultTitle = highlight(title, term)
  const resultText = highlight(text, term)
const resultToHTML = ({ url, title, content }) => {
  return `<button class="result-card" id="${url}">
      <h3>${resultTitle}</h3>
      <p>${resultText}</p>
      <h3>${title}</h3>
      <p>${content}</p>
  </button>`
}

@@ -183,7 +181,7 @@
  })
}

const displayResults = (finalResults) => {
const displayResults = (finalResults, extractHighlight = false) => {
  const results = document.getElementById("results-container")
  if (finalResults.length === 0) {
    results.innerHTML = `<button class="result-card">
@@ -192,11 +190,17 @@
                </button>`
  } else {
    results.innerHTML = finalResults
      .map((result) =>
        resultToHTML({
          ...result,
          term,
        }),
      .map((result) => {
          if (extractHighlight) {
            return resultToHTML({
              url: result.url,
              title: highlight(result.title, term),
              content: highlight(removeMarkdown(result.content), term)
            })
          } else {
            return resultToHTML(result)
          }
        }
      )
      .join("\n")
    const anchors = [...document.getElementsByClassName("result-card")]