fix: upgrade subscriber-ts to include a few fixes (#82)

* fix: upgrade subscriber-ts to include a few fixes

Author: neilcampbell

package-lock.json

@@ -22,7 +22,7 @@
     "pre-commit": "run-s check-types lint:fix audit test"
   },
   "dependencies": {
-    "@algorandfoundation/algokit-subscriber": "^1.3.0-beta.6",
+    "@algorandfoundation/algokit-subscriber": "^1.3.0",
     "@algorandfoundation/algokit-utils": "^6.0.4",
     "@blockshake/defly-connect": "^1.1.6",
     "@daffiwallet/connect": "^1.0.3",
@@ -155,4 +155,4 @@
       "semantic-release-export-data"
     ]
   }
-}
+}

package.json

@@ -24,7 +24,7 @@ import { applicationResultsAtom } from '@/features/applications/data'
 import { syncedRoundAtom } from './synced-round'
 import { algod } from '@/features/common/data/algo-client'
 
-const maxBlocksToDisplay = 5
+const maxBlocksToDisplay = 10
 
 export const latestBlockSummariesAtom = atom<BlockSummary[]>([])
 const refreshLatestBlockSummariesEffect = atomEffect((get, set) => {
@@ -76,9 +76,9 @@ const subscribeToBlocksEffect = atomEffect((get, set) => {
           },
         },
       ],
-      maxRoundsToSync: 1,
+      maxRoundsToSync: maxBlocksToDisplay,
       waitForBlockWhenAtTip: true,
-      syncBehaviour: 'skip-sync-newest',
+      syncBehaviour: 'sync-oldest-start-now',
       watermarkPersistence: {
         get: async () => get(syncedRoundAtom) ?? 0,
         set: async (watermark) => {

src/features/blocks/data/latest-blocks.ts

@@ -100,7 +100,7 @@ describe('explore-page', () => {
   })
 
   describe('when a large number of blocks have been processed', () => {
-    const data = Array.from({ length: randomNumberBetween(6, 100) }, () => {
+    const data = Array.from({ length: randomNumberBetween(11, 100) }, () => {
       const transactions = Array.from({ length: randomNumberBetween(10, 100) }, () => {
         return transactionResultMother.payment().build()
       })
@@ -121,7 +121,7 @@ describe('explore-page', () => {
       }
     )
 
-    it('only the latest 5 blocks are displayed', () => {
+    it('only the latest 10 blocks are displayed', () => {
       const myStore = createStore()
       myStore.set(transactionResultsAtom, data.transactions)
       myStore.set(blockResultsAtom, data.blocks)
@@ -136,13 +136,13 @@ describe('explore-page', () => {
             const container = latestBlocks.parentElement!
             expect(data.blocks.size).toBeGreaterThan(5)
             const blockCards = getAllByRole(container, 'link')
-            expect(blockCards.length).toBe(5)
+            expect(blockCards.length).toBe(10)
           })
         }
       )
     })
 
-    it('the latest 50 transactions are displayed', () => {
+    it('the latest 10 transactions are displayed', () => {
       const myStore = createStore()
       myStore.set(transactionResultsAtom, data.transactions)
       myStore.set(blockResultsAtom, data.blocks)
@@ -157,7 +157,7 @@ describe('explore-page', () => {
             const container = latestTransactions.parentElement!
             expect(data.transactions.size).toBeGreaterThan(50)
             const transactionCards = getAllByRole(container, 'link')
-            expect(transactionCards.length).toBe(50)
+            expect(transactionCards.length).toBe(10)
           })
         }
       )

src/features/explore/pages/explorer-page.test.tsx

@@ -2,7 +2,7 @@ import { latestBlockSummariesAtom } from '@/features/blocks/data'
 import { atom, useAtomValue } from 'jotai'
 import { TransactionSummary } from '../models'
 
-const maxTransactionsToDisplay = 50
+const maxTransactionsToDisplay = 10
 
 const createLatestTransactionSummariesAtom = () => {
   return atom((get) => {