feat(Stack Overflow): add buttons with setting (PreMiD#6754)

theusaf · Sep 5, 2022 · 7c2a4a0 · 7c2a4a0
1 parent 58d9bb0
commit 7c2a4a0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 25 deletions.
diff --git a/websites/S/Stack Overflow/dist/metadata.json b/websites/S/Stack Overflow/dist/metadata.json
@@ -13,13 +13,21 @@
 		"nl": "Stack Overflow is een open community voor iedereen die codeert. Het helpt je om antwoorden op je moeilijkste codeervragen te krijgen, kennis met je collega's privé te delen en je volgende droombaan te vinden."
 	},
 	"url": "stackoverflow.com",
-	"version": "2.3.14",
+	"version": "2.4.0",
 	"logo": "https://i.imgur.com/iTWct8S.png",
 	"thumbnail": "https://i.imgur.com/Z4LQn2d.png",
 	"color": "#f48023",
 	"category": "other",
 	"tags": [
 		"coding",
 		"help"
+	],
+	"settings": [
+		{
+			"id": "buttons",
+			"title": "Show Buttons",
+			"icon": "fas fa-compress-arrows-alt",
+			"value": true
+		}
 	]
 }
diff --git a/websites/S/Stack Overflow/presence.ts b/websites/S/Stack Overflow/presence.ts
@@ -2,6 +2,7 @@ const presence = new Presence({
 		clientId: "610123745033584651",
 	}),
 	browsingTimestamp = Math.floor(Date.now() / 1000);
+
 let title: HTMLAnchorElement,
 	pageNumber: HTMLElement,
 	jobPageNumber: HTMLAnchorElement,
@@ -13,9 +14,11 @@ let title: HTMLAnchorElement,
 
 presence.on("UpdateData", async () => {
 	const presenceData: PresenceData = {
-		details: "Unknown page",
-		largeImageKey: "lg",
-	};
+			details: "Unknown page",
+			largeImageKey: "lg",
+			startTimestamp: browsingTimestamp,
+		},
+		showButtons = await presence.getSetting<boolean>("buttons");
 
 	title = document.querySelector("div#question-header h1 a");
 
@@ -47,15 +50,12 @@ presence.on("UpdateData", async () => {
 
 	if (title && document.location.pathname.includes("/questions/")) {
 		presenceData.details = "Reading a question.";
-
 		presenceData.state = title.textContent;
-
-		presenceData.startTimestamp = browsingTimestamp;
+		presenceData.buttons = [
+			{ label: "View Question", url: document.location.href },
+		];
 	} else if (document.location.pathname === "/") {
 		presenceData.state = "Main Page | Home";
-
-		presenceData.startTimestamp = browsingTimestamp;
-
 		delete presenceData.details;
 	} else if (
 		document.location.pathname === "/questions" &&
@@ -66,15 +66,11 @@ presence.on("UpdateData", async () => {
 
 		if (lastquestionsPageNumber > lastPageNumber) {
 			presence.info(`${lastPageNumber} --- ${lastquestionsPageNumber}`);
-
 			lastPage = pageNumber.textContent;
 		}
 
 		presenceData.details = "Browsing all the questions.";
-
 		presenceData.state = `Current page: ${pageNumber.textContent}/${lastPage}`;
-
-		presenceData.startTimestamp = browsingTimestamp;
 	} else {
 		switch (document.location.pathname) {
 			case "/jobs": {
@@ -90,9 +86,6 @@ presence.on("UpdateData", async () => {
 				presenceData.details = "Browsing jobs.";
 
 				presenceData.state = `Current page: ${jobPageNumber.textContent}/${lastPage}`;
-
-				presenceData.startTimestamp = browsingTimestamp;
-
 				break;
 			}
 			case "/users": {
@@ -109,9 +102,6 @@ presence.on("UpdateData", async () => {
 				presenceData.details = "Browsing users.";
 
 				presenceData.state = `Current page: ${usersortagsPageNumber.textContent}/${lastPage}`;
-
-				presenceData.startTimestamp = browsingTimestamp;
-
 				break;
 			}
 			case "/tags": {
@@ -126,16 +116,12 @@ presence.on("UpdateData", async () => {
 				}
 
 				presenceData.details = "Browsing tags.";
-
 				presenceData.state = `Current page: ${usersortagsPageNumber.textContent}/${lastPage}`;
-
-				presenceData.startTimestamp = browsingTimestamp;
-
 				break;
 			}
-			// No default
 		}
 	}
 
+	if (!showButtons) delete presenceData.buttons;
 	presence.setActivity(presenceData);
 });