feat: profile page

src/hooks/profile.ts

@@ -0,0 +1,67 @@
+import { useMemo } from "react";
+import {
+  RequestBuilder,
+  ReplaceableNoteStore,
+  FlatNoteStore,
+  NostrLink,
+  EventKind,
+  parseZap,
+} from "@snort/system";
+import { useRequestBuilder } from "@snort/system-react";
+import { LIVE_STREAM } from "const";
+import { findTag } from "utils";
+import { System } from "index";
+
+export function useProfile(link: NostrLink, leaveOpen = false) {
+  const sub = useMemo(() => {
+    const b = new RequestBuilder(`profile:${link.id.slice(0, 12)}`);
+    b.withOptions({
+      leaveOpen,
+    })
+      .withFilter()
+      .kinds([LIVE_STREAM])
+      .authors([link.id]);
+    return b;
+  }, [link, leaveOpen]);
+
+  const { data: streamsData } = useRequestBuilder<ReplaceableNoteStore>(
+    System,
+    ReplaceableNoteStore,
+    sub
+  );
+
+  const streams = Array.isArray(streamsData)
+    ? streamsData
+    : streamsData
+    ? [streamsData]
+    : [];
+
+  const addresses = useMemo(() => {
+    return streams.map((e) => `${e.kind}:${e.pubkey}:${findTag(e, "d")}`);
+  }, [streamsData]);
+
+  const zapsSub = useMemo(() => {
+    const b = new RequestBuilder(`profile-zaps:${link.id.slice(0, 12)}`);
+    b.withOptions({
+      leaveOpen,
+    })
+      .withFilter()
+      .kinds([EventKind.ZapReceipt])
+      .tag("a", addresses);
+    return b;
+  }, [link, addresses, leaveOpen]);
+
+  const { data: zapsData } = useRequestBuilder<FlatNoteStore>(
+    System,
+    FlatNoteStore,
+    zapsSub
+  );
+  const zaps = (zapsData ?? [])
+    .map((ev) => parseZap(ev, System.ProfileLoader.Cache))
+    .filter((z) => z && z.valid);
+
+  return {
+    streams,
+    zaps,
+  };
+}