From 7f9300b32ff111db72c9a00cb3c85f0f55755a19 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Tue, 4 Nov 2025 06:38:09 +0000
Subject: [PATCH] appview/pages: add panel to copy an ATURI or open an ATURI on
 pdsls
Change-Id: oknkmqyvuroyoyuwznttrouvwryutmxn

Signed-off-by: oppiliappan <me@oppi.li>
---
 appview/pages/funcmap.go                      |  7 ++-
 .../repo/fragments/externalLinkPanel.html     | 48 +++++++++++++++++++
 2 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 appview/pages/templates/repo/fragments/externalLinkPanel.html

diff --git a/appview/pages/funcmap.go b/appview/pages/funcmap.go
index 49ca5778..faaa68f7 100644
--- a/appview/pages/funcmap.go
+++ b/appview/pages/funcmap.go
@@ -75,6 +75,9 @@ func (p *Pages) funcMap() template.FuncMap {
 		"splitOn": func(s, sep string) []string {
 			return strings.Split(s, sep)
 		},
+		"string": func(v any) string {
+			return fmt.Sprint(v)
+		},
 		"int64": func(a int) int64 {
 			return int64(a)
 		},
@@ -288,7 +291,9 @@ func (p *Pages) funcMap() template.FuncMap {
 			u, _ := url.PathUnescape(s)
 			return u
 		},
-
+		"safeUrl": func(s string) template.URL {
+			return template.URL(s)
+		},
 		"tinyAvatar": func(handle string) string {
 			return p.AvatarUrl(handle, "tiny")
 		},
diff --git a/appview/pages/templates/repo/fragments/externalLinkPanel.html b/appview/pages/templates/repo/fragments/externalLinkPanel.html
new file mode 100644
index 00000000..68c6f076
--- /dev/null
+++ b/appview/pages/templates/repo/fragments/externalLinkPanel.html
@@ -0,0 +1,48 @@
+{{ define "repo/fragments/externalLinkPanel" }}
+  <div id="at-uri-panel" class="px-2 md:px-0">
+    <div class="flex justify-between items-center gap-2">
+      <span class="text-sm py-1 font-bold text-gray-500 dark:text-gray-400 capitalize">AT URI</span>
+      <div class="flex items-center gap-2">
+        <button
+          onclick="copyToClipboard(this)"
+          class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+          title="Copy to clipboard">
+          {{ i "copy" "w-4 h-4" }}
+        </button>
+        <a
+          href="https://pdsls.dev/{{.}}"
+          class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+          title="View in PDSls">
+          {{ i "arrow-up-right" "w-4 h-4" }}
+        </a>
+      </div>
+    </div>
+    <span
+      class="font-mono text-sm select-all cursor-pointer block max-w-full overflow-x-auto whitespace-nowrap scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600"
+      onclick="window.getSelection().selectAllChildren(this)"
+      title="{{.}}"
+      data-aturi="{{ . | string | safeUrl }}"
+      >{{.}}</span>
+
+
+  </div>
+
+  <script>
+    function copyToClipboard(button) {
+      const container = document.getElementById("at-uri-panel");
+      const urlSpan = container?.querySelector('[data-aturi]');
+      const text = urlSpan?.getAttribute('data-aturi');
+      console.log("copying to clipboard", text)
+      if (!text) return;
+
+      navigator.clipboard.writeText(text).then(() => {
+        const originalContent = button.innerHTML;
+        button.innerHTML = `{{ i "check" "w-4 h-4" }}`;
+        setTimeout(() => {
+          button.innerHTML = originalContent;
+        }, 2000);
+      });
+    }
+  </script>
+{{ end }}
+
-- 
2.43.0