chore: prepare release react 2.0.0-alpha.37

.changeset/config.json

@@ -2,7 +2,7 @@
   "$schema": "https://unpkg.com/@changesets/config@2.3.0/schema.json",
   "changelog": "@changesets/cli/changelog",
   "commit": false,
-  "fixed": [["@lens-protocol/react", "@lens-protocol/react-web"]],
+  "fixed": [["@lens-protocol/react", "@lens-protocol/react-web", "@lens-protocol/react-native"]],
   "linked": [],
   "access": "public",
   "baseBranch": "develop",

.changeset/early-keys-know.md

@@ -0,0 +1,11 @@
+---
+"@lens-protocol/blockchain-bindings": minor
+"@lens-protocol/api-bindings": minor
+"@lens-protocol/domain": minor
+"@lens-protocol/react": minor
+"@lens-protocol/react-native": minor
+"@lens-protocol/react-web": minor
+---
+
+**feat:** added `useSignFrameAction` hook
+**feat:** added `useIdentityToken` hook

.changeset/hot-pumas-doubt.md

@@ -0,0 +1,9 @@
+---
+"@lens-protocol/api-bindings": patch
+"@lens-protocol/client": patch
+"@lens-protocol/react": patch
+"@lens-protocol/react-native": patch
+"@lens-protocol/react-web": patch
+---
+
+**fix:** adds missing `small` and `medium` aliases to `EncryptedImageSet` and `ImageSet` fragments.

.changeset/little-emus-lick.md

@@ -0,0 +1,14 @@
+---
+"@lens-protocol/client": minor
+---
+
+**feat:** added Frames module
+
+    - `client.frames.createFrameTypedData` - create Frame action typed data to be signed by user wallet
+    - `client.frames.signFrameAction` - sign Frame action with Lens Manager if enabled
+    - `client.frames.verifyFrameSignature` - verify Frame signature
+
+**feat:** added support for Identity Token
+
+    - `client.authentication.getIdentityToken` - retrieve Identity Token from authenticated LensClient
+    - `client.authentication.verify({ identityToken })` - verify the token, notice new argument format

.changeset/modern-poems-battle.md

@@ -0,0 +1,7 @@
+---
+"@lens-protocol/react-native": patch
+"@lens-protocol/react-web": patch
+"@lens-protocol/react": patch
+---
+
+**fix:** `useAccessToken` not picking up all possible token changes

.changeset/pre.json

@@ -58,6 +58,7 @@
     "dry-cobras-bow",
     "dull-bags-nail",
     "early-gorillas-enjoy",
+    "early-keys-know",
     "early-penguins-whisper",
     "early-spiders-scream",
     "eighty-timers-mix",
@@ -108,6 +109,7 @@
     "honest-drinks-try",
     "hot-eels-divide",
     "hot-hornets-drum",
+    "hot-pumas-doubt",
     "itchy-mails-shout",
     "khaki-students-pump",
     "kind-wombats-serve",
@@ -121,6 +123,7 @@
     "lemon-terms-perform",
     "light-seas-cheat",
     "light-suits-glow",
+    "little-emus-lick",
     "long-ants-guess",
     "long-carpets-marry",
     "long-moose-reflect",
@@ -132,6 +135,7 @@
     "metal-bikes-applaud",
     "metal-cougars-train",
     "mighty-planets-retire",
+    "modern-poems-battle",
     "modern-spies-confess",
     "modern-taxis-share",
     "neat-cycles-doubt",
@@ -165,6 +169,7 @@
     "rare-birds-breathe",
     "rude-suns-visit",
     "serious-bats-shake",
+    "serious-comics-jog",
     "shaggy-carrots-cry",
     "shaggy-colts-turn",
     "shaggy-eagles-scream",
@@ -207,6 +212,7 @@
     "thin-falcons-tap",
     "thin-news-pull",
     "thirty-eyes-act",
+    "three-books-sit",
     "three-cougars-pay",
     "three-tools-fly",
     "tidy-kangaroos-bake",

