@stream-io/feeds-client 0.1.2 → 0.1.3

package/dist/index.browser.cjs

@@ -3545,7 +3545,10 @@ class ApiClient {
             const encodedBody = requestContentType === 'multipart/form-data' ? new FormData() : body;
             if (requestContentType === 'multipart/form-data') {
                 Object.keys(body).forEach((key) => {
-                    encodedBody.append(key, body[key]);
+                    const value = body[key];
+                    if (value != null) {
+                        encodedBody.append(key, value);
+                    }
                 });
             }
             try {
@@ -3554,8 +3557,11 @@ class ApiClient {
                     method,
                     headers,
                     params: queryParams,
-                    paramsSerializer: params => this.queryParamsStringify(params),
+                    paramsSerializer: (params) => this.queryParamsStringify(params),
                     data: encodedBody,
+                    timeout: 
+                    // multipart/form-data requests should not have a timeout allowing ample time for file uploads
+                    requestContentType === 'multipart/form-data' ? 0 : this.timeout,
                 });
                 const metadata = this.getRequestMetadata(client_request_id, response);
                 return { body: response.data, metadata };
@@ -3619,9 +3625,9 @@ class ApiClient {
             };
         };
         this.baseUrl = options?.base_url ?? 'https://video.stream-io-api.com';
+        this.timeout = options?.timeout ?? 3000;
         this.axiosInstance = axios.create({
             baseURL: this.baseUrl,
-            timeout: options?.timeout ?? 3000,
         });
     }
     get webSocketBaseUrl() {
@@ -4341,6 +4347,12 @@ class Feed extends FeedApi {
             };
         });
     }
+    async synchronize() {
+        const { last_get_or_create_request_config } = this.state.getLatestValue();
+        if (last_get_or_create_request_config?.watch) {
+            await this.getOrCreate(last_get_or_create_request_config);
+        }
+    }
     async getOrCreate(request) {
         if (this.currentState.is_loading_activities) {
             throw new Error('Only one getOrCreate call is allowed at a time');
@@ -4406,6 +4418,7 @@ class Feed extends FeedApi {
                     if (!request?.following_pagination?.limit) {
                         delete nextState.following;
                     }
+                    nextState.last_get_or_create_request_config = request;
                     return nextState;
                 });
             }
@@ -4692,7 +4705,7 @@ class Feed extends FeedApi {
     }
     async getNextPage() {
         const currentState = this.currentState;
-        const response = await this.getOrCreate({
+        return await this.getOrCreate({
             member_pagination: {
                 limit: 0,
             },
@@ -4703,8 +4716,8 @@ class Feed extends FeedApi {
                 limit: 0,
             },
             next: currentState.next,
+            limit: currentState.last_get_or_create_request_config?.limit ?? 20,
         });
-        return response;
     }
     addActivity(request) {
         return this.feedsApi.addActivity({
@@ -5107,6 +5120,7 @@ class FeedsClient extends FeedsApi {
         super(apiClient);
         this.eventDispatcher = new EventDispatcher();
         this.activeFeeds = {};
+        this.healthyConnectionChangedEventCount = 0;
         this.pollFromState = (id) => this.polls_by_id.get(id);
         this.connectUser = async (user, tokenProvider) => {
             if (this.state.getLatestValue().connectedUser !== undefined ||
@@ -5220,6 +5234,15 @@ class FeedsClient extends FeedsApi {
                 case 'connection.changed': {
                     const { online } = event;
                     this.state.partialNext({ isWsConnectionHealthy: 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();
+                            }
+                        }
+                    }
                     break;
                 }
                 case 'feeds.feed.created': {