From 1d379a324497da39a27e49453c72615607a9b199 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Thu, 16 Jul 2026 15:40:39 +0100
Subject: [PATCH] appview/pages: use hx-load to lazily load commit statuses

Signed-off-by: oppiliappan <me@oppi.li>
---
 .../fragments/commitPipelineStatuses.html     |  9 +++++
 appview/pages/templates/repo/index.html       | 35 +++++++++----------
 appview/pages/templates/repo/log.html         | 30 +++++++---------
 .../fragments/pipelineSymbolLong.html         |  2 +-
 4 files changed, 38 insertions(+), 38 deletions(-)
 create mode 100644 appview/pages/templates/repo/fragments/commitPipelineStatuses.html

diff --git a/appview/pages/templates/repo/fragments/commitPipelineStatuses.html b/appview/pages/templates/repo/fragments/commitPipelineStatuses.html
new file mode 100644
index 00000000..2069278c
--- /dev/null
+++ b/appview/pages/templates/repo/fragments/commitPipelineStatuses.html
@@ -0,0 +1,9 @@
+{{ define "repo/fragments/commitPipelineStatuses" }}
+  {{ range $sha, $pipeline := .Pipelines }}
+    {{ if gt (len $pipeline.Statuses) 0 }}
+    <span id="commit-pipeline-{{ $sha }}" hx-swap-oob="outerHTML:#commit-pipeline-{{ $sha }}">
+      {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "RepoInfo" $.RepoInfo "Pipeline" $pipeline) }}
+    </span>
+    {{ end }}
+  {{ end }}
+{{ end }}
diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
index d60707dc..81f70873 100644
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -224,7 +224,7 @@
       </div>
 
       <!-- commit info bar -->
-      <div class="text-xs mt-2 text-gray-500 dark:text-gray-400 flex items-center flex-wrap">
+      <div class="text-xs mt-2 text-gray-500 dark:text-gray-400 flex items-center flex-wrap [&>:not(:empty)~:not(:empty)]:before:content-['·'] [&>:not(:empty)~:not(:empty)]:before:mx-1 [&>:not(:empty)~:not(:empty)]:before:select-none">
           {{ $verified := $.VerifiedCommits.IsVerified .Hash.String }}
           {{ $hashStyle := "text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-900" }}
           {{ if $verified }}
@@ -240,36 +240,33 @@
                  {{ end }}
               </a>
           </span>
-        <span
-          class="mx-1 before:content-['·'] before:select-none"
-          ></span>
         {{ template "attribution" (list . $.EmailToDid) }}
-        <div class="inline-block px-1 select-none after:content-['·']"></div>
         {{ template "repo/fragments/time" .Committer.When }}
 
         <!-- tags/branches -->
         {{ $tagsForCommit := index $.TagMap .Hash.String }}
         {{ if gt (len $tagsForCommit) 0 }}
-          <div class="inline-block px-1 select-none after:content-['·']"></div>
-        {{ end }}
-        {{ range $tagsForCommit }}
-          <span class="text-xs rounded bg-gray-100 dark:bg-gray-700 text-black dark:text-white font-mono px-2 mx-[2px] inline-flex items-center">
-            {{ . }}
-          </span>
-        {{ end }}
-
-        <!-- ci status -->
-        {{ $pipeline := index $.Pipelines .Hash.String }}
-        {{ if $pipeline }}
-          {{ if gt (len $pipeline.Statuses) 0 }}
-            <div class="inline-block px-1 select-none after:content-['·']"></div>
-            {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "RepoInfo" $.RepoInfo "Pipeline" $pipeline) }}
+        <span class="flex items-center gap-1">
+          {{ range $tagsForCommit }}
+            <span class="text-xs rounded bg-gray-100 dark:bg-gray-700 text-black dark:text-white font-mono px-2 mx-[2px] inline-flex items-center">
+              {{ . }}
+            </span>
           {{ end }}
+        </span>
         {{ end }}
+        <span id="commit-pipeline-{{ .Hash.String }}"></span>
       </div>
     </div>
     {{ end }}
   </div>