.changeset/serious-comics-jog.md

@@ -0,0 +1,7 @@
+---
+"@lens-protocol/react": patch
+"@lens-protocol/react-native": patch
+"@lens-protocol/react-web": patch
+---
+
+**fix:** proactive refresh credentials

.changeset/three-books-sit.md

@@ -0,0 +1,10 @@
+---
+"@lens-protocol/blockchain-bindings": patch
+"@lens-protocol/api-bindings": patch
+"@lens-protocol/client": patch
+"@lens-protocol/react": patch
+"@lens-protocol/react-native": patch
+"@lens-protocol/react-web": patch
+---
+
+**chore:** exported missing gql types

examples/node/scripts/authentication/authenticate.ts

@@ -35,7 +35,7 @@ async function main() {
   console.log(`Is LensClient authenticated? `, await client.authentication.isAuthenticated());
   console.log(`Authenticated profileId: `, profileId);
   console.log(`Access token: `, accessToken);
-  console.log(`Is access token valid? `, await client.authentication.verify(accessToken));
+  console.log(`Is access token valid? `, await client.authentication.verify({ accessToken }));
 }
 
 main();

examples/node/scripts/authentication/authenticateWithWallet.ts

@@ -25,7 +25,7 @@ async function main() {
   console.log(`Is LensClient authenticated? `, await client.authentication.isAuthenticated());
   console.log(`Authenticated wallet: `, walletAddress);
   console.log(`Access token: `, accessToken);
-  console.log(`Is access token valid? `, await client.authentication.verify(accessToken));
+  console.log(`Is access token valid? `, await client.authentication.verify({ accessToken }));
 }
 
 main();

examples/node/scripts/authentication/verifyIdentityToken.ts

@@ -0,0 +1,35 @@
+import { LensClient, development } from '@lens-protocol/client';
+
+import { setupWallet } from '../shared/setupWallet';
+
+async function main() {
+  const client = new LensClient({
+    environment: development,
+  });
+
+  const wallet = setupWallet();
+  const address = await wallet.getAddress();
+
+  const managedProfiles = await client.wallet.profilesManaged({ for: wallet.address });
+
+  if (managedProfiles.items.length === 0) {
+    throw new Error(`You don't manage any profiles, create one first`);
+  }
+
+  const { id, text } = await client.authentication.generateChallenge({
+    signedBy: address,
+    for: managedProfiles.items[0].id,
+  });
+
+  const signature = await wallet.signMessage(text);
+
+  await client.authentication.authenticate({ id, signature });
+
+  const identityTokenResult = await client.authentication.getIdentityToken();
+  const identityToken = identityTokenResult.unwrap();
+
+  console.log(`Identity token: `, identityToken);
+  console.log(`Is identity token valid? `, await client.authentication.verify({ identityToken }));
+}
+
+main();

examples/node/scripts/frames/createFrameTypedData.ts

@@ -0,0 +1,23 @@
+import { LensClient, development } from '@lens-protocol/client';
+
+async function main() {
+  const client = new LensClient({
+    environment: development,
+  });
+
+  const result = await client.frames.createFrameTypedData({
+    actionResponse: '0x0000000000000000000000000000000000000000',
+    buttonIndex: 2,
+    deadline: new Date(Date.now() + 30 * 60 * 1000).getTime(), // 30 minutes from now
+    inputText: 'Hello, World!',
+    profileId: '0x01',
+    pubId: '0x01-0x01',
+    specVersion: '1.0.0',
+    state: '{"counter":1,"idempotency_key":"431b8b38-eb4d-455b"}',
+    url: 'https://mylensframe.xyz',
+  });
+
+  console.log(`Result: `, result);
+}
+
+main();

examples/node/scripts/frames/signFrameAction.ts

