feat: hide metrics when a media is open

.gitignore

@@ -0,0 +1 @@
+web-ext-artifacts/

content-script.js

@@ -30,6 +30,16 @@ function hideTweetMetrics() {
 			relevantPerson.style.display = "none";
 		}
 	});
+
+	const replyMetricWhenMediaOpen = document.querySelectorAll(
+		'span[data-testid="app-text-transition-container"] > span > span',
+	);
+
+	if (replyMetricWhenMediaOpen) {
+		replyMetricWhenMediaOpen.forEach((reply) => {
+			reply.style.display = "none";
+		});
+	}
 }
 
 hideTweetMetrics();

manifest.json

@@ -0,0 +1,12 @@
+{
+	"manifest_version": 2,
+	"name": "Zen Twitter",
+	"version": "1.1",
+	"description": "Hide metrics on Twitter (number of likes/retweets etc.)",
+	"content_scripts": [
+		{
+			"matches": ["https://x.com/*"],
+			"js": ["content-script.js"]
+		}
+	]
+}