✨ Add option to exclude short videos from search (#2795)

Co-authored-by: iyakushev <[email protected]>

client/components/Settings.vue

@@ -213,6 +213,14 @@ const videoSpeedArray = ['0', '0.25', '0.5', '0.75', '1', '1.25', '1.5', '1.75',
         :right="true"
         @valuechange="val => settingsStore.setHideComments(val)"
       />
+      <SwitchButton
+        :value="settingsStore.hideShortsFromSearch"
+        :label="'Hide shorts'"
+        :small-label="'Do not show shorts in search results'"
+        :disabled="false"
+        :right="true"
+        @valuechange="val => settingsStore.setHideShortsFromSearch(val)"
+      />
       <SwitchButton
         :value="settingsStore.showRecommendedVideos"
         :label="'Show recommended videos on a video page'"

client/pages/results.vue

@@ -5,6 +5,7 @@ import BadgeButton from '@/components/buttons/BadgeButton.vue';
 import Filters from '@/components/search/Filters.vue';
 import SeparatorSmall from '@/components/list/SeparatorSmall.vue';
 import { useMessagesStore } from '@/store/messages';
+import { useSettingsStore } from '@/store/settings';
 
 const VideoEntry = resolveComponent('ListVideoEntry');
 const PlaylistEntry = resolveComponent('ListPlaylistEntry');
@@ -14,6 +15,7 @@ const Shelf = resolveComponent('SearchShelf');
 
 const route = useRoute();
 const messagesStore = useMessagesStore();
+const settingsStore = useSettingsStore();
 
 const searchQuery = computed(() => {
   const searchParams = new URLSearchParams(route.query as Record<string, string>);
@@ -59,6 +61,9 @@ watch(error, newValue => {
 });
 
 const getListEntryType = (type: string) => {
+  if (type === 'shorts-shelf' && settingsStore.hideShortsFromSearch)
+    return null;
+
   switch (type) {
     case 'video':
       return VideoEntry;

client/store/settings.ts

@@ -54,7 +54,8 @@ export const useSettingsStore = defineStore(
         sponsorblockSegmentSponsor: 'ask' as SegmentOption,
         theme: null as ThemeVariant | null,
         defaultTheme: defaultTheme as ThemeVariant,
-        rewriteYouTubeURLs: false
+        rewriteYouTubeURLs: false,
+        hideShortsFromSearch: false
       })
     );
 

server/src/user/settings/dto/settings.dto.ts

@@ -52,6 +52,8 @@ export class SettingsDto {
   autoAdjustVideoQuality: boolean;
 
   dashPlaybackEnabled: boolean;
-  
+
   rewriteYouTubeURLs: boolean;
+
+  hideShortsFromSearch: boolean;
 }

server/src/user/settings/schemas/settings.schema.ts

@@ -88,6 +88,9 @@ export class Settings extends Document implements SettingsDto {
 
   @Prop()
   rewriteYouTubeURLs: boolean;
+
+  @Prop()
+  hideShortsFromSearch: boolean;
 }
 
 export const SettingsSchema = SchemaFactory.createForClass(Settings);

server/src/user/settings/settings.service.ts

@@ -38,7 +38,8 @@ export class SettingsService {
     sponsorblockSegmentSelfpromo: 'ask',
     sponsorblockSegmentSponsor: 'ask',
     theme: 'default',
-    rewriteYouTubeURLs: false
+    rewriteYouTubeURLs: false,
+    hideShortsFromSearch: false
   };
 
   async setSettings(settings: Partial<SettingsDto>, username: string): Promise<void> {

shared/api.schema.ts

@@ -245,6 +245,7 @@ export interface components {
       autoAdjustVideoQuality: boolean;
       dashPlaybackEnabled: boolean;
       rewriteYouTubeURLs: boolean;
+      hideShortsFromSearch: boolean;
     };
     UserprofileDto: {
       username: string;