feat: rename to read/write method in evm provider (#818)

.changeset/thick-falcons-worry.md

@@ -0,0 +1,5 @@
+---
+"@mochi-web3/connect-wallet-widget": minor
+---
+
+Rename to read/write method

packages/web3/connect-wallet-widget/src/providers/disabled-provider.ts

@@ -6,7 +6,11 @@ export class ProviderDisabled extends ChainProvider {
     return Object.assign(this)
   }
 
-  async method() {
+  async read() {
+    return ''
+  }
+
+  async write() {
     return ''
   }
 

packages/web3/connect-wallet-widget/src/providers/evm-provider.ts

@@ -3,7 +3,13 @@ import hexer from 'browser-string-hexer'
 import { createStore } from 'mipd'
 import { utils } from 'ethers'
 import isMobile from 'is-mobile'
-import { msg, ChainProvider, TransferInput, Input } from './provider'
+import {
+  msg,
+  ChainProvider,
+  TransferInput,
+  WriteInput,
+  ReadInput,
+} from './provider'
 
 const eip6963Store = typeof window !== 'undefined' ? createStore() : null
 
@@ -43,9 +49,42 @@ export class ProviderEVM extends ChainProvider {
     return Object.assign(this)
   }
 
-  async method(i: Input) {
+  async read(i: ReadInput) {
     try {
-      const { abi, to, from, args, method } = i
+      const { abi, to, from, args = [], method } = i
+      const iface = new utils.Interface(abi)
+      const data = iface.encodeFunctionResult(method, args)
+
+      if (isMobile() && this.session.topic && this.signClient) {
+        return await this.signClient.request({
+          topic: this.session.topic,
+          chainId: `eip155:${(+this.chainId).toString(10)}`,
+          request: {
+            method: 'eth_call',
+            params: [{ from, to, data }],
+          },
+        })
+      }
+
+      return this.provider.request({
+        method: 'eth_call',
+        params: [
+          {
+            from,
+            to,
+            data,
+          },
+        ],
+      })
+    } catch (e) {
+      console.error('evm-provider:method', e)
+      return null
+    }
+  }
+
+  async write(i: WriteInput) {
+    try {
+      const { abi, to, from, args = [], method } = i
       const iface = new utils.Interface(abi)
       const data = iface.encodeFunctionData(method, args)
 

packages/web3/connect-wallet-widget/src/providers/provider.ts

@@ -2,14 +2,22 @@ import { SVGProps } from 'react'
 import { SignClient } from '@walletconnect/sign-client'
 import { wcProfjectId } from '../constants'
 
-export type Input = {
+export type WriteInput = {
   abi: string
   method: string
-  args: (string | number)[]
+  args?: (string | number)[]
   from: string
   to: string
 }
 
+export type ReadInput = {
+  abi: string
+  method: string
+  args?: (string | number)[]
+  from?: string
+  to: string
+}
+
 export type TransferInput = {
   chainId: string
   from: string
@@ -24,7 +32,7 @@ export type ConnectResponse = {
   platform: string
 } | null
 
-export abstract class ChainProvider<I = Input> {
+export abstract class ChainProvider<RI = ReadInput, WI = WriteInput> {
   public mobileProtocol: string = ''
   public provider: any
   public id: string = ''
@@ -94,12 +102,13 @@ export abstract class ChainProvider<I = Input> {
     })
   }
 
-  abstract method(i: I): Promise<void | string>
+  abstract write(i: WI): Promise<void | string>
+  abstract read(i: RI): Promise<void | any>
   abstract transfer(args: TransferInput): Promise<string>
   abstract connect(): Promise<ConnectResponse>
   abstract connectMobile(): Promise<ConnectResponse>
   abstract isInstalled(): Promise<boolean>
-  abstract sync(storeGetter?: any): ChainProvider<I>
+  abstract sync(storeGetter?: any): ChainProvider<WI>
 }
 
 export const msg = 'Please sign this message to prove wallet ownership' as const

packages/web3/connect-wallet-widget/src/providers/ron-provider.ts

@@ -3,7 +3,13 @@ import hexer from 'browser-string-hexer'
 import { createStore } from 'mipd'
 import { utils } from 'ethers'
 import isMobile from 'is-mobile'
-import { msg, ChainProvider, TransferInput, Input } from './provider'
+import {
+  msg,
+  ChainProvider,
+  TransferInput,
+  WriteInput,
+  ReadInput,
+} from './provider'
 
 const eip6963Store = typeof window !== 'undefined' ? createStore() : null
 
@@ -44,9 +50,42 @@ export class ProviderRON extends ChainProvider {
     return Object.assign(this)
   }
 
-  async method(i: Input) {
+  async read(i: ReadInput) {
     try {
-      const { abi, to, from, args, method } = i
+      const { abi, to, from, args = [], method } = i
+      const iface = new utils.Interface(abi)
+      const data = iface.encodeFunctionResult(method, args)
+
+      if (isMobile() && this.session.topic && this.signClient) {
+        return await this.signClient.request({
+          topic: this.session.topic,
+          chainId: `eip155:${(+this.chainId).toString(10)}`,
+          request: {
+            method: 'eth_call',
+            params: [{ from, to, data }],
+          },
+        })
+      }
+
+      return this.provider.request({
+        method: 'eth_call',
+        params: [
+          {
+            from,
+            to,
+            data,
+          },
+        ],
+      })
+    } catch (e) {
+      console.error('evm-provider:method', e)
+      return null
+    }
+  }
+
+  async write(i: WriteInput) {
+    try {
+      const { abi, to, from, args = [], method } = i
       const iface = new utils.Interface(abi)
       const data = iface.encodeFunctionData(method, args)
 

packages/web3/connect-wallet-widget/src/providers/sol-provider.ts

@@ -57,7 +57,11 @@ export class ProviderSOL extends ChainProvider {
     }
   }
 
-  async method() {
+  async read() {
+    throw new Error('Not yet implemented')
+  }
+
+  async write() {
     throw new Error('Not yet implemented')
   }