feat(silent auth): support auth account with silent mode

Author: Littleor

example/basic-dapp/index.html

@@ -47,7 +47,7 @@
       <header>
         Connect
       </header>
-      <button id="connect" >Connect
+      <button id="connect" disabled="true">Connect
         Wallet
       </button>
       <button id="Deauthorize" disabled="true">

example/basic-dapp/index.js

@@ -562,7 +562,6 @@ async function walletInitialized() {
   // connect
   const connectButton = getElement('connect')
   const DeauthorizeButton = getElement('Deauthorize')
-  const logoutButton = getElement('Logout')
   const sendNativeTokenButton = getElement('send_native_token')
   const approveButton = getElement('approve')
   const transferFromButton = getElement('transfer_from')
@@ -576,7 +575,6 @@ async function walletInitialized() {
   const transferToAccountInput = getElement('to-account')
   const importAddressInput = getElement('import_address_input')
   const importAddressNameInput = getElement('import_address_name_input')
-  const identifyButton = getElement('identify_button')
 
   const deployContract = getElement('deploy_contract')
 
@@ -597,9 +595,7 @@ async function walletInitialized() {
     gatewayTestButton.disabled = false
     connectButton.disabled = true
     DeauthorizeButton.disabled = false
-    logoutButton.disabled = false
     importAddressButton.disabled = false
-    identifyButton.disabled = false
   }
 
   function unAuthed() {
@@ -614,9 +610,7 @@ async function walletInitialized() {
     deployContract.disabled = true
     connectButton.disabled = false
     DeauthorizeButton.disabled = true
-    logoutButton.disabled = true
     importAddressButton.disabled = true
-    identifyButton.disabled = true
   }
 
   provider.on('accountsChanged', (accounts) => {
@@ -636,37 +630,38 @@ async function walletInitialized() {
     provider.request({ method: 'anyweb_version' }).then((version) => {
       getElement('version').innerHTML = version
     })
-    // const data = await provider.request({
-    //   method: 'cfx_accounts',
-    //   params: [
-    //     {
-    //       availableNetwork: [1, 1029],
-    //       scopes: ['baseInfo', 'identity'],
-    //     },
-    //   ],
-    // })
-    // const { chainId, networkId, address: alreadyAuthedAddresses, code } = data
-    // console.log(
-    //   'DApp 获取到的授权结果',
-    //   chainId,
-    //   networkId,
-    //   alreadyAuthedAddresses,
-    //   code
-    // )
-    // setState(data)
-    // getElement('initialized').innerHTML = 'initialized'
-    // getElement('chainId').innerHTML = chainId
-    // getElement('networkId').innerHTML = networkId
-    //
-    // if (
-    //   !alreadyAuthedAddresses ||
-    //   !alreadyAuthedAddresses.length ||
-    //   alreadyAuthedAddresses.length === 0
-    // ) {
-    //   unAuthed()
-    // } else {
-    //   authed(alreadyAuthedAddresses[0], code)
-    // }
+
+    const data = await provider.request({
+      method: 'cfx_accounts',
+      params: [
+        {
+          availableNetwork: [1, 1029],
+          scopes: ['baseInfo', 'identity'],
+        },
+      ],
+    })
+    const { chainId, networkId, address: alreadyAuthedAddresses, code } = data
+    console.log(
+      'DApp 获取到的授权结果',
+      chainId,
+      networkId,
+      alreadyAuthedAddresses,
+      code
+    )
+    setState(data)
+    getElement('initialized').innerHTML = 'initialized'
+    getElement('chainId').innerHTML = chainId
+    getElement('networkId').innerHTML = networkId
+
+    if (
+      !alreadyAuthedAddresses ||
+      !alreadyAuthedAddresses.length ||
+      alreadyAuthedAddresses.length === 0
+    ) {
+      unAuthed()
+    } else {
+      authed(alreadyAuthedAddresses[0], code)
+    }
   } catch (e) {
     unAuthed()
     console.error('try 到错误了', e)
@@ -714,14 +709,6 @@ async function walletInitialized() {
       .then(unAuthed)
       .catch(console.error)
   }
-  logoutButton.onclick = () => {
-    provider
-      .request({
-        method: 'anyweb_logout',
-      })
-      .then(unAuthed)
-      .catch(console.error)
-  }
 
   // send native token to the connected address
   sendNativeTokenButton.onclick = async () => {
@@ -900,19 +887,6 @@ async function walletInitialized() {
       console.log('err', err)
     }
   }
-
-  identifyButton.onclick = async () => {
-    try {
-      provider
-        .request({ method: 'anyweb_identify', params: [] })
-        .then((result) => {
-          getElement('identify_result').innerHTML = result
-          console.log('result', result)
-        })
-    } catch (err) {
-      console.log('err', err)
-    }
-  }
 }
 
 window.addEventListener('load', async () => {

src/interface/provider.ts

@@ -88,6 +88,7 @@ export interface IIframeOptions {
     | 'importAccount'
     | 'exit_accounts'
     | 'logout'
+    | 'check_auth'
   waitResult?: boolean
   silence?: boolean
 }

src/provider.ts

@@ -131,17 +131,36 @@ export class Provider implements IProvider {
       case 'cfx_accounts':
         console.debug('[AnyWeb]', { params })
         const scopes = params[0].scopes
-        const result = (await callIframe(
-          'pages/dapp/auth',
-          {
-            appId: this.appId,
-            params: params ? JSON.stringify(params[0]) : '',
-            chainId: this.chainId,
-            authType: 'account',
-            scopes: scopes,
-          },
-          this
-        )) as IAuthResult
+        let result: IAuthResult
+        try {
+          result = (await callIframe(
+            'pages/dapp/auth',
+            {
+              appId: this.appId,
+              params: params ? JSON.stringify(params[0]) : '',
+              chainId: this.chainId,
+              authType: 'check_auth',
+              scopes: scopes,
+              silence: true,
+            },
+            this
+          )) as IAuthResult
+          console.debug('[AnyWeb]', 'silent auth result', result)
+        } catch (e) {
+          console.debug('[AnyWeb]', 'need to auth', e)
+          result = (await callIframe(
+            'pages/dapp/auth',
+            {
+              appId: this.appId,
+              params: params ? JSON.stringify(params[0]) : '',
+              chainId: this.chainId,
+              authType: 'account',
+              scopes: scopes,
+            },
+            this
+          )) as IAuthResult
+        }
+
         result.scopes = scopes
         this.events.onAccountsChanged &&
           this.events.onAccountsChanged(result.address)

src/utils/common.ts

@@ -268,7 +268,7 @@ export const callIframe = async (
       )
       const timer = setTimeout(() => {
         close()
-        reject(new Error('Timeout'))
+        reject('Timeout')
       }, 10 * 60 * 1000)
 
       // Set Listeners
@@ -294,7 +294,7 @@ export const callIframe = async (
               if (callback.success) {
                 resolve(callback.data)
               } else {
-                reject(new Error(callback.data as string))
+                reject(callback.data as string)
               }
             } else if (callback.type === 'event') {
               const eventData = callback.data as IIframeEventData