feat: render emoji packs and goals in cards

src/hooks/emoji.tsx

@@ -1,6 +1,5 @@
 import {
   RequestBuilder,
-  EventKind,
   ReplaceableNoteStore,
   NoteCollection,
   NostrEvent,
@@ -9,6 +8,7 @@ import { useRequestBuilder } from "@snort/system-react";
 import { System } from "index";
 import { useMemo } from "react";
 import { findTag } from "utils";
+import { EMOJI_PACK, USER_EMOJIS } from "const";
 import type { EmojiTag } from "../element/emoji";
 import uniqBy from "lodash.uniqby";
 
@@ -49,9 +49,7 @@ export default function useEmoji(pubkey?: string) {
     if (!pubkey) return null;
     const rb = new RequestBuilder(`emoji:${pubkey}`);
 
-    rb.withFilter()
-      .authors([pubkey])
-      .kinds([10030 as EventKind]);
+    rb.withFilter().authors([pubkey]).kinds([USER_EMOJIS]);
 
     return rb;
   }, [pubkey]);
@@ -59,13 +57,13 @@ export default function useEmoji(pubkey?: string) {
   const { data: userEmoji } = useRequestBuilder<ReplaceableNoteStore>(
     System,
     ReplaceableNoteStore,
-    sub
+    sub,
   );
 
   const related = useMemo(() => {
     if (userEmoji) {
       return userEmoji.tags.filter(
-        (t) => t.at(0) === "a" && t.at(1)?.startsWith(`30030:`)
+        (t) => t.at(0) === "a" && t.at(1)?.startsWith(`${EMOJI_PACK}:`),
       );
     }
     return [];
@@ -85,14 +83,9 @@ export default function useEmoji(pubkey?: string) {
 
     const rb = new RequestBuilder(`emoji-related:${pubkey}`);
 
-    rb.withFilter()
-      .kinds([30030 as EventKind])
-      .authors(authors)
-      .tag("d", identifiers);
+    rb.withFilter().kinds([EMOJI_PACK]).authors(authors).tag("d", identifiers);
 
-    rb.withFilter()
-      .kinds([30030 as EventKind])
-      .authors([pubkey]);
+    rb.withFilter().kinds([EMOJI_PACK]).authors([pubkey]);
 
     return rb;
   }, [pubkey, related]);
@@ -100,7 +93,7 @@ export default function useEmoji(pubkey?: string) {
   const { data: relatedData } = useRequestBuilder<NoteCollection>(
     System,
     NoteCollection,
-    subRelated
+    subRelated,
   );
 
   const emojiPacks = useMemo(() => {

src/hooks/event.ts

@@ -0,0 +1,43 @@
+import { useMemo } from "react";
+
+import {
+  NostrPrefix,
+  ReplaceableNoteStore,
+  RequestBuilder,
+  type NostrLink,
+} from "@snort/system";
+import { useRequestBuilder } from "@snort/system-react";
+
+import { System } from "index";
+
+export function useEvent(link: NostrLink) {
+  const sub = useMemo(() => {
+    const b = new RequestBuilder(`event:${link.id.slice(0, 12)}`);
+    if (link.type === NostrPrefix.Address) {
+      const f = b.withFilter().tag("d", [link.id]);
+      if (link.author) {
+        f.authors([link.author]);
+      }
+      if (link.kind) {
+        f.kinds([link.kind]);
+      }
+    } else {
+      const f = b.withFilter().ids([link.id]);
+      if (link.relays) {
+        link.relays.slice(0, 2).forEach((r) => f.relay(r));
+      }
+      if (link.author) {
+        f.authors([link.author]);
+      }
+    }
+    return b;
+  }, [link]);
+
+  const { data } = useRequestBuilder<ReplaceableNoteStore>(
+    System,
+    ReplaceableNoteStore,
+    sub,
+  );
+
+  return data;
+}

src/hooks/goals.ts

@@ -1,13 +1,37 @@
 import { useMemo } from "react";
 import {
+  EventKind,
+  NostrEvent,
   RequestBuilder,
+  NoteCollection,
   ReplaceableNoteStore,
   NostrLink,
+  parseZap,
 } from "@snort/system";
 import { useRequestBuilder } from "@snort/system-react";
 import { GOAL } from "const";
 import { System } from "index";
 
+export function useZaps(goal: NostrEvent, leaveOpen = false) {
+  const sub = useMemo(() => {
+    const b = new RequestBuilder(`goal-zaps:${goal.id.slice(0, 12)}`);
+    b.withOptions({ leaveOpen });
+    b.withFilter()
+      .kinds([EventKind.ZapReceipt])
+      .tag("e", [goal.id])
+      .since(goal.created_at);
+    return b;
+  }, [goal, leaveOpen]);
+
+  const { data } = useRequestBuilder<NoteCollection>(
+    System,
+    NoteCollection,
+    sub,
+  );
+
+  return data?.map((ev) => parseZap(ev, System.ProfileLoader.Cache)).filter((z) => z && z.valid) ?? [];
+}
+
 export function useZapGoal(host: string, link: NostrLink, leaveOpen = false) {
   const sub = useMemo(() => {
     const b = new RequestBuilder(`goals:${host.slice(0, 12)}`);
@@ -22,7 +46,7 @@ export function useZapGoal(host: string, link: NostrLink, leaveOpen = false) {
   const { data } = useRequestBuilder<ReplaceableNoteStore>(
     System,
     ReplaceableNoteStore,
-    sub
+    sub,
   );
 
   return data;