feat(Wplace): add activity (#9845)

Signed-off-by: Lenoch <81lennoch@gmail.com>
Co-authored-by: Daniel Lau <32113157+theusaf@users.noreply.github.com>

Author: Lenochxd

websites/W/Wplace/metadata.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://schemas.premid.app/metadata/1.13",
+  "apiVersion": 1,
+  "author": {
+    "id": "390265556357611521",
+    "name": "lenoch"
+  },
+  "service": "Wplace",
+  "description": {
+    "en": "Wplace is a collaborative, real-time pixel canvas layered over the world map, where anyone can paint and create art together."
+  },
+  "url": "wplace.live",
+  "version": "1.0.0",
+  "logo": "https://i.imgur.com/ZfNOTBm.png",
+  "thumbnail": "https://i.imgur.com/3iaxuqv.png",
+  "color": "#1C61E7",
+  "category": "games",
+  "tags": [
+    "place",
+    "redditplace",
+    "game"
+  ]
+}

websites/W/Wplace/presence.ts

@@ -0,0 +1,69 @@
+const presence = new Presence({
+  clientId: '1401582122975891466',
+})
+const browsingTimestamp = Math.floor(Date.now() / 1000)
+
+enum ActivityAssets {
+  Logo = 'https://i.imgur.com/ZfNOTBm.png',
+}
+
+let level: string = 'Unknown'
+let pixelsPainted: string = 'Unknown'
+
+function updateGlobals() {
+  const levelValue = document.querySelector('div.text-primary-content')?.textContent ?? 'Unknown'
+  if (levelValue !== 'Unknown')
+    level = levelValue
+
+  let pixelsValue = document.querySelector('div.flex.items-center.gap-1 span.text-primary.font-semibold:not(.text-base)')?.textContent ?? 'Unknown'
+  if (pixelsValue.startsWith('('))
+    pixelsValue = 'Unknown'
+  if (pixelsValue !== 'Unknown')
+    pixelsPainted = pixelsValue
+}
+
+presence.on('UpdateData', async () => {
+  updateGlobals()
+  const presenceData: PresenceData = {
+    largeImageKey: ActivityAssets.Logo,
+    startTimestamp: browsingTimestamp,
+  }
+
+  const coordinatesElement = document.querySelector('.whitespace-nowrap')
+  const coordinates = coordinatesElement && coordinatesElement.textContent
+    ? coordinatesElement.textContent.replace('Pixel: ', '')
+    : 'Unknown'
+  const zone = document.querySelector('button.btn.btn-xs.flex')?.textContent ?? 'Unknown'
+  const loggedIn = !document.querySelector('button.btn.btn-primary.shadow-xl')
+  const isPainting = !!document.querySelector('div.absolute.bottom-0.left-0.z-50.w-full')
+
+  // Helper function to determine the state message
+  const getState = (): string => {
+    if (!loggedIn)
+      return 'Logged out'
+    if (pixelsPainted === 'Unknown')
+      return level === 'Unknown' ? '' : `Level ${level}`
+    return `${pixelsPainted} Pixels painted (level ${level})`
+  }
+
+  // Set presence details and state based on available data
+  if (coordinates === 'Unknown') {
+    if (level === 'Unknown') {
+      presenceData.details = !loggedIn ? 'Looking at the map' : 'Placing pixels'
+      if (loggedIn)
+        presenceData.state = getState()
+    }
+    else {
+      presenceData.details = !isPainting ? 'Looking at the map' : 'Placing pixels'
+      presenceData.state = getState()
+    }
+  }
+  else {
+    presenceData.details = zone === 'Unknown'
+      ? `Looking at pixel ${coordinates} (Unknown zone)`
+      : `Looking at pixel ${coordinates} (${zone})`
+    presenceData.state = getState()
+  }
+
+  presence.setActivity(presenceData)
+})