feat(ccleaf): add activity (#10718)

Author: korraborra6

websites/C/ccLeaf/metadata.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://schemas.premid.app/metadata/1.16",
+  "apiVersion": 1,
+  "author": {
+    "id": "1028528977410797628",
+    "name": "th3wwt"
+  },
+  "service": "ccLeaf",
+  "description": {
+    "en": "ccLeaf is an animation template platform where creators can quickly edit and export high-quality visuals without doing everything from scratch. It’s built for speed, simplicity, and clean results."
+  },
+  "url": ["ccleaf.com", "app.ccleaf.com"],
+  "regExp": "^https?[:][/][/]([a-z0-9-]+[.])*ccleaf[.]com[/]",
+  "version": "1.0.0",
+  "logo": "https://i.imgur.com/fv1VJQR.png",
+  "thumbnail": "https://i.imgur.com/qhIVv23.png",
+  "color": "#000000",
+  "category": "other",
+  "tags": [
+    "animation"
+  ]
+}

websites/C/ccLeaf/presence.ts

@@ -0,0 +1,40 @@
+const presence = new Presence({
+  clientId: '1498049243368390736',
+})
+
+const browsingTimestamp = Math.floor(Date.now() / 1000)
+
+presence.on('UpdateData', async () => {
+  const path = document.location.pathname
+
+  let details = 'Using ccLeaf'
+  let state = 'In the app'
+
+  if (path === '/') {
+    details = 'Viewing homepage'
+    state = 'Exploring ccLeaf'
+  }
+  else if (path === '/animations') {
+    details = 'Browsing animations'
+    state = 'Selecting a template'
+  }
+  else if (/^\/animations\/\d+\/.+/.test(path)) {
+    const animationSlug = path.match(/^\/animations\/\d+\/(.+)$/)?.[1]
+
+    if (animationSlug) {
+      const animationName = animationSlug
+        .replace(/-/g, ' ')
+        .replace(/\b\w/g, c => c.toUpperCase())
+
+      details = 'Editing animation'
+      state = animationName
+    }
+  }
+
+  presence.setActivity({
+    details,
+    state,
+    startTimestamp: browsingTimestamp,
+    largeImageKey: 'https://i.imgur.com/fv1VJQR.png',
+  })
+})