feat: supports 'for you' feed

.changeset/thirty-games-tease.md

@@ -0,0 +1,8 @@
+---
+"@lens-protocol/react": minor
+"@lens-protocol/react-native": minor
+"@lens-protocol/react-web": minor
+"@lens-protocol/api-bindings": patch
+---
+
+**fear:** adds `usePublicationsForYou` hook

.changeset/wise-books-sparkle.md

@@ -0,0 +1,5 @@
+---
+"@lens-protocol/client": minor
+---
+
+**feat:** adds `client.feed.forYou` method

examples/web/src/App.tsx

@@ -17,6 +17,7 @@ import {
   UseExplorePublications,
   UseFeed,
   UseFeedHighlights,
+  UsePublicationsForYou,
   UseRecommendedProfiles,
   UseSearchProfiles,
   UseSearchPublications,
@@ -165,6 +166,7 @@ export function App() {
                     <Route index element={<DiscoveryPage />} />
                     <Route path="useFeed" element={<UseFeed />} />
                     <Route path="useFeedHighlights" element={<UseFeedHighlights />} />
+                    <Route path="usePublicationsForYou" element={<UsePublicationsForYou />} />
                     <Route path="useSearchPublications" element={<UseSearchPublications />} />
                     <Route path="useSearchProfiles" element={<UseSearchProfiles />} />
                     <Route path="useExploreProfiles" element={<UseExploreProfiles />} />

examples/web/src/discovery/DiscoveryPage.tsx

@@ -11,6 +11,11 @@ const discoveryHooks = [
     description: `Fetch the highlights of a feed for a profile matching given filters.`,
     path: '/discovery/useFeedHighlights',
   },
+  {
+    label: 'usePublicationsForYou',
+    description: `Fetch personalized feed of Quotes and Posts for a profile.`,
+    path: '/discovery/usePublicationsForYou',
+  },
   {
     label: 'useSearchPublications',
     description: 'Search for publications using filters.',

examples/web/src/discovery/UseFeedHighlights.tsx

@@ -7,7 +7,7 @@ import { Loading } from '../components/loading/Loading';
 import { useInfiniteScroll } from '../hooks/useInfiniteScroll';
 
 function UseFeedHighlightsInner({ profileId }: { profileId: ProfileId }) {
-  const { data, error, loading, hasMore, beforeCount, observeRef, prev } = useInfiniteScroll(
+  const { data, error, loading, hasMore, observeRef } = useInfiniteScroll(
     useFeedHighlights({
       where: {
         for: profileId,
@@ -23,10 +23,6 @@ function UseFeedHighlightsInner({ profileId }: { profileId: ProfileId }) {
 
       {error && <ErrorMessage error={error} />}
 
-      <button disabled={loading || beforeCount === 0} onClick={prev}>
-        Fetch newer
-      </button>
-
       {data?.map((item) => (
         <PublicationCard key={`${item.id}`} publication={item} />
       ))}

examples/web/src/discovery/UsePublicationsForYou.tsx

@@ -0,0 +1,38 @@
+import { profileId, usePublicationsForYou } from '@lens-protocol/react-web';
+
+import { RequireProfileSession } from '../components/auth';
+import { PublicationCard } from '../components/cards';
+import { useInfiniteScroll } from '../hooks/useInfiniteScroll';
+
+function UsePublicationsForYouInner() {
+  const { data, hasMore, observeRef } = useInfiniteScroll(
+    usePublicationsForYou({
+      for: profileId('0x0a'),
+      suspense: true,
+    }),
+  );
+
+  return (
+    <div>
+      <h1>
+        <code>usePublicationsForYou</code>
+      </h1>
+
+      {data?.length === 0 && <p>No items</p>}
+
+      {data?.map((item) => (
+        <PublicationCard key={item.publication.id} publication={item.publication} />
+      ))}
+
+      {hasMore && <p ref={observeRef}>Loading more...</p>}
+    </div>
+  );
+}
+
+export function UsePublicationsForYou() {
+  return (
+    <RequireProfileSession message="Log in to view this example.">
+      {() => <UsePublicationsForYouInner />}
+    </RequireProfileSession>
+  );
+}

examples/web/src/discovery/index.ts

@@ -3,6 +3,7 @@ export * from './UseExploreProfiles';
 export * from './UseExplorePublications';
 export * from './UseFeed';
 export * from './UseFeedHighlights';
+export * from './UsePublicationsForYou';
 export * from './UseRecommendedProfiles';
 export * from './UseSearchProfiles';
 export * from './UseSearchPublications';

packages/api-bindings/src/lens/graphql/feed.graphql

@@ -83,46 +83,20 @@ query FeedHighlights(
   }
 }
 
-fragment LatestActed on LatestActed {
-  __typename
-  profile {
-    ...Profile
-  }
-  actedAt
-  txHash
-}
-
-fragment FollowPaidAction on FollowPaidAction {
-  __typename
-  latestActed {
-    ...LatestActed
-  }
-  followed {
-    ...Profile
-  }
-}
-
-fragment OpenActionPaidAction on OpenActionPaidAction {
-  __typename
-  latestActed {
-    ...LatestActed
-  }
-  actedOn {
+fragment ForYouResult on ForYouResult {
+  publication {
     ... on Post {
       ...Post
     }
-    ... on Comment {
-      ...Comment
-    }
     ... on Quote {
       ...Quote
     }
   }
+  source
 }
 
-query LatestPaidActions(
-  $where: LatestPaidActionsWhere
-  $filter: LatestPaidActionsFilter
+query ForYou(
+  $for: ProfileId
   $limit: LimitType
   $cursor: Cursor
   $imageSmallSize: ImageTransform!
@@ -133,19 +107,9 @@ query LatestPaidActions(
   $fxRateFor: SupportedFiatType!
   $profileMetadataSource: AppId
 ) {
-  result: latestPaidActions(
-    filter: $filter
-    where: $where
-    request: { limit: $limit, cursor: $cursor }
-  ) {
+  result: forYou(request: { for: $for, limit: $limit, cursor: $cursor }) {
     items {
-      ... on FollowPaidAction {
-        ...FollowPaidAction
-      }
-
-      ... on OpenActionPaidAction {
-        ...OpenActionPaidAction
-      }
+      ...ForYouResult
     }
     pageInfo {
       ...PaginatedResultInfo