feat: preserve scroll position of the left nav

Author: LuLaValva

src/routes/docs/+middleware.ts

@@ -8,6 +8,7 @@ interface GithubProfile {
   url: string;
   photo: string;
   username: string;
+  contributions: number;
 }
 
 export default ((ctx) => {
@@ -29,13 +30,20 @@ export default ((ctx) => {
       }
       for (const contribution of await res.json()) {
         const author = contribution.author || contribution.commit.author;
-        contributors[author.login] ??= {
-          username: author.login,
-          photo: author.avatar_url,
-          url: author.html_url,
-        };
+        if (contributors[author.login]) {
+          contributors[author.login].contributions++;
+        } else {
+          contributors[author.login] = {
+            username: author.login,
+            photo: author.avatar_url,
+            url: author.html_url,
+            contributions: 1,
+          };
+        }
       }
-      return Object.values(contributors);
+      return Object.values(contributors).sort(
+        (a, b) => b.contributions - a.contributions,
+      );
     })
     .catch((e) => {
       return [];

src/tags/app-menu/app-menu.marko

@@ -14,7 +14,7 @@ div#site-menu class=styles.menu
       a href=value aria-current=($global.url.pathname === value && "true")
         ${content}
 
-  nav class=styles.nav id=styles.siteNav
+  nav/$nav class=styles.nav id=styles.siteNav
     ul
       li
         strong -- Introduction
@@ -86,3 +86,15 @@ div#site-menu class=styles.menu
       ,off="HTML"
       ,on="Concise"
     app-switch aria-label="Toggle TS mode" checked:=tsMode off="JS" on="TS"
+
+html-script -- ${`document.getElementById("${styles.siteNav}").scrollTop = +(sessionStorage.getItem("menu-scroll-position") || 0)`}
+script --
+  addEventListener(
+    "beforeunload",
+    () => {
+      sessionStorage.setItem("menu-scroll-position", $nav().scrollTop + "");
+    },
+    {
+      signal: $signal,
+    },
+  );