From 1bea1523dd70581f95bcafd8276ea59f4f37079f Mon Sep 17 00:00:00 2001
From: AlejandroAkbal <37181533+AlejandroAkbal@users.noreply.github.com>
Date: Sat, 14 Mar 2026 08:32:47 -0700
Subject: [PATCH] feat: add video-only posts filter

---
 pages/posts/[domain].vue          | 24 +++++++++++++++++++++++-
 test/assets/router-helper.test.ts | 17 +++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/pages/posts/[domain].vue b/pages/posts/[domain].vue
index d2182468..e3debba5 100644
--- a/pages/posts/[domain].vue
+++ b/pages/posts/[domain].vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-  import { Bars3BottomRightIcon, EyeIcon, MagnifyingGlassIcon, StarIcon } from '@heroicons/vue/24/outline'
+  import { Bars3BottomRightIcon, EyeIcon, MagnifyingGlassIcon, PhotoIcon, StarIcon } from '@heroicons/vue/24/outline'
   import { ArrowPathIcon, QuestionMarkCircleIcon } from '@heroicons/vue/24/solid'
   import { useInfiniteQuery } from '@tanstack/vue-query'
   import { useWindowVirtualizer } from '@tanstack/vue-virtual'
@@ -99,6 +99,7 @@
     // TODO: Validate
 
     return {
+      type: route.query.filter?.type ?? undefined,
       rating: route.query.filter?.rating ?? undefined,
       sort: route.query.filter?.sort ?? undefined,
       score: route.query.filter?.score ?? undefined
@@ -106,6 +107,15 @@
   })
 
   const filterConfig = {
+    type: {
+      type: 'select' as const,
+      label: 'Type',
+      icon: PhotoIcon,
+      options: [
+        { label: 'Type', value: undefined },
+        { label: 'Video', value: 'video' }
+      ]
+    },
     sort: {
       type: 'select' as const,
       label: 'Sort',
@@ -485,6 +495,10 @@
           return false
         }
 
+        if (selectedFilters.value.type && post.media_type !== selectedFilters.value.type) {
+          return false
+        }
+
         // Delete all posts that have a blocklisted tag
         if (selectedBlockList.value.length > 0) {
           const postTags = post.tags.meta.concat(
@@ -666,6 +680,10 @@
     }
 
     // Filters
+    if (selectedFilters.value.type) {
+      title += `, ${selectedFilters.value.type} only`
+    }
+
     if (selectedFilters.value.rating) {
       title += `, rated ${selectedFilters.value.rating}`
     }
@@ -737,6 +755,10 @@
     let description = `Stream and download ${tagsTitle ?? 'various'} Hentai porn videos, GIFs and images`
 
     // Filters
+    if (selectedFilters.value.type) {
+      description += `, ${selectedFilters.value.type} only`
+    }
+
     if (selectedFilters.value.rating) {
       description += `, rated ${selectedFilters.value.rating}`
     }
diff --git a/test/assets/router-helper.test.ts b/test/assets/router-helper.test.ts
index 701e01ca..49a9b86b 100644
--- a/test/assets/router-helper.test.ts
+++ b/test/assets/router-helper.test.ts
@@ -45,4 +45,21 @@ describe('generatePostsRoute', () => {
       'panty_&_stocking_with_garterbelt|rating:safe'
     )
   })
+
+  it('keeps filter values in query object', () => {
+    const route = generatePostsRoute('/posts', 'safebooru.org', undefined, undefined, {
+      type: 'video',
+      sort: 'score'
+    })
+
+    expect(route).toMatchObject({
+      path: '/posts/safebooru.org',
+      query: {
+        filter: {
+          type: 'video',
+          sort: 'score'
+        }
+      }
+    })
+  })
 })