Add some relay display functions

packages/app/src/relays.ts

@@ -2,7 +2,7 @@ import {writable, derived} from 'svelte/store'
 import {withGetter} from '@welshman/store'
 import {ctx, groupBy, indexBy, batch, now, uniq, batcher, postJson} from '@welshman/lib'
 import type {RelayProfile} from "@welshman/util"
-import {normalizeRelayUrl} from "@welshman/util"
+import {normalizeRelayUrl, displayRelayUrl, displayRelayProfile} from "@welshman/util"
 import {AuthStatus, asMessage, type Connection, type SocketMessage} from '@welshman/net'
 import {collection} from './collection'
 
@@ -88,6 +88,12 @@ export const {
   }),
 })
 
+export const displayRelayByPubkey = (url: string) =>
+  displayRelayProfile(relaysByUrl.get().get(url)?.profile, displayRelayUrl(url))
+
+export const deriveRelayDisplay = (url: string) =>
+  derived(deriveRelay(url), $relay => displayRelayProfile($relay?.profile, displayRelayUrl(url)))
+
 // Utilities for syncing stats from connections to relays
 
 type RelayStatsUpdate = [string, (stats: RelayStats) => void]