feat(Voxani): add Activity (#10362)

* Feat(Vix): Add Activity

Signed-off-by: xDoritos <agusssd0@gmail.com>

* Add files via upload

Signed-off-by: xDoritos <agusssd0@gmail.com>

* Delete websites/V/Vix/presence.ts

Signed-off-by: xDoritos <agusssd0@gmail.com>

* Delete websites/V/Vix/metadata.json

Signed-off-by: xDoritos <agusssd0@gmail.com>

---------

Signed-off-by: xDoritos <agusssd0@gmail.com>

Author: DxriaaaN

websites/V/Voxani/iframe.ts

@@ -0,0 +1,14 @@
+const iframe = new iFrame()
+
+iframe.on('UpdateData', () => {
+  const video = document.querySelector<HTMLVideoElement>('video')
+  if (!video || Number.isNaN(video.duration))
+    return
+  iframe.send({
+    iFrameVideoData: {
+      currTime: video.currentTime,
+      dur: video.duration,
+      paused: video.paused || video.ended,
+    },
+  })
+})

websites/V/Voxani/metadata.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://schemas.premid.app/metadata/1.16",
+  "apiVersion": 1,
+  "author": {
+    "id": "432215088686956565",
+    "name": "_xdoritos"
+  },
+  "service": "Voxani",
+  "description": {
+    "en": "Voxani is a streaming platform for anime and other video content."
+  },
+  "url": "voxani.live",
+  "regExp": "^https?[:][/][/]([a-z0-9-]+[.])*voxani[.]live[/]",
+  "version": "1.0.0",
+  "logo": "https://imgur.com/nkyTI9D.png",
+  "thumbnail": "https://imgur.com/XoUqqZH.png",
+  "color": "#000000",
+  "category": "anime",
+  "tags": [
+    "anime",
+    "video",
+    "streaming"
+  ],
+  "iframe": true,
+  "iFrameRegExp": "(^|\\.)?(megaplay\\.buzz|rapid-cloud\\.co|vidwish\\.live)"
+}

websites/V/Voxani/presence.ts

@@ -0,0 +1,145 @@
+import { ActivityType, Assets, getTimestamps } from 'premid'
+
+const presence = new Presence({
+  clientId: '1459797444278620384',
+})
+const browsingTimestamp = Math.floor(Date.now() / 1000)
+
+let iframePlayback = false
+let currTime = 0
+let durTime = 0
+let isPaused = true
+
+enum ActivityAssets {
+  Logo = 'https://imgur.com/nkyTI9D.png',
+  Gif = 'https://i.imgur.com/0X67ZB7.gif',
+}
+
+let cache: {
+  text: string
+  nombreAnime: string
+  episodioAnime: string
+  seasonAnime: string
+  bannerImg: string | null | undefined
+} = {
+  text: '',
+  nombreAnime: '',
+  episodioAnime: '',
+  seasonAnime: '',
+  bannerImg: '',
+}
+
+async function getAnimeData(text: string) {
+  if (text === cache.text && cache.nombreAnime !== '' && cache.bannerImg !== ActivityAssets.Logo) {
+    return {
+      nombreAnime: cache.nombreAnime,
+      episodioAnime: cache.episodioAnime,
+      seasonAnime: cache.seasonAnime,
+      bannerImg: cache.bannerImg,
+    }
+  }
+
+  const nombreAnime = document.querySelector('h1')?.textContent?.trim() || ''
+  const episodioAnime = document.querySelector('p')?.textContent?.trim() || ''
+  const seasonAnime = 'Season 1'
+  const bannerImg = ActivityAssets.Logo
+
+  cache = {
+    text,
+    nombreAnime,
+    episodioAnime,
+    seasonAnime,
+    bannerImg,
+  }
+
+  return {
+    nombreAnime,
+    episodioAnime,
+    seasonAnime,
+    bannerImg,
+  }
+}
+
+presence.on('iFrameData', (data: any) => {
+  if (data.iFrameVideoData) {
+    iframePlayback = true
+    currTime = data.iFrameVideoData.currTime
+    durTime = data.iFrameVideoData.dur
+    isPaused = data.iFrameVideoData.paused
+  }
+})
+
+presence.on('UpdateData', async () => {
+  const { pathname } = document.location
+
+  const presenceData: PresenceData = {
+    name: 'Voxani',
+    details: 'Browsing Voxani',
+    state: 'Browsing anime content',
+    largeImageKey: ActivityAssets.Logo,
+    startTimestamp: browsingTimestamp,
+    smallImageKey: Assets.Reading,
+    type: ActivityType.Watching,
+  }
+
+  if (pathname.includes('/watch/')) {
+    const animeData = await getAnimeData(pathname)
+    if (animeData) {
+      presenceData.name = animeData.nombreAnime || 'Voxani'
+      presenceData.details = animeData.nombreAnime || ''
+      presenceData.state = 'Watching on Voxani'
+      presenceData.largeImageKey = animeData.bannerImg
+      presenceData.largeImageText = `${animeData.seasonAnime}, ${animeData.episodioAnime}`
+
+      if (iframePlayback) {
+        presenceData.smallImageKey = isPaused ? Assets.Pause : Assets.Play
+        presenceData.smallImageText = isPaused ? 'Pausado' : 'Reproduciendo'
+      }
+
+      if (!isPaused) {
+        const [startTs, endTs] = getTimestamps(
+          Math.floor(currTime),
+          Math.floor(durTime),
+        )
+        presenceData.startTimestamp = startTs
+        presenceData.endTimestamp = endTs
+      }
+      else {
+        delete presenceData.startTimestamp
+        delete presenceData.endTimestamp
+      }
+    }
+  }
+  else if (pathname.includes('/anime')) {
+    const animeName = document.querySelector('h1')?.textContent?.trim() || 'Voxani'
+    presenceData.details = 'Browsing Anime'
+    presenceData.state = `Looking: ${animeName}`
+    presenceData.smallImageText = 'Browsing Anime'
+  }
+  else if (pathname.includes('/home')) {
+    presenceData.details = 'Browsing Home'
+    presenceData.state = 'Viewing the home page'
+    presenceData.smallImageText = 'Browsing Home'
+  }
+  else if (pathname.includes('/discover')) {
+    presenceData.details = 'Browsing Discover'
+    presenceData.state = 'Exploring new anime'
+    presenceData.smallImageText = 'Browsing Discover'
+  }
+  else if (pathname.includes('/browse')) {
+    presenceData.details = 'Browsing Anime'
+    presenceData.state = 'Looking through anime titles'
+    presenceData.smallImageText = 'Browsing Anime'
+  }
+  else if (pathname.includes('/schedule')) {
+    presenceData.details = 'Viewing Schedule'
+    presenceData.state = 'Checking upcoming releases'
+    presenceData.smallImageText = 'Viewing Schedule'
+  }
+  else if (pathname.includes('/my-list')) {
+    presenceData.details = 'Viewing My List'
+    presenceData.state = 'Managing personal anime list'
+    presenceData.smallImageText = 'Viewing My List'
+  }
+  presence.setActivity(presenceData)
+})