From e38eaa94d6d0d91486bd3b778102658a36ee254f Mon Sep 17 00:00:00 2001
From: Vincent Huang <vincenthuang75025@yahoo.com>
Date: Sat, 20 Aug 2022 20:31:06 -0500
Subject: [PATCH] Popover preview should show relevant heading (#180)

---
 assets/js/popover.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/js/popover.js b/assets/js/popover.js
index 6fec7e5..c7b1165 100644
--- a/assets/js/popover.js
+++ b/assets/js/popover.js
@@ -24,9 +24,16 @@ function initPopover(baseURL, useContextualBacklinks, renderLatex) {
         } else {
           const linkDest = content[li.dataset.src.replace(/\/$/g, "").replace(basePath, "")]
           if (linkDest) {
+            let splitLink = li.href.split("#")
+            let cleanedContent = removeMarkdown(linkDest.content)
+            if (splitLink.length > 1) {
+              let headingName = splitLink[1].replace(/\-/g, " ")
+              let headingIndex = cleanedContent.toLowerCase().indexOf("<b>" + headingName + "</b>")
+              cleanedContent = cleanedContent.substring(headingIndex, cleanedContent.length)
+            }
             const popoverElement = `<div class="popover">
     <h3>${linkDest.title}</h3>
-    <p>${removeMarkdown(linkDest.content).split(" ", 20).join(" ")}...</p>
+    <p>${cleanedContent.split(" ", 20).join(" ")}...</p>
     <p class="meta">${new Date(linkDest.lastmodified).toLocaleDateString()}</p>
 </div>`
             el = htmlToElement(popoverElement)