Merge branch 'next' into T-23290/js-action-create-all-the-app-queries

lens-protocol · Dec 18, 2024 · 668ecca · 668ecca
2 parents fba1e3c + 38ef35c
commit 668ecca
Show file tree

Hide file tree

Showing 14 changed files with 166 additions and 47 deletions.
diff --git a/examples/viem-onboarding/README.md → examples/create-app/README.md b/examples/viem-onboarding/README.md → examples/create-app/README.md
@@ -1,3 +1,3 @@
-# Viem Onboarding Example
+# Create an App
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/next/examples/viem-onboarding)
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/next/examples/create-app)
diff --git a/examples/viem-onboarding/index.html → examples/create-app/index.html b/examples/viem-onboarding/index.html → examples/create-app/index.html
@@ -3,9 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
   </head>
   <body>
-    <h1>Viem Onboarding Example</h1>
+    <h1>Create an App</h1>
     <div id="app">Loading...</div>
     <script type="module">
       import out from './index.ts';

diff --git a/examples/create-app/index.ts b/examples/create-app/index.ts
@@ -0,0 +1,66 @@
+import 'viem/window';
+
+import { chains } from '@lens-network/sdk/viem';
+import { PublicClient, testnet as protocolTestnet } from '@lens-protocol/client';
+import { createApp, fetchApp } from '@lens-protocol/client/actions';
+import { handleWith } from '@lens-protocol/client/viem';
+import { Platform, app } from '@lens-protocol/metadata';
+import { StorageClient, testnet as storageTestnet } from '@lens-protocol/storage-node-client';
+import { type Address, createWalletClient, custom } from 'viem';
+
+const chain = chains.testnet;
+
+// hoist account
+const [address] = (await window.ethereum!.request({ method: 'eth_requestAccounts' })) as [Address];
+
+const walletClient = createWalletClient({
+  account: address,
+  chain,
+  transport: custom(window.ethereum!),
+});
+
+const client = PublicClient.create({
+  environment: protocolTestnet,
+});
+
+const sessionClient = await client
+  .login({
+    builder: {
+      address: walletClient.account.address,
+    },
+    signMessage: async (message) => walletClient.signMessage({ message }),
+  })
+  .match(
+    (result) => result,
+    (error) => {
+      throw error;
+    },
+  );
+
+const storageClient = StorageClient.create(storageTestnet);
+
+const metadata = app({
+  name: 'My App',
+  url: 'https://example.com',
+  description: 'My app description',
+  platforms: [Platform.WEB],
+  developer: '[email protected]',
+});
+
+const { uri } = await storageClient.uploadAsJson(metadata);
+
+const created = await createApp(sessionClient, {
+  metadataUri: uri,
+  verification: false, // will become optional soon
+})
+  .andThen(handleWith(walletClient))
+  .andThen(sessionClient.waitForTransaction)
+  .andThen((txHash) => fetchApp(sessionClient, { txHash }))
+  .match(
+    (result) => result,
+    (error) => {
+      throw error;
+    },
+  );
+
+export default [`<h2>${created?.metadata?.name}</h2>`, `<p>Address: ${await created?.address}</p>`];
diff --git a/examples/viem-onboarding/package.json → examples/create-app/package.json b/examples/viem-onboarding/package.json → examples/create-app/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "example-viem-onboarding",
+  "name": "example-create-app",
   "private": true,
   "type": "module",
   "scripts": {

diff --git a/examples/viem-onboarding/tsconfig.json → examples/create-app/tsconfig.json b/examples/viem-onboarding/tsconfig.json → examples/create-app/tsconfig.json
diff --git a/examples/user-onboarding/README.md b/examples/user-onboarding/README.md
@@ -0,0 +1,3 @@
+# User Onboarding
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/next/examples/user-onboarding)
diff --git a/examples/user-onboarding/index.html b/examples/user-onboarding/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
+  </head>
+  <body>
+    <h1>User Onboarding Example</h1>
+    <div id="app">Loading...</div>
+    <script type="module">
+      import out from './index.ts';
+      document.querySelector('#app').innerHTML = Array.isArray(out)
+        ? out.map((x) => `<div style="margin-bottom: 16px;">${x}</div>`).join('')
+        : out;
+    </script>
+  </body>
+</html>
diff --git a/examples/viem-onboarding/index.ts → examples/user-onboarding/index.ts b/examples/viem-onboarding/index.ts → examples/user-onboarding/index.ts
diff --git a/examples/user-onboarding/package.json b/examples/user-onboarding/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "example-user-onboarding",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite"
+  },
+  "dependencies": {
+    "@lens-network/sdk": "canary",
+    "@lens-protocol/client": "canary",
+    "@lens-protocol/metadata": "next",
+    "@lens-protocol/storage-node-client": "next",
+    "viem": "^2.21.55"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11"
+  }
+}
diff --git a/examples/user-onboarding/tsconfig.json b/examples/user-onboarding/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["ESNext", "DOM"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "skipLibCheck": true
+  },
+  "include": ["./"]
+}
diff --git a/packages/client/src/actions/timeline.ts b/packages/client/src/actions/timeline.ts
@@ -1,6 +1,6 @@
 import type {
+  AnyPost,
   Paginated,
-  Post,
   TimelineHighlightsRequest,
   TimelineItem,
   TimelineRequest,
@@ -47,6 +47,6 @@ export function fetchTimeline(
 export function fetchTimelineHighlights(
   client: AnyClient,
   request: TimelineHighlightsRequest,
-): ResultAsync<Paginated<Post> | null, UnexpectedError> {
+): ResultAsync<Paginated<AnyPost>, UnexpectedError> {
   return client.query(TimelineHighlightsQuery, { request });
 }
diff --git a/packages/graphql/schema.graphql b/packages/graphql/schema.graphql
@@ -2222,18 +2222,31 @@ type GroupGatedFeedRule {
   group: Group!
 }
 
+type GroupMember {
+  account: Account!
+  lastActiveAt: DateTime!
+  joinedAt: DateTime!
+}
+
+input GroupMembersFilterRequest {
+  """The optional filter to narrow members by search query."""
+  searchBy: UsernameSearchInput
+}
+
 enum GroupMembersOrderBy {
   LAST_JOINED
   FIRST_JOINED
+  LAST_ACTIVE
   ACCOUNT_SCORE
 }
 
 input GroupMembersRequest {
   """The group"""
   group: EvmAddress!
+  filter: GroupMembersFilterRequest
 
   """The order by."""
-  orderBy: GroupMembersOrderBy! = LAST_JOINED
+  orderBy: GroupMembersOrderBy! = ACCOUNT_SCORE
 
   """The page size."""
   pageSize: PageSize! = FIFTY
@@ -3672,8 +3685,6 @@ type NamespacesResult {
   pageInfo: PaginatedResultInfo!
 }
 
-union NestedPost = Post | PostReference
-
 type NetworkAddress {
   address: EvmAddress!
   chainId: Int!
@@ -3868,6 +3879,11 @@ type PaginatedGraphsResult {
   pageInfo: PaginatedResultInfo!
 }
 
+type PaginatedGroupMembersResult {
+  items: [GroupMember!]!
+  pageInfo: PaginatedResultInfo!
+}
+
 type PaginatedGroupsResult {
   """The groups"""
   items: [Group!]!
@@ -3975,9 +3991,9 @@ type Post {
   timestamp: DateTime!
   app: App
   metadata: PostMetadata!
-  root: NestedPost
-  quoteOf: NestedPost
-  commentOn: NestedPost
+  root: Post
+  quoteOf: Post
+  commentOn: Post
   actions: [PostAction!]!
   operations: LoggedInPostOperations
   stats: PostStats!
@@ -4113,10 +4129,6 @@ input PostReactionsRequest {
   cursor: Cursor
 }
 
-type PostReference {
-  id: PostId!
-}
-
 enum PostReferenceType {
   COMMENT_ON
   REPOST_OF
@@ -4382,7 +4394,7 @@ type Query {
   groups(request: GroupsRequest!): PaginatedGroupsResult!
 
   """Get the members of the group"""
-  groupMembers(request: GroupMembersRequest!): PaginatedAccountsResult!
+  groupMembers(request: GroupMembersRequest!): PaginatedGroupMembersResult!
 
   """Get the number of members in a Group"""
   groupStats(request: GroupStatsRequest!): GroupStatsResponse!

diff --git a/packages/graphql/src/fragments/post.ts b/packages/graphql/src/fragments/post.ts
@@ -177,13 +177,6 @@ export const LoggedInPostOperationsFragment = graphql(
 );
 export type LoggedInPostOperations = FragmentOf<typeof LoggedInPostOperationsFragment>;
 
-export const PostReferenceFragment = graphql(
-  `fragment PostReference on PostReference {
-    id
-  }`,
-);
-export type PostReference = FragmentOf<typeof PostReferenceFragment>;
-
 export const ReferencedPostFragment = graphql(
   `fragment ReferencedPost on Post {
     __typename
@@ -219,19 +212,6 @@ export const ReferencedPostFragment = graphql(
   ],
 );
 
-export const NestedPostFragment = graphql(
-  `fragment NestedPost on NestedPost {
-    ...on Post {
-      ...ReferencedPost
-    }
-    ...on PostReference {
-      ...PostReference
-    }
-  }`,
-  [PostReferenceFragment, ReferencedPostFragment],
-);
-export type NestedPost = FragmentOf<typeof NestedPostFragment>;
-
 export const PostFragment = graphql(
   `fragment Post on Post {
     __typename
@@ -250,13 +230,13 @@ export const PostFragment = graphql(
       ...PostMetadata
     }
     root {
-      ...NestedPost
+      ...ReferencedPost
     }
     quoteOf {
-      ...NestedPost
+      ...ReferencedPost
     }
     commentOn {
-      ...NestedPost
+      ...ReferencedPost
     }
     actions {
       ...PostAction
@@ -272,7 +252,7 @@ export const PostFragment = graphql(
     FeedFragment,
     PostMetadataFragment,
     PostActionFragment,
-    NestedPostFragment,
+    ReferencedPostFragment,
     LoggedInPostOperationsFragment,
   ],
 );
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		# User Onboarding

		[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/next/examples/user-onboarding)