Highlight the selected menu link on the docs sidebar. Closes #76.

Author: knadh

docs/static/main.js

@@ -102,6 +102,21 @@ document.addEventListener('DOMContentLoaded', () => {
       }
     }
   });
+
+  // Highlight the current sidebar link.
+  const sb = document.querySelector('aside[data-sidebar]');
+  if (sb) {
+    const p = location.pathname.replace(/\/$/, '');
+
+    // First, try selecting the URL with the hash ID, then the direct URL, then the /components section.
+    const a = (location.hash && sb.querySelector(`a[href="${p}/${location.hash}"], a[href="${p}${location.hash}"]`))
+      || sb.querySelector(`a[href="${p}/"], a[href="${p}"]`)
+      || sb.querySelector(`a[href="/components/#${p.split('/').filter(Boolean).pop()}"]`);
+
+    if (a) {
+      a.setAttribute('aria-current', 'page');
+    }
+  }
 });