feat(atomicradio): changed from querySelector to local storage

websites/A/atomicradio/metadata.json

@@ -11,7 +11,7 @@
   },
   "url": "atomic.radio",
   "regExp": "^https?[:][/][/]([a-z0-9-]+[.])*atomic[.]radio[/]",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "logo": "https://cdn.rcd.gg/PreMiD/websites/A/atomicradio/assets/logo.png",
   "thumbnail": "https://cdn.rcd.gg/PreMiD/websites/A/atomicradio/assets/thumbnail.jpg",
   "color": "#a9f923",

websites/A/atomicradio/presence.ts

@@ -1,4 +1,4 @@
-import { Assets } from 'premid'
+import { ActivityType, Assets } from 'premid'
 
 const presence = new Presence({
   clientId: '904084297831571518',
@@ -10,32 +10,36 @@ presence.on('UpdateData', () => {
     largeImageKey: 'https://cdn.rcd.gg/PreMiD/websites/A/atomicradio/assets/logo.png',
     smallImageKey: Assets.Search,
     startTimestamp: browsingTimestamp,
+    type: ActivityType.Listening,
   }
   const player = document.querySelector<HTMLDivElement>('div.player')
 
-  if (player) {
-    presenceData.largeImageKey = player.querySelector('#artwork')?.textContent
+  const currentSpaceItem = localStorage.getItem('currentSpace')
+  if (player && currentSpaceItem) {
+    const currentSpace = JSON.parse(currentSpaceItem)
+    presenceData.largeImageKey = currentSpace.current_track.artwork
     presenceData.smallImageKey = player.querySelector<HTMLButtonElement>('[id*="-button"]')?.id
       === 'play-button'
       ? Assets.Play
       : Assets.Pause
-    presenceData.details = player.querySelector<HTMLAnchorElement>('div.track-title')?.textContent
-    presenceData.state = player.querySelector<HTMLDivElement>('div.track-artist')?.textContent
-    presenceData.endTimestamp = new Date(
-      player.querySelector('#endingAt')?.textContent ?? '',
-    ).getTime()
-    presenceData.smallImageText = player.querySelector('div.track-space')?.textContent
+    presenceData.details = currentSpace.current_track.title
+    presenceData.state = currentSpace.current_track.artist
+    presenceData.startTimestamp = Math.floor(new Date(currentSpace.current_track.startingAt).getTime() / 1000)
+    presenceData.endTimestamp = Math.floor(new Date(currentSpace.current_track.endingAt).getTime() / 1000)
+    presenceData.smallImageText = currentSpace.name
     presenceData.buttons = [
       {
         label: 'Listen',
-        url: `https://atomic.radio/${player.querySelector('#spaceId')?.textContent ?? ''}`,
+        url: `https://atomic.radio/${currentSpace.id}`,
       },
     ]
   }
+  else if (document.location.pathname === '/') {
+    presenceData.details = 'Browsing spaces...'
+  }
   else {
-    presenceData.details = 'Browsing...'
+    presenceData.details = `Browsing ${document.location.pathname.split('/').at(-1)}...`
   }
-
   if (presenceData.details)
     presence.setActivity(presenceData)
   else presence.setActivity()