From d980edd843615a45b63c3d2681680fc43d703ecc Mon Sep 17 00:00:00 2001
From: novenary <streetwalkermc@gmail.com>
Date: Wed, 1 Feb 2023 23:30:02 +0200
Subject: [PATCH] Add an option to ignore short sponsorblock segments

---
 src/components/PreferencesPage.vue | 13 +++++++++++++
 src/components/WatchVideo.vue      | 10 +++++++++-
 src/locales/en.json                |  1 +
 3 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/components/PreferencesPage.vue b/src/components/PreferencesPage.vue
index f91839db..5b488802 100644
--- a/src/components/PreferencesPage.vue
+++ b/src/components/PreferencesPage.vue
@@ -266,6 +266,16 @@
                 @change="onChange($event)"
             />
         </label>
+        <label class="pref" for="txtMinSegmentLength">
+            <strong v-t="'actions.min_segment_length'" />
+            <input
+                id="txtMinSegmentLength"
+                v-model="minSegmentLength"
+                class="input w-24"
+                type="text"
+                @change="onChange($event)"
+            />
+        </label>
     </div>
     <h2 class="text-center" v-t="'titles.instance'" />
     <label class="pref" for="ddlInstanceSelection">
@@ -395,6 +405,7 @@ export default {
             skipHighlight: "no",
             skipFiller: "no",
             showMarkers: true,
+            minSegmentLength: 0,
             selectedTheme: "dark",
             autoPlayVideo: true,
             listen: false,
@@ -551,6 +562,7 @@ export default {
             }
 
             this.showMarkers = this.getPreferenceBoolean("showMarkers", true);
+            this.minSegmentLength = Math.max(Number(localStorage.getItem("minSegmentLength")), 0);
             this.selectedTheme = this.getPreferenceString("theme", "dark");
             this.autoPlayVideo = this.getPreferenceBoolean("playerAutoPlay", true);
             this.listen = this.getPreferenceBoolean("listen", false);
@@ -613,6 +625,7 @@ export default {
                 localStorage.setItem("skipOptions", JSON.stringify(skipOptions));
 
                 localStorage.setItem("showMarkers", this.showMarkers);
+                localStorage.setItem("minSegmentLength", this.minSegmentLength);
                 localStorage.setItem("theme", this.selectedTheme);
                 localStorage.setItem("playerAutoPlay", this.autoPlayVideo);
                 localStorage.setItem("listen", this.listen);
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 6dadce0a..70680a76 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -379,9 +379,17 @@ export default {
                 );
             }
 
-            return await this.fetchJson(this.apiUrl() + "/sponsors/" + this.getVideoId(), {
+            const sponsors = await this.fetchJson(this.apiUrl() + "/sponsors/" + this.getVideoId(), {
                 category: JSON.stringify(selectedSkip),
             });
+
+            const minSegmentLength = Math.max(this.getPreferenceNumber("minSegmentLength", 0), 0);
+            sponsors.segments = sponsors.segments.filter(segment => {
+                const length = segment.segment[1] - segment.segment[0];
+                return length >= minSegmentLength;
+            });
+
+            return sponsors;
         },
         toggleComments() {
             this.showComments = !this.showComments;
diff --git a/src/locales/en.json b/src/locales/en.json
index 34651b2f..62351e3e 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -42,6 +42,7 @@
         "skip_highlight": "Skip Highlight",
         "skip_filler_tangent": "Skip Filler Tangent",
         "show_markers": "Show Markers on Player",
+        "min_segment_length": "Minimum Segment Length (in seconds)",
         "theme": "Theme",
         "auto": "Auto",
         "dark": "Dark",