From 5c54ca13d678cee62b502ab7aecafd6bbe42753d Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Tue, 19 Apr 2022 14:06:37 +0530
Subject: [PATCH] Clickbait thumbnail avoidance implementation

---
 src/components/Video/VideoItem.vue | 10 +++++++++-
 src/routes/Preferences.vue         |  5 +++++
 src/store/prefs-store.js           |  1 +
 src/translations/bn-Beng.json      |  5 +++--
 src/translations/en.json           |  3 ++-
 5 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/Video/VideoItem.vue b/src/components/Video/VideoItem.vue
index 3a56aa6..eb07ddd 100644
--- a/src/components/Video/VideoItem.vue
+++ b/src/components/Video/VideoItem.vue
@@ -1,7 +1,7 @@
 <template>
     <v-card link :to="video.url" outlined :height="maxHeight ? '100%' : undefined" color="bgTwo">
         <img
-                :src="video.thumbnail || video.thumbnailUrl"
+                :src="imgURL"
                 style="width: 100%; object-fit: contain"
                 loading="lazy"
         />
@@ -61,6 +61,14 @@ export default {
 		srcProgress: 'findIfVideoWatched'
 	},
 
+	computed: {
+		imgURL () {
+			const url = this.video.thumbnail ?? this.video.thumbnailUrl
+			const clickbaitAvoidance = this.$store.getters['prefs/getPreferenceBoolean']('clickbaitThumbnailAvoidance')
+			return clickbaitAvoidance ? url.replace('hqdefault.jpg', 'hq2.jpg') : url
+		}
+	},
+
 	methods: {
 		async findIfVideoWatched () {
 			// if it has source progress, it's already seen
diff --git a/src/routes/Preferences.vue b/src/routes/Preferences.vue
index e0958d1..a533b4a 100644
--- a/src/routes/Preferences.vue
+++ b/src/routes/Preferences.vue
@@ -67,6 +67,11 @@ export default {
 					type: 'bool',
 					default: true
 				},
+				{
+					id: 'clickbaitThumbnailAvoidance',
+					type: 'bool',
+					default: false
+				},
 				{
 					id: 'homepage',
 					type: 'select',
diff --git a/src/store/prefs-store.js b/src/store/prefs-store.js
index e0fd42e..460bddc 100644
--- a/src/store/prefs-store.js
+++ b/src/store/prefs-store.js
@@ -13,6 +13,7 @@ const PrefsStore = {
 			proxyLBRY: true,
 			sponsorblock: true,
 			skipToLastPoint: true,
+			clickbaitThumbnailAvoidance: false,
 
 			selectedSkip: []
 		}
diff --git a/src/translations/bn-Beng.json b/src/translations/bn-Beng.json
index be7722c..693123b 100644
--- a/src/translations/bn-Beng.json
+++ b/src/translations/bn-Beng.json
@@ -82,8 +82,9 @@
         "playerAutoplay": "video নিজে থেকে চলবে কি না",
         "listen": "শুধু আওয়াজ শুনবেন কি না",
         "quality": "এই উৎকর্ষের videoটি লোড করা হবে যদি না আপনি অন্য কোনো পছন্দ করেন । ",
-        "region": "ইউটিউব ভাববে যে আপনি এই জায়গা তে আছেন ",
+        "region": "ইউটিউব ভাববে যে আপনি এই জায়গা তে আছেন",
         "homepage": "ওয়েবসাইট খোলার পর গতানুগতিক কি দেখবেন",
-        "instance": "আমাদের প্রতিনিধি যে ইউটিউব এর সঙ্গে সব যোগাযোগ এর নিয়ন্ত্রণ আর দেখাশোনা করবে"
+        "instance": "আমাদের প্রতিনিধি যে ইউটিউব এর সঙ্গে সব যোগাযোগ এর নিয়ন্ত্রণ আর দেখাশোনা করবে",
+        "clickbaitThumbnailAvoidance": "videoএর যে thumbnail আছে সেটা কি একতা স্বয়ংক্রিয়ভাবে বানানো thumbnail দিয়ে প্রতিস্থাপন করে দেব?"
     }
 }
diff --git a/src/translations/en.json b/src/translations/en.json
index 490345d..ff6da75 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -85,6 +85,7 @@
         "quality": "Default Quality",
         "region": "Country Selection",
         "homepage": "Default Homepage",
-        "instance": "Instance"
+        "instance": "Instance",
+        "clickbaitThumbnailAvoidance": "Replace default thumbnails with an automatically generated one"
     }
 }