From 30cc9e8016ca082f93bf8a700eb04a98e295687d Mon Sep 17 00:00:00 2001
From: scanash00 <scan@scanash.com>
Date: Thu, 22 Jan 2026 17:51:05 -0900
Subject: [PATCH] add aturi.to to share dropdown (universal url)

---
 web/src/components/Icons.jsx     | 18 ++++++++++++++++++
 web/src/components/ShareMenu.jsx | 27 ++++++++++++++++++++++++++-
 2 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/web/src/components/Icons.jsx b/web/src/components/Icons.jsx
index 79bf5b9..f38c0a9 100644
--- a/web/src/components/Icons.jsx
+++ b/web/src/components/Icons.jsx
@@ -333,3 +333,21 @@ export function ReplyIcon({ size = 18 }) {
     </svg>
   );
 }
+
+export function AturiIcon({ size = 18 }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z" />
+      <path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12" />
+    </svg>
+  );
+}
diff --git a/web/src/components/ShareMenu.jsx b/web/src/components/ShareMenu.jsx
index 5d05efe..9921204 100644
--- a/web/src/components/ShareMenu.jsx
+++ b/web/src/components/ShareMenu.jsx
@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect } from "react";
 import { Copy, ExternalLink, Check } from "lucide-react";
-import { BlueskyIcon } from "./Icons";
+import { BlueskyIcon, AturiIcon } from "./Icons";
 
 const BLUESKY_COLOR = "#1185fe";
 
@@ -100,6 +100,7 @@ const BLUESKY_FORKS = [
 export default function ShareMenu({ uri, text, customUrl, handle, type }) {
   const [isOpen, setIsOpen] = useState(false);
   const [copied, setCopied] = useState(false);
+  const [copiedAturi, setCopiedAturi] = useState(false);
   const menuRef = useRef(null);
 
   const getShareUrl = () => {
@@ -163,6 +164,22 @@ export default function ShareMenu({ uri, text, customUrl, handle, type }) {
     }
   };
 
+  const handleCopyAturi = async () => {
+    const aturiUrl = uri ? uri.replace("at://", "https://aturi.to/") : "";
+    if (!aturiUrl) return;
+
+    try {
+      await navigator.clipboard.writeText(aturiUrl);
+      setCopiedAturi(true);
+      setTimeout(() => {
+        setCopiedAturi(false);
+        setIsOpen(false);
+      }, 1500);
+    } catch {
+      prompt("Copy this link:", aturiUrl);
+    }
+  };
+
   const handleSystemShare = async () => {
     if (navigator.share) {
       try {
@@ -225,6 +242,14 @@ export default function ShareMenu({ uri, text, customUrl, handle, type }) {
             {copied ? <Check size={16} /> : <Copy size={16} />}
             <span>{copied ? "Copied!" : "Copy Link"}</span>
           </button>
+          <button
+            className="share-menu-item"
+            onClick={handleCopyAturi}
+            title="Copy a universal link atproto link (via aturi.to)"
+          >
+            {copiedAturi ? <Check size={16} /> : <AturiIcon size={16} />}
+            <span>{copiedAturi ? "Copied!" : "Copy Universal Link"}</span>
+          </button>
           {navigator.share && (
             <button className="share-menu-item" onClick={handleSystemShare}>
               <ExternalLink size={16} />
-- 
2.51.2