From 482d155af425f168dd0c59d82abf111f661d9690 Mon Sep 17 00:00:00 2001
From: Konnor Rogers <konnor5456@gmail.com>
Date: Thu, 8 Jun 2023 00:15:07 -0400
Subject: [PATCH] add turbo

---
 docs/_includes/default.njk   |  2 +-
 docs/assets/scripts/turbo.js | 47 ++++++------------------------------
 2 files changed, 8 insertions(+), 41 deletions(-)

diff --git a/docs/_includes/default.njk b/docs/_includes/default.njk
index 11df8bdef..4dc14d768 100644
--- a/docs/_includes/default.njk
+++ b/docs/_includes/default.njk
@@ -88,7 +88,7 @@
       </button>
     </div>
 
-    <aside id="sidebar" data-preserve-scroll data-turbo-permanent>
+    <aside id="sidebar" data-preserve-scroll>
       <header>
         <a href="/">
           <img src="{{ assetUrl('images/wordmark.svg') }}" alt="Shoelace" />
diff --git a/docs/assets/scripts/turbo.js b/docs/assets/scripts/turbo.js
index 0cd84bcbc..4f85326b8 100644
--- a/docs/assets/scripts/turbo.js
+++ b/docs/assets/scripts/turbo.js
@@ -11,52 +11,19 @@ import * as Turbo from 'https://cdn.jsdelivr.net/npm/@hotwired/turbo@7.3.0/+esm'
     })
   }
 
-  function restoreScroll () {
+  function restoreScroll (event) {
     document.querySelectorAll("[data-preserve-scroll").forEach((element) => {
       element.scrollTop = scrollPositions[element.id];
     })
+
+    if (event.detail && event.detail.newBody) {
+      event.detail.newBody.querySelectorAll("[data-preserve-scroll").forEach((element) => {
+        element.scrollTop = scrollPositions[element.id];
+      })
+    }
   }
 
   window.addEventListener("turbo:before-cache", preserveScroll)
   window.addEventListener("turbo:before-render", restoreScroll)
   window.addEventListener("turbo:render", restoreScroll)
-
-  // Do this to prevent jankiness on the sidebar.
-  // make sure it has data-turbo-permanent
-  function normalizePathname(pathname) {
-    // Remove /index.html
-    if (pathname.endsWith('/index.html')) {
-      pathname = pathname.replace(/\/index\.html/, '');
-    }
-
-    // Remove trailing slashes
-    return pathname.replace(/\/$/, '');
-  }
-
-  /**
-  * Adds a class name to links that are currently active.
-  */
-  function markActiveLinks(_event) {
-    const options = {
-      className: 'active-link', // the class to add to active links
-      pathname: document.location.pathname, // the current pathname to compare
-      within: 'body', // element containing the target links
-    };
-
-    const within = document.querySelector(options.within);
-
-    if (!within) {
-      return doc;
-    }
-
-    within.querySelectorAll('a').forEach(link => {
-      if (normalizePathname(options.pathname) === normalizePathname(link.pathname)) {
-        link.classList.add(options.className);
-      }
-    });
-
-    return doc;
-  };
-
-  window.addEventListener("turbo:load", markActiveLinks)
 })()