feat(support import read-only account): support import account from DApp by SDK without key

Author: Littleor

example/basic-dapp/index.html

@@ -123,6 +123,23 @@
         Result: <span id="deploy_contract_result">N/A</span>
       </footer>
     </article>
+    <article>
+      <header>
+        导入地址
+      </header>
+      <form>
+        <label>输入地址用英文逗号风格
+          <input type="text" id=
+            "import_address_input" placeholder="地址">
+        </label>
+      </form>
+      <button id="import_address_button" disabled=
+        "true">导入
+      </button>
+      <footer>
+        Result: <span id="import_address_result">N/A</span>
+      </footer>
+    </article>
   </div>
 
   <script>

example/basic-dapp/index.js

@@ -479,11 +479,13 @@ async function walletInitialized() {
   const approveButton = getElement('approve')
   const transferFromButton = getElement('transfer_from')
   const getCFXButton = getElement('get-cfx')
+  const importAddressButton = getElement('import_address_button')
   const nativeReceiverAddressInput = getElement('native-receiver')
   const countInput = getElement('native-count')
   const approveAccountInput = getElement('approve-account')
   const transferFromAccountInput = getElement('from-account')
   const transferToAccountInput = getElement('to-account')
+  const importAddressInput = getElement('import_address_input')
 
   const deployContract = getElement('deploy_contract')
 
@@ -499,6 +501,7 @@ async function walletInitialized() {
     deployContract.disabled = false
     getCFXButton.disabled = false
     connectButton.disabled = true
+    importAddressButton.disabled = false
   }
 
   function unAuthed() {
@@ -510,6 +513,7 @@ async function walletInitialized() {
     getCFXButton.disabled = true
     deployContract.disabled = true
     connectButton.disabled = false
+    importAddressButton.disabled = true
   }
 
   provider.on('accountsChanged', (accounts) => {
@@ -680,6 +684,26 @@ async function walletInitialized() {
       console.log('err', err)
     }
   }
+
+  importAddressButton.onclick = async () => {
+    try {
+      const [connectedAddress] = await provider.request({
+        method: 'cfx_accounts',
+      })
+
+      const tx = {
+        address: importAddressInput.value.split(','),
+      }
+      provider
+        .request({ method: 'anyweb_importAddress', params: [tx] })
+        .then((result) => {
+          getElement('import_address_result').innerHTML = result
+          console.log('result', result)
+        })
+    } catch (err) {
+      console.log('err', err)
+    }
+  }
 }
 
 window.addEventListener('load', async () => {

src/interface/provider.ts

@@ -77,6 +77,11 @@ export interface IIframeOptions {
   params: string
   chainId: string
   scope?: number[]
-  authType?: 'account' | 'createContract' | 'callContract' | 'createTransaction'
+  authType?:
+    | 'account'
+    | 'createContract'
+    | 'callContract'
+    | 'createTransaction'
+    | 'importAddress'
   waitResult?: boolean
 }

src/provider.ts

@@ -8,9 +8,9 @@ import {
   IBaseProviderOptions,
   IProvider,
   IProviderConnectInfo,
+  IProviderMessage,
   IProviderRpcError,
   IRequestArguments,
-  IProviderMessage,
 } from './interface/provider'
 import { callIframe, readCache, setCache } from './utils/common'
 import config from '../package.json'
@@ -130,6 +130,11 @@ export class Provider implements IProvider {
     method: string,
     params?: readonly unknown[] | Record<string, unknown>
   ): Promise<unknown> {
+    const paramsObj = params
+      ? Array.isArray(params) && params.length > 0
+        ? params[0]
+        : params
+      : {}
     switch (method) {
       case 'cfx_netVersion':
         if (this.networkId === -1) {
@@ -162,11 +167,6 @@ export class Provider implements IProvider {
           this.events.onNetworkChanged(String(result.networkId))
         return this.address
       case 'cfx_sendTransaction':
-        const paramsObj = params
-          ? Array.isArray(params) && params.length > 0
-            ? params[0]
-            : params
-          : {}
         try {
           return await callIframe('pages/dapp/auth', {
             appId: this.appId,
@@ -183,7 +183,18 @@ export class Provider implements IProvider {
           console.error('Error to sendTransaction', e)
           return 'fail'
         }
-
+      case 'anyweb_importAddress':
+        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: 'importAddress',
+          })
+        } catch (e) {
+          console.error('Error to import Address', e)
+          return 'fail'
+        }
       case 'anyweb_version':
         return config.version
       case 'anyweb_home':