feat(dアニメストア): add seekbar and some page support (#10394)

Author: tatsuya087

websites/D/dアニメストア/metadata.json

@@ -5,6 +5,12 @@
     "name": "Eai",
     "id": "132779412771962880"
   },
+  "contributors": [
+    {
+      "name": "sino",
+      "id": "258380809172418570"
+    }
+  ],
   "service": "dアニメストア",
   "description": {
     "de": "No.1 anime streaming website in Japan! Free for the first month! Unlimited viewing of over 2,900 anime works for 400 yen per month (excluding taxes)! You can use other than DoCoMo mobile devices. Even better quality on tablets, PCs, Chromecasts, and Fire TV!",
@@ -15,13 +21,21 @@
   },
   "url": "animestore.docomo.ne.jp",
   "regExp": "^https?[:][/][/]animestore[.]docomo[.]ne[.]jp[/]",
-  "version": "2.1.0",
+  "version": "3.0.0",
   "logo": "https://cdn.rcd.gg/PreMiD/websites/D/d%E3%82%A2%E3%83%8B%E3%83%A1%E3%82%B9%E3%83%88%E3%82%A2/assets/logo.png",
   "thumbnail": "https://cdn.rcd.gg/PreMiD/websites/D/d%E3%82%A2%E3%83%8B%E3%83%A1%E3%82%B9%E3%83%88%E3%82%A2/assets/thumbnail.jpg",
   "color": "#ea552a",
   "category": "anime",
   "tags": [
     "video",
     "anime"
+  ],
+  "settings": [
+    {
+      "id": "thumbnail",
+      "title": "Show Thumbnail",
+      "icon": "fad fa-images",
+      "value": true
+    }
   ]
 }

websites/D/dアニメストア/presence.ts

@@ -1,4 +1,4 @@
-import { Assets } from 'premid'
+import { ActivityType, Assets, getTimestampsFromMedia, StatusDisplayType } from 'premid'
 
 const presence = new Presence({
   clientId: '611012705306017792',
@@ -9,28 +9,101 @@ const strings = presence.getStrings({
 })
 
 presence.on('UpdateData', async () => {
+  const { pathname } = location
+  const presenceData: PresenceData = {
+    largeImageKey: 'https://cdn.rcd.gg/PreMiD/websites/D/d%E3%82%A2%E3%83%8B%E3%83%A1%E3%82%B9%E3%83%88%E3%82%A2/assets/logo.png',
+  }
+
   if (
-    location.pathname.startsWith('/animestore/sc_d_pc')
+    pathname.startsWith('/animestore/sc_d_pc')
     && document.querySelector('#video')
   ) {
     const video = document.querySelector<HTMLVideoElement>('#video')
     const isPlaying = video && !video.paused
-    const presenceData: PresenceData = {
-      details: `${document.querySelector('.backInfoTxt1')?.textContent} - ${
-        document.querySelector('.backInfoTxt2')?.textContent
-      }`,
-      state: document.querySelector('.backInfoTxt3')?.textContent,
-      largeImageKey: 'https://cdn.rcd.gg/PreMiD/websites/D/d%E3%82%A2%E3%83%8B%E3%83%A1%E3%82%B9%E3%83%88%E3%82%A2/assets/logo.png',
-      smallImageKey: isPlaying ? Assets.Play : Assets.Pause,
-      smallImageText: isPlaying
-        ? (await strings).play
-        : (await strings).pause,
-      startTimestamp: Math.floor(Date.now() / 1000) - Math.floor(video?.currentTime ?? 0),
+    const title = document.querySelector('.pauseInfoTxt1')?.textContent
+    const epNum = document.querySelector('.pauseInfoTxt2')?.textContent
+    const epTitle = document.querySelector('.pauseInfoTxt3')?.textContent
+
+    presenceData.details = title
+    presenceData.state = `${epNum} / ${epTitle}`
+    presenceData.largeImageText = `${title} / ${epNum} - ${epTitle}` as any
+
+    const isThumbnailEnabled = await presence.getSetting<boolean>('thumbnail')
+
+    const thumbElement = document.querySelector<HTMLElement>('#backThumb')
+    const bgImage = thumbElement?.style.backgroundImage
+    if (bgImage && isThumbnailEnabled) {
+      const match = bgImage.match(/url\(["']?([^"']*)["']?\)/)
+      if (match && match[1])
+        presenceData.largeImageKey = match[1]
+    }
+
+    const partId = new URLSearchParams(location.search).get('partId')
+    if (partId) {
+      const workId = partId.slice(0, 5)
+      presenceData.detailsUrl = `https://animestore.docomo.ne.jp/animestore/ci_pc?workId=${workId}`
+      presenceData.stateUrl = `https://animestore.docomo.ne.jp/animestore/ci_pc?workId=${workId}&partId=${partId}`
+      presenceData.largeImageUrl = presenceData.stateUrl
     }
 
-    if (!isPlaying)
-      delete presenceData.startTimestamp
+    presenceData.smallImageKey = isPlaying ? Assets.Play : Assets.Pause
+
+    presenceData.smallImageText = isPlaying
+      ? (await strings).play
+      : (await strings).pause
+
+    presenceData.type = ActivityType.Watching as any
+    presenceData.statusDisplayType = StatusDisplayType.Details
+
+    if (isPlaying) {
+      const [startTimestamp, endTimestamp] = getTimestampsFromMedia(video)
+      presenceData.startTimestamp = startTimestamp
+      presenceData.endTimestamp = endTimestamp
+    }
+
+    presence.setActivity(presenceData)
+  }
+  else if (pathname === '/animestore/tp_pc') {
+    presenceData.details = 'ホーム'
+    presence.setActivity(presenceData)
+  }
+  else if (pathname === '/animestore/ci_pc') {
+    const params = new URLSearchParams(location.search)
 
+    if (params.has('workId') && params.has('partId')) {
+      presenceData.details = document.querySelector('.headerText')?.textContent?.trim()
+      const number = document.querySelector('.episodeTitle > .number')?.textContent?.trim()
+      const title = document.querySelector('.episodeTitle > .title')?.textContent?.trim()
+      presenceData.state = [number, title].filter(Boolean).join(' / ')
+      presenceData.detailsUrl = `https://animestore.docomo.ne.jp/animestore/ci_pc?workId=${params.get('workId')}`
+      presenceData.stateUrl = location.href
+      presence.setActivity(presenceData)
+    }
+    else if (params.has('workId')) {
+      presenceData.details = document.querySelector('.titleWrap > h1')?.textContent?.trim()
+      presenceData.detailsUrl = location.href
+      presence.setActivity(presenceData)
+    }
+    else {
+      presence.clearActivity()
+    }
+  }
+  else if (/^\/animestore\/CF\/.*/.test(pathname)) {
+    presenceData.details = document.querySelector('#breadCrumb_b > a > span')?.textContent?.trim()
+    presenceData.detailsUrl = location.href
+    presence.setActivity(presenceData)
+  }
+  else if (/^\/animestore\/CP\/.*/.test(pathname)) {
+    presenceData.details = document.querySelector('#breadCrumb_c > a > span')?.textContent?.trim()
+    presenceData.detailsUrl = location.href
+    presence.setActivity(presenceData)
+  }
+  else if (/^\/animestore\/mpa?_/.test(pathname)) {
+    presenceData.details = 'マイページ'
+    presence.setActivity(presenceData)
+  }
+  else {
+    presenceData.details = 'ページを閲覧中'
     presence.setActivity(presenceData)
   }
 })