made share link sharable (for android and such)

- so that they can be send off to another app

Author: nexus-uw

README.md

@@ -44,4 +44,4 @@ go build && ./main
 - inline CSP to html
 - load test
 - generate sha-BLAH during build and include in csp
-- [web share target](https://developer.mozilla.org/en-US/docs/Web/API/Web_Share_API). either have less secure server side encryption or use a service worker to intercept post req and perform the work there
+- share qr code image as part of the navigator.share payload....

resources/js/noteSaved.js

@@ -1,5 +1,5 @@
 import QRCode from 'qrcode'
-
+// note: this is for the share_target only (ie: android pwa)
 
 export class NoteSaved {
 
@@ -8,7 +8,7 @@ export class NoteSaved {
     const ff = new URLSearchParams(window.location.hash.slice(1))
     const hash = ff.get('hash')
     const id = ff.get('id')
-    
+
 
     const clearnetShareLink = `${document.querySelector('meta[name="clearnet"]').getAttribute('content')}/decrypt/${id}#${hash}`
     document.getElementById('clearnetShareLink').href = clearnetShareLink
@@ -20,5 +20,27 @@ export class NoteSaved {
       QRCode.toCanvas(document.getElementById('clearnetShareQR'), clearnetShareLink),
       QRCode.toCanvas(document.getElementById('darknetShareQR'), dakrnetShareLink)
     ])
+
+
+    document.getElementById("clearnetShareLink").addEventListener("click", async (event) => {
+      if (navigator.share) {
+        event.preventDefault()
+        // not defined for all browsers
+        await navigator.share({
+          url: clearnetShareLink
+        })
+
+      }
+    })
+
+    document.getElementById("dakrnetShareLink").addEventListener("click", async (event) => {
+      if (navigator.share) {
+        event.preventDefault()
+        // not defined for all browsers
+        await navigator.share({
+          url: dakrnetShareLink
+        })
+      }
+    })
   }
 }

resources/js/welcome.js

@@ -84,6 +84,27 @@ export class Welcome {
           QRCode.toCanvas(document.getElementById('clearnetShareQR'), clearnetShareLink),
           QRCode.toCanvas(document.getElementById('darknetShareQR'), dakrnetShareLink)
         ])
+
+        document.getElementById("clearnetShareLink").addEventListener("click", async (event) => {
+          if (navigator.share) {
+            event.preventDefault()
+            // not defined for all browsers
+            await navigator.share({
+              url: clearnetShareLink
+            })
+
+          }
+        })
+
+        document.getElementById("dakrnetShareLink").addEventListener("click", async (event) => {
+          if (navigator.share) {
+            event.preventDefault()
+            // not defined for all browsers
+            await navigator.share({
+              url: dakrnetShareLink
+            })
+          }
+        })
       } catch (e) {
         alert('failed to save note: ' + e)
       }

views/template.html

@@ -6,7 +6,7 @@
   <title>MokinToken: secure note sharing for the 2077 normalization</title>
   <meta name="description" content="selfhosted e2e encrypted note sharing webapp" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-
+  <meta http-equiv="Permissions-Policy" content="web-share=self">
   <!-- todo param -->
   <meta name="clearnet" content="{{.Clearnet}}">
   <meta name="darknet" content="{{.Darknet}}">