feat(Anizium): add option to customize Activity name (#10297)

* feat(Anizium): Enhance presence buttons for watch and studio pages

This commit improves the buttons for the Anizium presence.

- On the watch page, a "View Anime" button is now added alongside the "View Episode" button, providing a direct link to the anime's main page.
- On studio pages, a new "View Studio" button is now displayed.

* feat(anizium): Add partner endpoint

Introduces a new route handler for the '/partner' page in Anizium.

* feat(anizium): Add privacy mode to settings

Introduces a new "Privacy Mode" setting for the Anizium website. This feature allows users to hide anime and episode information from their Discord presence.

The changes include:
- Adding a `privacy` boolean to the `AniziumSettings` interface and `SETTINGS_CONFIG`.
- Including the "Privacy Mode" setting in `metadata.json` with appropriate title, description, icon, and default value.
- Implementing the privacy mode logic in `presence.ts` to display "Gizlilik Modu Aktif" when enabled.
- Updating descriptions for existing settings to be more concise and accurate.

* feat: Add option to customize presence name in Anizium

This commit introduces a new setting, `usePresenceName`, which allows users to control whether the Rich Presence displays "Anizium" or the anime's actual title as the main presence name.

Previously, the presence name was always "Anizium". With this change, users can now choose to see the anime's title directly in their Discord Rich Presence, providing a more informative experience.

The `handleAnimePageUpdate` and `handleWatchingPageUpdate` functions have been modified to conditionally set the `name`, `details`, and `state` fields of the `presenceData` object based on the `usePresenceName` setting. A new entry for `usePresenceName` has also been added to the `SETTINGS_CONFIG` and `metadata.json` files, along with its corresponding type in `AniziumSettings`.

* feat: Add conditional visibility to Anizium presence settings

This commit introduces conditional visibility (`if` property) to several Anizium presence settings in `metadata.json`.

The following settings will now only be visible when the `privacy` setting is `false`:
- `showButtons`
- `showPosters`
- `watchingDetails`
- `watchingState`
- `showTimestamp`

Additionally, `watchingDetails` and `watchingState` will only be visible when `usePresenceName` is also `true`.

This change improves the user experience by only displaying relevant settings based on other configuration choices, reducing clutter and potential confusion.

* feat: Add privacy setting for poster display

Introduce a `privacy` setting to control the display of posters. When the `privacy` setting is enabled, posters will no longer be shown, even if `showPosters` is true. This provides users with more control over the information shared in their presence.

* update version

* feat: Remove state property for single episode and movie details in presence data

Author: Mid0aria

websites/A/Anizium/handlers/route.ts

@@ -202,13 +202,22 @@ export class RouteHandlers {
     presenceData.state = 'İzlediklerim listesi görüntüleniyor'
   }
 
-  static handleStudioPage(presenceData: PresenceData): void {
+  static handleStudioPage(presenceData: PresenceData, settings: AniziumSettings): void {
     presenceData.smallImageKey = Assets.Reading
     presenceData.details = 'Anizium'
 
     const titleElement = document.querySelector('html > head > title')
     const pageTitle = titleElement?.textContent?.trim()
 
+    if (settings?.showButtons) {
+      presenceData.buttons = [
+        {
+          label: 'Stüdyoyu Görüntüle',
+          url: document.location.href,
+        },
+
+      ]
+    }
     if (pageTitle && pageTitle !== 'Anizium - Türkçe Dublaj & 4K İzleme Platformu') {
       const studioName = pageTitle.replace(/ - Anizium$/, '').trim()
       presenceData.state = `${studioName} stüdyosunu görüntülüyor`
@@ -241,6 +250,11 @@ export class RouteHandlers {
     presenceData.state = 'Uygulamalar bölümünü görüntülüyor'
   }
 
+  static handlePartner(presenceData: PresenceData): void {
+    presenceData.details = 'Anizium'
+    presenceData.state = 'Partnerleri görüntülüyor'
+  }
+
   static handleWatchPageUpdate(presenceData: PresenceData, settings: AniziumSettings): void {
     const params = new URLSearchParams(document.location.search)
     const season = params.get('season')
@@ -255,37 +269,72 @@ export class RouteHandlers {
       episode,
     }
 
-    if (season && episode) {
+    // If the setting is ON -> Title "Anizium"
+
+    if (settings.usePresenceName) {
+      const combinedStateText = (season && episode)
+        ? this.formatString(settings.watchingState, placeholders)
+        : 'Tek Bölüm'
+
       presenceData.details = this.formatString(settings.watchingDetails, placeholders)
-      presenceData.state = this.formatString(settings.watchingState, placeholders)
+      presenceData.state = combinedStateText
     }
     else {
-      const singleEpisodeState
-        = settings.watchingState.includes('%season%')
-          || settings.watchingState.includes('%episode%')
-          ? 'Tek Bölüm'
-          : settings.watchingState
+      Object.assign(presenceData, { name: animeTitle })
 
-      presenceData.details = this.formatString(settings.watchingDetails, placeholders)
-      presenceData.state = this.formatString(singleEpisodeState, placeholders)
+      if (season && episode) {
+        presenceData.details = `Sezon ${season}`
+        presenceData.state = `Bölüm ${episode}`
+      } // If the setting is OFF -> Title "Anime Name"
+
+      else {
+        presenceData.details = 'Film / Tek Bölüm'
+        delete presenceData.state
+      }
     }
 
     if (settings?.showButtons) {
-      presenceData.buttons = [
-        {
-          label: 'Bölümü Görüntüle',
-          url: document.location.href,
-        },
-      ]
+      const match = document.location.href.match(/watch\/(\d+)/)
+      const animeId = match ? match[1] : null
+
+      const episodeButton = {
+        label: 'Bölümü Görüntüle',
+        url: document.location.href,
+      }
+
+      if (animeId) {
+        presenceData.buttons = [
+          {
+            label: 'Animeyi Görüntüle',
+            url: `https://anizium.co/anime/${animeId}`,
+          },
+          episodeButton,
+        ]
+      }
+      else {
+        presenceData.buttons = [episodeButton]
+      }
     }
   }
 
   static handleAnimePageUpdate(presenceData: PresenceData, settings: AniziumSettings): void {
     const pageTitle = document.querySelector('html > head > title')?.textContent || 'Loading'
+    const cleanTitle = pageTitle.replace(/ - Anizium$/, '')
+    const infoText = 'Anime detayları ve bölümleri görüntüleniyor'
+
+    // If the setting is ON -> Title "Anizium"
+    if (settings.usePresenceName) {
+      presenceData.details = cleanTitle
+      presenceData.state = infoText
+    }
+    // If the setting is OFF -> Title "Anime Name"
+    else {
+      Object.assign(presenceData, { name: cleanTitle })
+      presenceData.details = infoText
+      delete presenceData.state
+    }
 
-    presenceData.details = pageTitle.replace(/ - Anizium$/, '')
     presenceData.smallImageKey = Assets.Viewing
-    presenceData.state = 'Anime detayları ve bölümleri görüntüleniyor'
 
     if (settings?.showButtons) {
       presenceData.buttons = [

websites/A/Anizium/managers/settings.ts

@@ -6,6 +6,8 @@ const SETTINGS_CONFIG: {
   type: 'boolean' | 'number' | 'string'
   defaultValue: any
 }[] = [
+  { key: 'privacy', type: 'boolean', defaultValue: false },
+  { key: 'usePresenceName', type: 'boolean', defaultValue: true },
   { key: 'showButtons', type: 'boolean', defaultValue: true },
   { key: 'showPosters', type: 'boolean', defaultValue: true },
   { key: 'logoType', type: 'number', defaultValue: 0 },

websites/A/Anizium/metadata.json

@@ -23,7 +23,7 @@
     "www.anizium.co"
   ],
   "regExp": "^https?[:][/][/]((www[.])?anizium[.]com|(www[.])?anizium[.]co)[/]",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "logo": "https://cdn.rcd.gg/PreMiD/websites/A/Anizium/assets/logo.png",
   "thumbnail": "https://cdn.rcd.gg/PreMiD/websites/A/Anizium/assets/thumbnail.png",
   "color": "#b6eafd",
@@ -37,23 +37,45 @@
   "iframe": true,
   "iFrameRegExp": "https?:\\/\\/x\\.anizium\\.co\\/embed.*",
   "settings": [
+    {
+      "id": "privacy",
+      "title": "Privacy Mode",
+      "description": "Hides all anime and episode information from your presence.",
+      "icon": "fad fa-user-secret",
+      "value": false
+    },
+    {
+      "id": "usePresenceName",
+      "title": "Show Title as Presence",
+      "icon": "fad fa-user-edit",
+      "value": true,
+      "if": {
+        "privacy": false
+      }
+    },
     {
       "id": "showButtons",
       "title": "Show Buttons",
       "icon": "fas fa-compress-arrows-alt",
       "value": true,
-      "description": "Shows/hides the 'View Episode' or 'View Anime' buttons on your Discord status."
+      "description": "Toggles the 'View Episode' and 'View Anime' buttons in your presence.",
+      "if": {
+        "privacy": false
+      }
     },
     {
       "id": "showPosters",
       "title": "Show Posters",
       "icon": "fas fa-image",
       "value": true,
-      "description": "Toggles the display of anime and studio posters on your Discord status. If disabled, the Anizium logo will be shown instead."
+      "description": "Toggles the display of anime posters in your presence. If disabled, the Anizium logo will be shown instead.",
+      "if": {
+        "privacy": false
+      }
     },
     {
       "id": "logoType",
-      "title": "Icon",
+      "title": "Logo Type",
       "icon": "fad fa-images",
       "value": 0,
       "values": [
@@ -70,22 +92,34 @@
       "icon": "fas fa-comment-alt-edit",
       "value": "%anime_title%",
       "placeholder": "Available: %anime_title%, %season%, %episode%",
-      "description": "Customize the first line of text on your Discord status when watching an anime."
+      "description": "Customize the first line of text in your presence while watching.",
+      "if": {
+        "privacy": false,
+        "usePresenceName": true
+      }
     },
     {
       "id": "watchingState",
       "title": "Watching Details (Line 2)",
       "icon": "fas fa-comment-alt-edit",
-      "value": "Sezon %season% | Bölüm %episode%",
+      "value": "Season %season% | Episode %episode%",
       "placeholder": "Available: %anime_title%, %season%, %episode%",
-      "description": "Customize the second line of text on your Discord status when watching an anime."
+      "description": "Customize the second line of text in your presence while watching.",
+      "if": {
+        "privacy": false,
+        "usePresenceName": true
+
+      }
     },
     {
       "id": "showTimestamp",
-      "title": "Show Timestamps",
+      "title": "Show Timestamp",
       "icon": "fad fa-stopwatch",
       "value": true,
-      "description": "Shows/hides the elapsed and remaining time on your Discord status when watching an episode."
+      "description": "Toggles the elapsed and remaining time of the episode in your presence.",
+      "if": {
+        "privacy": false
+      }
     }
   ]
 }

websites/A/Anizium/presence.ts

@@ -43,7 +43,7 @@ class AniziumPresence {
     const settings = this.settingsManager.currentSettings
 
     const largeImage
-      = settings?.showPosters && this.posterManager.posterUrl
+      = (settings?.showPosters && !settings?.privacy) && this.posterManager.posterUrl
         ? this.posterManager.posterUrl
         : this.settingsManager.getLogo()
 
@@ -105,6 +105,13 @@ class AniziumPresence {
     const settings = this.settingsManager.currentSettings!
 
     const presenceData = this.buildBasePresence()
+
+    if (settings?.privacy) {
+      presenceData.details = 'Gizlilik Modu Aktif'
+      presence.setActivity(presenceData)
+      return
+    }
+
     const pathname = document.location.pathname
     const routePattern = Utils.getRoutePattern(pathname)
 
@@ -124,11 +131,12 @@ class AniziumPresence {
       '/favorite-list': () => RouteHandlers.handleFavoriteList(presenceData),
       '/watch-list': () => RouteHandlers.handleWatchList(presenceData),
       '/watched-list': () => RouteHandlers.handleWatchedList(presenceData),
-      '/studio': () => RouteHandlers.handleStudioPage(presenceData),
+      '/studio': () => RouteHandlers.handleStudioPage(presenceData, settings),
       '/privacy-policy': () => RouteHandlers.handlePrivacyPolicy(presenceData),
       '/comment-policy': () => RouteHandlers.handleCommentPolicy(presenceData),
       '/tos': () => RouteHandlers.handleTos(presenceData),
       '/app': () => RouteHandlers.handleApp(presenceData),
+      '/partner': () => RouteHandlers.handlePartner(presenceData),
 
       // Dinamik routelar
       '/watch/': () => RouteHandlers.handleWatchPageUpdate(presenceData, settings),

websites/A/Anizium/types.ts

@@ -7,6 +7,8 @@ export enum Images {
 }
 
 export interface AniziumSettings {
+  privacy: boolean
+  usePresenceName: boolean
   showButtons: boolean
   showPosters: boolean
   logoType: number