patch oss page script

Author: majunze2001

custom/layouts/_scripts/index.njk

@@ -5,10 +5,6 @@
   {{- next_js('motion.js') }}
 {%- endif %}
 
-{%- if theme.scheme === 'Muse' or theme.scheme === 'Mist' %}
-  {{- next_js('schemes/muse.js') }}
-{%- endif %}
-
 {{- next_js('next-boot.js') }}
 {%- if theme.bookmark.enable %}
   {{- next_js('bookmark.js') }}

custom/layouts/_scripts/pjax.njk

@@ -24,9 +24,70 @@ document.addEventListener('pjax:success', () => {
       .add(NexT.motion.middleWares.postList)
       .bootstrap();
   }
-  const hasTOC = document.querySelector('.post-toc');
-  document.querySelector('.sidebar-inner').classList.toggle('sidebar-nav-active', hasTOC);
-  document.querySelector(hasTOC ? '.sidebar-nav-toc' : '.sidebar-nav-overview').click();
   NexT.utils.updateSidebarPosition();
 });
+
+// Create a persistent cache object for OSS page repos
+if (!window.githubDataCache) {
+  window.githubDataCache = {};
+}
+
+// A hook for fetching and loading data for OSS page
+// Function to update project information from GitHub API
+function updateProjectsFromGitHub() {
+  // Check if we're on the Open Source page
+  if (document.title !== "Open Source") {
+    return;
+  }
+
+  const projects = document.querySelectorAll('.project');
+
+  projects.forEach(project => {
+    const githubUrl = project.getAttribute('data-repo');
+    if (!githubUrl) return;
+
+    // Construct the GitHub API URL
+    const apiUrl = githubUrl.replace('https://github.com/', 'https://api.github.com/repos/');
+    
+    // Use project name or the full URL as a cache key
+    const cacheKey = githubUrl;
+    
+    if (window.githubDataCache[cacheKey]) {
+      // Use cached data if available
+      updateProjectDOM(project, window.githubDataCache[cacheKey]);
+    } else {
+      // Fetch from API if not in cache
+      fetch(apiUrl)
+        .then(response => response.json())
+        .then(data => {
+          // Store in cache
+          window.githubDataCache[cacheKey] = data;
+          // Update DOM
+          updateProjectDOM(project, data);
+        })
+        .catch(error => console.error('Error fetching GitHub data:', error));
+    }
+  });
+}
+
+// Helper function to update the DOM for a project
+function updateProjectDOM(project, data) {
+  // Use project name to generate IDs
+  const idPrefix = data.name.toLowerCase().replace(/ /g, '-');
+
+  const languageElement = document.getElementById(`${idPrefix}-language`);
+  const starsElement = document.getElementById(`${idPrefix}-stars`);
+  const forksElement = document.getElementById(`${idPrefix}-forks`);
+
+  // Only update if elements exist
+  if (languageElement) languageElement.textContent = data.language || 'N/A';
+  if (starsElement) starsElement.textContent = data.stargazers_count || 0;
+  if (forksElement) forksElement.textContent = data.forks_count || 0;
+}
+
+// Hook into pjax:success event
+document.addEventListener('pjax:success', updateProjectsFromGitHub);
+
+// Also run on initial page load to handle direct navigation
+updateProjectsFromGitHub();
 </script>

custom/layouts/open-source.njk

@@ -145,30 +145,4 @@
   </section>
 {% endfor %}
 
-<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> <!-- FontAwesome Kit -->
-<script>
-  document.addEventListener('DOMContentLoaded', function () {
-    const projects = document.querySelectorAll('.project');
-
-    projects.forEach(project => {
-      const githubUrl = project.getAttribute('data-repo');
-      if (githubUrl) {
-        // Construct the GitHub API URL by inserting "api." after "https://"
-        const apiUrl = githubUrl.replace('https://github.com/', 'https://api.github.com/repos/');
-
-        fetch(apiUrl)
-          .then(response => response.json())
-          .then(data => {
-            // Use project name to generate IDs
-            const idPrefix = data.name.toLowerCase().replace(/ /g, '-');
-
-            document.getElementById(`${idPrefix}-language`).textContent = data.language || 'N/A';
-            document.getElementById(`${idPrefix}-stars`).textContent = data.stargazers_count || 0;
-            document.getElementById(`${idPrefix}-forks`).textContent = data.forks_count || 0;
-          })
-          .catch(error => console.error('Error fetching GitHub data:', error));
-      }
-    });
-  });
-</script>
 {% endblock %}