|
1 | | -// custom js |
2 | | - |
3 | | - |
4 | | -// version toggler |
5 | | -(() => { |
6 | | - "use strict"; |
7 | | - |
8 | | - console.log("[VersionToggle] custom.js loaded"); |
9 | | - |
10 | | - const setVersion = (version) => { |
11 | | - console.log("[VersionToggle] Setting version to:", version); |
12 | | - |
13 | | - document.querySelectorAll(".version-opensource, .version-pro").forEach(el => { |
14 | | - el.style.display = el.classList.contains(`version-${version}`) ? "block" : "none"; |
15 | | - }); |
16 | | - |
17 | | - localStorage.setItem("version", version); |
18 | | - console.log("[VersionToggle] localStorage updated:", localStorage.getItem("version")); |
19 | | - |
20 | | - // Update dropdown |
21 | | - const selects = document.querySelectorAll("#version-select"); |
22 | | - selects.forEach(sel => { |
23 | | - sel.value = version; |
24 | | - sel.dataset.version = version; |
25 | | - sel.style.visibility = "visible"; |
26 | | - }); |
27 | | - |
28 | | - // unhide sidebar after version is applied |
29 | | - const sidebar = document.querySelector(".docs-sidebar"); |
30 | | - if (sidebar) { |
31 | | - sidebar.style.visibility = "visible"; |
32 | | - console.log("[VersionToggle] Sidebar revealed"); |
33 | | - } |
34 | | - }; |
35 | | - |
36 | | - const initVersionToggle = () => { |
37 | | - const storedVersion = localStorage.getItem("version") || "opensource"; |
38 | | - console.log("[VersionToggle] Stored version:", storedVersion); |
39 | | - setVersion(storedVersion); |
40 | | - }; |
41 | | - |
42 | | - // Delegated listener on body |
43 | | - document.body.addEventListener("change", (e) => { |
44 | | - if (e.target && e.target.id === "version-select") { |
45 | | - console.log("[VersionToggle] Dropdown changed to:", e.target.value); |
46 | | - setVersion(e.target.value); |
47 | | - } |
48 | | - }); |
49 | | - |
50 | | - // Run on DOM ready |
51 | | - window.addEventListener("DOMContentLoaded", initVersionToggle); |
52 | | - |
53 | | - // MutationObserver to detect dynamically replaced sidebar |
54 | | - const observer = new MutationObserver(() => { |
55 | | - // Re-run init to make sure menus match stored version |
56 | | - initVersionToggle(); |
57 | | - }); |
58 | | - observer.observe(document.body, { childList: true, subtree: true }); |
59 | | - |
60 | | -})(); |
61 | | - |
62 | | - |
63 | | -// Scroll progress bar — shows reading progress on doc pages |
64 | | -(() => { |
65 | | - "use strict"; |
66 | | - |
67 | | - const init = () => { |
68 | | - // Only add on doc pages (pages with .docs-content) |
69 | | - if (!document.querySelector('.docs-content')) return; |
70 | | - |
71 | | - const bar = document.createElement('div'); |
72 | | - bar.className = 'scroll-progress'; |
73 | | - bar.style.width = '0%'; |
74 | | - document.body.appendChild(bar); |
75 | | - |
76 | | - const update = () => { |
77 | | - const scrollTop = window.scrollY; |
78 | | - const docHeight = document.documentElement.scrollHeight - window.innerHeight; |
79 | | - const progress = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0; |
80 | | - bar.style.width = progress + '%'; |
81 | | - }; |
82 | | - |
83 | | - window.addEventListener('scroll', update, { passive: true }); |
84 | | - update(); |
85 | | - }; |
86 | | - |
87 | | - if (document.readyState === 'loading') { |
88 | | - document.addEventListener('DOMContentLoaded', init); |
89 | | - } else { |
90 | | - init(); |
91 | | - } |
92 | | -})(); |
| 1 | +// custom js |
| 2 | + |
| 3 | + |
| 4 | +// version toggler |
| 5 | +(() => { |
| 6 | + "use strict"; |
| 7 | + |
| 8 | + console.log("[VersionToggle] custom.js loaded"); |
| 9 | + |
| 10 | + const setVersion = (version) => { |
| 11 | + console.log("[VersionToggle] Setting version to:", version); |
| 12 | + |
| 13 | + document.querySelectorAll(".version-opensource, .version-pro").forEach(el => { |
| 14 | + el.style.display = el.classList.contains(`version-${version}`) ? "block" : "none"; |
| 15 | + }); |
| 16 | + |
| 17 | + localStorage.setItem("version", version); |
| 18 | + console.log("[VersionToggle] localStorage updated:", localStorage.getItem("version")); |
| 19 | + |
| 20 | + // Update dropdown |
| 21 | + const selects = document.querySelectorAll("#version-select"); |
| 22 | + selects.forEach(sel => { |
| 23 | + sel.value = version; |
| 24 | + sel.dataset.version = version; |
| 25 | + sel.style.visibility = "visible"; |
| 26 | + }); |
| 27 | + |
| 28 | + // unhide sidebar after version is applied |
| 29 | + const sidebar = document.querySelector(".docs-sidebar"); |
| 30 | + if (sidebar) { |
| 31 | + sidebar.style.visibility = "visible"; |
| 32 | + console.log("[VersionToggle] Sidebar revealed"); |
| 33 | + } |
| 34 | + }; |
| 35 | + |
| 36 | + const initVersionToggle = () => { |
| 37 | + const storedVersion = localStorage.getItem("version") || "opensource"; |
| 38 | + console.log("[VersionToggle] Stored version:", storedVersion); |
| 39 | + setVersion(storedVersion); |
| 40 | + }; |
| 41 | + |
| 42 | + // Delegated listener on body |
| 43 | + document.body.addEventListener("change", (e) => { |
| 44 | + if (e.target && e.target.id === "version-select") { |
| 45 | + console.log("[VersionToggle] Dropdown changed to:", e.target.value); |
| 46 | + setVersion(e.target.value); |
| 47 | + } |
| 48 | + }); |
| 49 | + |
| 50 | + // Run on DOM ready |
| 51 | + window.addEventListener("DOMContentLoaded", initVersionToggle); |
| 52 | + |
| 53 | + // MutationObserver to detect dynamically replaced sidebar |
| 54 | + const observer = new MutationObserver(() => { |
| 55 | + // Re-run init to make sure menus match stored version |
| 56 | + initVersionToggle(); |
| 57 | + }); |
| 58 | + observer.observe(document.body, { childList: true, subtree: true }); |
| 59 | + |
| 60 | +})(); |
| 61 | + |
| 62 | + |
| 63 | +// Scroll progress bar — shows reading progress on doc pages |
| 64 | +(() => { |
| 65 | + "use strict"; |
| 66 | + |
| 67 | + const init = () => { |
| 68 | + // Only add on doc pages (pages with .docs-content) |
| 69 | + if (!document.querySelector('.docs-content')) return; |
| 70 | + |
| 71 | + const bar = document.createElement('div'); |
| 72 | + bar.className = 'scroll-progress'; |
| 73 | + bar.style.width = '0%'; |
| 74 | + document.body.appendChild(bar); |
| 75 | + |
| 76 | + const update = () => { |
| 77 | + const scrollTop = window.scrollY; |
| 78 | + const docHeight = document.documentElement.scrollHeight - window.innerHeight; |
| 79 | + const progress = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0; |
| 80 | + bar.style.width = progress + '%'; |
| 81 | + }; |
| 82 | + |
| 83 | + window.addEventListener('scroll', update, { passive: true }); |
| 84 | + update(); |
| 85 | + }; |
| 86 | + |
| 87 | + if (document.readyState === 'loading') { |
| 88 | + document.addEventListener('DOMContentLoaded', init); |
| 89 | + } else { |
| 90 | + init(); |
| 91 | + } |
| 92 | +})(); |
0 commit comments