feat: add new account management

packages/ark/src/components/note/buttons/repost.tsx

@@ -3,7 +3,6 @@ import { cn, editorAtom, editorValueAtom } from "@lume/utils";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import * as Tooltip from "@radix-ui/react-tooltip";
 import { useSetAtom } from "jotai";
-import { nip19 } from "nostr-tools";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";

packages/ark/src/components/user/about.tsx

@@ -31,7 +31,7 @@ export function UserAbout({ className }: { className?: string }) {
 
 	return (
 		<div className={cn("select-text break-p", className)}>
-			{user.about?.trim() || user.bio?.trim() || "No bio"}
+			{user.profile.about?.trim() || "No bio"}
 		</div>
 	);
 }

packages/ark/src/components/user/avatar.tsx

@@ -46,7 +46,7 @@ export function UserAvatar({ className }: { className?: string }) {
 				/>
 			) : (
 				<Avatar.Image
-					src={user.image}
+					src={user.profile.picture}
 					alt={user.pubkey}
 					loading="eager"
 					decoding="async"

packages/ark/src/components/user/cover.tsx

@@ -15,7 +15,7 @@ export function UserCover({ className }: { className?: string }) {
 		);
 	}
 
-	if (user && !user.banner) {
+	if (user && !user.profile.banner) {
 		return (
 			<div
 				className={cn("bg-gradient-to-b from-sky-400 to-sky-200", className)}
@@ -25,7 +25,7 @@ export function UserCover({ className }: { className?: string }) {
 
 	return (
 		<img
-			src={user.banner}
+			src={user.profile.banner}
 			alt="banner"
 			loading="lazy"
 			decoding="async"

packages/ark/src/components/user/name.tsx

@@ -17,7 +17,7 @@ export function UserName({ className }: { className?: string }) {
 
 	return (
 		<div className={cn("max-w-[12rem] truncate", className)}>
-			{user.displayName || user.name || "Anon"}
+			{user.profile.display_name || user.profile.name || "Anon"}
 		</div>
 	);
 }

packages/ark/src/components/user/nip05.tsx

@@ -1,26 +1,17 @@
 import { VerifiedIcon } from "@lume/icons";
 import { cn, displayNpub } from "@lume/utils";
 import { useQuery } from "@tanstack/react-query";
-import { useArk } from "../../hooks/useArk";
 import { useUserContext } from "./provider";
 
-export function UserNip05({
-	pubkey,
-	className,
-}: { pubkey: string; className?: string }) {
-	const ark = useArk();
+export function UserNip05({ className }: { className?: string }) {
 	const user = useUserContext();
 
 	const { isLoading, data: verified } = useQuery({
-		queryKey: ["nip05", user?.nip05],
+		queryKey: ["nip05", user?.profile.nip05],
 		queryFn: async ({ signal }: { signal: AbortSignal }) => {
 			if (!user) return false;
-			if (!user.nip05) return false;
-			return ark.validateNIP05({
-				pubkey,
-				nip05: user.nip05,
-				signal,
-			});
+			if (!user.profile.nip05) return false;
+			return false;
 		},
 		enabled: !!user,
 	});
@@ -39,11 +30,11 @@ export function UserNip05({
 	return (
 		<div className="inline-flex items-center gap-1">
 			<p className={cn("text-sm", className)}>
-				{!user?.nip05
-					? displayNpub(pubkey, 16)
-					: user?.nip05?.startsWith("_@")
-					  ? user?.nip05?.replace("_@", "")
-					  : user?.nip05}
+				{!user?.profile.nip05
+					? displayNpub(user.pubkey, 16)
+					: user?.profile.nip05?.startsWith("_@")
+					  ? user?.profile.nip05?.replace("_@", "")
+					  : user?.profile.nip05}
 			</p>
 			{!isLoading && verified ? (
 				<VerifiedIcon className="size-4 text-teal-500" />

packages/ark/src/components/user/provider.tsx

@@ -3,7 +3,7 @@ import { useQuery } from "@tanstack/react-query";
 import { ReactNode, createContext, useContext } from "react";
 import { useArk } from "../../hooks/useArk";
 
-const UserContext = createContext<Metadata>(null);
+const UserContext = createContext<{ pubkey: string; profile: Metadata }>(null);
 
 export function UserProvider({
 	pubkey,
@@ -11,12 +11,12 @@ export function UserProvider({
 	embed,
 }: { pubkey: string; children: ReactNode; embed?: string }) {
 	const ark = useArk();
-	const { data: user } = useQuery({
+	const { data: profile } = useQuery({
 		queryKey: ["user", pubkey],
 		queryFn: async () => {
 			if (embed) return JSON.parse(embed) as Metadata;
 
-			const profile = await ark.get_metadata(pubkey);
+			const profile = await ark.get_profile(pubkey);
 
 			if (!profile)
 				throw new Error(
@@ -32,7 +32,11 @@ export function UserProvider({
 		retry: 2,
 	});
 
-	return <UserContext.Provider value={user}>{children}</UserContext.Provider>;
+	return (
+		<UserContext.Provider value={{ pubkey, profile }}>
+			{children}
+		</UserContext.Provider>
+	);
 }
 
 export function useUserContext() {