feat(Trakt): display show and movie covers (#9120)

Co-authored-by: Anaxes <DiscordAnaxes@users.noreply.github.com>
PreMiD · Jan 7, 2025 · 24d12cd · 24d12cd
1 parent d1b5db3
commit 24d12cd
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/websites/T/Trakt/metadata.json b/websites/T/Trakt/metadata.json
@@ -10,7 +10,7 @@
 		"en": "Track what you watch and when. Discover what's hot and where you can watch it. Share comments, ratings and recommendations."
 	},
 	"url": "trakt.tv",
-	"version": "1.0.10",
+	"version": "1.0.11",
 	"logo": "https://cdn.rcd.gg/PreMiD/websites/T/Trakt/assets/logo.png",
 	"thumbnail": "https://cdn.rcd.gg/PreMiD/websites/T/Trakt/assets/thumbnail.png",
 	"color": "#ff0000",

diff --git a/websites/T/Trakt/presence.ts b/websites/T/Trakt/presence.ts
@@ -3,9 +3,12 @@ const presence = new Presence({
 	}),
 	browsingTimestamp = Math.floor(Date.now() / 1000);
 
+const enum Assets {
+	Logo = "https://cdn.rcd.gg/PreMiD/websites/T/Trakt/assets/logo.png",
+}
 presence.on("UpdateData", async () => {
 	let presenceData: PresenceData = {
-		largeImageKey: "https://cdn.rcd.gg/PreMiD/websites/T/Trakt/assets/logo.png",
+		largeImageKey: Assets.Logo,
 		startTimestamp: browsingTimestamp,
 	};
 
@@ -74,7 +77,8 @@ presence.on("UpdateData", async () => {
 			"/auth/signin": { details: "Registering on Trakt" },
 			"/auth/login": { details: "Logging in to Trakt" },
 			"/widgets": { details: "Browsing widgets" },
-		};
+		},
+		imagePath = document.querySelector("img.real")?.getAttribute("src");
 
 	for (const [path, data] of Object.entries(pages))
 		if (pathname.includes(path)) presenceData = { ...presenceData, ...data };
@@ -115,6 +119,8 @@ presence.on("UpdateData", async () => {
 					"#summary-wrapper > div.container.summary > div > div > div.col-md-10.col-md-offset-2.col-sm-9.col-sm-offset-3.mobile-title > h1 > span.main-title"
 				).textContent
 			}`;
+			presenceData.largeImageKey = imagePath;
+			presenceData.smallImageKey = Assets.Logo;
 			presenceData.buttons = [{ label: "Check episode", url: href }];
 		} else if (pathname.includes("/seasons/")) {
 			presenceData.details = "Browsing season";
@@ -125,13 +131,17 @@ presence.on("UpdateData", async () => {
 					"#summary-wrapper > div.container.summary > div > div > div.col-md-10.col-md-offset-2.col-sm-9.col-sm-offset-3.mobile-title > h1"
 				).firstChild.textContent
 			}`;
+			presenceData.largeImageKey = imagePath;
+			presenceData.smallImageKey = Assets.Logo;
 			presenceData.buttons = [{ label: "Check season", url: href }];
 		} else {
 			try {
 				presenceData.details = "Browsing TV show";
 				presenceData.state = document.querySelector(
 					"#summary-wrapper > div.container.summary > div > div > div.col-md-10.col-md-offset-2.col-sm-9.col-sm-offset-3.mobile-title > h1"
 				).firstChild.textContent;
+				presenceData.largeImageKey = imagePath;
+				presenceData.smallImageKey = Assets.Logo;
 				presenceData.buttons = [{ label: "Check TV show", url: href }];
 			} catch {
 				presenceData.details = "Browsing";
@@ -143,6 +153,8 @@ presence.on("UpdateData", async () => {
 			presenceData.state = document.querySelector(
 				"#summary-wrapper > div.container.summary > div > div > div.col-md-10.col-md-offset-2.col-sm-9.col-sm-offset-3.mobile-title > h1"
 			).childNodes[0].textContent;
+			presenceData.largeImageKey = imagePath;
+			presenceData.smallImageKey = Assets.Logo;
 			presenceData.buttons = [{ label: "Check movie", url: href }];
 		} catch {
 			presenceData.details = "Browsing";
@@ -152,6 +164,8 @@ presence.on("UpdateData", async () => {
 		presenceData.state = document.querySelector(
 			"#summary-wrapper > div.container.summary > div > div > div.col-md-10.col-md-offset-2.col-sm-9.col-sm-offset-3.mobile-title > h1"
 		).textContent;
+		presenceData.largeImageKey = imagePath;
+		presenceData.smallImageKey = Assets.Logo;
 		presenceData.buttons = [{ label: "Check actor", url: href }];
 	} else if (pathname.includes("/search")) {
 		presenceData.details = "Searching for";