From b6bd043b1e1a182fa610b0baaa47cb6bf57d98de Mon Sep 17 00:00:00 2001
From: Gordon Pedersen <death.au@death.id.au>
Date: Fri, 10 May 2024 17:08:16 +1000
Subject: [PATCH] first attempt at a share link

---
 configuration/template.html                   |  9 +++-
 weblog/B0. Template/share.js.md               | 42 +++++++++++++++++++
 .../template-landing-page.html.md             |  7 ++++
 weblog/B0. Template/template-post.html.md     |  2 +-
 4 files changed, 58 insertions(+), 2 deletions(-)
 create mode 100644 weblog/B0. Template/share.js.md

diff --git a/configuration/template.html b/configuration/template.html
index 5dbb156..ae2e74e 100644
--- a/configuration/template.html
+++ b/configuration/template.html
@@ -25,7 +25,7 @@
 	</aside>
 	<i data-emoji="{emoji}"></i>
 	{body}
-	<aside class="post-info"><a href="{status_url}"><i class="omg-icon omg-prami"></i> via status.lol</a><a href="{external_url}"><i class="omg-icon omg-fediverse"></i> Reply on the Fediverse</a></aside>
+	<aside class="post-info"><a class="status_url" href="{status_url}"><i class="omg-icon omg-prami"></i> via status.lol</a><a class="external_url" href="{external_url}"><i class="omg-icon omg-fediverse"></i> Reply on the Fediverse</a></aside>
 	<aside class="post-tags">
 		{tags}
 	</aside>
@@ -44,11 +44,18 @@
 </footer>
 
 <script src="https://cdn.jsdelivr.net/npm/luxon/build/global/luxon.min.js" crossorigin="anonymous"></script>
+<script src="/share.js"></script>
 <script>
 	document.querySelectorAll('time:not(.dt-start):not(.dt-end)').forEach(time => {
     const datetime = luxon.DateTime.fromISO(time.getAttribute('datetime'))
     time.innerText = datetime.toRelative()
   });
+	document.querySelectorAll("a.external_url:not([href='{external_url}'])").forEach(el => {
+		el.addEventListener('click', e => {
+			e.preventDefault()
+			share(el.href)
+		})
+	})
 </script>
 
 </body>
diff --git a/weblog/B0. Template/share.js.md b/weblog/B0. Template/share.js.md
new file mode 100644
index 0000000..0f39611
--- /dev/null
+++ b/weblog/B0. Template/share.js.md	
@@ -0,0 +1,42 @@
+/*/
+Type: file
+Content-Type: application/javascript
+Title: Share script
+Location: /share.js
+/**/
+
+const SUBSCRIBE_LINK_REL = 'http://ostatus.org/schema/1.0/subscribe'
+function share(uri, handle) {
+  if(!handle){
+    handle = prompt("Please enter your fediverse / mastodon handle (e.g. '@user@domain.social')", "@")
+  }
+  
+  if(handle) {
+    const input = handle
+    handle = handle.trim().replace(/^@/,'')
+    const split = handle.split('@')
+    if(split.length == 2) {
+      const resource = `acct:${handle}`
+      const domain = split[1]
+      
+      // look up remote user via webfinger
+      const url = `https://${domain}/.well-known/webfinger?resource=${resource}`
+      fetch(url, {headers: {
+        'Content-Type': 'application/activity+json'
+      }}).then(async result => {
+        const json = await result.json()
+        const subscribe = json.links.find(link => link.rel && link.rel == SUBSCRIBE_LINK_REL)
+        let template = subscribe.template
+        window.open(template.replace("{uri}", uri), '_blank').focus()
+      })
+      .catch(e => {
+        console.error(e)
+        throw `Sorry, we couldn't find an uri for ${input}.\n\nTry searching for "${uri}" on ${domain} (or in your fediverse client of choice)`
+      })
+      
+    }
+    else {
+      throw 'Please enter your fediverse address in @user@domain.social format'
+    }
+  }
+}
\ No newline at end of file
diff --git a/weblog/B0. Template/template-landing-page.html.md b/weblog/B0. Template/template-landing-page.html.md
index cc1cd29..b507a72 100644
--- a/weblog/B0. Template/template-landing-page.html.md	
+++ b/weblog/B0. Template/template-landing-page.html.md	
@@ -33,11 +33,18 @@ Title: Landing Page Template
 </footer>
 
 <script src="https://cdn.jsdelivr.net/npm/luxon/build/global/luxon.min.js" crossorigin="anonymous"></script>
+<script src="/share.js"></script>
 <script>
 	document.querySelectorAll('time:not(.dt-start):not(.dt-end)').forEach(time => {
     const datetime = luxon.DateTime.fromISO(time.getAttribute('datetime'))
     time.innerText = datetime.toRelative()
   });
+	document.querySelectorAll("a.external_url:not([href='{external_url}'])").forEach(el => {
+		el.addEventListener('click', e => {
+			e.preventDefault()
+			share(el.href)
+		})
+	})
 </script>
 
 </body>
diff --git a/weblog/B0. Template/template-post.html.md b/weblog/B0. Template/template-post.html.md
index 8e21d98..e0146a6 100644
--- a/weblog/B0. Template/template-post.html.md	
+++ b/weblog/B0. Template/template-post.html.md	
@@ -7,7 +7,7 @@ Title: Post Template
 </aside>
 <i data-emoji="{emoji}"></i>
 {body}
-<aside class="post-info"><a href="{status_url}"><i class="omg-icon omg-prami"></i> via status.lol</a><a href="{external_url}"><i class="omg-icon omg-fediverse"></i> Reply on the Fediverse</a></aside>
+	<aside class="post-info"><a class="status_url" href="{status_url}"><i class="omg-icon omg-prami"></i> via status.lol</a><a class="external_url" href="{external_url}"><i class="omg-icon omg-fediverse"></i> Reply on the Fediverse</a></aside>
 <aside class="post-tags">
 	{tags}
 </aside>