docs.ts
typescript
sha256:0521dce9aca20da6ab4d9ebee6de75ab876bd82cddbc6bd4897d1ac6ecd11d3d
docs(musehub#129): freeze Phase 1 OG repo card design
Human
14 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
1 commit
sha256:6ad6d62107bbd6940c52d63327966b8a65c6391f4a3da6cd9e7548ba4b38bc48
feat(musehub#129): OG repo preview cards — endpoint, cache,…
Human
minor
⚠
14 days ago