feat(e-typing): add activity (#9327)

Signed-off-by: Toshi <38578537+Toshi7878@users.noreply.github.com>
Co-authored-by: Bas van Zanten <bas.van.zanten007@gmail.com>

Author: Toshi7878

websites/E/e-typing/metadata.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://schemas.premid.app/metadata/1.7",
+  "author": {
+    "name": "Toshi",
+    "id": "548698164874575875"
+  },
+  "service": "e-typing",
+  "description": {
+    "en": "Japanese typing practice service. Improving your typing skills even a little can expand your possibilities.",
+    "ja": "タイピングが少しうまくなると可能性が広がる。"
+  },
+  "url": "www.e-typing.ne.jp",
+  "version": "1.0.0",
+  "logo": "https://i.imgur.com/FbaFi9M.png",
+  "thumbnail": "https://i.imgur.com/ynvp2J1.png",
+  "color": "#fb9d2c",
+  "category": "games",
+  "tags": ["game", "typing"]
+}

websites/E/e-typing/presence.ts

@@ -0,0 +1,105 @@
+import { ActivityType } from 'premid'
+
+const presence = new Presence({
+  clientId: '1343107487477399592',
+})
+
+const romaLargeImageKey = 'https://i.imgur.com/FbaFi9M.png'
+const englishLargeImageKey = 'https://i.imgur.com/55iKGjg.png'
+const kanaLargeImageKey = 'https://i.imgur.com/gJwNzqB.png'
+const browsingTimestamp = Math.floor(Date.now() / 1000)
+
+presence.on('UpdateData', async () => {
+  const presenceData = generatePresenceData()
+
+  presence.setActivity(presenceData)
+})
+
+function getMode() {
+  const { search } = location
+
+  if (search.includes('.2')) {
+    return 'english'
+  }
+  else if (search.includes('kana.1')) {
+    return 'kana'
+  }
+  else if (search.includes('.0')) {
+    return 'roma'
+  }
+
+  const headerImgSrc = document.querySelector<HTMLImageElement>('#etyping img')?.src ?? ''
+  const paths = headerImgSrc.split('/').filter(i => i !== '')
+  const mode = paths[3]
+
+  if (mode === 'eng') {
+    return 'english'
+  }
+  else if (mode === 'kana') {
+    return 'kana'
+  }
+  else {
+    return 'roma'
+  }
+}
+
+function getTypingContentWindowInfo() {
+  const typingContent = document.querySelector<HTMLIFrameElement>('#typing_content')
+  const appElement = typingContent?.contentDocument?.querySelector<HTMLDivElement>('#start_view > .title') ?? document.getElementById('app')
+
+  if (typingContent || appElement) {
+    const windowTitleElement = document.querySelector<HTMLParagraphElement>('.pp_description') ?? window.parent.document.querySelector<HTMLParagraphElement>('.pp_description')
+    const windowTitle = windowTitleElement?.textContent ?? ''
+
+    const wordTitleElement = typingContent?.contentDocument?.querySelector<HTMLDivElement>('#start_view > .title') ?? document.querySelector<HTMLDivElement>('#start_view > .title')
+    const wordTitle = wordTitleElement?.textContent ?? ''
+    const sessionStorageWordTitle = sessionStorage.getItem('presence:wordTitle') ?? ''
+
+    if (!sessionStorageWordTitle) {
+      sessionStorage.setItem('presence:wordTitle', wordTitle)
+      return { windowTitle, wordTitle: `お題: ${wordTitle}` }
+    }
+    else {
+      const replacedWindowTitle = location.search.includes('trysc.trysc.trysc') ? '腕試しレベルチェック' : windowTitle.replace(sessionStorageWordTitle, '')
+
+      return { windowTitle: replacedWindowTitle, wordTitle: `お題: ${sessionStorageWordTitle}` }
+    }
+  }
+
+  sessionStorage.setItem('presence:wordTitle', '')
+  return { windowTitle: '', wordTitle: '' }
+}
+
+function generatePresenceData() {
+  const mode = getMode()
+
+  const { windowTitle: categoryTitle, wordTitle } = getTypingContentWindowInfo()
+
+  const presenceData: PresenceData = {
+    state: wordTitle,
+    startTimestamp: browsingTimestamp,
+    type: ActivityType.Playing,
+  }
+
+  if (mode === 'english') {
+    presenceData.largeImageKey = englishLargeImageKey
+
+    if (categoryTitle) {
+      presenceData.details = `${categoryTitle} (英語)`
+    }
+  }
+  else if (mode === 'kana') {
+    presenceData.largeImageKey = kanaLargeImageKey
+    if (categoryTitle) {
+      presenceData.details = `${categoryTitle} (かな)`
+    }
+  }
+  else {
+    presenceData.largeImageKey = romaLargeImageKey
+    if (categoryTitle) {
+      presenceData.details = `${categoryTitle} (ローマ字)`
+    }
+  }
+
+  return presenceData
+}