+  {{ if and $.CommitsTrunc $.RepoInfo.Spindle }}
+  <div
+    class="hidden"
+    hx-get="/{{ $.RepoInfo.FullName }}/commit-statuses?{{ range $.CommitsTrunc }}sha={{ .Hash.String }}&{{ end }}"
+    hx-trigger="load"
+    hx-swap="none"
+  ></div>
+  {{ end }}
 </div>
 {{ end }}
 
diff --git a/appview/pages/templates/repo/log.html b/appview/pages/templates/repo/log.html
index 3e4e8111..0fb28f36 100644
--- a/appview/pages/templates/repo/log.html
+++ b/appview/pages/templates/repo/log.html
@@ -72,12 +72,7 @@
 
                 <!-- ci status -->
                 <span class="text-xs">
-                  {{ $pipeline := index $.Pipelines .Hash.String }}
-                  {{ if $pipeline }}
-                    {{ if gt (len $pipeline.Statuses) 0 }}
-                      {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "Pipeline" $pipeline "RepoInfo" $.RepoInfo) }}
-                    {{ end }}
-                  {{ end }}
+                  <span id="commit-pipeline-{{ $commit.Hash.String }}"></span>
                 </span>
             </div>
 
@@ -136,7 +131,7 @@
                     </div>
                 </div>
 
-                <div class="text-xs mt-2 text-gray-500 dark:text-gray-400 flex items-center">
+                <div class="text-xs mt-2 text-gray-500 dark:text-gray-400 flex items-center [&>:not(:empty)~:not(:empty)]:before:content-['·'] [&>:not(:empty)~:not(:empty)]:before:mx-1 [&>:not(:empty)~:not(:empty)]:before:select-none">
                     {{ $verified := $.VerifiedCommits.IsVerified $commit.Hash.String }}
                     {{ $hashStyle := "text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-900" }}
                     {{ if $verified }}
@@ -152,25 +147,24 @@
                            {{ end }}
                         </a>
                     </span>
-                    <span class="mx-2 before:content-['·'] before:select-none"></span>
                     {{ template "attribution" (list $commit $.EmailToDid) }}
-                    <div class="inline-block px-1 select-none after:content-['·']"></div>
                     <span>{{ template "repo/fragments/shortTime" $commit.Committer.When }}</span>
 
                     <!-- ci status -->
-                    {{ $pipeline := index $.Pipelines .Hash.String }}
-                    {{ if $pipeline }}
-                      {{ if gt (len $pipeline.Statuses) 0 }}
-                        <div class="inline-block px-1 select-none after:content-['·']"></div>
-                        <span class="text-sm">
-                          {{ template "repo/pipelines/fragments/pipelineSymbolLong" (dict "Pipeline" $pipeline "RepoInfo" $.RepoInfo) }}
-                        </span>
-                      {{ end }}
-                    {{ end }}
+                    <span id="commit-pipeline-{{ $commit.Hash.String }}"></span>
                 </div>
             </div>
         {{ end }}
     </div>
+
+    {{ if and .Commits .RepoInfo.Spindle }}
+    <div
+      class="hidden"
+      hx-get="/{{ .RepoInfo.FullName }}/commit-statuses?{{ range .Commits }}sha={{ .Hash.String }}&{{ end }}"
+      hx-trigger="load"
+      hx-swap="none"
+    ></div>
+    {{ end }}
 </section>
 
 {{ end }}
diff --git a/appview/pages/templates/repo/pipelines/fragments/pipelineSymbolLong.html b/appview/pages/templates/repo/pipelines/fragments/pipelineSymbolLong.html
index 6a08ddd6..00a22159 100644
--- a/appview/pages/templates/repo/pipelines/fragments/pipelineSymbolLong.html
+++ b/appview/pages/templates/repo/pipelines/fragments/pipelineSymbolLong.html
@@ -21,4 +21,4 @@
       {{ template "repo/pipelines/fragments/tooltip" $ }}
     </div>
   </div>
-{{ end }}
\ No newline at end of file
+{{ end }}
-- 
2.51.2