feat: Add ability to filter by bookmark type

3 files changed, 39 insertions, 1 deletions

diff --git a/apps/web/components/dashboard/search/QueryExplainerTooltip.tsx b/apps/web/components/dashboard/search/QueryExplainerTooltip.tsx
index f5f73be3..37815b0a 100644
--- a/apps/web/components/dashboard/search/QueryExplainerTooltip.tsx
+++ b/apps/web/components/dashboard/search/QueryExplainerTooltip.tsx
@@ -1,6 +1,7 @@
 import InfoTooltip from "@/components/ui/info-tooltip";
 import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
 import { useTranslation } from "@/lib/i18n/client";
+import { match } from "@/lib/utils";
 
 import { TextAndMatcher } from "@hoarder/shared/searchQueryParser";
 import { Matcher } from "@hoarder/shared/types/search";
@@ -134,6 +135,21 @@ export default function QueryExplainerTooltip({
             <TableCell>{matcher.url}</TableCell>
           </TableRow>
         );
+      case "type":
+        return (
+          <TableRow>
+            <TableCell>
+              {matcher.inverse ? t("search.type_is_not") : t("search.type_is")}
+            </TableCell>
+            <TableCell>
+              {match(matcher.typeName, {
+                link: t("common.bookmark_types.link"),
+                text: t("common.bookmark_types.text"),
+                asset: t("common.bookmark_types.media"),
+              })}
+            </TableCell>
+          </TableRow>
+        );
       default: {
         const _exhaustiveCheck: never = matcher;
         return null;
diff --git a/apps/web/lib/i18n/locales/en/translation.json b/apps/web/lib/i18n/locales/en/translation.json
index ac08fa3f..1e9f8e4d 100644
--- a/apps/web/lib/i18n/locales/en/translation.json
+++ b/apps/web/lib/i18n/locales/en/translation.json
@@ -24,7 +24,13 @@
     "screenshot": "Screenshot",
     "video": "Video",
     "archive": "Archive",
-    "home": "Home"
+    "home": "Home",
+    "bookmark_types": {
+      "title": "Bookmark Type",
+      "link": "Link",
+      "text": "Text",
+      "media": "Media"
+    }
   },
   "layouts": {
     "masonry": "Masonry",
@@ -218,6 +224,8 @@
     "has_tag": "Has Tag",
     "does_not_have_tag": "Does Not Have Tag",
     "full_text_search": "Full Text Search",
+    "type_is": "Type is",
+    "type_is_not": "Type is not",
     "and": "And",
     "or": "Or"
   },
diff --git a/apps/web/lib/utils.ts b/apps/web/lib/utils.ts
index 12207765..230c9eef 100644
--- a/apps/web/lib/utils.ts
+++ b/apps/web/lib/utils.ts
@@ -29,3 +29,17 @@ export function getOS() {
   }
   return os;
 }
+
+export function match<T extends string | number | symbol, U>(
+  val: T,
+  options: Record<T, U>,
+) {
+  return options[val];
+}
+
+export function matchFunc<T extends string | number | symbol, U>(
+  val: T,
+  options: Record<T, () => U>,
+) {
+  return options[val]();
+}