Make details element syncscrollable

Signed-off-by: Yukai Huang <yukaihuangtw@gmail.com>

Author: Yukaii

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)
 }

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'