fix examples

immutable · Jan 31, 2025 · 09f6e24 · 09f6e24
1 parent d7dacd1
commit 09f6e24
Show file tree

Hide file tree

Showing 10 changed files with 104 additions and 284 deletions.
diff --git a/examples/passport/logged-in-user-with-nextjs/package.json b/examples/passport/logged-in-user-with-nextjs/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@biom3/react": "^0.25.21",
     "@ethersproject/providers": "^5.7.2",
-    "@imtbl/sdk": "latest",
+    "@imtbl/sdk": "workspace:*",
     "next": "14.2.7",
     "react": "^18",
     "react-dom": "^18"

diff --git a/examples/passport/logged-in-user-with-nextjs/src/app/linked-addresses-with-passport/page.tsx b/examples/passport/logged-in-user-with-nextjs/src/app/linked-addresses-with-passport/page.tsx
@@ -13,7 +13,7 @@ export default function LoginWithPassport() {
   const loginWithPassport = async () => {
     if (!passportInstance) return;
     try {
-      const provider = passportInstance.connectEvm();
+      const provider = await passportInstance.connectEvm();
       const accounts = await provider.request({ method: 'eth_requestAccounts' });
       if (accounts) {
         setIsLoggedIn(true);

diff --git a/examples/passport/logged-in-user-with-nextjs/src/app/user-info-with-passport/page.tsx b/examples/passport/logged-in-user-with-nextjs/src/app/user-info-with-passport/page.tsx
@@ -19,7 +19,7 @@ export default function LoginWithPassport() {
   const loginWithPassport = async () => {
     if (!passportInstance) return;
     try {
-      const provider = passportInstance.connectEvm();
+      const provider = await passportInstance.connectEvm();
       const accounts = await provider.request({ method: 'eth_requestAccounts' });
       // #doc passport-get-user-info
       const userProfileData = await passportInstance.getUserInfo();

diff --git a/examples/passport/logged-in-user-with-nextjs/src/app/verify-tokens-with-nextjs/page.tsx b/examples/passport/logged-in-user-with-nextjs/src/app/verify-tokens-with-nextjs/page.tsx
@@ -14,7 +14,7 @@ export default function LoginWithPassport() {
   const loginWithPassport = async () => {
     if (!passportInstance) return;
     try {
-      const provider = passportInstance.connectEvm();
+      const provider = await passportInstance.connectEvm();
       const accounts = await provider.request({ method: 'eth_requestAccounts' });
       // #doc passport-get-id-token
       const idToken = await passportInstance.getIdToken();

diff --git a/examples/passport/login-with-nextjs/package.json b/examples/passport/login-with-nextjs/package.json
@@ -12,7 +12,8 @@
   "dependencies": {
     "@biom3/react": "^0.25.21",
     "@ethersproject/providers": "^5.7.2",
-    "@imtbl/sdk": "latest",
+    "@imtbl/sdk": "workspace:*",
+    "ethers": "^6.13.4",
     "next": "14.2.7",
     "react": "^18",
     "react-dom": "^18"

diff --git a/examples/passport/login-with-nextjs/src/app/login-with-etherjs/page.tsx b/examples/passport/login-with-nextjs/src/app/login-with-etherjs/page.tsx
@@ -5,6 +5,7 @@ import { ethers } from 'ethers'; // Make sure ethers.js is installed
 import { Button, Heading, Table, Link } from '@biom3/react';
 import NextLink from 'next/link';
 import { passportInstance } from '../utils/setupDefault';
+import { BrowserProvider } from 'ethers';
 
 export default function LoginWithPassport() {
   const [isLoggedIn, setIsLoggedIn] = useState<boolean>(false);
@@ -15,8 +16,8 @@ export default function LoginWithPassport() {
 
     try {
       // #doc passport-login-with-ethersjs
-      const passportProvider = passportInstance.connectEvm();
-      const web3Provider = new ethers.providers.Web3Provider(passportProvider);
+      const passportProvider = await passportInstance.connectEvm();
+      const web3Provider = new BrowserProvider(passportProvider);
       const accounts = await web3Provider.send('eth_requestAccounts', []);
       // #enddoc passport-login-with-ethersjs
       if (accounts && accounts.length > 0) {

diff --git a/examples/passport/login-with-nextjs/src/app/login-with-passport/page.tsx b/examples/passport/login-with-nextjs/src/app/login-with-passport/page.tsx
@@ -14,7 +14,7 @@ export default function LoginWithPassport() {
     if (!passportInstance) return;
     try {
       // #doc passport-evm-login
-      const provider = passportInstance.connectEvm();
+      const provider = await passportInstance.connectEvm();
       const accounts = await provider.request({ method: 'eth_requestAccounts' });
       // #enddoc passport-evm-login
       if (accounts) {

diff --git a/examples/passport/login-with-nextjs/src/app/logout-with-redirect-mode/page.tsx b/examples/passport/login-with-nextjs/src/app/logout-with-redirect-mode/page.tsx
@@ -12,7 +12,7 @@ export default function SimplifiedLoginWithPassport() {
   const loginWithPassport = async () => {
     if (!passportInstance) return;
     try {
-      const provider = passportInstance.connectEvm();
+      const provider = await passportInstance.connectEvm();
       const accounts = await provider.request({ method: 'eth_requestAccounts' });
       if (accounts && accounts.length > 0) {
         setIsLoggedIn(true);

diff --git a/examples/passport/login-with-nextjs/src/app/logout-with-silent-mode/page.tsx b/examples/passport/login-with-nextjs/src/app/logout-with-silent-mode/page.tsx
@@ -13,7 +13,7 @@ export default function SimplifiedLoginWithPassport() {
   const loginWithPassport = async () => {
     if (!passportInstance) return;
     try {
-      const provider = passportInstance.connectEvm();
+      const provider = await passportInstance.connectEvm();
       const accounts = await provider.request({ method: 'eth_requestAccounts' });
       if (accounts && accounts.length > 0) {
         setIsLoggedIn(true);