feat: Discord Rich Presence seeker logic

staniel359 · staniel359 · commit 635893de507e · 2025-04-14T10:47:20.000+03:00
diff --git a/electron/actions/discord/setActivity.js b/electron/actions/discord/setActivity.js
@@ -5,16 +5,28 @@ import {
 export default function (
   {
     playingData,
-    buttons
+    buttons,
+    startTime,
+    isPlaying
   }
 ) {
   const {
     trackTitle,
     artistName,
     albumTitle,
-    image
+    image,
+    duration
   } = playingData
 
+  const durationComputed = (
+    isPlaying ? duration : 0
+  )
+
+  const endTime = (
+    startTime +
+      durationComputed * 1000
+  )
+
   const activity = {
     type: 2,
     details: trackTitle,
@@ -27,7 +39,9 @@ export default function (
     smallImageText: appName,
     ...(buttons.length && {
       buttons
-    })
+    }),
+    startTimestamp: startTime,
+    endTimestamp: endTime
   }
 
   discordClient
diff --git a/src/components/layout/observers/TheDiscordObserver.vue b/src/components/layout/observers/TheDiscordObserver.vue
@@ -11,6 +11,7 @@ import {
 import discordStore from '@/stores/discord'
 import playerStore from '@/stores/player'
 import profileStore from '@/stores/profile'
+import audioStore from '@/stores/audio'
 import {
   homepage
 } from '@/../package.json'
@@ -29,6 +30,7 @@ export default {
   name: 'TheDiscordObserver',
   data () {
     return {
+      playerPlayingStartTime: null,
       isConnected: false
     }
   },
@@ -55,6 +57,12 @@ export default {
         profileId: 'id'
       }
     ),
+    ...mapState(
+      audioStore,
+      {
+        audioStatus: 'status'
+      }
+    ),
     activityDataFormatted () {
       return JSON.stringify(
         this.activityData
@@ -63,10 +71,11 @@ export default {
     activityData () {
       if (this.playerPlaying) {
         return {
-          playingData:
-            this.playingData,
-          buttons:
-            this.buttonsFiltered
+          playingData: this.playingData,
+          buttons: this.buttonsFiltered,
+          startTime:
+            this.playerPlayingStartTime,
+          isPlaying: this.isPlaying
         }
       } else {
         return null
@@ -77,7 +86,8 @@ export default {
         trackTitle: this.trackTitle,
         artistName: this.artistName,
         albumTitle: this.albumTitle,
-        image: this.image
+        image: this.image,
+        duration: this.duration
       }
     },
     trackTitle () {
@@ -95,6 +105,9 @@ export default {
           defaultImage
       )
     },
+    duration () {
+      return this.playerPlaying.duration
+    },
     buttonsFiltered () {
       return this.buttonsFormatted.filter(
         e => e
@@ -207,6 +220,11 @@ export default {
           trackData: this.playerPlaying
         }
       )
+    },
+    isPlaying () {
+      return (
+        this.audioStatus === 'play'
+      )
     }
   },
   watch: {
@@ -215,9 +233,12 @@ export default {
       handler:
         'handleIsPlayerWithDiscordRichPresenceChange'
     },
+    playerPlaying: {
+      immediate: true,
+      handler: 'handlePlayerPlayingChange'
+    },
     isConnected: 'handleIsConnectedChange',
-    activityData:
-      'handleActivityDataChange'
+    activityData: 'handleActivityDataChange'
   },
   mounted () {
     window
@@ -262,6 +283,13 @@ export default {
         this.updateActivity()
       }
     },
+    handlePlayerPlayingChange (
+      value
+    ) {
+      this.playerPlayingStartTime = (
+        value ? Date.now() : null
+      )
+    },
     connect () {
       if (!this.isConnected) {
         window
diff --git a/src/components/layout/panels/ThePlayerVariantsPanel/PlayerPanel/AudioElement.vue b/src/components/layout/panels/ThePlayerVariantsPanel/PlayerPanel/AudioElement.vue
@@ -25,6 +25,9 @@ import {
 } from 'pinia'
 import audioStore from '@/stores/audio'
 import playerStore from '@/stores/player'
+import {
+  update as updateGlobalStore
+} from '@/helpers/actions/store/global'
 
 export default {
   name: 'AudioElement',
@@ -173,7 +176,7 @@ export default {
       )
     },
     handlePlay () {
-      this.setAudioStatus(
+      this.setAudioStatusWithGlobal(
         'play'
       )
     },
@@ -189,7 +192,7 @@ export default {
       )
     },
     handlePause () {
-      this.setAudioStatus(
+      this.setAudioStatusWithGlobal(
         'pause'
       )
     },
@@ -269,7 +272,7 @@ export default {
         .load()
     },
     stopAudio () {
-      this.setAudioStatus(
+      this.setAudioStatusWithGlobal(
         'stop'
       )
 
@@ -294,6 +297,22 @@ export default {
           progress
         )
       }
+    },
+    setAudioStatusWithGlobal (
+      value
+    ) {
+      this.setAudioStatus(
+        value
+      )
+
+      updateGlobalStore(
+        {
+          'audio.status': value
+        },
+        {
+          isSave: false
+        }
+      )
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,9 @@ import {`
`25`	`25`	`} from 'pinia'`
`26`	`26`	`import audioStore from '@/stores/audio'`
`27`	`27`	`import playerStore from '@/stores/player'`
	`28`	`+import {`
	`29`	`+ update as updateGlobalStore`
	`30`	`+} from '@/helpers/actions/store/global'`
`28`	`31`
`29`	`32`	`export default {`
`30`	`33`	`name: 'AudioElement',`
`@@ -173,7 +176,7 @@ export default {`
`173`	`176`	`)`
`174`	`177`	`},`
`175`	`178`	`handlePlay () {`
`176`		`- this.setAudioStatus(`
	`179`	`+ this.setAudioStatusWithGlobal(`
`177`	`180`	`'play'`
`178`	`181`	`)`
`179`	`182`	`},`
`@@ -189,7 +192,7 @@ export default {`
`189`	`192`	`)`
`190`	`193`	`},`
`191`	`194`	`handlePause () {`
`192`		`- this.setAudioStatus(`
	`195`	`+ this.setAudioStatusWithGlobal(`
`193`	`196`	`'pause'`
`194`	`197`	`)`
`195`	`198`	`},`
`@@ -269,7 +272,7 @@ export default {`
`269`	`272`	`.load()`
`270`	`273`	`},`
`271`	`274`	`stopAudio () {`
`272`		`- this.setAudioStatus(`
	`275`	`+ this.setAudioStatusWithGlobal(`
`273`	`276`	`'stop'`
`274`	`277`	`)`
`275`	`278`
`@@ -294,6 +297,22 @@ export default {`
`294`	`297`	`progress`
`295`	`298`	`)`
`296`	`299`	`}`
	`300`	`+ },`
	`301`	`+ setAudioStatusWithGlobal (`
	`302`	`+ value`
	`303`	`+ ) {`
	`304`	`+ this.setAudioStatus(`
	`305`	`+ value`
	`306`	`+ )`
	`307`	`+`
	`308`	`+ updateGlobalStore(`
	`309`	`+ {`
	`310`	`+ 'audio.status': value`
	`311`	`+ },`
	`312`	`+ {`
	`313`	`+ isSave: false`
	`314`	`+ }`
	`315`	`+ )`
`297`	`316`	`}`
`298`	`317`	`}`
`299`	`318`	`}`