updated directory structure to fix root Service Worker issues and performance improvements

js/sidebar.js

@@ -0,0 +1,46 @@
+import { loadView } from "./viewManager.js";
+
+/**
+ * Wire up the sidebar links.
+ * Home => loads the "most-recent-videos" partial and re-renders videos
+ * Explore => loads explore.html with a "Coming Soon" message
+ * Subscriptions => loads subscriptions.html with a "Coming Soon" message
+ */
+export function setupSidebarNavigation() {
+  // 1) Home
+  const homeLink = document.querySelector('a[href="#view=most-recent-videos"]');
+  if (homeLink) {
+    homeLink.addEventListener("click", (e) => {
+      e.preventDefault();
+      loadView("views/most-recent-videos.html").then(() => {
+        // Once the partial is loaded, reassign #videoList + call loadVideos
+        if (window.app && window.app.loadVideos) {
+          window.app.videoList = document.getElementById("videoList");
+          window.app.loadVideos();
+        }
+      });
+    });
+  }
+
+  // 2) Explore
+  const exploreLink = document.querySelector('a[href="#view=explore"]');
+  if (exploreLink) {
+    exploreLink.addEventListener("click", (e) => {
+      e.preventDefault();
+      loadView("views/explore.html");
+      // We just show the partial. No dynamic videos needed yet.
+    });
+  }
+
+  // 3) Subscriptions
+  const subscriptionsLink = document.querySelector(
+    'a[href="#view=subscriptions"]'
+  );
+  if (subscriptionsLink) {
+    subscriptionsLink.addEventListener("click", (e) => {
+      e.preventDefault();
+      loadView("views/subscriptions.html");
+      // Also "Coming Soon" in that partial for now.
+    });
+  }
+}