0.5.23

Add icons for mobile ease of access

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "share-note",
 	"name": "Share Note",
-	"version": "0.5.22",
+	"version": "0.5.23",
 	"minAppVersion": "0.15.0",
 	"description": "Instantly share a note, with the full theme and content exactly like you see in Reading View. Data is shared encrypted by default, and only you and the person you send it to have the key.",
 	"author": "Alan Grainger",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "share-note",
-	"version": "0.5.22",
+	"version": "0.5.23",
 	"description": "Instantly share a note, with the full theme and content exactly like you see in Reading View. Data is shared encrypted by default, and only you and the person you send it to have the key.",
 	"main": "main.js",
 	"scripts": {

src/main.ts

@@ -1,4 +1,4 @@
-import { Plugin, TFile } from 'obsidian'
+import { Plugin, setIcon, TFile } from 'obsidian'
 import { DEFAULT_SETTINGS, ShareSettings, ShareSettingsTab, YamlField } from './settings'
 import Note from './note'
 import API from './api'
@@ -56,6 +56,40 @@ export default class SharePlugin extends Plugin {
       }
     })
 
+    // Add share icons to properties panel
+    this.registerEvent(this.app.workspace.on('active-leaf-change', () => {
+      console.log('icons')
+      // I tried using onLayoutReady() here rather than a timeout, but it did not work.
+      // It seems that the layout is still updating even after it is "ready".
+      setTimeout(() => {
+        document.querySelectorAll(`div.metadata-property[data-property-key="${this.field(YamlField.link)}"]`)
+          .forEach(propertyEl => {
+            const valueEl = propertyEl.querySelector('div.metadata-property-value')
+            if (valueEl && !valueEl.querySelector('div.share-note-icons')) {
+              const iconsEl = document.createElement('div')
+              iconsEl.classList.add('share-note-icons')
+              // Re-share note icon
+              const shareIcon = iconsEl.createEl('span')
+              shareIcon.title = 'Re-share note'
+              setIcon(shareIcon, 'upload-cloud')
+              shareIcon.onclick = () => this.uploadNote()
+              // Copy to clipboard icon
+              const copyIcon = iconsEl.createEl('span')
+              copyIcon.title = 'Copy link to clipboard'
+              setIcon(copyIcon, 'copy')
+              copyIcon.onclick = async () => {
+                const link = propertyEl.querySelector('div.metadata-link-inner.external-link') as HTMLElement
+                if (link) {
+                  await navigator.clipboard.writeText(link.innerText)
+                  new StatusMessage('📋 Shared link copied to clipboard')
+                }
+              }
+              valueEl.prepend(iconsEl)
+            }
+          })
+      }, 200)
+    }))
+
     // Add command - Share note
     this.addCommand({
       id: 'share-note',

styles.css

@@ -12,3 +12,13 @@
     background: #629762;
     color: white
 }
+
+.share-note-icons {
+    display: flex;
+}
+
+.share-note-icons > span {
+    display: flex;
+    margin-left: 5px;
+    cursor: pointer;
+}

versions.json

@@ -21,5 +21,6 @@
 	"0.5.19": "0.15.0",
 	"0.5.20": "0.15.0",
 	"0.5.21": "0.15.0",
-	"0.5.22": "0.15.0"
+	"0.5.22": "0.15.0",
+	"0.5.23": "0.15.0"
 }