gabriel / musehub public
docs.ts typescript
32 lines 1.0 KB
Raw
sha256:e519738f2102d625d47828a17d113283cd744577b43551013cb668fd04f1c3fe chore(mwp8/phase5): tick all RG checkboxes; close-out doc (… Sonnet 4.6 18 days ago
1 /**
2 * docs.ts — scroll-spy sidebar for all Muse developer docs pages.
3 *
4 * Observes .devdocs-section[id] elements and marks the matching
5 * .devdocs-nav-link--sub link active as sections scroll into view.
6 *
7 * Registered for every docs-* page key in app.ts.
8 */
9
10 function initScrollSpy(): void {
11 const links = document.querySelectorAll<Element>('.devdocs-nav-link--sub');
12 if (!links.length) return;
13 const observer = new IntersectionObserver(
14 (entries) => {
15 entries.forEach((e) => {
16 if (e.isIntersecting) {
17 links.forEach((l) => l.classList.remove('devdocs-nav-link--active'));
18 const target = document.querySelector(
19 `.devdocs-nav-link--sub[href="#${e.target.id}"]`
20 );
21 if (target) target.classList.add('devdocs-nav-link--active');
22 }
23 });
24 },
25 { rootMargin: '-20% 0px -70% 0px' }
26 );
27 document.querySelectorAll('.devdocs-section[id]').forEach((s) => observer.observe(s));
28 }
29
30 export function initDocs(): void {
31 initScrollSpy();
32 }
File History 2 commits
sha256:e519738f2102d625d47828a17d113283cd744577b43551013cb668fd04f1c3fe chore(mwp8/phase5): tick all RG checkboxes; close-out doc (… Sonnet 4.6 18 days ago
sha256:0e5174da777684df43b2db71f282079030ef28bacffb93e19c29ee712b2a8bc4 test(mwp8/phase0): audit — repair+force-push leave stale ca… Sonnet 4.6 20 days ago