Presences/websites/M/Moopa/presence.ts

import { Assets } from 'premid'

const presence = new Presence({
  clientId: '1139510267311562842',
})
const browsingTimestamp = Math.floor(Date.now() / 1000)

enum ActivityAssets {
  Logo = 'https://cdn.rcd.gg/PreMiD/websites/M/Moopa/assets/logo.png',
}

function getTitle(titleLang: number) {
  const metaTitle = document.querySelector('meta[name="title"]')
  const romajiTitle = metaTitle?.getAttribute('data-title-romaji')

  switch (titleLang) {
    case 0: {
      return romajiTitle
    }
    case 1: {
      return metaTitle?.getAttribute('data-title-english') || romajiTitle
    }
    case 2: {
      return metaTitle?.getAttribute('data-title-native') || romajiTitle
    }
    default: {
      return null
    }
  }
}

presence.on('UpdateData', async () => {
  const presenceData: PresenceData = {
    largeImageKey: ActivityAssets.Logo,
    startTimestamp: browsingTimestamp,
  }
  const titleLang = (await presence.getSetting('title')) as number
  const { pathname, href } = document.location

  if (pathname === '/' || pathname === '/en/') {
    presenceData.details = 'Browsing Homepage'
  }
  else if (pathname.includes('/id/')) {
    presenceData.details = 'Browsing Anime/Manga'
  }
  else if (pathname.includes('/profile/')) {
    presenceData.details = document.querySelector('h1.font-karla.font-bold.text-2xl.pt-7')
      ?.textContent || 'Getting data...'
    presenceData.state = 'Viewing profile'
  }
  else if (pathname === '/en/anime/trending/') {
    presenceData.details = 'Browsing trending Anime'
  }
  else if (pathname === '/en/anime/popular/') {
    presenceData.details = 'Browsing popular Anime'
  }
  else if (
    pathname.includes('/anime/')
    && !pathname.includes('/watch/')
    && !pathname.includes('/search/')
  ) {
    if (document.querySelector('img[alt="404"]')) {
      presenceData.state = '404 | Not Found'
      presenceData.details = 'Browsing Anime/Manga'
    }
    else {
      delete presenceData.startTimestamp
      const title = getTitle(titleLang)

      presenceData.largeImageKey = document
        .querySelector('img[alt="poster anime"]')
        ?.getAttribute('src') || ActivityAssets.Logo
      presenceData.details = title || 'Getting data...'
      presenceData.state = 'Viewing info'

      if (title) {
        presenceData.buttons = [
          {
            label: 'View Anime',
            url: href,
          },
        ]
      }
    }
  }
  else if (
    pathname.includes('/manga/')
    && !pathname.includes('/read/')
    && !pathname.includes('/search/')
  ) {
    if (document.querySelector('img[alt="404"]')) {
      presenceData.state = '404 | Not Found'
      presenceData.details = 'Browsing Anime/Manga'
    }
    else {
      delete presenceData.startTimestamp
      const title = document.querySelector('h1.title')?.textContent
      presenceData.largeImageKey = document.querySelector('img[alt="cover image"]')?.getAttribute('src')
        || ActivityAssets.Logo
      presenceData.details = title || 'Getting data...'
      presenceData.state = 'Viewing info'

      if (title) {
        presenceData.buttons = [
          {
            label: 'View Manga',
            url: href,
          },
        ]
      }
    }
  }
  else if (pathname.includes('/watch/')) {
    if (document.querySelector('img[alt="404"]')) {
      presenceData.state = '404 | Not Found'
      presenceData.details = 'Browsing Anime/Manga'
    }
    else {
      const playingEpisode = document
        .querySelector('h3')
        ?.textContent
        ?.replace('Episode ', '')
      const video = document.querySelector<HTMLVideoElement>('video')
      if (video && !Number.isNaN(Number(video.duration))) {
        [presenceData.startTimestamp, presenceData.endTimestamp] = presence.getTimestampsfromMedia(video)

        if (video.paused) {
          presenceData.smallImageText = 'Paused'
          presenceData.smallImageKey = Assets.Pause
          delete presenceData.startTimestamp
          delete presenceData.endTimestamp
        }
        else {
          presenceData.smallImageText = 'Playing'
          presenceData.smallImageKey = Assets.Play
        }
      }

      const total = document
        .querySelector('div.grid.w-full.pl-5')
        ?.getAttribute('data-episode')
      const title = getTitle(titleLang)

      if (title) {
        presenceData.buttons = [
          {
            label: 'Stream Anime',
            url: href,
          },
        ]
      }
      presenceData.largeImageKey = document.querySelector('img[alt="Anime Cover"]')?.getAttribute('src')
        || ActivityAssets.Logo
      presenceData.details = title || 'Getting data...'
      if (playingEpisode) {
        presenceData.state = `Episode ${playingEpisode} of ${
          total === '0' ? '???' : total
        }`
      }
    }
  }
  else if (pathname.includes('/read/')) {
    const title = document
      .querySelector('title')
      ?.textContent
      ?.replace('Manga - ', '')

    presenceData.largeImageKey = document
      .querySelector('meta[id="CoverImage"]')
      ?.getAttribute('data-manga-cover') || ActivityAssets.Logo
    presenceData.details = title || 'Getting data...'
    presenceData.state = `Reading Chapter ${document
      .querySelector('input[id="chapter-progress"]')
      ?.getAttribute('value')}`
    presenceData.smallImageKey = Assets.Reading
    presenceData.smallImageText = 'Reading'

    if (title) {
      presenceData.buttons = [
        {
          label: 'Read Manga',
          url: href,
        },
      ]
    }
  }
  else if (pathname.includes('/search/') && pathname.includes('/anime/')) {
    presenceData.details = 'Browsing Anime'
    presenceData.state = 'Searching...'
    presenceData.smallImageKey = Assets.Search
  }
  else if (pathname.includes('/search/') && pathname.includes('/manga/')) {
    presenceData.details = 'Browsing Manga'
    presenceData.state = 'Searching...'
    presenceData.smallImageKey = Assets.Search
  }
  else {
    presenceData.details = 'Browsing Anime/Manga'
  }

  if (presenceData.details)
    presence.setActivity(presenceData)
  else presence.setActivity()
})