@@ -0,0 +1,29 @@
+import { getAuthenticatedClient } from '../shared/getAuthenticatedClient';
+import { setupWallet } from '../shared/setupWallet';
+
+async function main() {
+  const wallet = setupWallet();
+  const client = await getAuthenticatedClient(wallet);
+
+  const result = await client.frames.signFrameAction({
+    actionResponse: '0x0000000000000000000000000000000000000000',
+    buttonIndex: 2,
+    inputText: 'Hello, World!',
+    profileId: '0x01',
+    pubId: '0x01-0x01',
+    specVersion: '1.0.0',
+    state: '{"counter":1,"idempotency_key":"431b8b38-eb4d-455b"}',
+    url: 'https://mylensframe.xyz',
+  });
+
+  if (result.isFailure()) {
+    console.error(result.error); // CredentialsExpiredError or NotAuthenticatedError
+    process.exit(1);
+  }
+
+  const data = result.value;
+
+  console.log(`Result: `, data);
+}
+
+main();

examples/node/scripts/frames/verifyFrameSignature.ts

@@ -0,0 +1,47 @@
+import { FrameVerifySignatureResult } from '@lens-protocol/client';
+
+import { getAuthenticatedClient } from '../shared/getAuthenticatedClient';
+import { setupWallet } from '../shared/setupWallet';
+
+async function main() {
+  const wallet = setupWallet();
+  const client = await getAuthenticatedClient(wallet);
+  const profileId = await client.authentication.getProfileId();
+
+  if (!profileId) {
+    throw new Error('Profile not authenticated');
+  }
+
+  const identityTokenResult = await client.authentication.getIdentityToken();
+  const identityToken = identityTokenResult.unwrap();
+
+  // get signature
+  const result = await client.frames.signFrameAction({
+    actionResponse: '0x0000000000000000000000000000000000000000',
+    buttonIndex: 2,
+    inputText: 'Hello, World!',
+    profileId: profileId,
+    pubId: '0x01-0x01',
+    specVersion: '1.0.0',
+    state: '{"counter":1,"idempotency_key":"431b8b38-eb4d-455b"}',
+    url: 'https://mylensframe.xyz',
+  });
+
+  if (result.isFailure()) {
+    console.error(result.error); // CredentialsExpiredError or NotAuthenticatedError
+    process.exit(1);
+  }
+
+  const data = result.value;
+
+  // verify
+  const verifyResult = await client.frames.verifyFrameSignature({
+    identityToken,
+    signature: data.signature,
+    signedTypedData: data.signedTypedData,
+  });
+
+  console.log(`Is signature valid? `, verifyResult === FrameVerifySignatureResult.Verified);
+}
+
+main();

examples/web/src/App.tsx

@@ -34,6 +34,7 @@ import {
   UseInviteWallets,
   UseNotifications,
   UseResolveAddress,
+  UseSignFrameAction,
   UseValidateHandle,
 } from './misc';
 import {
@@ -193,6 +194,7 @@ export function App() {
                     path="lensClientInteroperability"
                     element={<LensClientInteroperability />}
                   />
+                  <Route path="useSignFrameAction" element={<UseSignFrameAction />} />
                 </Route>
 
                 <Route

examples/web/src/misc/MiscPage.tsx

@@ -26,11 +26,6 @@ const hooks = [
     description: `Invite wallets to Lens and check the invite status.`,
     path: '/misc/useInviteWallets',
   },
-  {
-    label: 'LensClient interoperability',
-    description: `Test ReactHooks SDK and Client SDK interoperability.`,
-    path: '/misc/lensClientInteroperability',
-  },
   {
     label: 'useResolveAddress',
     description: `Resolves and EVM address from a Lens Handle.`,
@@ -41,6 +36,16 @@ const hooks = [
     description: `Validate the proposed handle before profile creation.`,
     path: '/misc/useValidateHandle',
   },
+  {
+    label: 'useSignFrameAction',
+    description: `Sign a frame action and prepare it to be validated by frame server.`,
+    path: '/misc/useSignFrameAction',
+  },
+  {
+    label: 'LensClient interoperability',
+    description: `Test ReactHooks SDK and Client SDK interoperability.`,
+    path: '/misc/lensClientInteroperability',
+  },
 ];
 
 export function MiscPage() {