Add some relay display functions

packages/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@welshman/app",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "author": "hodlbod",
   "license": "MIT",
   "description": "A collection of svelte stores for use in building nostr client applications.",
@@ -37,7 +37,7 @@
     "@welshman/net": "~0.0.25",
     "@welshman/signer": "~0.0.8",
     "@welshman/store": "~0.0.10",
-    "@welshman/util": "~0.0.37",
+    "@welshman/util": "~0.0.38",
     "fuse.js": "^7.0.0",
     "idb": "^8.0.0",
     "svelte": "^4.2.18",

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]