feat(Comix): add activity (#10401)

Author: sirschubert

websites/C/Comix/metadata.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://schemas.premid.app/metadata/1.16",
+  "apiVersion": 1,
+  "author": {
+    "id": "339316517558681610",
+    "name": "firstoften"
+  },
+  "service": "Comix",
+  "description": {
+    "en": "Next-Gen Manga Experience."
+  },
+  "url": "comix.to",
+  "regExp": "^https?[:][/][/]([a-z0-9-]+[.])*comix[.]to[/]",
+  "version": "1.0.0",
+  "logo": "https://raw.githubusercontent.com/sirschubert/assets/refs/heads/main/assets/communityIcon_p626ghkfd91g1.png",
+  "thumbnail": "https://styles.redditmedia.com/t5_4vwp6n/styles/bannerBackgroundImage_iye1rp7mj91g1.png",
+  "color": "#000000",
+  "category": "anime",
+  "tags": [
+    "manga",
+    "comics"
+  ]
+}

websites/C/Comix/presence.ts

@@ -0,0 +1,62 @@
+import { Assets } from 'premid'
+
+const presence = new Presence({
+  clientId: '1460511327771426848',
+})
+
+presence.on('UpdateData', async () => {
+  const presenceData: PresenceData = {
+    largeImageKey: 'https://raw.githubusercontent.com/sirschubert/assets/refs/heads/main/assets/communityIcon_p626ghkfd91g1.png',
+  }
+
+  const { pathname } = document.location
+
+  const mangaName = document.querySelector('.title')?.textContent?.trim() || 'Manga'
+  const rawString = document.querySelector('.number')?.textContent?.trim()
+  const groupName = document.querySelector('.user-name')?.textContent?.trim()
+  const chapter = rawString?.split('/')[0]?.replace('Ch. ', '')?.trim()
+
+  const getImg = (selector: string) => {
+    const el = document.querySelector(selector)
+    const src = el?.getAttribute('data-src') || el?.getAttribute('src')
+    return src ? new URL(src, document.location.href).href : null
+  }
+
+  const poster = getImg('.poster div img') || getImg('.poster img')
+  const readerPoster = getImg('.d-none img') || getImg('.reader-image img')
+
+  if (pathname === '/') {
+    presenceData.state = 'Stepping into magical world...'
+  }
+  else if (pathname === '/home') {
+    presenceData.state = 'Browsing homepage...'
+  }
+  else if (pathname === '/genres') {
+    presenceData.details = 'Browsing genres...'
+  }
+  else if (pathname === '/groups/popular') {
+    presenceData.details = 'Browsing popular groups...'
+  }
+  else if (/\/groups\/\d+/.test(pathname)) {
+    presenceData.details = `Watching at '${groupName || 'Unknown'}' group`
+  }
+  else if (pathname.includes('/browser')) {
+    presenceData.details = 'Searching for manga...'
+  }
+
+  if (pathname.includes('/title')) {
+    if (!rawString) {
+      presenceData.details = `Watching "${mangaName}" mainpage`
+      presenceData.largeImageKey = poster || presenceData.largeImageKey
+    }
+    else {
+      presenceData.details = mangaName
+      presenceData.state = `Chapter: ${chapter || 'Unknown'}`
+      presenceData.largeImageKey = readerPoster || poster || presenceData.largeImageKey
+      presenceData.smallImageKey = Assets.Reading
+      presenceData.smallImageText = `Chapter: ${chapter}`
+    }
+  }
+
+  presence.setActivity(presenceData)
+})