Merge pull request #100 from geobrowser/ng/migrate-to-viem

replace ethers with viem

Author: nikgraf

apps/events/package.json

@@ -21,7 +21,6 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "effect": "^3.12.2",
-    "ethers": "^5.7.2",
     "isomorphic-ws": "^5.0.0",
     "lucide-react": "^0.441.0",
     "react": "^18.3.1",
@@ -30,7 +29,7 @@
     "tailwind-merge": "^2.5.3",
     "tailwindcss-animate": "^1.0.7",
     "uuid": "^11.0.3",
-    "viem": "^2.21.56",
+    "viem": "^2.22.9",
     "vite": "^6.0.7"
   },
   "devDependencies": {

apps/events/src/components/auth.tsx

@@ -1,7 +1,8 @@
 import { Identity } from '@graphprotocol/hypergraph';
 import { PrivyProvider, usePrivy, useWallets } from '@privy-io/react-auth';
-import { ethers } from 'ethers';
 import { useEffect, useState } from 'react';
+import { createWalletClient, custom } from 'viem';
+import { mainnet } from 'viem/chains';
 
 function DoGraphLogin() {
   const { login } = Identity.useGraphLogin();
@@ -24,16 +25,27 @@ function Auth({ children }: { children: React.ReactNode }) {
       (async () => {
         const embeddedWallet = wallets.find((wallet) => wallet.walletClientType === 'privy') || wallets[0];
         const privyProvider = await embeddedWallet.getEthereumProvider();
-        const ethersProvider = new ethers.providers.Web3Provider(privyProvider);
-        const newSigner = await ethersProvider.getSigner();
 
-        if (embeddedWallet.walletClientType === 'privy') {
-          newSigner.signMessage = async (message) => {
-            // @ts-expect-error signMessage is a string in this case
-            const { signature } = await signMessage({ message }); //, uiConfig);
-            return signature;
-          };
-        }
+        const walletClient = createWalletClient({
+          chain: mainnet,
+          transport: custom(privyProvider),
+        });
+
+        // create a signer-like interface compatible with Identity.Signer
+        const newSigner: Identity.Signer = {
+          getAddress: async () => {
+            const [address] = await walletClient.getAddresses();
+            return address;
+          },
+          signMessage: async (message: string) => {
+            if (embeddedWallet.walletClientType === 'privy') {
+              const { signature } = await signMessage({ message });
+              return signature;
+            }
+            const [address] = await walletClient.getAddresses();
+            return await walletClient.signMessage({ account: address, message });
+          },
+        };
 
         setSigner(newSigner);
       })();

apps/server/package.json

@@ -14,7 +14,7 @@
     "effect": "^3.12.2",
     "express": "^5.0.1",
     "siwe": "^2.3.2",
-    "viem": "^2.21.56",
+    "viem": "^2.22.9",
     "ws": "^8.17.1"
   },
   "devDependencies": {

packages/hypergraph/package.json

@@ -51,6 +51,6 @@
     "effect": "^3.12.1",
     "siwe": "^2.3.2",
     "uuid": "^11.0.4",
-    "viem": "^2.22.6"
+    "viem": "^2.22.9"
   }
 }