Files
zap.stream/src/hooks/live-chat.tsx
2024-01-15 12:22:19 +00:00

36 lines
1.3 KiB
TypeScript

import { NostrLink, RequestBuilder } from "@snort/system";
import { useReactions, useRequestBuilder } from "@snort/system-react";
import { unixNow } from "@snort/shared";
import { useMemo } from "react";
import { LIVE_STREAM_CHAT, LIVE_STREAM_CLIP, LIVE_STREAM_RAID, WEEK } from "@/const";
export function useLiveChatFeed(link?: NostrLink, eZaps?: Array<string>, limit = 100) {
const since = useMemo(() => unixNow() - WEEK, [link?.id]);
const sub = useMemo(() => {
if (!link) return null;
const rb = new RequestBuilder(`live:${link.id}:${link.author}`);
rb.withOptions({
leaveOpen: true,
});
const aTag = `${link.kind}:${link.author}:${link.id}`;
rb.withFilter().kinds([LIVE_STREAM_CHAT, LIVE_STREAM_RAID, LIVE_STREAM_CLIP]).tag("a", [aTag]).limit(limit);
return rb;
}, [link?.id, since, eZaps]);
const feed = useRequestBuilder(sub);
const messages = useMemo(() => {
return (feed ?? []).filter(
ev => ev.kind === LIVE_STREAM_CHAT || ev.kind === LIVE_STREAM_RAID || ev.kind === LIVE_STREAM_CLIP
);
}, [feed]);
const reactions = useReactions(
`live:${link?.id}:${link?.author}:reactions`,
messages.map(a => NostrLink.fromEvent(a)).concat(link ? [link] : []),
undefined,
true
);
return { messages, reactions: reactions ?? [] };
}