Keep follow sync trickling

src/app/core/sync.ts

@@ -252,12 +252,15 @@ const syncUserData = () => {
     loadFeedsForPubkey(pubkey)
   }
 
-  const syncFollowList = () => {
+  const syncFollowList = async (signal: AbortSignal) => {
     for (const pubkeys of chunk(10, get(bootstrapPubkeys))) {
-      void (async () => {
+      if (signal.aborted) return
+
       // This isn't urgent, avoid clogging other stuff up
       await sleep(1000)
 
+      if (signal.aborted) return
+
       await Promise.all(
         pubkeys.flatMap(pk => [
           loadRelayList(pk),
@@ -267,10 +270,11 @@ const syncUserData = () => {
           loadMuteList(pk),
         ]),
       )
-      })()
     }
   }
 
+  let bootstrapFollowController = new AbortController()
+
   const unsubscribeGroupList = merged([userGroupList]).subscribe(([$userGroupList]) => {
     syncGroupList($userGroupList)
   })
@@ -280,10 +284,13 @@ const syncUserData = () => {
   })
 
   const unsubscribeFollows = merged([userFollowList]).subscribe(() => {
-    syncFollowList()
+    bootstrapFollowController.abort()
+    bootstrapFollowController = new AbortController()
+    void syncFollowList(bootstrapFollowController.signal)
   })
 
   return () => {
+    bootstrapFollowController.abort()
     unsubscribersByKey.forEach(call)
     unsubscribeGroupList()
     unsubscribeRelayList()