feat(Symphony Radio): update domain and add feature to view user profiles (PreMiD#10412)

* Update regExp for Symphony Radio URL

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

* Update hostname check for Symphony Radio

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

* Update version number to 1.0.4 in metadata.json

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

* my bad typo fix is meta data

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

* Add user profile fetching and caching logic

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

* Refactor error handling and improve code readability

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

* Update API URL for Symphony Radio

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

* Update websites/S/Symphony Radio/metadata.json

Co-authored-by: Daniel Lau <32113157+theusaf@users.noreply.github.com>
Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

* Fix URL in Symphony Radio metadata

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>

---------

Signed-off-by: Keiran Chippendale <keiran.chippendale@kdnet.co.uk>
Co-authored-by: Daniel Lau <32113157+theusaf@users.noreply.github.com>

Author: keiranchippendale

websites/S/Symphony Radio/metadata.json

@@ -9,9 +9,9 @@
   "description": {
     "en": "Listen live to Symphony Radio — bringing you great music, live DJs, and feel-good vibes all day long."
   },
-  "url": "symphonyradio.co.uk",
-  "regExp": "^https?[:][/][/]([a-z0-9-]+[.])*symphonyradio[.]co[.]uk[/]",
-  "version": "1.0.1",
+  "url": "symphonyrad.io",
+  "regExp": "^https?[:][/][/]([a-z0-9-]+[.])*symphonyrad[.]io[/]",
+  "version": "1.0.2",
   "logo": "https://cdn.rcd.gg/PreMiD/websites/S/Symphony%20Radio/assets/logo.png",
   "thumbnail": "https://cdn.rcd.gg/PreMiD/websites/S/Symphony%20Radio/assets/thumbnail.png",
   "color": "#7C3AED",

websites/S/Symphony Radio/presence.ts

@@ -4,7 +4,7 @@ const presence = new Presence({
   clientId: '1449503984996974745',
 })
 
-const API_URL = 'https://panel.symphradio.live/api/stats'
+const API_URL = 'https://staff.symphonyrad.io/api/stats'
 const LOGO_512 = 'https://cdn.rcd.gg/PreMiD/websites/S/Symphony%20Radio/assets/logo.png'
 
 let lastTrackId: string | null = null
@@ -38,6 +38,15 @@ interface ApiResponse {
   }
 }
 
+interface UserApiResponse {
+  success: boolean
+  data?: {
+    id: number
+    username: string
+    avatar?: string
+  }
+}
+
 const statsCache: {
   data: ApiResponse | null
   fetchedAt: number
@@ -48,6 +57,14 @@ const statsCache: {
   promise: null,
 }
 
+const profileCache: {
+  data: Record<string, UserApiResponse['data'] | null>
+  promise: Record<string, Promise<UserApiResponse['data'] | null>>
+} = {
+  data: {},
+  promise: {},
+}
+
 const CACHE_TTL = 72_000
 
 async function fetchStats(): Promise<ApiResponse | null> {
@@ -87,10 +104,69 @@ async function fetchStats(): Promise<ApiResponse | null> {
   return statsCache.promise
 }
 
+async function fetchProfile(username: string): Promise<UserApiResponse['data'] | null> {
+  if (profileCache.data[username]) {
+    return profileCache.data[username]
+  }
+
+  if (profileCache.promise[username]) {
+    return profileCache.promise[username]
+  }
+
+  profileCache.promise[username] = (async () => {
+    try {
+      const res = await fetch(
+        `https://staff.symphonyrad.io/api/user?username=${encodeURIComponent(username)}`,
+      )
+
+      if (!res.ok) {
+        return null
+      }
+
+      const json = (await res.json()) as UserApiResponse
+
+      if (!json.success || !json.data) {
+        return null
+      }
+
+      profileCache.data[username] = json.data
+
+      return json.data
+    }
+    catch {
+      return null
+    }
+    finally {
+      delete profileCache.promise[username]
+    }
+  })()
+
+  return profileCache.promise[username]
+}
+
 presence.on('UpdateData', async () => {
   const browsing = await presence.getSetting<boolean>('browsing')
+  const { hostname, pathname } = document.location
+
+  if (hostname.includes('symphonyrad.io') && pathname.startsWith('/profile/')) {
+    const username = pathname.split('/profile/')[1]?.trim()
+
+    if (username) {
+      const profile = await fetchProfile(username)
 
-  if (!document.location.hostname.includes('symphonyradio.co.uk')) {
+      presence.setActivity({
+        type: ActivityType.Watching,
+        details: 'Viewing profile',
+        state: profile?.username ?? username,
+        largeImageKey: profile?.avatar || LOGO_512,
+        largeImageText: profile?.username || 'Symphony Radio',
+      })
+
+      return
+    }
+  }
+
+  if (!hostname.includes('symphonyrad.io')) {
     if (browsing) {
       presence.setActivity({
         type: ActivityType.Listening,
@@ -112,10 +188,14 @@ presence.on('UpdateData', async () => {
     return
   }
 
-  const getArtwork = (data: ApiResponse, fallback: string): string =>
-    data.nowPlaying?.track?.artwork?.url || fallback
-  const getDjart = (data: ApiResponse, fallback: string): string =>
-    data.onAir?.presenter?.avatar || fallback
+  const getArtwork = (api: ApiResponse, fallback: string): string => {
+    return api.nowPlaying?.track?.artwork?.url || fallback
+  }
+
+  const getDjart = (api: ApiResponse, fallback: string): string => {
+    return api.onAir?.presenter?.avatar || fallback
+  }
+
   const track = data.song?.track ?? 'Live Radio'
   const artist = data.song?.artist ?? 'Symphony Radio'
 
@@ -141,7 +221,7 @@ presence.on('UpdateData', async () => {
     largeImageKey: getArtwork(data, LOGO_512),
     largeImageText: artist,
     smallImageKey: getDjart(data, LOGO_512),
-    smallImageText: `${isLive ? `DJ ${djName}` : 'DJ Symphony'}`,
+    smallImageText: isLive ? `DJ ${djName}` : 'DJ Symphony',
     startTimestamp: lastStart || undefined,
     endTimestamp: end || undefined,
   })