@stream-io/feeds-client 0.3.17 → 0.3.19

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.3.19](https://github.com/GetStream/stream-feeds-js/compare/@stream-io/feeds-client-0.3.18...@stream-io/feeds-client-0.3.19) (2025-12-11)
+
+
+### Bug Fixes
+
+* reactive state updates for follow/unfollow ([#188](https://github.com/GetStream/stream-feeds-js/issues/188)) ([841d436](https://github.com/GetStream/stream-feeds-js/commit/841d43605a5f47cc929b3865f6c13ad26dbbf4c0))
+
+## [0.3.18](https://github.com/GetStream/stream-feeds-js/compare/@stream-io/feeds-client-0.3.17...@stream-io/feeds-client-0.3.18) (2025-12-10)
+
+
+### Bug Fixes
+
+* backfill current feed ([#187](https://github.com/GetStream/stream-feeds-js/issues/187)) ([e215250](https://github.com/GetStream/stream-feeds-js/commit/e215250141aae281464fcec6267934c9a1aecb11))
+
 ## [0.3.17](https://github.com/GetStream/stream-feeds-js/compare/@stream-io/feeds-client-0.3.16...@stream-io/feeds-client-0.3.17) (2025-12-08)
 
 

package/README.md

@@ -1,9 +1,36 @@
+# Official plain JS SDK and low-level client for Stream Feeds
 
+Bring users together through personalized feeds, threaded discussions, and real-time updates that make every interaction feel meaningful.
 
+## **Quick Links**
 
+- [Register](https://getstream.io/chat/trial/) to get an API key for Stream Feeds
+- [React Sample apps](../../#react-sample-apps)
+- [Docs](https://getstream.io/activity-feeds/docs/)
 
+## What is Stream?
 
+Stream allows developers to rapidly deploy scalable feeds, chat messaging and video with an industry leading 99.999% uptime SLA guarantee.
 
+Stream's Activity Feed V3 SDK enables teams of all sizes to build scalable activity feeds. The best place to get started is to follow the tutorial:
 
+TODO
 
+## 👩‍💻 Free for Makers 👨‍💻
 
+Stream is free for most side and hobby projects. To qualify, your project/company needs to have < 5 team members and < $10k in monthly revenue. Makers get $100 in monthly credit for feeds for free.
+
+## 💡 Supported Features 💡
+
+Here are some of the features we support:
+
+- **For-You feed**: Most modern apps combine a “For You” feed with a regular “Following” feed. With activity selectors you can:
+  - surface popular activities
+  - show activities near the user
+  - match activities to a user’s interests
+  - mix-and-match these selectors to build an engaging personalized feed.
+- **Comments**: Voting, threading, images, URL previews, @mentions & notifications. Basically all the features of Reddit style commenting systems.
+- **Advanced feed features**: Activity expiration • visibility controls • feed visibility levels • feed members • bookmarking • follow-approval flow • stories support.
+- **Activity filtering**: Filter activity feeds with almost no hit to performance
+- **Search & queries**: Activity search, **query activities**, and **query feeds** endpoints.
+- **Modern essentials**: Permissions • OpenAPI spec • GDPR endpoints • realtime WebSocket events • push notifications • “own capabilities” API.

package/dist/cjs/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const stateStore = require("@stream-io/state-store");
-const feedsClient = require("../feeds-client-BGF3utPy.js");
+const feedsClient = require("../feeds-client-BwOGqhU9.js");
 const loggerInternal = require("@stream-io/logger");
 const ChannelOwnCapability = {
   BAN_CHANNEL_MEMBERS: "ban-channel-members",

package/dist/cjs/react-bindings.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("react");
 require("@stream-io/state-store");
-const feedsClient = require("../feeds-client-BGF3utPy.js");
+const feedsClient = require("../feeds-client-BwOGqhU9.js");
 require("axios");
 var shim = { exports: {} };
 var useSyncExternalStoreShim_production = {};

package/dist/es/index.mjs

@@ -1,7 +1,7 @@
 import { StateStore } from "@stream-io/state-store";
 export * from "@stream-io/state-store";
-import { d as debounce } from "../feeds-client-Bq_SWnZW.mjs";
-import { A, C, a, F, S, b, c, n, m, k, g, e, h, f, j, i, r, s, u, l } from "../feeds-client-Bq_SWnZW.mjs";
+import { d as debounce } from "../feeds-client-BseA5k3b.mjs";
+import { A, C, a, F, S, b, c, n, m, k, g, e, h, f, j, i, r, s, u, l } from "../feeds-client-BseA5k3b.mjs";
 import { LogLevelEnum } from "@stream-io/logger";
 const ChannelOwnCapability = {
   BAN_CHANNEL_MEMBERS: "ban-channel-members",

package/dist/es/react-bindings.mjs

@@ -1,6 +1,6 @@
 import require$$0, { useCallback, useMemo, useState, useEffect, createContext, useContext, useRef } from "react";
 import "@stream-io/state-store";
-import { F as FeedsClient, g as isCommentResponse, c as checkHasAnotherPage } from "../feeds-client-Bq_SWnZW.mjs";
+import { F as FeedsClient, g as isCommentResponse, c as checkHasAnotherPage } from "../feeds-client-BseA5k3b.mjs";
 import "axios";
 var shim = { exports: {} };
 var useSyncExternalStoreShim_production = {};

package/dist/{feeds-client-Bq_SWnZW.mjs → feeds-client-BseA5k3b.mjs}

@@ -3914,7 +3914,7 @@ const getRateLimitFromResponseHeader = (response_headers) => {
   };
   return result;
 };
-const version = "0.3.17";
+const version = "0.3.19";
 class ApiClient {
   constructor(apiKey, tokenManager, connectionIdManager, options) {
     this.apiKey = apiKey;
@@ -4857,10 +4857,10 @@ const updateStateFollowDeleted = (follow, currentState, currentFeedId, connected
       // Update FeedResponse fields, that has the new follower/following count
       ...follow.target_feed
     };
-    if (source.created_by.id === connectedUserId && currentState.own_follows !== void 0) {
-      newState.own_follows = currentState.own_follows.filter(
+    if (source.created_by.id === connectedUserId) {
+      newState.own_follows = currentState.own_follows ? currentState.own_follows.filter(
         (followItem) => followItem.source_feed.feed !== follow.source_feed.feed
-      );
+      ) : [];
     }
     if (currentState.followers !== void 0) {
       newState.followers = currentState.followers.filter(
@@ -5279,13 +5279,10 @@ const sharedUpdateActivity$6 = ({
   if (eventBelongsToCurrentUser) {
     newOwnBookmarks = [...newOwnBookmarks, event.bookmark];
   }
-  if (!event.bookmark.activity.current_feed && event.bookmark.activity.feeds.length === 1 && currentActivity.current_feed) {
-    event.bookmark.activity.current_feed = currentActivity.current_feed;
-  }
   return {
-    ...event.bookmark.activity,
-    own_bookmarks: newOwnBookmarks,
-    own_reactions: currentActivity.own_reactions
+    ...currentActivity,
+    bookmark_count: event.bookmark.activity.bookmark_count,
+    own_bookmarks: newOwnBookmarks
   };
 };
 const addBookmarkToActivities = (event, activities, eventBelongsToCurrentUser) => updateEntityInArray({
@@ -5355,13 +5352,10 @@ const sharedUpdateActivity$5 = ({
       (bookmark) => !isSameBookmark(bookmark, event.bookmark)
     );
   }
-  if (!event.bookmark.activity.current_feed && event.bookmark.activity.feeds.length === 1 && currentActivity.current_feed) {
-    event.bookmark.activity.current_feed = currentActivity.current_feed;
-  }
   return {
-    ...event.bookmark.activity,
-    own_bookmarks: newOwnBookmarks,
-    own_reactions: currentActivity.own_reactions
+    ...currentActivity,
+    bookmark_count: event.bookmark.activity.bookmark_count,
+    own_bookmarks: newOwnBookmarks
   };
 };
 const removeBookmarkFromActivities = (event, activities, eventBelongsToCurrentUser) => updateEntityInArray({
@@ -5433,9 +5427,9 @@ const sharedUpdateActivity$4 = ({
     }
   }
   return {
-    ...event.bookmark.activity,
-    own_bookmarks: newOwnBookmarks,
-    own_reactions: currentActivity.own_reactions
+    ...currentActivity,
+    bookmark_count: event.bookmark.activity.bookmark_count,
+    own_bookmarks: newOwnBookmarks
   };
 };
 const updateBookmarkInActivities = (event, activities, eventBelongsToCurrentUser) => updateEntityInArray({
@@ -5514,6 +5508,7 @@ function addActivitiesToState(newActivities, activities, position) {
       ...activities,
       ...position === "end" ? newActivitiesDeduplicated : []
     ];
+    this.newActivitiesAdded(newActivitiesDeduplicated);
     result = { changed: true, activities: updatedActivities };
   }
   return result;
@@ -5593,9 +5588,6 @@ const updateActivity = ({
   currentActivity,
   newActivtiy
 }) => {
-  if (!newActivtiy.current_feed && newActivtiy.feeds.length === 1 && currentActivity.current_feed) {
-    newActivtiy.current_feed = currentActivity.current_feed;
-  }
   return {
     ...newActivtiy,
     own_reactions: currentActivity.own_reactions,
@@ -5645,12 +5637,6 @@ function handleActivityUpdated(payload, fromWs) {
     activities: currentActivities,
     pinned_activities: currentPinnedActivities
   } = this.currentState;
-  const currentActivity = currentActivities?.find(
-    (a) => a.id === payload.activity.id
-  );
-  if (!payload.activity.current_feed && payload.activity.feeds.length === 1 && currentActivity?.current_feed) {
-    payload.activity.current_feed = currentActivity.current_feed;
-  }
   const [result1, result2] = [
     this.hasActivity(payload.activity.id) ? updateActivityInState(payload, currentActivities) : void 0,
     updatePinnedActivityInState(payload, currentPinnedActivities)
@@ -6241,6 +6227,9 @@ const deepEqual = (x, y) => {
     return false;
   }
 };
+function getOrCreateActiveFeed(group, id, data, watch) {
+  return this.getOrCreateActiveFeed(group, id, data, watch);
+}
 const _Feed = class _Feed extends FeedApi {
   constructor(client, groupId, id, data, watch = false, addNewActivitiesTo = "start", activityAddedEventFilter) {
     super(client, groupId, id);
@@ -6433,7 +6422,7 @@ const _Feed = class _Feed extends FeedApi {
           return nextState;
         });
       }
-      this.client.hydratePollCache(response.activities);
+      this.newActivitiesAdded(response.activities);
       return response;
     } finally {
       this.state.partialNext({
@@ -6814,6 +6803,19 @@ const _Feed = class _Feed extends FeedApi {
   handleWSEvent(event) {
     const eventHandler = this.eventHandlers[event.type];
     if (eventHandler !== _Feed.noop) {
+      if ("activity" in event && this.hasActivity(event.activity.id)) {
+        const currentActivity = this.currentState.activities?.find(
+          (a) => a.id === event.activity.id
+        );
+        if (event.activity.feeds.length > 1 && !event.activity.current_feed && currentActivity?.current_feed) {
+          event.activity.current_feed = currentActivity.current_feed;
+        }
+        if (event.activity.feeds.length === 1 && event.activity.current_feed && currentActivity?.current_feed) {
+          event.activity.current_feed.own_capabilities = currentActivity.current_feed.own_capabilities;
+          event.activity.current_feed.own_follows = currentActivity.current_feed.own_follows;
+          event.activity.current_feed.own_membership = currentActivity.current_feed.own_membership;
+        }
+      }
       eventHandler?.(event);
     }
     if (typeof eventHandler === "undefined") {
@@ -6821,6 +6823,18 @@ const _Feed = class _Feed extends FeedApi {
     }
     this.eventDispatcher.dispatch(event);
   }
+  newActivitiesAdded(activities) {
+    this.client.hydratePollCache(activities);
+    activities.forEach((activity) => {
+      if (activity.current_feed) {
+        getOrCreateActiveFeed.bind(this.client)(
+          activity.current_feed.group_id,
+          activity.current_feed.id,
+          activity.current_feed
+        );
+      }
+    });
+  }
 };
 _Feed.noop = () => {
 };
@@ -7365,8 +7379,7 @@ class FeedsClient extends FeedsApi {
         id,
         void 0,
         void 0,
-        options2?.addNewActivitiesTo,
-        options2?.activityAddedEventFilter
+        options2
       );
     };
     this.activityWithStateUpdates = (id) => {
@@ -7384,20 +7397,30 @@ class FeedsClient extends FeedsApi {
       };
       this.eventDispatcher.dispatch(networkEvent);
     };
-    this.getOrCreateActiveFeed = (group, id, data, watch, addNewActivitiesTo, activityAddedEventFilter) => {
+    this.getOrCreateActiveFeed = (group, id, data, watch, options2) => {
       const fid = `${group}:${id}`;
+      let isCreated = false;
       if (!this.activeFeeds[fid]) {
+        isCreated = true;
         this.activeFeeds[fid] = new Feed(
           this,
           group,
           id,
           data,
           watch,
-          addNewActivitiesTo,
-          activityAddedEventFilter
+          options2?.addNewActivitiesTo,
+          options2?.activityAddedEventFilter
         );
       }
       const feed = this.activeFeeds[fid];
+      if (!isCreated && options2) {
+        if (options2?.addNewActivitiesTo) {
+          feed.addNewActivitiesTo = options2.addNewActivitiesTo;
+        }
+        if (options2?.activityAddedEventFilter) {
+          feed.activityAddedEventFilter = options2.activityAddedEventFilter;
+        }
+      }
       if (!feed.currentState.watch) {
         if (data) handleFeedUpdated.call(feed, { feed: data });
         if (watch) handleWatchStarted.call(feed);
@@ -7669,6 +7692,17 @@ class FeedsClient extends FeedsApi {
     }
     return response;
   }
+  async getFollowSuggestions(...params) {
+    const response = await super.getFollowSuggestions(...params);
+    response.suggestions.forEach((suggestion) => {
+      this.getOrCreateActiveFeed(
+        suggestion.group_id,
+        suggestion.id,
+        suggestion
+      );
+    });
+    return response;
+  }
   findAllActiveFeedsByActivityId(activityId) {
     return [
       ...Object.values(this.activeFeeds),
@@ -7750,4 +7784,4 @@ export {
   shouldUpdateState as s,
   uniqueArrayMerge as u
 };
-//# sourceMappingURL=feeds-client-Bq_SWnZW.mjs.map
+//# sourceMappingURL=feeds-client-BseA5k3b.mjs.map