feat(support network change): support network change in SDK

Author: Littleor

src/interface/provider.ts

@@ -91,3 +91,8 @@ export interface IIframeData {
   data: unknown
   success?: boolean
 }
+
+export interface IIframeEventData {
+  type: 'changeNetwork' | 'changeChain'
+  data: unknown
+}

src/provider.ts

@@ -152,12 +152,17 @@ export class Provider implements IProvider {
         if (this.address.length > 0) {
           return this.address
         }
-        const result = (await callIframe('pages/dapp/auth', {
-          appId: this.appId,
-          params: params ? JSON.stringify(params) : '',
-          chainId: (await this.request({ method: 'cfx_chainId' })) as string,
-          authType: 'account',
-        })) as IAuthResult
+        console.log('cfx_accounts参数', paramsObj)
+        const result = (await callIframe(
+          'pages/dapp/auth',
+          {
+            appId: this.appId,
+            params: params ? JSON.stringify(paramsObj) : '',
+            chainId: (await this.request({ method: 'cfx_chainId' })) as string,
+            authType: 'account',
+          },
+          this
+        )) as IAuthResult
         setCache(result, this)
         this.events.onAccountsChanged &&
           this.events.onAccountsChanged(result.address)
@@ -168,47 +173,61 @@ export class Provider implements IProvider {
         return this.address
       case 'cfx_sendTransaction':
         try {
-          return await callIframe('pages/dapp/auth', {
-            appId: this.appId,
-            chainId: (await this.request({ method: 'cfx_chainId' })) as string,
-            params: params ? JSON.stringify(paramsObj) : '',
-            authType:
-              params && Object.keys(paramsObj).includes('to') && paramsObj['to']
-                ? getAddressType(paramsObj['to'] as string) ===
-                  AddressType.CONTRACT
-                  ? 'callContract'
-                  : 'createTransaction'
-                : 'createContract',
-          })
+          return await callIframe(
+            'pages/dapp/auth',
+            {
+              appId: this.appId,
+              chainId: (await this.request({
+                method: 'cfx_chainId',
+              })) as string,
+              params: params ? JSON.stringify(paramsObj) : '',
+              authType:
+                params &&
+                Object.keys(paramsObj).includes('to') &&
+                paramsObj['to']
+                  ? getAddressType(paramsObj['to'] as string) ===
+                    AddressType.CONTRACT
+                    ? 'callContract'
+                    : 'createTransaction'
+                  : 'createContract',
+            },
+            this
+          )
         } catch (e) {
           console.error('Error to sendTransaction', e)
           return e
         }
       case 'anyweb_importAccount':
         try {
-          return await callIframe('pages/dapp/auth', {
-            appId: this.appId,
-            chainId: (await this.request({ method: 'cfx_chainId' })) as string,
-            params: params ? JSON.stringify(paramsObj) : JSON.stringify([]),
-            authType: 'importAccount',
-          })
+          return await callIframe(
+            'pages/dapp/auth',
+            {
+              appId: this.appId,
+              chainId: (await this.request({
+                method: 'cfx_chainId',
+              })) as string,
+              params: params ? JSON.stringify(paramsObj) : JSON.stringify([]),
+              authType: 'importAccount',
+            },
+            this
+          )
         } catch (e) {
           console.error('Error to import Address', e)
           return e
         }
       case 'anyweb_version':
         return config.version
       case 'anyweb_home':
-        return await callIframe('pages/index/home', {
-          appId: this.appId,
-          chainId: (await this.request({ method: 'cfx_chainId' })) as string,
-          params: params
-            ? JSON.stringify(
-                Array.isArray(params) && params.length > 0 ? params[0] : params
-              )
-            : '',
-          waitResult: false,
-        })
+        return await callIframe(
+          'pages/index/home',
+          {
+            appId: this.appId,
+            chainId: (await this.request({ method: 'cfx_chainId' })) as string,
+            params: params ? JSON.stringify(paramsObj) : '',
+            waitResult: false,
+          },
+          this
+        )
       default:
         return 'Unsupported method'
     }

src/utils/common.ts

@@ -4,7 +4,12 @@
  */
 import * as forge from 'node-forge'
 import { BASE_URL } from '../config'
-import { IAuthResult, IIframeData, IIframeOptions } from '../interface/provider'
+import {
+  IAuthResult,
+  IIframeData,
+  IIframeEventData,
+  IIframeOptions,
+} from '../interface/provider'
 import { Provider } from '../provider'
 
 export const getFrameWidth = () => {
@@ -230,7 +235,8 @@ export const callIframe = async (
     scope = [2],
     authType,
     waitResult = true,
-  }: IIframeOptions
+  }: IIframeOptions,
+  provider: Provider
 ) => {
   if (waitResult) {
     return new Promise<unknown>(async (resolve, reject) => {
@@ -276,6 +282,20 @@ export const callIframe = async (
                 close()
                 reject(new Error(callback.data as string))
               }
+            } else if (callback.type === 'event') {
+              const eventData = callback.data as IIframeEventData
+              switch (eventData.type) {
+                case 'changeNetwork':
+                  provider.events.onNetworkChanged &&
+                    provider.events.onNetworkChanged(String(eventData.data))
+                  break
+                case 'changeChain':
+                  provider.events.onChainChanged &&
+                    provider.events.onChainChanged(String(eventData.data))
+                  break
+                default:
+                  break
+              }
             }
           }
         },