From d39a64afe17662fb7ec6e108c323c3654d384adc Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Fri, 20 Jun 2025 22:15:27 +0800
Subject: [PATCH] refactor(repo-card): use iife and async loading

---
 assets/js/fetch-repo.js          | 6 ++----
 layouts/shortcodes/codeberg.html | 1 +
 layouts/shortcodes/forgejo.html  | 1 +
 layouts/shortcodes/gitea.html    | 1 +
 layouts/shortcodes/github.html   | 1 +
 layouts/shortcodes/gitlab.html   | 1 +
 6 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/assets/js/fetch-repo.js b/assets/js/fetch-repo.js
index b47678ae..41ee97fb 100644
--- a/assets/js/fetch-repo.js
+++ b/assets/js/fetch-repo.js
@@ -1,4 +1,4 @@
-async function fetchRepo() {
+(async () => {
   const script = document.currentScript;
   const repoURL = script?.getAttribute("data-repo-url");
   const repoId = script?.getAttribute("data-repo-id");
@@ -54,6 +54,4 @@ async function fetchRepo() {
   } catch (error) {
     console.error(error);
   }
-}
-
-fetchRepo();
+})();
diff --git a/layouts/shortcodes/codeberg.html b/layouts/shortcodes/codeberg.html
index 15faea91..0fa21e78 100644
--- a/layouts/shortcodes/codeberg.html
+++ b/layouts/shortcodes/codeberg.html
@@ -52,6 +52,7 @@
       {{ $fetchRepo := resources.Get "js/fetch-repo.js" }}
       {{ $fetchRepo = $fetchRepo | resources.Minify | resources.Fingerprint ($.Site.Params.fingerprintAlgorithm | default "sha512") }}
       <script
+        async
         type="text/javascript"
         src="{{ $fetchRepo.RelPermalink }}"
         integrity="{{ $fetchRepo.Data.Integrity }}"
diff --git a/layouts/shortcodes/forgejo.html b/layouts/shortcodes/forgejo.html
index 0646d067..814a4b8b 100644
--- a/layouts/shortcodes/forgejo.html
+++ b/layouts/shortcodes/forgejo.html
@@ -52,6 +52,7 @@
       {{ $fetchRepo := resources.Get "js/fetch-repo.js" }}
       {{ $fetchRepo = $fetchRepo | resources.Minify | resources.Fingerprint ($.Site.Params.fingerprintAlgorithm | default "sha512") }}
       <script
+        async
         type="text/javascript"
         src="{{ $fetchRepo.RelPermalink }}"
         integrity="{{ $fetchRepo.Data.Integrity }}"
diff --git a/layouts/shortcodes/gitea.html b/layouts/shortcodes/gitea.html
index d864436c..97ccc0a0 100644
--- a/layouts/shortcodes/gitea.html
+++ b/layouts/shortcodes/gitea.html
@@ -52,6 +52,7 @@
       {{ $fetchRepo := resources.Get "js/fetch-repo.js" }}
       {{ $fetchRepo = $fetchRepo | resources.Minify | resources.Fingerprint ($.Site.Params.fingerprintAlgorithm | default "sha512") }}
       <script
+        async
         type="text/javascript"
         src="{{ $fetchRepo.RelPermalink }}"
         integrity="{{ $fetchRepo.Data.Integrity }}"
diff --git a/layouts/shortcodes/github.html b/layouts/shortcodes/github.html
index 88faf6f7..d63cdff4 100644
--- a/layouts/shortcodes/github.html
+++ b/layouts/shortcodes/github.html
@@ -68,6 +68,7 @@
       {{ $fetchRepo := resources.Get "js/fetch-repo.js" }}
       {{ $fetchRepo = $fetchRepo | resources.Minify | resources.Fingerprint ($.Site.Params.fingerprintAlgorithm | default "sha512") }}
       <script
+        async
         type="text/javascript"
         src="{{ $fetchRepo.RelPermalink }}"
         integrity="{{ $fetchRepo.Data.Integrity }}"
diff --git a/layouts/shortcodes/gitlab.html b/layouts/shortcodes/gitlab.html
index a77d090c..44dcb8ce 100644
--- a/layouts/shortcodes/gitlab.html
+++ b/layouts/shortcodes/gitlab.html
@@ -41,6 +41,7 @@
       {{ $fetchRepo := resources.Get "js/fetch-repo.js" }}
       {{ $fetchRepo = $fetchRepo | resources.Minify | resources.Fingerprint ($.Site.Params.fingerprintAlgorithm | default "sha512") }}
       <script
+        async
         type="text/javascript"
         src="{{ $fetchRepo.RelPermalink }}"
         integrity="{{ $fetchRepo.Data.Integrity }}"