From 10884414583ef42de89ea6059f55677ebd4d2120 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 3 Dec 2022 21:03:12 -0800
Subject: [PATCH] feat: latex in search results

---
 assets/js/popover.js       |  4 ++--
 assets/js/util.js          | 10 ++++++++++
 layouts/partials/head.html |  4 ++--
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/assets/js/popover.js b/assets/js/popover.js
index 29104b91..ca13f9a6 100644
--- a/assets/js/popover.js
+++ b/assets/js/popover.js
@@ -5,7 +5,7 @@ function htmlToElement(html) {
   return template.content.firstChild
 }
 
-function initPopover(baseURL, useContextualBacklinks, renderLatex) {
+function initPopover(baseURL, useContextualBacklinks) {
   const basePath = baseURL.replace(window.location.origin, "")
   fetchData.then(({ content }) => {
     const links = [...document.getElementsByClassName("internal-link")]
@@ -42,7 +42,7 @@ function initPopover(baseURL, useContextualBacklinks, renderLatex) {
 
         if (el) {
           li.appendChild(el)
-          if (renderLatex) {
+          if (LATEX_ENABLED) {
             renderMathInElement(el, {
               delimiters: [
                 { left: '$$', right: '$$', display: false },
diff --git a/assets/js/util.js b/assets/js/util.js
index d17594ae..3346b7d4 100644
--- a/assets/js/util.js
+++ b/assets/js/util.js
@@ -203,6 +203,16 @@ const displayResults = (term, finalResults, extractHighlight = false) => {
       }
       )
       .join("\n")
+    if (LATEX_ENABLED) {
+      renderMathInElement(results, {
+        delimiters: [
+          { left: '$$', right: '$$', display: false },
+          { left: '$', right: '$', display: false },
+        ],
+        throwOnError: false
+      })
+    }
+
     const anchors = [...document.getElementsByClassName("result-card")]
     anchors.forEach((anchor) => {
       anchor.onclick = () => redir(anchor.id, term)
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index b5b01549..b9c54387 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -82,6 +82,7 @@
   }}
   <script>
     const SEARCH_ENABLED = {{.Site.Data.config.search.enableSemanticSearch}}
+    const LATEX_ENABLED = {{.Site.Data.config.enableLatex}}
     const PRODUCTION = {{ hugo.IsProduction }}
     const BASE_URL = {{.Site.BaseURL}}
     const fetchData = Promise.all([
@@ -123,8 +124,7 @@
       {{if $data.enableLinkPreview | default $.Site.Data.config.enableLinkPreview}}
       initPopover(
         {{strings.TrimRight "/" .Site.BaseURL }},
-        {{$data.enableContextualBacklinks | default $.Site.Data.config.enableContextualBacklinks}},
-        {{$data.enableLatex | default $.Site.Data.config.enableLatex}}
+        {{$data.enableContextualBacklinks | default $.Site.Data.config.enableContextualBacklinks}}
       )
       {{end}}