From da1a47479589fecfdf333a7ade5940ab4745bfcf Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Mon, 9 Mar 2026 20:29:08 +0000
Subject: [PATCH] appview/pages: add shortcut to convert blob link to permalink

Signed-off-by: oppiliappan <me@oppi.li>
---
 appview/pages/templates/repo/blob.html        |  1 +
 .../repo/fragments/lastCommitPanel.html       | 12 +++++------
 .../repo/fragments/permalinkShortcut.html     | 20 +++++++++++++++++++
 appview/pages/templates/repo/tree.html        |  1 +
 4 files changed, 28 insertions(+), 6 deletions(-)
 create mode 100644 appview/pages/templates/repo/fragments/permalinkShortcut.html

diff --git a/appview/pages/templates/repo/blob.html b/appview/pages/templates/repo/blob.html
index 20d78a2e..ba4e6c67 100644
--- a/appview/pages/templates/repo/blob.html
+++ b/appview/pages/templates/repo/blob.html
@@ -152,4 +152,5 @@
         showWrapContentToggleOnOverflow();
       })();
     </script>
+    {{ template "repo/fragments/permalinkShortcut" . }}
 {{ end }}
diff --git a/appview/pages/templates/repo/fragments/lastCommitPanel.html b/appview/pages/templates/repo/fragments/lastCommitPanel.html
index 9e675dd2..0b790fbb 100644
--- a/appview/pages/templates/repo/fragments/lastCommitPanel.html
+++ b/appview/pages/templates/repo/fragments/lastCommitPanel.html
@@ -1,7 +1,7 @@
 {{ define "repo/fragments/lastCommitPanel" }}
   {{ $messageParts := splitN .LastCommitInfo.Message "\n\n" 2 }}
-  <div class="pb-2 mb-3 border-b border-gray-200 dark:border-gray-700 flex flex-col md:flex-row md:items-center md:justify-between text-sm gap-2">
-    <div class="flex flex-col md:flex-row md:items-center gap-1">
+  <div class="pb-2 mb-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between flex-wrap text-sm gap-2">
+    <div class="flex flex-wrap items-center gap-1">
       {{ if .LastCommitInfo.Author }}
         {{ $authorDid := index .EmailToDid .LastCommitInfo.Author.Email }}
         <span class="flex items-center gap-1">
@@ -12,18 +12,18 @@
                 <a href="mailto:{{ .LastCommitInfo.Author.Email }}" class="no-underline hover:underline">{{ .LastCommitInfo.Author.Name }}</a>
             {{ end }}
         </span>
-        <span class="hidden md:inline px-1 select-none before:content-['\00B7']"></span>
+        <span class="px-1 select-none before:content-['\00B7'] text-gray-400 dark:text-gray-500"></span>
       {{ end }}
       <a href="/{{ .RepoInfo.FullName }}/commit/{{ .LastCommitInfo.Hash }}"
         class="inline no-underline hover:underline dark:text-white">
         {{ index $messageParts 0 }}
       </a>
-      <span class="hidden md:inline px-1 select-none before:content-['\00B7']"></span>
-      <span class="text-gray-400 dark:text-gray-500">{{ template "repo/fragments/time" .LastCommitInfo.When }}</span>
+      <span class="px-1 select-none before:content-['\00B7'] text-gray-400 dark:text-gray-500"></span>
+      <span class="text-gray-400 dark:text-gray-500">{{ template "repo/fragments/shortTimeAgo" .LastCommitInfo.When }}</span>
     </div>
     <a href="/{{ .RepoInfo.FullName }}/commit/{{ .LastCommitInfo.Hash.String }}"
        class="no-underline hover:underline text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-900 px-2 py-1 rounded font-mono text-xs w-fit">
         {{ slice .LastCommitInfo.Hash.String 0 8 }}
     </a>
   </div>
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/appview/pages/templates/repo/fragments/permalinkShortcut.html b/appview/pages/templates/repo/fragments/permalinkShortcut.html
new file mode 100644
index 00000000..c73bef66
--- /dev/null
+++ b/appview/pages/templates/repo/fragments/permalinkShortcut.html
@@ -0,0 +1,20 @@
+{{ define "repo/fragments/permalinkShortcut" }}
+  <script>
+    (() => {
+      {{ if .LastCommitInfo }}
+      const abortController = new AbortController();
+      document.addEventListener('keydown', (e) => {
+        if(e.key === 'y' && !e.ctrlKey && !e.metaKey && !e.altKey) {
+          if(e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
+          const permalinkUrl = '/{{ .RepoInfo.FullName }}/tree/{{ .LastCommitInfo.Hash }}/{{ .Path }}';
+          window.location.href = permalinkUrl;
+        }
+      }, {signal: abortController.signal});
+
+      document.body.addEventListener('htmx:beforeCleanupElement', (e) => {
+        abortController.abort();
+      }, {signal: abortController.signal});
+      {{ end }}
+    })();
+  </script>
+{{ end }}
diff --git a/appview/pages/templates/repo/tree.html b/appview/pages/templates/repo/tree.html
index 40c31cef..c1aaec71 100644
--- a/appview/pages/templates/repo/tree.html
+++ b/appview/pages/templates/repo/tree.html
@@ -99,6 +99,7 @@
 
   </div>
 </main>
+{{ template "repo/fragments/permalinkShortcut" . }}
 {{end}}
 
 {{ define "repoAfter" }}
-- 
2.51.2