@stream-io/feeds-client 0.2.3 → 0.2.5

package/dist/index-react-bindings.node.cjs

@@ -5717,6 +5717,11 @@ function handleUserUpdated(event) {
     });
 }
 
+var UnhandledErrorType;
+(function (UnhandledErrorType) {
+    UnhandledErrorType["ReconnectionReconciliation"] = "reconnection-reconciliation";
+})(UnhandledErrorType || (UnhandledErrorType = {}));
+
 class FeedsClient extends FeedsApi {
     constructor(apiKey, options) {
         const tokenManager = new TokenManager();
@@ -5726,6 +5731,22 @@ class FeedsClient extends FeedsApi {
         this.eventDispatcher = new EventDispatcher();
         this.activeFeeds = {};
         this.healthyConnectionChangedEventCount = 0;
+        this.recoverOnReconnect = async () => {
+            this.healthyConnectionChangedEventCount++;
+            // we skip the first event as we could potentially be querying twice
+            if (this.healthyConnectionChangedEventCount > 1) {
+                const entries = Object.entries(this.activeFeeds);
+                const results = await Promise.allSettled(entries.map(([, feed]) => feed.synchronize()));
+                const failures = results.flatMap((result, index) => result.status === 'rejected'
+                    ? [{ feed: entries[index][0], reason: result.reason }]
+                    : []);
+                this.eventDispatcher.dispatch({
+                    type: 'errors.unhandled',
+                    error_type: UnhandledErrorType.ReconnectionReconciliation,
+                    failures,
+                });
+            }
+        };
         this.pollFromState = (id) => this.polls_by_id.get(id);
         this.connectUser = async (user, tokenProvider) => {
             if (this.state.getLatestValue().connected_user !== undefined ||
@@ -5821,18 +5842,18 @@ class FeedsClient extends FeedsApi {
         };
         this.getOrCreateActiveFeed = (group, id, data, watch) => {
             const fid = `${group}:${id}`;
-            if (this.activeFeeds[fid]) {
-                const feed = this.activeFeeds[fid];
-                if (watch && !feed.currentState.watch) {
-                    handleWatchStarted.bind(feed)();
-                }
-                return feed;
+            if (!this.activeFeeds[fid]) {
+                this.activeFeeds[fid] = new Feed(this, group, id, data, watch);
             }
-            else {
-                const feed = new Feed(this, group, id, data, watch);
-                this.activeFeeds[fid] = feed;
-                return feed;
+            const feed = this.activeFeeds[fid];
+            if (!feed.currentState.watch) {
+                // feed isn't watched and may be stale, update it
+                if (data)
+                    handleFeedUpdated.call(feed, { feed: data });
+                if (watch)
+                    handleWatchStarted.call(feed);
             }
+            return feed;
         };
         this.state = new StateStore({
             connected_user: undefined,
@@ -5850,13 +5871,7 @@ class FeedsClient extends FeedsApi {
                     const { online } = event;
                     this.state.partialNext({ is_ws_connection_healthy: online });
                     if (online) {
-                        this.healthyConnectionChangedEventCount++;
-                        // we skip the first event as we could potentially be querying twice
-                        if (this.healthyConnectionChangedEventCount > 1) {
-                            for (const activeFeed of Object.values(this.activeFeeds)) {
-                                activeFeed.synchronize();
-                            }
-                        }
+                        this.recoverOnReconnect();
                     }
                     else {
                         for (const activeFeed of Object.values(this.activeFeeds)) {
@@ -5970,7 +5985,7 @@ class FeedsClient extends FeedsApi {
     }
     async queryFeeds(request) {
         const response = await this._queryFeeds(request);
-        const feeds = response.feeds.map((f) => this.getOrCreateActiveFeed(f.group_id, f.id, f, request?.watch));
+        const feeds = response.feeds.map((feedResponse) => this.getOrCreateActiveFeed(feedResponse.group_id, feedResponse.id, feedResponse, request?.watch));
         return {
             feeds,
             next: response.next,
@@ -6422,7 +6437,9 @@ const useSearchResult = (sourceFromProps) => {
     const source = sourceFromProps ?? sourceFromContext;
     const { items, error, isLoading, hasNext } = useStateStore(source?.state, selector$2) ?? {};
     const loadMore = useStableCallback(async () => {
-        source?.search();
+        if (hasNext) {
+            source?.search();
+        }
     });
     return react.useMemo(() => ({ items, error, isLoading, hasNext, loadMore }), [error, hasNext, isLoading, items, loadMore]);
 };