Optimistically load messaging relays

src/app/components/Chat.svelte

@@ -48,7 +48,7 @@
   import ChatCompose from "@app/components/ChatCompose.svelte"
   import ChatComposeParent from "@app/components/ChatComposeParent.svelte"
   import ThunkToast from "@app/components/ThunkToast.svelte"
-  import {INDEXER_RELAYS, userSettingsValues, PLATFORM_NAME, deriveChat} from "@app/core/state"
+  import {userSettingsValues, PLATFORM_NAME, deriveChat} from "@app/core/state"
   import {pushModal} from "@app/util/modal"
   import {prependParent} from "@app/core/commands"
   import {pushToast} from "@app/util/toast"
@@ -121,12 +121,14 @@
 
     // Split the message into multiple pieces so that we can use kind 15 to send images per nip 17
     // Sleep 1 second between each one to make sure timestamps are distinct
-    const thunks = Array.from(enumerate(templates)).map(([i, event]) =>
+    const thunks = await Promise.all(
-      sendWrapped({
+      Array.from(enumerate(templates)).map(([i, event]) =>
-        event,
+        sendWrapped({
-        recipients: pubkeys,
+          event,
-        delay: $userSettingsValues.send_delay + ms(i),
+          recipients: pubkeys,
-      }),
+          delay: $userSettingsValues.send_delay + ms(i),
+        }),
+      ),
     )
 
     pushToast({
@@ -178,7 +180,7 @@
 
   onMount(() => {
     for (const pubkey of others) {
-      loadMessagingRelayList(pubkey, INDEXER_RELAYS, true)
+      loadMessagingRelayList(pubkey)
     }
 
     const observer = new ResizeObserver(() => {

src/app/components/ChatStart.svelte

@@ -5,6 +5,7 @@
   import {goto} from "$app/navigation"
   import {tryCatch, uniq} from "@welshman/lib"
   import {fromNostrURI} from "@welshman/util"
+  import {loadMessagingRelayList} from "@welshman/app"
   import {preventDefault} from "@lib/html"
   import Field from "@lib/components/Field.svelte"
   import Button from "@lib/components/Button.svelte"
@@ -33,6 +34,10 @@
 
   let pubkeys: string[] = $state([])
 
+  $effect(() => {
+    pubkeys.forEach(pubkey => loadMessagingRelayList(pubkey))
+  })
+
   onMount(() => {
     return term.subscribe(t => {
       if (t.match(/^[0-9a-f]{64}$/)) {

src/app/components/ProfileDetail.svelte

@@ -1,8 +1,15 @@
 <script lang="ts">
+  import {onMount} from "svelte"
   import {goto} from "$app/navigation"
   import {removeUndefined} from "@welshman/lib"
   import {ManagementMethod} from "@welshman/util"
-  import {shouldUnwrap, manageRelay, deriveProfile, displayProfileByPubkey} from "@welshman/app"
+  import {
+    shouldUnwrap,
+    manageRelay,
+    deriveProfile,
+    displayProfileByPubkey,
+    loadMessagingRelayList,
+  } from "@welshman/app"
   import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
   import Code2 from "@assets/icons/code-2.svg?dataurl"
   import Letter from "@assets/icons/letter-opened.svg?dataurl"
@@ -75,6 +82,10 @@
     })
 
   let showMenu = $state(false)
+
+  onMount(() => {
+    loadMessagingRelayList(pubkey)
+  })
 </script>
 
 <Modal>