init commit

mods/sticky-toc/mod.js

@@ -0,0 +1,49 @@
+/*
+ * sticky toc
+ * (c) 2020 varontron <varontron@gmail.com>
+ * under the MIT license
+ */
+
+'use strict';
+
+
+module.exports = {
+  id: '3d1b03fe-a847-45bd-a317-7f082546abab',
+  tags: ['extension'],
+  name: 'sticky toc',
+  desc:
+    `Sticks a table of contents in place (no scroll) when it's put in a column`,
+  version: '0.1.0',
+  author: 'varontron',
+  hacks: {
+    'renderer/preload.js'(store, __exports) {
+      document.addEventListener('readystatechange', (event) => {
+        if (document.readyState !== 'complete') return false;
+        const attempt_interval = setInterval(enhance, 500)
+        function enhance() {
+          const notion_elem = document.querySelector('.notion-frame')
+          if (!notion_elem) return;
+          clearInterval(attempt_interval)
+
+          handle();
+          const observer = new MutationObserver(handle);
+          observer.observe(notion_elem, {
+            childList: true,
+            subtree: true,
+          })
+
+          function handle(list, observer) {
+            const toc = document.querySelector('.notion-table_of_contents-block')
+            if (toc !== null
+                && toc.parentElement.style.position === 'sticky') return;
+            if (toc !== null && toc.closest('.notion-column-block') !== null)
+            {
+              let origCss = toc.parentElement.style.cssText
+              toc.parentElement.style.cssText = `${origCss} position:sticky; top: 0; align-self: flex-start;`
+            }
+          }
+        }
+      })
+    }
+  }
+};