From 6f7de250792a26b2df7fc9993d936d81b8cf3571 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sat, 3 Aug 2019 15:11:37 +0800
Subject: [PATCH] Make details element syncscrollable

Signed-off-by: Yukai Huang <yukaihuangtw@gmail.com>
---
 public/js/extra.js          | 6 ++++++
 public/js/lib/syncscroll.js | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index 658ad751..2024c297 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -539,6 +539,12 @@ export function finishView (view) {
   } catch (err) {
     console.warn(err)
   }
+
+  // register details toggle for scrollmap recalulation
+  view.find('details.raw').removeClass('raw').each(function (key, val) {
+    $(val).on('toggle', window.viewAjaxCallback)
+  })
+
   // render title
   document.title = renderTitle(view)
 }
diff --git a/public/js/lib/syncscroll.js b/public/js/lib/syncscroll.js
index ec20e777..738ff1ce 100644
--- a/public/js/lib/syncscroll.js
+++ b/public/js/lib/syncscroll.js
@@ -118,8 +118,11 @@ md.use(markdownitContainer, 'spoiler', {
     var m = tokens[idx].info.trim().match(/^spoiler\s+(.*)$/)
 
     if (tokens[idx].nesting === 1) {
+      const startline = tokens[idx].map[0] + 1
+      const endline = tokens[idx].map[1]
+
       // opening tag
-      return '<details><summary>' + md.utils.escapeHtml(m[1]) + '</summary>\n'
+      return `<details class="part raw" data-startline="${startline}" data-endline="${endline}"><summary>` + md.utils.escapeHtml(m[1]) + '</summary>\n'
     } else {
       // closing tag
       return '</details>\n'