feat: get note links in sync status btn

Author: DIYgod

src/components/SyncStatus.vue

@@ -1,10 +1,13 @@
 <template>
-    <el-tooltip placement="left" :content="loading ? loadingNotice : noteID || 'Click to sync'">
+    <el-tooltip
+        placement="top"
+        :content="loading ? loadingNotice : note ? 'Click to view on Crossbell' : 'Click to sync to Crossbell'"
+    >
         <div
             class="flex w-6 h-6"
             :class="{
-                'fill-[#5088ff]': noteID,
-                grayscale: !noteID,
+                'fill-[#5088ff]': note,
+                grayscale: !note,
                 'opacity-50 mr-4': true,
             }"
             cssc="sync-status"
@@ -22,32 +25,38 @@ import { ref } from 'vue';
 import { Loading } from '@element-plus/icons-vue';
 
 const props = defineProps({
-    loadFunc: {
+    getNote: {
         type: Function,
         required: true,
     },
-    postFunc: {
+    postNote: {
         type: Function,
         required: true,
     },
 });
 
-const noteID = ref('');
+const note = ref<Note>();
 const loading = ref(true);
 const loadingNotice = ref('Loading...');
 
 const syncOrRedirect = async (e: any) => {
     loading.value = true;
     e.preventDefault();
-    if (!noteID.value) {
+    if (!note.value) {
         loadingNotice.value = 'Syncing...';
-        noteID.value = await props.postFunc();
+        await props.postNote();
+        note.value = await props.getNote();
+    } else {
+        const scan = note.value.related_urls?.find((url) => url.startsWith('https://scan.crossbell.io/tx/'));
+        if (scan) {
+            window.open(scan, '_blank');
+        }
     }
     loading.value = false;
 };
 
 const init = async () => {
-    noteID.value = await props.loadFunc();
+    note.value = await props.getNote();
     loading.value = false;
 };
 

src/content-script/hooks/twitter.ts

@@ -141,8 +141,6 @@ class TwitterHook {
 
                     if (data.code !== 0) {
                         ElMessage.error(`CrossSync encountered a problem: ${data.message}`);
-                    } else {
-                        return data.data;
                     }
                 } catch (e) {
                     this.main.xlog('error', 'Failed to post note.', e);
@@ -270,7 +268,7 @@ class TwitterHook {
                         //   .map(video => video.getAttribute('src')), // Not downloadable
                     ].filter((url) => !!url) as string[];
                     const syncStatus = createApp(SyncStatus, {
-                        loadFunc: async () => {
+                        getNote: async () => {
                             // Check if it's already synced
                             const unidata = await this.main.getUnidata();
                             const noteResp = await unidata?.notes.get({
@@ -279,9 +277,9 @@ class TwitterHook {
                                     url: link,
                                 },
                             });
-                            return noteResp?.list?.[0]?.id || '';
+                            return noteResp?.list[0];
                         },
-                        postFunc: async () => {
+                        postNote: async () => {
                             let newNoteID = '';
 
                             const note = {
@@ -295,10 +293,7 @@ class TwitterHook {
                                 related_urls: [link],
                             };
 
-                            const data = await this.sync(note, tweetMedia);
-                            newNoteID = data || '';
-
-                            return newNoteID;
+                            await this.sync(note, tweetMedia);
                         },
                     });
                     syncStatus.use(ElementPlus);