@apify/docs-theme 1.0.140 → 1.0.142

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/docs-theme",
-    "version": "1.0.140",
+    "version": "1.0.142",
     "description": "",
     "main": "./src/index.js",
     "files": [

package/static/js/custom.js

@@ -32,3 +32,50 @@
 //         load();
 //     }
 // }, 500);
+
+let lastKnownScrollHash = '';
+
+// handles automatic scrolling of the API reference sidebar (redoc)
+function scrollSidebarItemIntoView() {
+    const hash = window.location.hash.substring(1);
+
+    if (hash !== lastKnownScrollHash) {
+        const $li = document.querySelector(`li[data-item-id="${hash}"]`);
+
+        if (!$li) {
+            return;
+        }
+
+        // not visible, click on the parent <li> first
+        if (!$li.offsetParent) {
+            $li.parentElement?.parentElement?.click();
+        }
+
+        $li.scrollIntoView({
+            // smooth would be nice, but it's not working in some case
+            // behavior: 'smooth',
+            block: 'nearest',
+            inline: 'center',
+        });
+        lastKnownScrollHash = hash;
+    }
+}
+
+let ticking = false;
+
+document.addEventListener('scroll', () => {
+    if (!ticking) {
+        // throttling based on current frame rate
+        window.requestAnimationFrame(() => {
+            scrollSidebarItemIntoView();
+            ticking = false;
+        });
+
+        ticking = true;
+    }
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    // we need to wait a bit more, since the event fires too soon, and a lot of hydration is done after it
+    setTimeout(() => scrollSidebarItemIntoView(), 3000);
+});