feat: improve column carousel

src/system/useProfile.ts

@@ -0,0 +1,45 @@
+import { commands } from "@/commands.gen";
+import type { Metadata } from "@/types";
+import { useQuery } from "@tanstack/react-query";
+import { nip19 } from "nostr-tools";
+
+export function useProfile(pubkey: string, embed?: string) {
+	const {
+		isLoading,
+		isError,
+		data: profile,
+	} = useQuery({
+		queryKey: ["profile", pubkey],
+		queryFn: async () => {
+			if (embed) {
+				const metadata: Metadata = JSON.parse(embed);
+				return metadata;
+			}
+
+			let normalizeId = pubkey.replace("nostr:", "").replace(/[^\w\s]/gi, "");
+
+			if (normalizeId.startsWith("nprofile")) {
+				const decoded = nip19.decode(normalizeId);
+
+				if (decoded.type === "nprofile") {
+					normalizeId = decoded.data.pubkey;
+				}
+			}
+
+			const query = await commands.getProfile(normalizeId);
+
+			if (query.status === "ok") {
+				return JSON.parse(query.data) as Metadata;
+			} else {
+				throw new Error(query.error);
+			}
+		},
+		refetchOnMount: false,
+		refetchOnWindowFocus: false,
+		refetchOnReconnect: false,
+		staleTime: Number.POSITIVE_INFINITY,
+		retry: 2,
+	});
+
+	return { isLoading, isError, profile };
+}