feat: NIP-51

src/Feed/LoginFeed.ts

@@ -5,10 +5,11 @@ import { useDispatch, useSelector } from "react-redux";
 import { HexKey, TaggedRawEvent } from "Nostr";
 import EventKind from "Nostr/EventKind";
 import { Subscriptions } from "Nostr/Subscriptions";
-import { addDirectMessage, addNotifications, setFollows, setRelays } from "State/Login";
+import { addDirectMessage, addNotifications, setFollows, setRelays, setMuted } from "State/Login";
 import { RootState } from "State/Store";
 import { db } from "Db";
 import useSubscription from "Feed/Subscription";
+import { MUTE_LIST_TAG, getMutedKeys } from "Feed/MuteList";
 import { mapEventToProfile, MetadataCache } from "Db/User";
 import { getDisplayName } from "Element/ProfileImage";
 import { MentionRegex } from "Const";
@@ -18,7 +19,7 @@ import { MentionRegex } from "Const";
  */
 export default function useLoginFeed() {
     const dispatch = useDispatch();
-    const [pubKey, readNotifications] = useSelector<RootState, [HexKey | undefined, number]>(s => [s.login.publicKey, s.login.readNotifications]);
+    const [pubKey, readNotifications, muted] = useSelector<RootState, [HexKey | undefined, number, HexKey[]]>(s => [s.login.publicKey, s.login.readNotifications, s.login.muted]);
 
     const subMetadata = useMemo(() => {
         if (!pubKey) return null;
@@ -42,6 +43,20 @@ export default function useLoginFeed() {
         return sub;
     }, [pubKey]);
 
+    const subMuted = useMemo(() => {
+        if (!pubKey) return null;
+
+        let sub = new Subscriptions();
+        sub.Id = "login:muted";
+        sub.Kinds = new Set([EventKind.Lists]);
+        sub.Authors = new Set([pubKey]);
+        // TODO: not sure relay support this atm, don't seem to return results
+        // sub.DTags = new Set([MUTE_LIST_TAG])
+        sub.Limit = 1;
+
+        return sub;
+    }, [pubKey]);
+
     const subDms = useMemo(() => {
         if (!pubKey) return null;
 
@@ -61,6 +76,7 @@ export default function useLoginFeed() {
     const metadataFeed = useSubscription(subMetadata, { leaveOpen: true });
     const notificationFeed = useSubscription(subNotification, { leaveOpen: true });
     const dmsFeed = useSubscription(subDms, { leaveOpen: true });
+    const mutedFeed = useSubscription(subMuted, { leaveOpen: true });
 
     useEffect(() => {
         let contactList = metadataFeed.store.notes.filter(a => a.kind === EventKind.ContactList);
@@ -96,7 +112,7 @@ export default function useLoginFeed() {
     }, [metadataFeed.store]);
 
     useEffect(() => {
-        let notifications = notificationFeed.store.notes.filter(a => a.kind === EventKind.TextNote);
+        let notifications = notificationFeed.store.notes.filter(a => a.kind === EventKind.TextNote && !muted.includes(a.pubkey))
 
         if ("Notification" in window && Notification.permission === "granted") {
             for (let nx of notifications.filter(a => (a.created_at * 1000) > readNotifications)) {
@@ -108,6 +124,11 @@ export default function useLoginFeed() {
         dispatch(addNotifications(notifications));
     }, [notificationFeed.store]);
 
+    useEffect(() => {
+      const ps = getMutedKeys(mutedFeed.store.notes)
+      dispatch(setMuted(ps))
+    }, [mutedFeed.store])
+
     useEffect(() => {
         let dms = dmsFeed.store.notes.filter(a => a.kind === EventKind.DirectMessage);
         dispatch(addDirectMessage(dms));
@@ -159,4 +180,4 @@ async function sendNotification(ev: TaggedRawEvent) {
             vibrate: [500]
         });
     }
-}
+}