Merge pull request #138 from flo-bit/custom-domains

updated blentos redirect to custom domains

src/lib/atproto/methods.ts

···
 export async function getBlentoOrBskyProfile(data: { did: Did; client?: Client }): Promise<
 	Awaited<ReturnType<typeof getDetailedProfile>> & {
 		hasBlento: boolean;
+		url?: string;
 	}
 > {
 	let blentoProfile;
···
 		displayName: blentoProfile?.value?.name || response?.displayName || response?.handle,
 		avatar: (getCDNImageBlobUrl({ did: data?.did, blob: blentoProfile?.value?.icon }) ||
 			response?.avatar) as `${string}:${string}`,
-		hasBlento: Boolean(blentoProfile.value)
+		hasBlento: Boolean(blentoProfile.value),
+		url: blentoProfile?.value?.url as string | undefined
 	};
 }
 

src/lib/cards/SpecialCards/UpdatedBlentos/UpdatedBlentosCard.svelte

···
 
 	let { item }: ContentComponentProps = $props();
 
+	type ProfileWithUrl = AppBskyActorDefs.ProfileViewDetailed & { url?: string };
+
 	const data = getAdditionalUserData();
 	// svelte-ignore state_referenced_locally
-	const profiles = data[item.cardType] as AppBskyActorDefs.ProfileViewDetailed[];
+	const profiles = data[item.cardType] as ProfileWithUrl[];
 
-	function getLink(profile: AppBskyActorDefs.ProfileViewDetailed): string {
-		if (profile.handle && profile.handle !== 'handle.invalid') {
+	function getLink(profile: ProfileWithUrl): string {
+		if (profile.url) {
+			return profile.url;
+		} else if (profile.handle && profile.handle !== 'handle.invalid') {
 			return `/${profile.handle}`;
 		} else {
 			return `/${profile.did}`;
···
 				href={getLink(profile)}
 				class="bg-base-100 dark:bg-base-800 hover:bg-base-200 dark:hover:bg-base-700 accent:bg-accent-200/30 accent:hover:bg-accent-200/50 flex h-52 w-44 min-w-44 flex-col items-center justify-center gap-2 rounded-xl p-2 transition-colors duration-150"
 				target="_blank"
+				rel={profile.url ? 'nofollow noopener noreferrer' : undefined}
 			>
 				<Avatar src={profile.avatar} class="size-28" alt="" />
 				<div class="text-md line-clamp-1 max-w-full text-center font-bold">

src/lib/website/CustomDomainModal.svelte

···
 	import { user } from '$lib/atproto';
 	import { Button, Input } from '@foxui/core';
 	import Modal from '$lib/components/modal/Modal.svelte';
+	import { launchConfetti } from '@foxui/visual';
 
 	let step: 'input' | 'instructions' | 'verifying' | 'success' | 'error' = $state('input');
 	let domain = $state('');
···
 			const data = await res.json();
 
 			if (data.success) {
+				launchConfetti();
 				step = 'success';
 			} else if (data.error) {
 				errorMessage = data.error;