Tweak syncing so it works better for picky relays

src/app/components/SpaceMenu.svelte

@@ -2,8 +2,9 @@
   import {onMount} from "svelte"
   import {derived} from "svelte/store"
   import {displayRelayUrl, EVENT_TIME, ZAP_GOAL, THREAD, CLASSIFIED, REPORT} from "@welshman/util"
-  import {deriveRelay, pubkey} from "@welshman/app"
+  import {deriveRelay, createSearch, pubkey} from "@welshman/app"
   import {fly} from "@lib/transition"
+  import Magnifier from "@assets/icons/magnifier.svg?dataurl"
   import AltArrowDown from "@assets/icons/alt-arrow-down.svg?dataurl"
   import RemoteControllerMinimalistic from "@assets/icons/remote-controller-minimalistic.svg?dataurl"
   import UserRounded from "@assets/icons/user-rounded.svg?dataurl"
@@ -51,6 +52,7 @@
     deriveEventsForUrl,
     notificationSettings,
     deriveShouldNotify,
+    displayRoom,
   } from "@app/core/state"
   import {setSpaceNotifications} from "@app/core/commands"
   import {notifications} from "@app/util/notifications"
@@ -76,6 +78,16 @@
     $events => new Set($events.map(e => e.kind)),
   )
 
+  const roomSearch = derived(otherRooms, $otherRooms =>
+    createSearch(
+      $otherRooms.map(h => ({h, name: displayRoom(url, h)})),
+      {
+        getValue: item => item.h,
+        fuseOptions: {keys: ["name"]},
+      },
+    ),
+  )
+
   const openMenu = () => {
     showMenu = true
   }
@@ -106,6 +118,13 @@
     setSpaceNotifications(url, !$shouldNotify)
   }
 
+  const clearTerm = () => {
+    setTimeout(() => {
+      term = ""
+    }, 100)
+  }
+
+  let term = $state("")
   let showMenu = $state(false)
   let replaceState = $state(false)
   let element: Element | undefined = $state()
@@ -201,7 +220,8 @@
         </Popover>
       {/if}
     </div>
