@stream-io/feeds-client 0.1.9 → 0.1.10

package/@react-bindings/hooks/search-state-hooks/index.ts

@@ -0,0 +1,3 @@
+export * from './useSearchResult';
+export * from './useSearchQuery';
+export * from './useSearchSources';

package/@react-bindings/index.ts

@@ -5,14 +5,19 @@ export * from './hooks/useCreateFeedsClient';
 
 export * from './hooks/client-state-hooks';
 export * from './hooks/feed-state-hooks';
+export * from './hooks/search-state-hooks';
 export * from './hooks/util';
 
 // Contexts
 
 export * from './contexts/StreamFeedsContext';
 export * from './contexts/StreamFeedContext';
+export * from './contexts/StreamSearchContext';
+export * from './contexts/StreamSearchResultsContext';
 
 // Wrappers
 
 export * from './wrappers/StreamFeeds';
 export * from './wrappers/StreamFeed';
+export * from './wrappers/StreamSearch';
+export * from './wrappers/StreamSearchResults';

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.1.10](https://github.com/GetStream/stream-feeds-js/compare/@stream-io/feeds-client-0.1.9...@stream-io/feeds-client-0.1.10) (2025-07-28)
+
+
+### Features
+
+* search implementation and bindings ([#78](https://github.com/GetStream/stream-feeds-js/issues/78)) ([02d7dd1](https://github.com/GetStream/stream-feeds-js/commit/02d7dd1fd1f01df411e92db328106987c366e4d4))
+
 ## [0.1.9](https://github.com/GetStream/stream-feeds-js/compare/@stream-io/feeds-client-0.1.8...@stream-io/feeds-client-0.1.9) (2025-07-28)
 
 

package/dist/@react-bindings/contexts/StreamSearchContext.d.ts

@@ -0,0 +1,12 @@
+import type { SearchController } from '../../src/common/SearchController';
+export declare const StreamSearchContext: import("react").Context<SearchController | undefined>;
+/**
+ * The props for the StreamSearchProvider component.
+ */
+export type StreamSearchContextProps = {
+    searchController: SearchController;
+};
+/**
+ * Hook to access the nearest SearchController instance.
+ */
+export declare const useSearchContext: () => SearchController | undefined;

package/dist/@react-bindings/contexts/StreamSearchResultsContext.d.ts

@@ -0,0 +1,12 @@
+import type { SearchSource } from '../../src/common/BaseSearchSource';
+export declare const StreamSearchResultsContext: import("react").Context<SearchSource<any> | undefined>;
+/**
+ * The props for the StreamSearchResultsProvider component.
+ */
+export type StreamSearchResultsContextProps = {
+    source: SearchSource;
+};
+/**
+ * Hook to access the nearest SearchSource instance.
+ */
+export declare const useSearchResultsContext: () => SearchSource<any> | undefined;

package/dist/@react-bindings/hooks/search-state-hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useSearchResult';
+export * from './useSearchQuery';
+export * from './useSearchSources';

package/dist/@react-bindings/hooks/search-state-hooks/useSearchQuery.d.ts

@@ -0,0 +1,4 @@
+import type { SearchController } from '../../../src/common/SearchController';
+export declare const useSearchQuery: (controllerFromProps?: SearchController) => {
+    searchQuery: string;
+} | undefined;

package/dist/@react-bindings/hooks/search-state-hooks/useSearchResult.d.ts

@@ -0,0 +1,8 @@
+import type { SearchSource } from '../../../src/common/BaseSearchSource';
+export declare const useSearchResult: (sourceFromProps?: SearchSource) => {
+    items: any[] | undefined;
+    error: Error | undefined;
+    isLoading: boolean | undefined;
+    hasNext: boolean | undefined;
+    loadMore: import("../internal").StableCallback<[], Promise<void>>;
+};

package/dist/@react-bindings/hooks/search-state-hooks/useSearchSources.d.ts

@@ -0,0 +1,4 @@
+import type { SearchController } from '../../../src/common/SearchController';
+export declare const useSearchSources: (controllerFromProps?: SearchController) => {
+    sources: import("../../..").SearchSource<any>[];
+} | undefined;

package/dist/@react-bindings/index.d.ts

@@ -2,8 +2,13 @@ export * from './hooks/useStateStore';
 export * from './hooks/useCreateFeedsClient';
 export * from './hooks/client-state-hooks';
 export * from './hooks/feed-state-hooks';
+export * from './hooks/search-state-hooks';
 export * from './hooks/util';
 export * from './contexts/StreamFeedsContext';
 export * from './contexts/StreamFeedContext';
+export * from './contexts/StreamSearchContext';
+export * from './contexts/StreamSearchResultsContext';
 export * from './wrappers/StreamFeeds';
 export * from './wrappers/StreamFeed';
+export * from './wrappers/StreamSearch';
+export * from './wrappers/StreamSearchResults';

package/dist/@react-bindings/wrappers/StreamSearch.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import type { SearchController } from '../../src/common/SearchController';
+/**
+ * The props for the StreamSearch component. It accepts a `SearchController` instance.
+ */
+export type StreamSearchProps = {
+    searchController: SearchController | undefined;
+};
+export declare const StreamSearch: {
+    ({ searchController, children, }: PropsWithChildren<StreamSearchProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/@react-bindings/wrappers/StreamSearchResults.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import type { SearchSource } from '../../src/common/BaseSearchSource';
+/**
+ * The props for the StreamSearchResults component. It accepts a `SearchSource` instance.
+ */
+export type StreamSearchResultsProps = {
+    source: SearchSource;
+};
+export declare const StreamSearchResults: {
+    ({ source, children, }: PropsWithChildren<StreamSearchResultsProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -5729,10 +5729,10 @@ const useFeedsClient = () => {
  */
 const useClientConnectedUser = () => {
     const client = useFeedsClient();
-    const { user } = useStateStore(client?.state, selector$7) ?? {};
+    const { user } = useStateStore(client?.state, selector$a) ?? {};
     return user;
 };
-const selector$7 = (nextState) => ({
+const selector$a = (nextState) => ({
     user: nextState.connected_user,
 });
 
@@ -5741,10 +5741,10 @@ const selector$7 = (nextState) => ({
  */
 const useWsConnectionState = () => {
     const client = useFeedsClient();
-    const { is_healthy } = useStateStore(client?.state, selector$6) ?? {};
+    const { is_healthy } = useStateStore(client?.state, selector$9) ?? {};
     return { is_healthy };
 };
-const selector$6 = (nextState) => ({
+const selector$9 = (nextState) => ({
     is_healthy: nextState.is_ws_connection_healthy,
 });
 
@@ -5794,7 +5794,7 @@ const useStableCallback = (callback) => {
 const useFeedActivities = (feedFromProps) => {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    const data = useStateStore(feed?.state, selector$5);
+    const data = useStateStore(feed?.state, selector$8);
     const loadNextPage = useStableCallback(async () => {
         if (!feed || !data?.has_next_page || data?.is_loading) {
             return;
@@ -5803,7 +5803,7 @@ const useFeedActivities = (feedFromProps) => {
     });
     return react.useMemo(() => ({ ...data, loadNextPage }), [data, loadNextPage]);
 };
-const selector$5 = ({ is_loading_activities, next, activities = [] }) => ({
+const selector$8 = ({ is_loading_activities, next, activities = [] }) => ({
     is_loading: is_loading_activities,
     has_next_page: typeof next !== 'undefined',
     activities,
@@ -5876,13 +5876,13 @@ const FeedOwnCapability = {
 };
 
 const stableEmptyArray = [];
-const selector$4 = (currentState) => ({
+const selector$7 = (currentState) => ({
     oc: currentState.own_capabilities ?? stableEmptyArray,
 });
 const useOwnCapabilities = (feedFromProps) => {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    const { oc = stableEmptyArray } = useStateStore(feed?.state, selector$4) ?? {};
+    const { oc = stableEmptyArray } = useStateStore(feed?.state, selector$7) ?? {};
     return react.useMemo(() => ({
         can_add_activity: oc.indexOf(FeedOwnCapability.ADD_ACTIVITY) > -1,
         can_add_activity_reaction: oc.indexOf(FeedOwnCapability.ADD_ACTIVITY_REACTION) > -1,
@@ -5917,7 +5917,7 @@ const useOwnCapabilities = (feedFromProps) => {
     }), [oc]);
 };
 
-const selector$3 = ({ follower_count, followers, followers_pagination, }) => ({
+const selector$6 = ({ follower_count, followers, followers_pagination, }) => ({
     follower_count,
     followers,
     followers_pagination,
@@ -5925,7 +5925,7 @@ const selector$3 = ({ follower_count, followers, followers_pagination, }) => ({
 function useFollowers(feedFromProps) {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    const data = useStateStore(feed?.state, selector$3);
+    const data = useStateStore(feed?.state, selector$6);
     const loadNextPage = react.useCallback((...options) => feed?.loadNextPageFollowers(...options), [feed]);
     return react.useMemo(() => {
         if (!data) {
@@ -5940,7 +5940,7 @@ function useFollowers(feedFromProps) {
     }, [data, loadNextPage]);
 }
 
-const selector$2 = ({ following_count, following, following_pagination, }) => ({
+const selector$5 = ({ following_count, following, following_pagination, }) => ({
     following_count,
     following,
     following_pagination,
@@ -5948,7 +5948,7 @@ const selector$2 = ({ following_count, following, following_pagination, }) => ({
 function useFollowing(feedFromProps) {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    const data = useStateStore(feed?.state, selector$2);
+    const data = useStateStore(feed?.state, selector$5);
     const loadNextPage = react.useCallback((...options) => feed?.loadNextPageFollowing(...options), [feed]);
     return react.useMemo(() => {
         if (!data) {
@@ -5970,9 +5970,9 @@ function useFollowing(feedFromProps) {
 const useFeedMetadata = (feedFromProps) => {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    return useStateStore(feed?.state, selector$1);
+    return useStateStore(feed?.state, selector$4);
 };
-const selector$1 = ({ follower_count = 0, following_count = 0, created_by, created_at, updated_at, }) => ({
+const selector$4 = ({ follower_count = 0, following_count = 0, created_by, created_at, updated_at, }) => ({
     created_by,
     follower_count,
     following_count,
@@ -5987,12 +5987,62 @@ const selector$1 = ({ follower_count = 0, following_count = 0, created_by, creat
 const useOwnFollows = (feedFromProps) => {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    return useStateStore(feed?.state, selector);
+    return useStateStore(feed?.state, selector$3);
 };
-const selector = ({ own_follows }) => ({
+const selector$3 = ({ own_follows }) => ({
     own_follows,
 });
 
+const StreamSearchResultsContext = react.createContext(undefined);
+/**
+ * Hook to access the nearest SearchSource instance.
+ */
+const useSearchResultsContext = () => {
+    return react.useContext(StreamSearchResultsContext);
+};
+
+const useSearchResult = (sourceFromProps) => {
+    const sourceFromContext = useSearchResultsContext();
+    const source = sourceFromProps ?? sourceFromContext;
+    const { items, error, isLoading, hasNext } = useStateStore(source?.state, selector$2) ?? {};
+    const loadMore = useStableCallback(async () => {
+        source?.search();
+    });
+    return react.useMemo(() => ({ items, error, isLoading, hasNext, loadMore }), [error, hasNext, isLoading, items, loadMore]);
+};
+const selector$2 = ({ items, isLoading, hasNext, lastQueryError, }) => ({
+    items,
+    isLoading,
+    hasNext,
+    error: lastQueryError,
+});
+
+const StreamSearchContext = react.createContext(undefined);
+/**
+ * Hook to access the nearest SearchController instance.
+ */
+const useSearchContext = () => {
+    return react.useContext(StreamSearchContext);
+};
+
+const useSearchQuery = (controllerFromProps) => {
+    const controllerFromState = useSearchContext();
+    const controller = controllerFromProps ?? controllerFromState;
+    return useStateStore(controller?.state, selector$1);
+};
+const selector$1 = ({ searchQuery }) => ({
+    searchQuery,
+});
+
+const useSearchSources = (controllerFromProps) => {
+    const controllerFromState = useSearchContext();
+    const controller = controllerFromProps ?? controllerFromState;
+    return useStateStore(controller?.state, selector);
+};
+const selector = ({ sources }) => ({
+    sources,
+});
+
 /**
  * A utility hook that takes in an entity and a reaction type, and creates reaction actions
  * that can then be used on the UI. The entity can be either an ActivityResponse or a CommentResponse
@@ -6064,10 +6114,24 @@ const StreamFeed = ({ feed, children }) => {
 };
 StreamFeed.displayName = 'StreamFeed';
 
+const StreamSearch = ({ searchController, children, }) => {
+    return (jsxRuntime.jsx(StreamSearchContext.Provider, { value: searchController, children: children }));
+};
+StreamSearch.displayName = 'StreamSearch';
+
+const StreamSearchResults = ({ source, children, }) => {
+    return (jsxRuntime.jsx(StreamSearchResultsContext.Provider, { value: source, children: children }));
+};
+StreamSearchResults.displayName = 'StreamSearchResults';
+
 exports.StreamFeed = StreamFeed;
 exports.StreamFeedContext = StreamFeedContext;
 exports.StreamFeeds = StreamFeeds;
 exports.StreamFeedsContext = StreamFeedsContext;
+exports.StreamSearch = StreamSearch;
+exports.StreamSearchContext = StreamSearchContext;
+exports.StreamSearchResults = StreamSearchResults;
+exports.StreamSearchResultsContext = StreamSearchResultsContext;
 exports.useBookmarkActions = useBookmarkActions;
 exports.useClientConnectedUser = useClientConnectedUser;
 exports.useComments = useComments;
@@ -6081,6 +6145,11 @@ exports.useFollowing = useFollowing;
 exports.useOwnCapabilities = useOwnCapabilities;
 exports.useOwnFollows = useOwnFollows;
 exports.useReactionActions = useReactionActions;
+exports.useSearchContext = useSearchContext;
+exports.useSearchQuery = useSearchQuery;
+exports.useSearchResult = useSearchResult;
+exports.useSearchResultsContext = useSearchResultsContext;
+exports.useSearchSources = useSearchSources;
 exports.useStateStore = useStateStore;
 exports.useWsConnectionState = useWsConnectionState;
 //# sourceMappingURL=index-react-bindings.browser.cjs.map