react: add useProfileActionHistory and useWhoReactedToPublication

examples/web/src/App.tsx

@@ -20,13 +20,19 @@ import {
   ProfilesPage,
   UseMutualFollowers,
   UseProfile,
+  UseProfileActionHistory,
   UseProfileFollowers,
   UseProfileFollowing,
   UseProfiles,
   UseRecommendedProfiles,
   UseWhoActedOnPublication,
 } from './profiles';
-import { PublicationsPage, UsePublication, UsePublications } from './publications';
+import {
+  PublicationsPage,
+  UsePublication,
+  UsePublications,
+  UseWhoReactedToPublication,
+} from './publications';
 import { localStorage } from './storage';
 
 const { publicClient, webSocketPublicClient } = configureChains(
@@ -69,6 +75,10 @@ export function App() {
                     <Route index element={<PublicationsPage />} />
                     <Route path="usePublication" element={<UsePublication />} />
                     <Route path="usePublications" element={<UsePublications />} />
+                    <Route
+                      path="useWhoReactedToPublication"
+                      element={<UseWhoReactedToPublication />}
+                    />
                   </Route>
 
                   <Route path="/profiles">
@@ -80,6 +90,7 @@ export function App() {
                     <Route path="useMutualFollowers" element={<UseMutualFollowers />} />
                     <Route path="useRecommendedProfiles" element={<UseRecommendedProfiles />} />
                     <Route path="useWhoActedOnPublication" element={<UseWhoActedOnPublication />} />
+                    <Route path="useProfileActionHistory" element={<UseProfileActionHistory />} />
                   </Route>
 
                   <Route path="/discovery">

examples/web/src/profiles/ProfilesPage.tsx

@@ -36,6 +36,11 @@ const profileHooks = [
     description: `Fetch a list of profiles who acted on a publication.`,
     path: '/profiles/useWhoActedOnPublication',
   },
+  {
+    label: 'useProfileActionHistory',
+    description: `Fetch profile action history.`,
+    path: '/profiles/useProfileActionHistory',
+  },
 ];
 
 export function ProfilesPage() {

examples/web/src/profiles/UseProfileActionHistory.tsx

@@ -0,0 +1,37 @@
+import { useProfileActionHistory } from '@lens-protocol/react';
+
+import { ErrorMessage } from '../components/error/ErrorMessage';
+import { Loading } from '../components/loading/Loading';
+import { useInfiniteScroll } from '../hooks/useInfiniteScroll';
+
+// TODO requires authenticated profile
+export function UseProfileActionHistory() {
+  const {
+    data: history,
+    error,
+    loading,
+    hasMore,
+    observeRef,
+  } = useInfiniteScroll(useProfileActionHistory());
+
+  if (loading) return <Loading />;
+
+  if (error) return <ErrorMessage error={error} />;
+
+  return (
+    <div>
+      <h1>
+        <code>useProfileActionHistory</code>
+      </h1>
+      <div>
+        {history.map((item) => (
+          <div key={item.id}>
+            {item.actionType} {item.actionedOn}
+          </div>
+        ))}
+
+        {hasMore && <p ref={observeRef}>Loading more...</p>}
+      </div>
+    </div>
+  );
+}

examples/web/src/profiles/index.ts

@@ -1,6 +1,7 @@
 export * from './ProfilesPage';
 export * from './UseMutualFollowers';
 export * from './UseProfile';
+export * from './UseProfileActionHistory';
 export * from './UseProfileFollowers';
 export * from './UseProfileFollowing';
 export * from './UseProfiles';

examples/web/src/publications/PublicationsPage.tsx

@@ -11,6 +11,11 @@ const publicationHooks = [
     description: `Fetch a list of publications.`,
     path: '/publications/usePublications',
   },
+  {
+    label: 'useWhoReactedToPublication',
+    description: `Fetch a list of profiles who reacted to a publication.`,
+    path: '/publications/useWhoReactedToPublication',
+  },
 ];
 
 export function PublicationsPage() {

examples/web/src/publications/UseWhoReactedToPublication.tsx

@@ -0,0 +1,48 @@
+import { publicationId, useWhoReactedToPublication } from '@lens-protocol/react';
+
+import { ErrorMessage } from '../components/error/ErrorMessage';
+import { Loading } from '../components/loading/Loading';
+import { useInfiniteScroll } from '../hooks/useInfiniteScroll';
+import { ProfileCard } from '../profiles/components/ProfileCard';
+
+export function UseWhoReactedToPublication() {
+  const {
+    data: reactions,
+    error,
+    loading,
+    hasMore,
+    observeRef,
+  } = useInfiniteScroll(
+    useWhoReactedToPublication({
+      for: publicationId('0x04-0x0b'),
+    }),
+  );
+
+  if (loading) return <Loading />;
+
+  if (error) return <ErrorMessage error={error} />;
+
+  return (
+    <div>
+      <h1>
+        <code>useWhoReactedToPublication</code>
+      </h1>
+      <div>
+        {reactions.map((p) => (
+          <div key={p.profile.id}>
+            <ProfileCard profile={p.profile} />
+            <div>
+              {p.reactions.map((r) => (
+                <div key={r.reactionAt}>
+                  {r.reaction} at {r.reactionAt}
+                </div>
+              ))}
+            </div>
+          </div>
+        ))}
+
+        {hasMore && <p ref={observeRef}>Loading more...</p>}
+      </div>
+    </div>
+  );
+}

examples/web/src/publications/index.ts

@@ -1,3 +1,4 @@
 export * from './PublicationsPage';
 export * from './UsePublication';
 export * from './UsePublications';
+export * from './UseWhoReactedToPublication';

packages/api-bindings/src/apollo/cache/createTypePolicies.ts

@@ -8,12 +8,14 @@ import {
   createFollowersFieldPolicy,
   createFollowingFieldPolicy,
   createMutualFollowersFieldPolicy,
+  createProfileActionHistoryFieldPolicy,
   createProfileRecommendationsFieldPolicy,
   createProfilesFieldPolicy,
   createPublicationsFieldPolicy,
   createSearchProfilesFieldPolicy,
   createSearchPublicationsFieldPolicy,
   createWhoActedOnPublicationFieldPolicy,
+  createWhoReactedPublicationFieldPolicy,
 } from './field-policies';
 import { notNormalizedType } from './utils/notNormalizedType';
 
@@ -40,12 +42,14 @@ export function createTypePolicies(
         followers: createFollowersFieldPolicy(),
         following: createFollowingFieldPolicy(),
         mutualFollowers: createMutualFollowersFieldPolicy(),
+        profileActionHistory: createProfileActionHistoryFieldPolicy(),
         profileRecommendations: createProfileRecommendationsFieldPolicy(),
         profiles: createProfilesFieldPolicy(),
         publications: createPublicationsFieldPolicy(),
         searchProfiles: createSearchProfilesFieldPolicy(),
         searchPublications: createSearchPublicationsFieldPolicy(),
         whoActedOnPublication: createWhoActedOnPublicationFieldPolicy(),
+        whoReactedPublication: createWhoReactedPublicationFieldPolicy(),
         ...createQueryParamsLocalFields(params),
       },
     },

packages/api-bindings/src/apollo/cache/field-policies/createProfileActionHistoryFieldPolicy.ts

@@ -0,0 +1,5 @@
+import { cursorBasedPagination } from '../utils/cursorBasedPagination';
+
+export function createProfileActionHistoryFieldPolicy() {
+  return cursorBasedPagination([]);
+}

packages/api-bindings/src/apollo/cache/field-policies/createWhoReactedPublicationFieldPolicy.ts

@@ -0,0 +1,5 @@
+import { cursorBasedPagination } from '../utils/cursorBasedPagination';
+
+export function createWhoReactedPublicationFieldPolicy() {
+  return cursorBasedPagination([['request', ['for', 'where', ['anyOf']]]]);
+}

packages/api-bindings/src/apollo/cache/field-policies/index.ts

@@ -1,9 +1,11 @@
 export * from './createFollowersFieldPolicy';
 export * from './createFollowingFieldPolicy';
 export * from './createMutualFollowersFieldPolicy';
+export * from './createProfileActionHistoryFieldPolicy';
+export * from './createProfileRecommendationsFieldPolicy';
 export * from './createProfilesFieldPolicy';
 export * from './createPublicationsFieldPolicy';
 export * from './createSearchProfilesFieldPolicy';
 export * from './createSearchPublicationsFieldPolicy';
-export * from './createProfileRecommendationsFieldPolicy';
 export * from './createWhoActedOnPublicationFieldPolicy';
+export * from './createWhoReactedPublicationFieldPolicy';

packages/api-bindings/src/lens/__helpers__/fragments.ts

@@ -9,8 +9,13 @@ import {
   PaginatedResultInfo,
   Post,
   Profile,
+  ProfileActionHistory,
+  ProfileActionHistoryType,
+  ProfileReactionResult,
   ProfileStats,
+  ProfileWhoReactedResult,
   PublicationOperations,
+  PublicationReactionType,
   PublicationStats,
   TextOnlyMetadataV3,
   TriStateValue,
@@ -232,6 +237,43 @@ export function mockFeedItemFragment(overrides?: Partial<FeedItem>): FeedItem {
     comments: [],
     mirrors: [],
     reactions: [],
+
+    ...overrides,
+  };
+}
+
+export function mockProfileActionHistoryFragment(
+  overrides: Partial<ProfileActionHistory> = {},
+): ProfileActionHistory {
+  return {
+    id: faker.datatype.number(),
+    actionType: ProfileActionHistoryType.LoggedIn,
+    who: mockEvmAddress(),
+    txHash: mockTransactionHash(),
+    actionedOn: faker.date.past().toISOString(),
+
+    ...overrides,
+  };
+}
+
+export function mockProfileReactionResultFragment(
+  overrides: Partial<ProfileReactionResult> = {},
+): ProfileReactionResult {
+  return {
+    reaction: PublicationReactionType.Upvote,
+    reactionAt: faker.date.past().toISOString(),
+
+    ...overrides,
+  };
+}
+
+export function mockProfileWhoReactedResultFragment(
+  overrides: Partial<ProfileWhoReactedResult> = {},
+): ProfileWhoReactedResult {
+  return {
+    profile: mockProfileFragment(),
+    reactions: [mockProfileReactionResultFragment()],
+
     ...overrides,
   };
 }

packages/api-bindings/src/lens/__helpers__/queries/profile.ts

@@ -7,14 +7,20 @@ import {
   MutualFollowersVariables,
   PaginatedResultInfo,
   Profile,
+  ProfileActionHistory,
+  ProfileActionHistoryDocument,
+  ProfileActionHistoryVariables,
   ProfileRecommendationsDocument,
   ProfileRecommendationsVariables,
+  ProfileWhoReactedResult,
   ProfilesDocument,
   ProfilesVariables,
   SearchProfilesDocument,
   SearchProfilesVariables,
   WhoActedOnPublicationDocument,
   WhoActedOnPublicationVariables,
+  WhoReactedPublicationDocument,
+  WhoReactedPublicationVariables,
 } from '../../graphql/generated';
 import { mockPaginatedResultInfo } from '../fragments';
 import { mockAnyPaginatedResponse } from './mockAnyPaginatedResponse';
@@ -137,3 +143,45 @@ export function mockWhoActedOnPublicationResponse({
     query: WhoActedOnPublicationDocument,
   });
 }
+
+export function mockProfileActionHistoryResponse({
+  variables,
+  items,
+  info = mockPaginatedResultInfo(),
+}: {
+  variables: ProfileActionHistoryVariables;
+  items: ProfileActionHistory[];
+  info?: PaginatedResultInfo;
+}) {
+  return {
+    request: {
+      query: ProfileActionHistoryDocument,
+      variables,
+    },
+    result: {
+      data: {
+        result: {
+          items,
+          pageInfo: info,
+        },
+      },
+    },
+  };
+}
+
+export function mockWhoReactedToPublicationResponse({
+  variables,
+  items,
+  info = mockPaginatedResultInfo(),
+}: {
+  variables: WhoReactedPublicationVariables;
+  items: ProfileWhoReactedResult[];
+  info?: PaginatedResultInfo;
+}) {
+  return mockAnyPaginatedResponse({
+    variables,
+    items,
+    info,
+    query: WhoReactedPublicationDocument,
+  });
+}