Fix sidebar client script error

denoland · Oct 12, 2024 · 542163d · 542163d
1 parent fc4f4c7
commit 542163d
Showing 1 changed file with 29 additions and 27 deletions.
diff --git a/sidebar.client.ts b/sidebar.client.ts
@@ -17,40 +17,42 @@ for (const el of document.querySelectorAll("[data-accordion-trigger]")) {
  });
 }
 
-const sidebar = document.getElementById("sidebar")!;
-const sidebarNav = sidebar.querySelector("nav")!;
-const sidebarOpen = document.getElementById("sidebar-open");
-const sidebarClose = document.getElementById("sidebar-close");
-const sidebarCover = document.getElementById("sidebar-cover")!;
+const sidebar = document.getElementById("sidebar");
+if (sidebar) {
+ const sidebarNav = sidebar.querySelector("nav")!;
+ const sidebarOpen = document.getElementById("sidebar-open");
+ const sidebarClose = document.getElementById("sidebar-close");
+ const sidebarCover = document.getElementById("sidebar-cover")!;
 
-sidebarOpen?.addEventListener("click", () => {
- sidebar.dataset.open = "true";
- sidebarCover.dataset.open = "true";
-});
-sidebarClose?.addEventListener("click", () => {
- sidebar.dataset.open = "false";
- sidebarCover.dataset.open = "false";
-});
-sidebarCover?.addEventListener("click", () => {
- sidebar.dataset.open = "false";
- sidebarCover.dataset.open = "false";
-});
-document.addEventListener("keydown", (e) => {
- if (e.key === "Escape") {
+ sidebarOpen?.addEventListener("click", () => {
+ sidebar.dataset.open = "true";
+ sidebarCover.dataset.open = "true";
+ });
+ sidebarClose?.addEventListener("click", () => {
  sidebar.dataset.open = "false";
  sidebarCover.dataset.open = "false";
+ });
+ sidebarCover?.addEventListener("click", () => {
+ sidebar.dataset.open = "false";
+ sidebarCover.dataset.open = "false";
+ });
+ document.addEventListener("keydown", (e) => {
+ if (e.key === "Escape") {
+ sidebar.dataset.open = "false";
+ sidebarCover.dataset.open = "false";
+ }
+ });
+
+ const top = sessionStorage.getItem("sidebar-scroll");
+ if (top !== null) {
+ sidebarNav.scrollTop = parseInt(top, 10);
  }
-});
 
-const top = sessionStorage.getItem("sidebar-scroll");
-if (top !== null) {
- sidebarNav.scrollTop = parseInt(top, 10);
+ globalThis.addEventListener("beforeunload", () => {
+ sessionStorage.setItem("sidebar-scroll", sidebarNav.scrollTop.toString());
+ });
 }
 
-globalThis.addEventListener("beforeunload", () => {
- sessionStorage.setItem("sidebar-scroll", sidebarNav.scrollTop.toString());
-});
-
 const toc = document.getElementById("toc");
 if (toc !== null) {
  const headings = document.querySelectorAll(