-    <div class="flex max-h-[calc(100vh-150px)] min-h-0 flex-col gap-1 overflow-auto">
+    <div
+      class="flex max-h-[calc(100vh-150px)] min-h-0 flex-col gap-1 overflow-auto overflow-x-hidden">
       {#if hasNip29($relay)}
         <SecondaryNavItem {replaceState} href={makeSpacePath(url, "recent")}>
           <Icon icon={History} /> Recent Activity
@@ -264,7 +284,13 @@
             {/if}
           </SecondaryNavHeader>
         {/if}
-        {#each $otherRooms as h, i (h)}
+        {#if $otherRooms.length > 20}
+          <label class="input input-sm input-bordered mx-4 flex items-center gap-2">
+            <Icon icon={Magnifier} />
+            <input bind:value={term} onblur={clearTerm} class="grow" />
+          </label>
+        {/if}
+        {#each $roomSearch.searchValues(term) as h, i (h)}
           <SpaceMenuRoomItem {replaceState} {url} {h} />
         {/each}
         {#if $canCreateRoom}

src/app/core/sync.ts

@@ -1,18 +1,7 @@
 import {page} from "$app/stores"
 import type {Unsubscriber} from "svelte/store"
 import {derived, get} from "svelte/store"
-import {
+import {last, call, assoc, chunk, sleep, identity, WEEK, ago} from "@welshman/lib"
-  partition,
-  call,
-  sortBy,
-  assoc,
-  dissoc,
-  chunk,
-  sleep,
-  identity,
-  WEEK,
-  ago,
-} from "@welshman/lib"
 import {
   getListTags,
   getRelayTagValues,
@@ -30,7 +19,7 @@ import {
   isSignedEvent,
   unionFilters,
 } from "@welshman/util"
-import type {Filter, TrustedEvent} from "@welshman/util"
+import type {Filter} from "@welshman/util"
 import {request, load, pull} from "@welshman/net"
 import {
   pubkey,
@@ -45,7 +34,6 @@ import {
   loadFollowList,
   loadMuteList,
   loadProfile,
-  tracker,
   repository,
   shouldUnwrap,
   hasNegentropy,
@@ -69,44 +57,37 @@ import {hasBlossomSupport} from "@app/core/commands"
 
 // Utils
 
-type PullOpts = {
+type SyncOpts = {
-  relays: string[]
+  url: string
-  filters: Filter[]
   signal: AbortSignal
+  filters: Filter[]
 }
 
-export const pullWithFallback = ({relays, filters, signal}: PullOpts) => {
+export const pullWithFallback = ({url, signal, filters}: SyncOpts) => {
-  const [smart, dumb] = partition(hasNegentropy, relays)
+  const relays = [url]
-  const events = repository.query(filters, {shouldSort: false}).filter(isSignedEvent)
+  const events = repository.query(filters).filter(isSignedEvent)
-  const promises: Promise<TrustedEvent[]>[] = [pull({relays: smart, filters, signal, events})]
 
-  // Since pulling from relays without negentropy is expensive, limit how many
+  if (hasNegentropy(url)) {
-  // duplicates we repeatedly download
+    pull({relays, signal, events, filters})
-  for (const url of dumb) {
+  } else {
-    const urlEvents = events.filter(e => tracker.getRelays(e.id).has(url))
+    request({
-
+      relays,
-    if (urlEvents.length >= 100) {
+      signal,
-      filters = filters.map(assoc("since", sortBy(e => -e.created_at, urlEvents)[10]!.created_at))
+      autoClose: true,
-    }
+      filters: filters.map(assoc("since", last(events.slice(10))?.created_at || 0)),
-
+    })
-    promises.push(load({relays: [url], filters, signal}))
   }
-
-  return Promise.all(promises)
 }
 
-const pullAndListen = ({relays, filters, signal}: PullOpts) => {
+const listen = ({url, signal, filters}: SyncOpts) => {
-  pullWithFallback({
+  const relays = [url]
-    relays,
-    signal,
-    filters: filters.map(f => ({limit: 100, ...f})),
-  })
 
-  request({
+  request({relays, signal, filters: unionFilters(filters).map(assoc("limit", 0))})
-    relays,
+}
-    signal,
+
-    filters: unionFilters(filters.map(dissoc("limit"))).map(assoc("limit", 0)),
+const pullAndListen = ({url, filters, signal}: SyncOpts) => {
-  })
+  pullWithFallback({url, signal, filters})
+  listen({url, signal, filters})
 }
 
 // Relays
@@ -145,7 +126,7 @@ const syncUserSpaceMembership = (url: string) => {
 
   if ($pubkey) {
     pullAndListen({
-      relays: [url],
+      url,
       signal: controller.signal,
       filters: [
         {kinds: [RELAY_ADD_MEMBER], "#p": [$pubkey], limit: 1},
@@ -164,7 +145,7 @@ const syncUserRoomMembership = (url: string, h: string) => {
 
   if ($pubkey) {
     pullAndListen({
-      relays: [url],
+      url,
       signal: controller.signal,
       filters: [
         {kinds: [ROOM_ADD_MEMBER], "#p": [$pubkey], "#h": [h], limit: 1},
@@ -252,19 +233,38 @@ const syncUserData = () => {
 const syncSpace = (url: string) => {
   const controller = new AbortController()
 
+  // These are separated so that old versions of relay29 don't barf
+
   pullAndListen({
-    relays: [url],
+    url,
     signal: controller.signal,
-    filters: [
+    filters: [{kinds: [RELAY_MEMBERS, RELAY_ADD_MEMBER, RELAY_REMOVE_MEMBER]}],
-      {kinds: [RELAY_MEMBERS]},
+  })
-      {kinds: [ROOM_ADMINS, ROOM_MEMBERS]},
+
-      {kinds: [ROOM_META, ROOM_DELETE], limit: 1000},
+  pullAndListen({
-      {kinds: [ROOM_ADD_MEMBER, ROOM_REMOVE_MEMBER]},
+    url,
-      {kinds: [RELAY_ADD_MEMBER, RELAY_REMOVE_MEMBER]},
+    signal: controller.signal,
-      ...MESSAGE_KINDS.map(kind => ({kinds: [kind]})),
+    filters: [{kinds: [ROOM_META, ROOM_ADMINS, ROOM_MEMBERS]}],
-      makeCommentFilter(CONTENT_KINDS),
+  })
-      {kinds: REACTION_KINDS, limit: 0},
+
-    ],
+  pullAndListen({
+    url,
+    signal: controller.signal,
+    filters: [{kinds: [ROOM_DELETE, ROOM_ADD_MEMBER, ROOM_REMOVE_MEMBER]}],
+  })
+
+  const since = ago(WEEK)
+
+  pullAndListen({
+    url,
+    signal: controller.signal,
+    filters: [{kinds: MESSAGE_KINDS, since}, makeCommentFilter(CONTENT_KINDS, {since})],
+  })
+
+  listen({
+    url,
+    signal: controller.signal,
+    filters: [{kinds: REACTION_KINDS, limit: 0}],
   })
 
   return () => controller.abort()
@@ -310,18 +310,10 @@ const syncSpaces = () => {
 const syncDMRelay = (url: string, pubkey: string) => {
   const controller = new AbortController()
 
-  // Load historical data
+  pullAndListen({
-  pullWithFallback({
+    url,
-    relays: [url],
     signal: controller.signal,
-    filters: [{kinds: [WRAP], "#p": [pubkey], until: ago(WEEK, 2)}],
+    filters: [{kinds: [WRAP], "#p": [pubkey]}],
-  })
-
-  // Load new events
-  request({
-    relays: [url],
-    signal: controller.signal,
-    filters: [{kinds: [WRAP], "#p": [pubkey], since: ago(WEEK, 2)}],
   })
 
   return () => controller.abort()