From 467ba45f59969702439744ee42c8aae6d375e698 Mon Sep 17 00:00:00 2001 From: CounterFire2023 <136581895+CounterFire2023@users.noreply.github.com> Date: Wed, 17 Jul 2024 11:43:46 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B0=86=E8=8B=B1=E9=9B=84=E4=B8=8A=E9=93=BE?= =?UTF-8?q?=E6=96=B9=E6=B3=95=E7=8B=AC=E7=AB=8B=E5=87=BA=E6=9D=A5,=20?= =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8F=AF=E6=8C=87=E5=AE=9A=E7=9B=AE=E6=A0=87?= =?UTF-8?q?=E5=9C=B0=E5=9D=80=E7=9A=84=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/chain/BlockChain.js | 36 +++++++++++++ src/components/chain/WalletSelectModel.vue | 26 +++++++--- src/components/chain/contract/Locker.js | 59 +++++++++++++++------- src/utils/marketplace.js | 12 ++--- 4 files changed, 103 insertions(+), 30 deletions(-) diff --git a/src/components/chain/BlockChain.js b/src/components/chain/BlockChain.js index db1942b..174442a 100644 --- a/src/components/chain/BlockChain.js +++ b/src/components/chain/BlockChain.js @@ -132,6 +132,20 @@ export class BlockChain { return token+suffix } + /** + * 如果是用passport登录的, 直接返回store中的token, 否则调用passport的getAccessToken + * @returns + */ + async passportToken() { + if (this.store.walletType == 3) { + return this.store.token + } + if (!this.passportProvider) { + return '' + } + const res = await new PassportWallet().getAccessToken(); + return res.token + } async logout() { if (this.store.walletType != 3 && this.passportProvider) { @@ -176,4 +190,26 @@ export class BlockChain { await this.appendPassport(); } } + + async selectAddress({title, subTitle, targetChainId}) { + const initData = {} + initData[this.store.walletType] = this.store.address + const rewardModal = createModal(WalletSelectModel, { + title: title || 'Select Address', + message: subTitle || 'Please select the address you want to use', + initData: { 1: 'MetaMask', 2: 'OKX Wallet', 3: 'Passport' } + }); + const { errcode, errmsg, walletInstance, provider, accounts } = await rewardModal.show(); + if (errcode) { + console.log(`select address result : ${errmsg}`); + throw new Error(errmsg); + } + targetChainId = targetChainId || cfgChainId; + let chainId = await walletInstance.getChainId(); + if (chainId !== targetChainId) { + console.log(`current chain: ${chainId}, want: ${targetChainId}`) + chainId = await switchEthereumChain(provider.provider, targetChainId); + } + return { provider, address: accounts[0] }; + } } diff --git a/src/components/chain/WalletSelectModel.vue b/src/components/chain/WalletSelectModel.vue index 6eddbfc..e0b7874 100644 --- a/src/components/chain/WalletSelectModel.vue +++ b/src/components/chain/WalletSelectModel.vue @@ -3,7 +3,7 @@
-
Please connect your wallet
+
{{title||'Please connect your wallet'}}
close
- Connect your wallet to start your Counter Fire journey + {{subTitle || 'Connect your wallet to start your Counter Fire journey'}}
{ let list = ALL_PROVIDERS.map((item) => { const Provider = allProviders[item.id]; const installed = new Provider().installed; + const initData = props.initData; + let current = null; + if (initData) { + current = initData[item.id]; + } + + const tip = installed ? current?.tip || item.tip || '' : "Click to Install"; return { id: item.id, name: item.name, logo: item.logo, installed, downloadUrl: item.downloadUrl, - tip: installed ? item.tip || "" : "Click to Install", + tip, }; }); @@ -60,9 +70,10 @@ const currentDatas = computed(() => { async function selectWallet(id) { const Provider = allProviders[id]; - const { provider, accounts } = await new Provider().web3Provider(); + const walletInstance = new Provider() + const { provider, accounts } = await walletInstance.web3Provider(); console.log(accounts) - hideModal({errcode: 0, provider, wallet: id, accounts}); + hideModal({errcode: 0, provider, wallet: id, walletInstance, accounts}); } @@ -76,8 +87,9 @@ async function cardClicked(id) { return; } window.open(data.downloadUrl, '_blank'); - } - await selectWallet(id); + } else { + await selectWallet(id); + } } function cancelSelect() { diff --git a/src/components/chain/contract/Locker.js b/src/components/chain/contract/Locker.js index 8f7061f..b867146 100644 --- a/src/components/chain/contract/Locker.js +++ b/src/components/chain/contract/Locker.js @@ -42,23 +42,9 @@ export class Locker { await this.bc.web3Provider.waitForTransaction(res.hash) return res.hash } - // 游戏内资产上链, 用于解锁或铸造 - // 创世英雄, 普通英雄, 金砖 - async unlockOrMintGameNft(nft, tokenIds) { - console.log('unlock nft', nft, tokenIds) - await this.bc.checkPassportLogin(); - await this.bc.checkAndChangeChain(); - const preDatas = { - net_id: import.meta.env.VUE_APP_NET_ID, - contract_address: nft, - tokens: tokenIds.map(tokenId => {return { tokenId }}), - } - const { errcode, errmsg, trans_req } = await apiUnlockOrMint(preDatas) - if (errcode) { - throw new Error(errmsg) - } - const { to, data } = trans_req - const web3Provider = this.bc.passportProvider || this.bc.web3Provider + + async sendUnlockOrMint(provider, {to, data}) { + const txHash = await web3Provider.request({ method: 'eth_sendTransaction', params: [{ @@ -69,4 +55,43 @@ export class Locker { console.log(txHash) return txHash } + + // 游戏内资产上链, 用于解锁或铸造 + // 创世英雄, 普通英雄, 金砖 + // imtbl上unlock必须使用passport的provider + async unlockOrMintGameNft(nft, tokenIds) { + console.log('unlock nft', nft, tokenIds) + await this.bc.checkPassportLogin(); + await this.bc.checkAndChangeChain(); + const preDatas = { + net_id: import.meta.env.VUE_APP_NET_ID, + contract_address: nft, + tokens: tokenIds.map(tokenId => {return { tokenId }}), + } + const passportToken = await this.bc.passportToken() + const { errcode, errmsg, trans_req } = await apiUnlockOrMint(preDatas, passportToken) + if (errcode) { + throw new Error(errmsg) + } + const web3Provider = this.bc.passportProvider || this.bc.web3Provider + return this.sendUnlockOrMint(web3Provider, trans_req) + } + // 游戏内资产上链, 只用于mint + // 该方法会显示一个确认弹窗, 由用户选择mint到哪个地址 + async mintNft(nft, tokenIds) { + console.log('mint nft', nft, tokenIds) + const { provider, address } = await this.bc.selectAddress() + const preDatas = { + net_id: import.meta.env.VUE_APP_NET_ID, + to: address, + contract_address: nft, + tokens: tokenIds.map(tokenId => {return { tokenId }}), + } + const passportToken = await this.bc.passportToken() + const { errcode, errmsg, trans_req } = await apiUnlockOrMint(preDatas, passportToken) + if (errcode) { + throw new Error(errmsg) + } + return this.sendUnlockOrMint(provider, trans_req) + } } diff --git a/src/utils/marketplace.js b/src/utils/marketplace.js index edc9251..b5fe5b9 100644 --- a/src/utils/marketplace.js +++ b/src/utils/marketplace.js @@ -7,8 +7,8 @@ const net_id = import.meta.env.VUE_APP_NET_ID const toJson = res => res.json(); -const httpPost = async (url, data) => { - const token = await new BlockChain().token(); +const httpPost = async (url, data, token) => { + token = token || await new BlockChain().token(); let headers = {"Content-Type": "application/json"}; // let token = token; if (token) { @@ -22,8 +22,8 @@ const httpPost = async (url, data) => { } -const httpGet = async (url, data) => { - const token = await new BlockChain().token(); +const httpGet = async (url, data, token) => { + token = token || await new BlockChain().token(); let headers = {"Content-Type": "application/json"}; if (token) { headers['Authorization'] = `Bearer ${token}`; @@ -106,7 +106,7 @@ export const nftDetail = async(address, tokenId) => { return httpGet(url, {}) } -export const apiUnlockOrMint = async (data) => { +export const apiUnlockOrMint = async (data, token) => { const url = `${API_BASE}/api/nft/stacking/unlock` - return httpPost(url, data) + return httpPost(url, data, token) }