From 0053aa0a46503cea7a5e8aae308cf1bdc9865b9d Mon Sep 17 00:00:00 2001
From: sphinxrave <62570796+sphinxrave@users.noreply.github.com>
Date: Thu, 17 Oct 2024 19:51:14 -0700
Subject: [PATCH] hiding long streams!

---
 packages/react/src/hooks/useVideoFilter.ts    | 33 +++++++++++++++++++
 packages/react/src/locales/en/ui.yml          |  2 ++
 .../react/src/routes/settings/homepage.tsx    | 19 +++++++++++
 packages/react/src/store/settings.ts          | 14 ++++++++
 packages/react/src/types/channel.d.ts         |  2 ++
 packages/react/src/types/video.d.ts           |  2 +-
 6 files changed, 71 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/hooks/useVideoFilter.ts b/packages/react/src/hooks/useVideoFilter.ts
index a80fc5687..1549d7216 100644
--- a/packages/react/src/hooks/useVideoFilter.ts
+++ b/packages/react/src/hooks/useVideoFilter.ts
@@ -13,6 +13,10 @@ function filterDeadStreams(video: VideoBase, now: dayjs.Dayjs) {
   );
 }
 
+function filterLongVideos(video: VideoBase) {
+  return video.duration <= 24 * 60 * 60; // 24 hours in seconds
+}
+
 type PageContext = "org" | "favorites" | "search" | "watch" | "channel";
 
 export function useVideoFilter(
@@ -22,6 +26,7 @@ export function useVideoFilter(
   overrides?: Partial<{
     hideCollabStreams: boolean;
     filterDeadStreams: boolean;
+    filterLongVideos: boolean;
     ignoredTopics: string[];
   }>,
 ) {
@@ -47,6 +52,8 @@ export function useVideoFilter(
     const shouldFilterDeadStreams =
       type === "stream_schedule" &&
       (overrides?.filterDeadStreams ?? settings.filterDeadStreams);
+    const shouldFilterLongVideos =
+      overrides?.filterLongVideos ?? settings.filterLongStreams;
     const now = shouldFilterDeadStreams ? dayjs() : null;
 
     const filteredVideos = videos.filter((video) => {
@@ -79,12 +86,38 @@ export function useVideoFilter(
         keep = keep && filterDeadStreams(video, now);
       }
 
+      // Filter long videos
+      if (shouldFilterLongVideos) {
+        keep = keep && filterLongVideos(video);
+      }
+
       // Filter ignored topics
       const ignoredTopics = overrides?.ignoredTopics ?? settings.ignoredTopics;
       if (ignoredTopics.length > 0) {
         keep = keep && !ignoredTopics.includes(video.topic_id ?? "_N_A");
       }
 
+      // filter clips whose channels and uploaders are all irrelevant to current context
+      const videoMentions = (video as Partial<Video>).mentions;
+      if ("clip" === type && videoMentions) {
+        keep =
+          keep && // don't keep if every video is invalid
+          ![...videoMentions, video.channel].every((mention) => {
+            // thunk => true if video invalid for page context:
+            const mentionBlocked = blockedSet.has(mention.id); // it has to be blocked
+            switch (pageContext) {
+              case "org":
+                return mentionBlocked || mention.org !== defaultOrg; // and it has to be relevant to the org
+              case "favorites":
+                return mentionBlocked || !favoritesSet.has(mention.id); // or not your favorites list.
+              case "channel":
+              case "watch":
+              case "search":
+                return !mentionBlocked; // or just be blocked.
+            }
+          });
+      }
+
       return keep;
     });
 
diff --git a/packages/react/src/locales/en/ui.yml b/packages/react/src/locales/en/ui.yml
index 7cea65913..5cdd5dcd8 100644
--- a/packages/react/src/locales/en/ui.yml
+++ b/packages/react/src/locales/en/ui.yml
@@ -365,6 +365,8 @@ views:
     hideFeaturesLabel: Hide Features
     showTimezonesOnHover: Show Timezones on hover
     orgs: Starred Orgs
+    filterDeadStreams: Hide Streams that don't go live for >2 hours
+    filterLongStreams: Hide Streams that are live for longer than 24 hours
   app:
     update_available: An update is available
     update_btn: Update
diff --git a/packages/react/src/routes/settings/homepage.tsx b/packages/react/src/routes/settings/homepage.tsx
index 523cc4936..ca31c5b7c 100644
--- a/packages/react/src/routes/settings/homepage.tsx
+++ b/packages/react/src/routes/settings/homepage.tsx
@@ -6,6 +6,8 @@ import { Checkbox } from "@/shadcn/ui/checkbox";
 import { Label } from "@/shadcn/ui/label";
 import {
   defaultOpenAtom,
+  filterDeadStreamsAtom,
+  filterLongStreamsAtom,
   hideCollabStreamsAtom,
   hidePlaceholderAtom,
   hideThumbnailAtom,
@@ -24,6 +26,13 @@ export function SettingsHomepage() {
   const [hideCollab, setHideCollab] = useAtom(hideCollabStreamsAtom);
   const [hidePlaceholder, setHidePlaceholder] = useAtom(hidePlaceholderAtom);
 
+  const [filterDeadStreams, setFilterDeadStreams] = useAtom(
+    filterDeadStreamsAtom,
+  );
+  const [filterLongStreams, setFilterLongStreams] = useAtom(
+    filterLongStreamsAtom,
+  );
+
   const defaultPages = [
     {
       value: "Home",
@@ -71,6 +80,16 @@ export function SettingsHomepage() {
       value: hidePlaceholder,
       onChange: () => setHidePlaceholder(!hidePlaceholder),
     },
+    {
+      label: t("views.settings.filterDeadStreams"),
+      value: filterDeadStreams,
+      onChange: () => setFilterDeadStreams(!filterDeadStreams),
+    },
+    {
+      label: t("views.settings.filterLongStreams"),
+      value: filterLongStreams,
+      onChange: () => setFilterLongStreams(!filterLongStreams),
+    },
   ] as const;
 
   return (
diff --git a/packages/react/src/store/settings.ts b/packages/react/src/store/settings.ts
index a16a84ebc..e3142c473 100644
--- a/packages/react/src/store/settings.ts
+++ b/packages/react/src/store/settings.ts
@@ -12,6 +12,7 @@ export interface HolodexSettings {
   gridDensity: number;
   defaultOpen: "Favorites" | "Home";
   hideCollabStreams: boolean;
+  filterLongStreams: boolean; // New setting
   filterDeadStreams: boolean;
   ignoredTopics: string[];
   blockedChannels: ShortChannel[];
@@ -24,11 +25,14 @@ export const settingsAtom = atomWithStorage<HolodexSettings>(
     englishName: false,
     clipLanguage: [],
     redirectMode: false,
+    // homepage settings
     hideThumbnail: false,
     hidePlaceholder: false,
+    // homepage settings
     gridDensity: 0,
     defaultOpen: "Home",
     hideCollabStreams: false,
+    filterLongStreams: true, // homepage settings
     filterDeadStreams: true,
     ignoredTopics: [],
     blockedChannels: [],
@@ -126,6 +130,16 @@ export const filterDeadStreamsAtom = atom(
   },
 );
 
+export const filterLongStreamsAtom = atom(
+  (get) => get(settingsAtom).filterLongStreams,
+  (get, set, newValue: boolean) => {
+    set(settingsAtom, {
+      ...get(settingsAtom),
+      filterLongVideos: newValue,
+    });
+  },
+);
+
 export const ignoredTopicsAtom = atom(
   (get) => get(settingsAtom).ignoredTopics,
   (get, set, newValue: string[]) => {
diff --git a/packages/react/src/types/channel.d.ts b/packages/react/src/types/channel.d.ts
index 1f69740c9..9b5bdd7c8 100644
--- a/packages/react/src/types/channel.d.ts
+++ b/packages/react/src/types/channel.d.ts
@@ -7,6 +7,8 @@ interface ChannelBase {
   english_name?: string;
   type: ChannelType;
   photo?: string;
+  org?: string;
+  suborg?: string;
 }
 
 interface Channel extends ChannelBase {
diff --git a/packages/react/src/types/video.d.ts b/packages/react/src/types/video.d.ts
index 83e3dec7e..c7ff9be7e 100644
--- a/packages/react/src/types/video.d.ts
+++ b/packages/react/src/types/video.d.ts
@@ -58,7 +58,7 @@ interface Video extends VideoBase {
   sources?: Clip[];
   refers?: Clip[];
   simulcasts?: Clip[];
-  mentions?: ChannelBase[];
+  mentions?: ShortChannel[];
   comments?: CommentBase[];
   recommendations?: VideoBase[];
   live_tl_count?: {