Add favorite DVM feeds

.changeset/twelve-plums-yell.md

@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Add favorite DVM feeds

package.json

@@ -45,7 +45,7 @@
     "applesauce-channel": "next",
     "applesauce-content": "next",
     "applesauce-core": "next",
-    "applesauce-lists": "next",
+    "applesauce-lists": "0.0.0-next-20241127180935",
     "applesauce-net": "next",
     "applesauce-react": "next",
     "applesauce-signer": "next",

src/components/dvm/dvm-feed-favorite-button.tsx

@@ -0,0 +1,52 @@
+import { useState } from "react";
+import { IconButton, IconButtonProps } from "@chakra-ui/react";
+import { kinds } from "nostr-tools";
+import { modifyEventTags, unixNow } from "applesauce-core/helpers";
+import { AddressPointer } from "nostr-tools/nip19";
+import { Operations, isAddressPointerInList } from "applesauce-lists/helpers";
+
+import useFavoriteFeeds, { FAVORITE_FEEDS_IDENTIFIER } from "../../hooks/use-favorite-feeds";
+import { usePublishEvent } from "../../providers/global/publish-provider";
+import { StarEmptyIcon, StarFullIcon } from "../icons";
+import { useSigningContext } from "../../providers/global/signing-provider";
+import useAsyncErrorHandler from "../../hooks/use-async-error-handler";
+
+export default function DVMFeedFavoriteButton({
+  pointer,
+  ...props
+}: { pointer: AddressPointer } & Omit<IconButtonProps, "children" | "aria-label" | "isLoading" | "onClick">) {
+  const publish = usePublishEvent();
+  const { finalizeDraft } = useSigningContext();
+  const { favorites } = useFavoriteFeeds();
+  const isFavorite = !!favorites && isAddressPointerInList(favorites, pointer);
+  const [loading, setLoading] = useState(false);
+
+  const handleClick = useAsyncErrorHandler(async () => {
+    const prev =
+      favorites ||
+      (await finalizeDraft({
+        kind: kinds.Application,
+        created_at: unixNow(),
+        content: "",
+        tags: [["d", FAVORITE_FEEDS_IDENTIFIER]],
+      }));
+
+    setLoading(true);
+    const draft = await modifyEventTags(prev, {
+      public: isFavorite ? Operations.removeCoordinateTag(pointer) : Operations.addCoordinateTag(pointer),
+    });
+    await publish(isFavorite ? "Unfavorite feed" : "Favorite feed", draft);
+    setLoading(false);
+  }, [finalizeDraft, favorites, pointer, publish, setLoading]);
+
+  return (
+    <IconButton
+      icon={isFavorite ? <StarFullIcon /> : <StarEmptyIcon />}
+      aria-label={isFavorite ? "Favorite feed" : "Unfavorite feed"}
+      onClick={handleClick}
+      isLoading={loading}
+      color={isFavorite ? "yellow.400" : undefined}
+      {...props}
+    />
+  );
+}

src/components/note/bookmark-event.tsx

@@ -12,10 +12,11 @@ import {
   useDisclosure,
 } from "@chakra-ui/react";
 import { kinds } from "nostr-tools";
+import { getEventPointersFromList } from "applesauce-lists/helpers";
 
 import useCurrentAccount from "../../hooks/use-current-account";
 import useUserSets from "../../hooks/use-user-lists";
-import { listAddEvent, listRemoveEvent, getEventPointersFromList, getListName } from "../../helpers/nostr/lists";
+import { listAddEvent, listRemoveEvent, getListName } from "../../helpers/nostr/lists";
 import { NostrEvent } from "../../types/nostr-event";
 import { getEventCoordinate } from "../../helpers/nostr/event";
 import { BookmarkIcon, BookmarkedIcon, PlusCircleIcon } from "../icons";

src/components/user/user-follow-button.tsx

@@ -12,6 +12,7 @@ import {
   useDisclosure,
 } from "@chakra-ui/react";
 import { kinds } from "nostr-tools";
+import { isProfilePointerInList } from "applesauce-lists/helpers";
 
 import useCurrentAccount from "../../hooks/use-current-account";
 import { ChevronDownIcon, FollowIcon, MuteIcon, PlusCircleIcon, UnfollowIcon, UnmuteIcon } from "../icons";
@@ -22,7 +23,6 @@ import {
   listRemovePerson,
   getListName,
   getPubkeysFromList,
-  isPubkeyInList,
 } from "../../helpers/nostr/lists";
 import { getEventCoordinate } from "../../helpers/nostr/event";
 import { useSigningContext } from "../../providers/global/signing-provider";
@@ -111,7 +111,7 @@ export function UserFollowButton({ pubkey, showLists, ...props }: UserFollowButt
   const { isMuted, unmute } = useUserMuteActions(pubkey);
   const { openModal } = useMuteModalContext();
 
-  const isFollowing = isPubkeyInList(contacts, pubkey);
+  const isFollowing = !!contacts && isProfilePointerInList(contacts, pubkey);
   const isDisabled = account?.readonly ?? true;
 
   const [loading, setLoading] = useState(false);