remove unused code
This commit is contained in:
CounterFire2023
parent
bd152be292
commit
fa6af8b1e7
1
components.d.ts
vendored
1
components.d.ts
vendored
@ -35,7 +35,6 @@ declare module 'vue' {
|
|||||||
Gold: typeof import('./src/components/common/searchView/gold.vue')['default']
|
Gold: typeof import('./src/components/common/searchView/gold.vue')['default']
|
||||||
Hanging: typeof import('./src/components/assets/hanging.vue')['default']
|
Hanging: typeof import('./src/components/assets/hanging.vue')['default']
|
||||||
HangingCard: typeof import('./src/components/common/hangingCard.vue')['default']
|
HangingCard: typeof import('./src/components/common/hangingCard.vue')['default']
|
||||||
'HangingCard copy': typeof import('./src/components/common/hangingCard copy.vue')['default']
|
|
||||||
Hero: typeof import('./src/components/common/searchView/hero.vue')['default']
|
Hero: typeof import('./src/components/common/searchView/hero.vue')['default']
|
||||||
HeroCard: typeof import('./src/components/home/HeroCard.vue')['default']
|
HeroCard: typeof import('./src/components/home/HeroCard.vue')['default']
|
||||||
HeroWeaponChipSelector: typeof import('./src/components/home/HeroWeaponChipSelector.vue')['default']
|
HeroWeaponChipSelector: typeof import('./src/components/home/HeroWeaponChipSelector.vue')['default']
|
||||||
|
|||||||
@ -1,48 +0,0 @@
|
|||||||
import Web3 from 'web3'
|
|
||||||
import { useAppStore } from '@/store/app'
|
|
||||||
import { ERC20ABI } from '@/configs/contracts'
|
|
||||||
import pinia from '@/store';
|
|
||||||
|
|
||||||
const AppModule = useAppStore(pinia);
|
|
||||||
|
|
||||||
export class Chain {
|
|
||||||
private web3: Web3
|
|
||||||
|
|
||||||
constructor(provider: any) {
|
|
||||||
this.web3 = new Web3(provider)
|
|
||||||
}
|
|
||||||
|
|
||||||
public async initInstance({ abi, address, account }: {abi: any, address: string, account: string}) {
|
|
||||||
return new this.web3.eth.Contract(
|
|
||||||
abi,
|
|
||||||
address,
|
|
||||||
{ from: account }
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
public async initContractInstance(address: string, abi: any = ERC20ABI) {
|
|
||||||
return this.initInstance({
|
|
||||||
abi,
|
|
||||||
address,
|
|
||||||
account: AppModule.accountId
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
public async sendCmd({ method, params, from }: any) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
||||||
// @ts-ignore
|
|
||||||
this.web3.currentProvider.send({
|
|
||||||
method,
|
|
||||||
params,
|
|
||||||
from
|
|
||||||
}, async function(err: any, result: any) {
|
|
||||||
if (err) {
|
|
||||||
reject && reject(err)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
resolve && resolve(result)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,278 +0,0 @@
|
|||||||
import { Blockchain } from "@/chain/blockchain";
|
|
||||||
import { getNonce } from "@/api/User";
|
|
||||||
import pinia from "@/store";
|
|
||||||
import { useAppStore } from "@/store/app";
|
|
||||||
import { useUserStore } from "@/store/user";
|
|
||||||
import { message } from "ant-design-vue";
|
|
||||||
import { Chain } from "@/chain/Chain";
|
|
||||||
import { AVAILABLE_CHAINS } from "@/configs/configchain";
|
|
||||||
import { AllChains } from "@/configs/allchain";
|
|
||||||
import {
|
|
||||||
ACTIVATE_PROXY_ABI,
|
|
||||||
MYSTERY_BOX_ABI,
|
|
||||||
MYSTERY_PROXY_ABI
|
|
||||||
} from "@/configs/contracts";
|
|
||||||
|
|
||||||
const AppModule = useAppStore(pinia);
|
|
||||||
const UserModule = useUserStore();
|
|
||||||
|
|
||||||
export default class ChainManager {
|
|
||||||
bc: Blockchain;
|
|
||||||
instanceMap: Map<string, any>;
|
|
||||||
public chainMap: Map<number, any> = new Map();
|
|
||||||
private _availableChains: Map<number, any> = new Map();
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
this.bc = new Blockchain();
|
|
||||||
this.instanceMap = new Map();
|
|
||||||
for (const data of AllChains) {
|
|
||||||
this.chainMap.set(data.id, data);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
get availableChains() {
|
|
||||||
if (this._availableChains.size === 0) {
|
|
||||||
for (const id of AVAILABLE_CHAINS) {
|
|
||||||
const d = this.chainMap.get(id);
|
|
||||||
if (d) {
|
|
||||||
this._availableChains.set(id, d);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return this._availableChains;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async init() {
|
|
||||||
if (this.bc.isWalletConnect) {
|
|
||||||
try {
|
|
||||||
await this.bc.connect();
|
|
||||||
} catch (err) {
|
|
||||||
console.log("connect chain error: ", err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
get isLogined() {
|
|
||||||
return !!UserModule.token && !!AppModule.step;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async logout() {
|
|
||||||
await this.bc.disconnect();
|
|
||||||
}
|
|
||||||
|
|
||||||
public get currentChain() {
|
|
||||||
return this.bc.currentChain;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async login(type:any) {
|
|
||||||
if (!AppModule.step) {
|
|
||||||
try {
|
|
||||||
await this.bc.connect(true,type);
|
|
||||||
await this.checkNance();
|
|
||||||
} catch (err) {
|
|
||||||
message.error(err.message, 5);
|
|
||||||
this.bc.walletType = 0
|
|
||||||
await this.bc.disconnect();
|
|
||||||
await Promise.reject(err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public async checkNance() {
|
|
||||||
try {
|
|
||||||
const preRequest: any = await getNonce();
|
|
||||||
let nonce = preRequest.nonce + "";
|
|
||||||
const tips = preRequest.data?.tips;
|
|
||||||
AppModule.updateNonce(nonce);
|
|
||||||
|
|
||||||
await UserModule.Login({
|
|
||||||
bcInstance: this.bc,
|
|
||||||
account: AppModule.accountId,
|
|
||||||
chainId: AppModule.chainId,
|
|
||||||
nonce,
|
|
||||||
tips,
|
|
||||||
});
|
|
||||||
AppModule.updateStep(1);
|
|
||||||
} catch (err) {
|
|
||||||
this.bc.walletType = 0
|
|
||||||
console.log(err);
|
|
||||||
await Promise.reject(err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public async getInstance(address: string, chainId: number, abi?: any) {
|
|
||||||
const key = `${chainId}_${address}`;
|
|
||||||
if (!this.instanceMap.has(key)) {
|
|
||||||
const chain = new Chain(this.chainMap.get(chainId)!.rpc);
|
|
||||||
const coinInstance = await chain.initContractInstance(address, abi);
|
|
||||||
this.instanceMap.set(key, coinInstance);
|
|
||||||
}
|
|
||||||
return this.instanceMap.get(key);
|
|
||||||
}
|
|
||||||
|
|
||||||
public async getBalance(address: string, chainId: number) {
|
|
||||||
const coinInstance = await this.getInstance(address, chainId);
|
|
||||||
const balance = await coinInstance.methods
|
|
||||||
.balanceOf(AppModule.accountId)
|
|
||||||
.call();
|
|
||||||
console.log("balance: ", balance);
|
|
||||||
return balance;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get amount of mystery boxes
|
|
||||||
* this method can get amount of general erc721 also
|
|
||||||
* @param {string} address
|
|
||||||
* @param {number} chainId
|
|
||||||
* @return {Promise<any>}
|
|
||||||
*/
|
|
||||||
public async getNftBalance(address: string, chainId: number) {
|
|
||||||
const coinInstance = await this.getInstance(
|
|
||||||
address,
|
|
||||||
chainId,
|
|
||||||
MYSTERY_BOX_ABI
|
|
||||||
);
|
|
||||||
const balance = await coinInstance.methods
|
|
||||||
.balanceOf(AppModule.accountId)
|
|
||||||
.call();
|
|
||||||
console.log("nft balance: ", balance);
|
|
||||||
return balance;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get NFT list of current user
|
|
||||||
* @param {string} address NFT address
|
|
||||||
* @param {number} chainId chain id
|
|
||||||
* @param {number} start
|
|
||||||
* @param {number} page
|
|
||||||
*/
|
|
||||||
public async getNftList(
|
|
||||||
address: string,
|
|
||||||
chainId: number,
|
|
||||||
start = 0,
|
|
||||||
page = 8
|
|
||||||
) {
|
|
||||||
const nftInstance = await this.getInstance(
|
|
||||||
address,
|
|
||||||
chainId,
|
|
||||||
MYSTERY_BOX_ABI
|
|
||||||
);
|
|
||||||
return nftInstance.methods
|
|
||||||
.userTokens(AppModule.accountId, start, page)
|
|
||||||
.call();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get NFT of current user with index
|
|
||||||
* @param {string} address
|
|
||||||
* @param {number} chainId
|
|
||||||
* @param {number} index
|
|
||||||
* @return {Promise<any>}
|
|
||||||
*/
|
|
||||||
public async getNftIdOfIndex(
|
|
||||||
address: string,
|
|
||||||
chainId: number,
|
|
||||||
index: number
|
|
||||||
) {
|
|
||||||
const nftInstance = await this.getInstance(
|
|
||||||
address,
|
|
||||||
chainId,
|
|
||||||
MYSTERY_BOX_ABI
|
|
||||||
);
|
|
||||||
const nftId = await nftInstance.methods
|
|
||||||
.tokenOfOwnerByIndex(AppModule.accountId, index)
|
|
||||||
.call();
|
|
||||||
console.log(
|
|
||||||
`address: ${address}, chainId: ${chainId}, index: ${index}, token: ${nftId}`
|
|
||||||
);
|
|
||||||
return nftId;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Open one mystery box
|
|
||||||
* @param {string} address address of mystery box contract on current chain
|
|
||||||
* @param {string} boxId nftid of mystery box
|
|
||||||
* @param {number[]} tokenIds
|
|
||||||
* @param {string} nonce
|
|
||||||
* @param {string} signature
|
|
||||||
* @return {Promise<any>}
|
|
||||||
*/
|
|
||||||
public async openMysteryBox(
|
|
||||||
address: string,
|
|
||||||
boxId: string,
|
|
||||||
tokenIds: number[],
|
|
||||||
nonce: string,
|
|
||||||
signature: string
|
|
||||||
) {
|
|
||||||
const proxyInstance = await this.bc.getContractInstance(
|
|
||||||
address,
|
|
||||||
MYSTERY_PROXY_ABI
|
|
||||||
);
|
|
||||||
// get transactionHash and upload to server for verify
|
|
||||||
return proxyInstance.methods
|
|
||||||
.openBox(boxId, tokenIds, nonce, signature)
|
|
||||||
.send({ gas: 1000000 });
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* activate one nft with 18 digital id
|
|
||||||
* @param {string} address
|
|
||||||
* @param {string} nftOld
|
|
||||||
* @param {string} nftNew
|
|
||||||
* @param {number} nftType
|
|
||||||
* @param {string} nonce
|
|
||||||
* @param {string} signature
|
|
||||||
* @return {Promise<any>}
|
|
||||||
*/
|
|
||||||
public async activateOneNft(
|
|
||||||
address: string,
|
|
||||||
nftOld: string,
|
|
||||||
nftNew: string,
|
|
||||||
nftType: number,
|
|
||||||
nonce: string,
|
|
||||||
signature: string
|
|
||||||
) {
|
|
||||||
const nftProxyInstance = await this.bc.getContractInstance(
|
|
||||||
address,
|
|
||||||
ACTIVATE_PROXY_ABI
|
|
||||||
);
|
|
||||||
const gas = await nftProxyInstance.methods
|
|
||||||
.activateOne(nftOld, nftNew, nftType, nonce, signature)
|
|
||||||
.estimateGas({ gas: 1000000 });
|
|
||||||
console.log("nftProxyInstance activateOne need gas: ", gas);
|
|
||||||
return nftProxyInstance.methods
|
|
||||||
.activateOne(nftOld, nftNew, nftType, nonce, signature)
|
|
||||||
.send({ gas: (gas * 1.1) | 0 });
|
|
||||||
}
|
|
||||||
|
|
||||||
public async transferToAccount({
|
|
||||||
to,
|
|
||||||
amount,
|
|
||||||
chainId,
|
|
||||||
address,
|
|
||||||
}: {
|
|
||||||
to: string;
|
|
||||||
amount: number;
|
|
||||||
chainId: number;
|
|
||||||
address: string;
|
|
||||||
}) {
|
|
||||||
const self = this;
|
|
||||||
if (chainId !== this.bc.currentChain) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
this.bc.switchEthereumChain(chainId, function () {
|
|
||||||
self.bc
|
|
||||||
.transferToAccount(to, amount, address)
|
|
||||||
.then((res) => {
|
|
||||||
resolve && resolve(res);
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
reject && reject(err);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
return this.bc.transferToAccount(to, amount, address);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,729 +0,0 @@
|
|||||||
import WalletConnectProvider from "@walletconnect/web3-provider";
|
|
||||||
import { useAppStore } from "@/store/app";
|
|
||||||
import Web3 from "web3";
|
|
||||||
import { AVAILABLE_CHAINS, CONTRACT_ADDRESS } from "@/configs/configchain";
|
|
||||||
import { useUserStore } from "@/store/user";
|
|
||||||
import { isMobile } from "@/utils/resize";
|
|
||||||
import { hasMetamask, toHexChainId } from "@/utils/chain.util";
|
|
||||||
import { AllChains } from "@/configs/allchain";
|
|
||||||
import { ERC20ABI, CLAIM_ABI, BENFTMALL_ABI } from "@/configs/contracts";
|
|
||||||
import { TransactionReceipt } from "web3-core";
|
|
||||||
import { useEventBus } from "@vueuse/core";
|
|
||||||
import { Global } from "@/configs/global";
|
|
||||||
import * as bus_event from "@/bus/event";
|
|
||||||
import pinia from "@/store";
|
|
||||||
|
|
||||||
const EIP721_DOMAIN_DATA = [
|
|
||||||
{ name: "name", type: "string" },
|
|
||||||
{ name: "version", type: "string" },
|
|
||||||
{ name: "chainId", type: "uint256" },
|
|
||||||
{ name: "verifyingContract", type: "address" },
|
|
||||||
];
|
|
||||||
|
|
||||||
const CACHE_KEY = "cebg_chain_cache_key";
|
|
||||||
|
|
||||||
const busShowChainModal = useEventBus(bus_event.SHOW_CHAIN_MODAL);
|
|
||||||
const busNeedChangeChain = useEventBus(bus_event.NEED_CHANGE_CHAIN);
|
|
||||||
const busNeedLogin = useEventBus(bus_event.NEED_LOGIN);
|
|
||||||
const busNeedNonce = useEventBus(bus_event.NEED_NONCE);
|
|
||||||
|
|
||||||
const AppModule = useAppStore(pinia);
|
|
||||||
const UserModule = useUserStore(pinia);
|
|
||||||
|
|
||||||
export class Blockchain {
|
|
||||||
provider: any;
|
|
||||||
web3: Web3;
|
|
||||||
currentChain = 0;
|
|
||||||
// 0: null, 1: metamask, 2: walletconnect
|
|
||||||
walletType = 0;
|
|
||||||
dataCached = false;
|
|
||||||
instanceCacheMap: Map<string, any>;
|
|
||||||
public chainMap: Map<number, any> = new Map();
|
|
||||||
public rpc: any = {};
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
const allChainMap: Map<number, any> = new Map();
|
|
||||||
for (const d of AllChains) {
|
|
||||||
const id = d.id;
|
|
||||||
this.rpc[id] = d.rpc;
|
|
||||||
allChainMap.set(id, d);
|
|
||||||
}
|
|
||||||
for (const id of AVAILABLE_CHAINS) {
|
|
||||||
this.chainMap.set(id, allChainMap.get(id)!);
|
|
||||||
}
|
|
||||||
this.loadCachedProvider();
|
|
||||||
this.instanceCacheMap = new Map();
|
|
||||||
// AppModule.updateChainID(chainId)
|
|
||||||
busNeedLogin.on(this.connect.bind(this));
|
|
||||||
}
|
|
||||||
|
|
||||||
get isWalletConnect() {
|
|
||||||
return !!this.walletType && !!this.currentChain;
|
|
||||||
}
|
|
||||||
|
|
||||||
get mallAddress() {
|
|
||||||
return CONTRACT_ADDRESS[this.currentChain]?.mall;
|
|
||||||
}
|
|
||||||
|
|
||||||
public get hexChainId() {
|
|
||||||
return toHexChainId(this.currentChain);
|
|
||||||
}
|
|
||||||
|
|
||||||
public async chainSelected(id: number) {
|
|
||||||
if (!this.chainMap.has(id)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.currentChain = id;
|
|
||||||
if (this.provider) {
|
|
||||||
await this.switchEthereumChain();
|
|
||||||
} else {
|
|
||||||
await this.connectWallet(true);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public async connectWallet(isManual: boolean) {
|
|
||||||
console.log(
|
|
||||||
"begin connect to wallet: ",
|
|
||||||
this.walletType,
|
|
||||||
this.currentChain
|
|
||||||
);
|
|
||||||
if (this.walletType === 1) {
|
|
||||||
this.provider = await this.connectMetaMask();
|
|
||||||
} else if (this.walletType === 2) {
|
|
||||||
this.provider = await this.connectokxwallet();
|
|
||||||
}
|
|
||||||
if (!this.provider) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.web3 = new Web3(this.provider);
|
|
||||||
|
|
||||||
const chainId = await this.web3.eth.getChainId();
|
|
||||||
await this.checkChain(chainId);
|
|
||||||
|
|
||||||
this.subscribeToEvents();
|
|
||||||
const accounts = await this.web3.eth.getAccounts();
|
|
||||||
if (accounts && accounts.length > 0) {
|
|
||||||
AppModule.updateAccount(accounts[0]);
|
|
||||||
}
|
|
||||||
if (!this.currentChain) this.currentChain = chainId;
|
|
||||||
this.saveProvider();
|
|
||||||
AppModule.updateChainID(chainId);
|
|
||||||
AppModule.updateWalletStatus(true);
|
|
||||||
|
|
||||||
console.log("current login chain: ", chainId);
|
|
||||||
console.log("accountsLogin: ", accounts, AppModule.accountId);
|
|
||||||
if (isManual) {
|
|
||||||
busNeedNonce.emit(busNeedNonce);
|
|
||||||
} else {
|
|
||||||
AppModule.updateStep(1);
|
|
||||||
}
|
|
||||||
return { account: accounts[0], chainId };
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* check whether special chainId is supported by config
|
|
||||||
* show chain picker when chainId is not supported and current wallet is meatmask
|
|
||||||
* show message box when chainId is not supported and current wallet is wallet connect
|
|
||||||
* @param {number} chainId
|
|
||||||
* @return {Promise<void>}
|
|
||||||
* @private
|
|
||||||
*/
|
|
||||||
private async checkChain(chainId: number) {
|
|
||||||
if (chainId !== AVAILABLE_CHAINS[0]) {
|
|
||||||
// if (this.walletType === 1) {
|
|
||||||
try {
|
|
||||||
await this.selectChain();
|
|
||||||
} catch (err) {
|
|
||||||
await this.disconnect();
|
|
||||||
}
|
|
||||||
// } else if (this.walletType === 2) {
|
|
||||||
// await this.disconnect()
|
|
||||||
// this.walletType = 2
|
|
||||||
// await MessageBox.alert(
|
|
||||||
// 'You need to connect to supported network',
|
|
||||||
// 'Wrong Network',
|
|
||||||
// {
|
|
||||||
// confirmButtonText: 'Confirm'
|
|
||||||
// })
|
|
||||||
// await this.connectWallet(true)
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public async connect(isManual = false, type) {
|
|
||||||
if (isMobile()) {
|
|
||||||
if (type == 1) {
|
|
||||||
if (!hasMetamask()) {
|
|
||||||
var next = window.location.href;
|
|
||||||
var url = `https://metamask.app.link/dapp/${next}`;
|
|
||||||
location.href = url;
|
|
||||||
} else {
|
|
||||||
this.walletType = 1;
|
|
||||||
}
|
|
||||||
} else if (type == 2) {
|
|
||||||
const ua = navigator.userAgent;
|
|
||||||
const isIOS = /iphone|ipad|ipod|ios/i.test(ua);
|
|
||||||
const isAndroid = /android|XiaoMi|MiuiBrowser/i.test(ua);
|
|
||||||
const isMobile = isIOS || isAndroid;
|
|
||||||
const isOKApp = /OKApp/i.test(ua);
|
|
||||||
|
|
||||||
if (isMobile && isOKApp) {
|
|
||||||
this.walletType = 2;
|
|
||||||
} else {
|
|
||||||
var next = window.location.href;
|
|
||||||
window.open(`okx://wallet/dapp/details?dappUrl=${next}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// debugger
|
|
||||||
if (type == 1) {
|
|
||||||
if (hasMetamask()) {
|
|
||||||
if (isManual && !this.walletType) {
|
|
||||||
this.walletType = 1;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.walletType = 1;
|
|
||||||
}
|
|
||||||
} else if (type == 2) {
|
|
||||||
if (typeof window.okxwallet !== "undefined") {
|
|
||||||
if (isManual && !this.walletType) {
|
|
||||||
this.walletType = 2;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.walletType = 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// this.walletType = 1;
|
|
||||||
if (isManual) {
|
|
||||||
await this.connectWallet(isManual);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* show wallet picker
|
|
||||||
* @return {Promise<number>}
|
|
||||||
* @private
|
|
||||||
*/
|
|
||||||
private selectWallet(): Promise<number> {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
busShowChainModal.emit({
|
|
||||||
confirm: (id: number) => {
|
|
||||||
console.log("select wallet: ", id);
|
|
||||||
resolve && resolve(id);
|
|
||||||
},
|
|
||||||
cancel: (reason: any) => {
|
|
||||||
console.log("cancel select wallet: ", reason);
|
|
||||||
reject && reject(reason);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* show chain picker
|
|
||||||
* @return {Promise<number>}
|
|
||||||
* @private
|
|
||||||
*/
|
|
||||||
private selectChain(): Promise<number> {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
this.switchEthereumChain(AVAILABLE_CHAINS[0], (res: any) => {
|
|
||||||
if (res.err) {
|
|
||||||
reject && reject(res.err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve && resolve(res.chain);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
public async connectMetaMask() {
|
|
||||||
let provider = null;
|
|
||||||
/// debugger
|
|
||||||
if (typeof window.ethereum !== "undefined") {
|
|
||||||
provider = window.ethereum;
|
|
||||||
try {
|
|
||||||
await provider.request({ method: "eth_requestAccounts" });
|
|
||||||
} catch (error: any) {
|
|
||||||
if (error.code === -32002) {
|
|
||||||
// const hexChainId = toHexChainId(this.currentChain)
|
|
||||||
// await provider.request({
|
|
||||||
// method: 'wallet_switchEthereumChain',
|
|
||||||
// params: [{ chainId: hexChainId }]
|
|
||||||
// })
|
|
||||||
throw new Error("MeatMask not login, Open MeatMask and login first");
|
|
||||||
} else {
|
|
||||||
throw new Error("User Rejected");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (window.web3) {
|
|
||||||
provider = window.web3.currentProvider;
|
|
||||||
} else if (window.celo) {
|
|
||||||
provider = window.celo;
|
|
||||||
} else {
|
|
||||||
this.walletType = 0;
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
window.open("https://metamask.io/download/", "_blank");
|
|
||||||
}, 2200);
|
|
||||||
throw new Error("No Web3 Provider found");
|
|
||||||
}
|
|
||||||
return provider;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async connectokxwallet() {
|
|
||||||
let provider = null;
|
|
||||||
if (typeof window.okxwallet !== "undefined") {
|
|
||||||
provider = window.okxwallet;
|
|
||||||
try {
|
|
||||||
await provider.request({ method: "eth_requestAccounts" });
|
|
||||||
} catch (error: any) {
|
|
||||||
if (error.code === -32002) {
|
|
||||||
// const hexChainId = toHexChainId(this.currentChain)
|
|
||||||
// await provider.request({
|
|
||||||
// method: 'wallet_switchEthereumChain',
|
|
||||||
// params: [{ chainId: hexChainId }]
|
|
||||||
// })
|
|
||||||
throw new Error(
|
|
||||||
"OKX Wallet not login, Open OKX Wallet and login first"
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
this.walletType = 0;
|
|
||||||
throw new Error("User Rejected");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.walletType = 0;
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
window.open("https://www.okx.com/download", "_blank");
|
|
||||||
}, 2200);
|
|
||||||
|
|
||||||
throw new Error("No Web3 Provider found");
|
|
||||||
}
|
|
||||||
return provider;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async connectWalletConnect() {
|
|
||||||
const provider = new WalletConnectProvider({
|
|
||||||
infuraId: import.meta.env.VUE_APP_WALLET_INFURAID,
|
|
||||||
rpc: this.rpc,
|
|
||||||
});
|
|
||||||
try {
|
|
||||||
await provider.enable();
|
|
||||||
} catch (err) {
|
|
||||||
console.log("connect to wallet connect error: ", err);
|
|
||||||
await Promise.reject(err);
|
|
||||||
}
|
|
||||||
|
|
||||||
return provider;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async getContractInstance(address: string, abi: any = ERC20ABI) {
|
|
||||||
if (!this.web3) {
|
|
||||||
|
|
||||||
await this.connectWallet(true);
|
|
||||||
// throw new Error(
|
|
||||||
// "Web3 instance is not initialized. Please call `initWeb3` method after user login."
|
|
||||||
// );
|
|
||||||
}
|
|
||||||
if (!this.instanceCacheMap.has(address)) {
|
|
||||||
const instance = new this.web3.eth.Contract(abi, address, {
|
|
||||||
from: AppModule.accountId,
|
|
||||||
});
|
|
||||||
this.instanceCacheMap.set(address, instance);
|
|
||||||
}
|
|
||||||
return this.instanceCacheMap.get(address);
|
|
||||||
}
|
|
||||||
|
|
||||||
public clearCachedProvider() {
|
|
||||||
console.log("clear cached provider");
|
|
||||||
localStorage.removeItem(CACHE_KEY);
|
|
||||||
}
|
|
||||||
|
|
||||||
public loadCachedProvider() {
|
|
||||||
const dataStr = localStorage.getItem(CACHE_KEY);
|
|
||||||
if (dataStr) {
|
|
||||||
try {
|
|
||||||
const data = JSON.parse(dataStr);
|
|
||||||
this.walletType = data.walletType;
|
|
||||||
if (this.chainMap.has(data.chainId)) {
|
|
||||||
this.currentChain = data.chainId;
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log("err parse cached json");
|
|
||||||
this.clearCachedProvider();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public saveProvider() {
|
|
||||||
const data = {
|
|
||||||
walletType: this.walletType,
|
|
||||||
chainId: this.currentChain,
|
|
||||||
};
|
|
||||||
localStorage.setItem(CACHE_KEY, JSON.stringify(data));
|
|
||||||
}
|
|
||||||
|
|
||||||
public async disconnect() {
|
|
||||||
try {
|
|
||||||
await UserModule.Logout();
|
|
||||||
await this.provider?.disconnect();
|
|
||||||
} catch (err) {}
|
|
||||||
this.currentChain = 0;
|
|
||||||
this.walletType = 0;
|
|
||||||
this.instanceCacheMap.clear();
|
|
||||||
this.clearCachedProvider();
|
|
||||||
AppModule.updateStep(0);
|
|
||||||
AppModule.updateChainID(0);
|
|
||||||
AppModule.updateNonce("");
|
|
||||||
AppModule.updateAccount("");
|
|
||||||
AppModule.updateWalletStatus(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
public subscribeToEvents = () => {
|
|
||||||
// Subscribe to accounts change
|
|
||||||
this.provider.on("accountsChanged", async (accounts: string[]) => {
|
|
||||||
console.log("accountsChanged: ", accounts);
|
|
||||||
if (accounts && accounts.length > 0) {
|
|
||||||
if (AppModule.accountId !== accounts[0]) {
|
|
||||||
await UserModule.Logout();
|
|
||||||
|
|
||||||
this.currentChain = 0;
|
|
||||||
this.walletType = 0;
|
|
||||||
this.instanceCacheMap.clear();
|
|
||||||
this.clearCachedProvider();
|
|
||||||
AppModule.updateStep(0);
|
|
||||||
AppModule.updateChainID(0);
|
|
||||||
AppModule.updateNonce("");
|
|
||||||
AppModule.updateAccount("");
|
|
||||||
AppModule.updateWalletStatus(false);
|
|
||||||
localStorage.removeItem("totalSupply");
|
|
||||||
localStorage.removeItem("supplyLimit");
|
|
||||||
localStorage.removeItem("mintableCount");
|
|
||||||
location.reload();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Subscribe to chainId change
|
|
||||||
this.provider.on("chainChanged", async (chainId: string) => {
|
|
||||||
const chainIdNum = parseInt(chainId);
|
|
||||||
console.log("chainChanged", chainId, chainIdNum);
|
|
||||||
await this.checkChain(chainIdNum);
|
|
||||||
this.currentChain = chainIdNum;
|
|
||||||
this.saveProvider();
|
|
||||||
AppModule.updateChainID(this.currentChain);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Subscribe to session disconnection
|
|
||||||
this.provider.on("disconnect", (err: any) => {
|
|
||||||
console.log("disconnect", err);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* change chain of metamask
|
|
||||||
* @param {number} chainId
|
|
||||||
* @param {() => void} cb
|
|
||||||
* @return {Promise<void>}
|
|
||||||
*/
|
|
||||||
async switchEthereumChain(chainId?: number, cb?: (res: any) => void) {
|
|
||||||
chainId = chainId || AVAILABLE_CHAINS[0];
|
|
||||||
const hexChainId = toHexChainId(chainId);
|
|
||||||
const onChainChange = (chainId: string) => {
|
|
||||||
console.log("switchEthereumChain: ", chainId);
|
|
||||||
this.provider.removeListener("chainChanged", onChainChange);
|
|
||||||
cb && cb({ chain: chainId });
|
|
||||||
};
|
|
||||||
this.provider.on("chainChanged", onChainChange);
|
|
||||||
try {
|
|
||||||
const data = this.chainMap.get(chainId)!;
|
|
||||||
await this.provider.request({
|
|
||||||
method: "wallet_addEthereumChain",
|
|
||||||
params: [
|
|
||||||
{
|
|
||||||
chainId: hexChainId,
|
|
||||||
chainName: data.name,
|
|
||||||
nativeCurrency: {
|
|
||||||
name: data.symbol,
|
|
||||||
symbol: data.symbol,
|
|
||||||
decimals: data.decimals || 18,
|
|
||||||
},
|
|
||||||
blockExplorerUrls: [data.explorerurl],
|
|
||||||
rpcUrls: [data.rpc],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
});
|
|
||||||
console.log("add chain success");
|
|
||||||
} catch (addError) {
|
|
||||||
console.error("add chain error: ", addError);
|
|
||||||
this.provider.removeListener("chainChanged", onChainChange);
|
|
||||||
cb && cb({ err: addError });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public async getTransactionReceipt(txHash: string) {
|
|
||||||
return this.web3.eth.getTransactionReceipt(txHash);
|
|
||||||
}
|
|
||||||
|
|
||||||
public async getTxConfirms(txhash: string) {
|
|
||||||
const receipt: TransactionReceipt = await this.getTransactionReceipt(
|
|
||||||
txhash
|
|
||||||
);
|
|
||||||
const latest = await this.web3.eth.getBlockNumber();
|
|
||||||
return latest - receipt.blockNumber + 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async signPresale({
|
|
||||||
type,
|
|
||||||
paymentTokenAddress,
|
|
||||||
price,
|
|
||||||
buyerAddress,
|
|
||||||
netId,
|
|
||||||
}: {
|
|
||||||
type: number | string;
|
|
||||||
paymentTokenAddress: string;
|
|
||||||
price: any;
|
|
||||||
buyerAddress: string;
|
|
||||||
netId?: any;
|
|
||||||
}) {
|
|
||||||
const nonce = (Math.random() * 100000) | 0;
|
|
||||||
|
|
||||||
const signMsg = {
|
|
||||||
item: type,
|
|
||||||
token: paymentTokenAddress,
|
|
||||||
price: price,
|
|
||||||
salt: nonce,
|
|
||||||
};
|
|
||||||
netId = netId || (await this.web3.eth.getChainId());
|
|
||||||
const signObj = {
|
|
||||||
types: {
|
|
||||||
EIP712Domain: EIP721_DOMAIN_DATA,
|
|
||||||
set: [
|
|
||||||
{ name: "item", type: "uint256" },
|
|
||||||
{ name: "token", type: "address" },
|
|
||||||
{ name: "price", type: "uint256" },
|
|
||||||
{ name: "salt", type: "uint256" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
primaryType: "set",
|
|
||||||
domain: {
|
|
||||||
name: "BEBoxMall",
|
|
||||||
version: "1",
|
|
||||||
chainId: netId,
|
|
||||||
verifyingContract: this.mallAddress,
|
|
||||||
},
|
|
||||||
message: signMsg,
|
|
||||||
};
|
|
||||||
const signature = await this.signData(signObj, buyerAddress);
|
|
||||||
return { nonce, signature };
|
|
||||||
}
|
|
||||||
|
|
||||||
public async increaseAllowance(address: string, price: string) {
|
|
||||||
const coinInstance: any = await this.getContractInstance(address);
|
|
||||||
const res = await coinInstance.methods
|
|
||||||
.increaseAllowance(this.mallAddress, price)
|
|
||||||
.send({ gas: 1000000 });
|
|
||||||
console.log("increaseAllowance: ", res);
|
|
||||||
}
|
|
||||||
public async claimReward(
|
|
||||||
address: string,
|
|
||||||
startTime: string,
|
|
||||||
saltNonce: string,
|
|
||||||
signature: string
|
|
||||||
) {
|
|
||||||
const coinInstance: any = await this.getContractInstance(
|
|
||||||
Global.LIMIT_ABI_Address,
|
|
||||||
CLAIM_ABI
|
|
||||||
);
|
|
||||||
let gas = await coinInstance.methods
|
|
||||||
.claim(address, startTime, saltNonce, signature)
|
|
||||||
.estimateGas();
|
|
||||||
gas = (gas * 1.1) | 0;
|
|
||||||
console.log("gas:: ", gas);
|
|
||||||
let gasPrice = await this.web3.eth.getGasPrice();
|
|
||||||
const res = await coinInstance.methods
|
|
||||||
.claim(address, startTime, saltNonce, signature)
|
|
||||||
.send({ gas, gasPrice });
|
|
||||||
console.log("claimReward: ", res);
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
|
|
||||||
// public async buyPlanetNFT(address: string,nftAddresses:string, ids:number,amounts:string,signature:string) {
|
|
||||||
// const coinInstance: any = await this.getContractInstance(
|
|
||||||
// Global.BENftMall_Address,
|
|
||||||
// BENFTMALL_ABI
|
|
||||||
// );
|
|
||||||
// let gas = await coinInstance.methods.buyNFT(address,nftAddresses,ids,amounts,signature).estimateGas()
|
|
||||||
// gas = gas * 1.1 | 0
|
|
||||||
// console.log('gas:: ' , gas)
|
|
||||||
// let gasPrice = await this.web3.eth.getGasPrice()
|
|
||||||
// const res = await coinInstance.methods.buyNFT(address,nftAddresses,ids,amounts,signature).send({gas, gasPrice});
|
|
||||||
// console.log("claimReward: ", res);
|
|
||||||
// return res
|
|
||||||
// }
|
|
||||||
|
|
||||||
public async buyPlanetNFT(
|
|
||||||
address: string,
|
|
||||||
nftAddresses: string[],
|
|
||||||
ids: string[],
|
|
||||||
amounts: string[],
|
|
||||||
values: string[],
|
|
||||||
signature: string
|
|
||||||
) {
|
|
||||||
//debugger;
|
|
||||||
const mallInstance: any = await this.getContractInstance(
|
|
||||||
Global.BENftMall_Address,
|
|
||||||
BENFTMALL_ABI
|
|
||||||
);
|
|
||||||
|
|
||||||
const currencyInstance = await this.getContractInstance(address);
|
|
||||||
// const allowance = await currencyInstance.methods.allowance(
|
|
||||||
// AppModule.accountId,
|
|
||||||
// Global.BENftMall_Address
|
|
||||||
// );
|
|
||||||
// if (allowance < values[1]) {
|
|
||||||
// await currencyInstance.methods
|
|
||||||
// .approve(Global.BENftMall_Address, values[1])
|
|
||||||
// .send();
|
|
||||||
// }
|
|
||||||
await currencyInstance.methods
|
|
||||||
.approve(Global.BENftMall_Address, values[1])
|
|
||||||
.send();
|
|
||||||
|
|
||||||
const nftInstance: any = await this.getContractInstance(nftAddresses[0]);
|
|
||||||
let balance = await nftInstance.methods
|
|
||||||
.balanceOf(Global.BENftMall_Address)
|
|
||||||
.call();
|
|
||||||
if (balance < amounts.length) {
|
|
||||||
return Promise.reject("money not enought");
|
|
||||||
}
|
|
||||||
// debugger
|
|
||||||
let gas = await mallInstance.methods
|
|
||||||
.buyNFT(address, nftAddresses, ids, amounts, values, signature)
|
|
||||||
.estimateGas();
|
|
||||||
gas = (gas * 1.1) | 0;
|
|
||||||
console.log("gas:: ", gas);
|
|
||||||
let gasPrice = await this.web3.eth.getGasPrice();
|
|
||||||
const res = await mallInstance.methods
|
|
||||||
.buyNFT(address, nftAddresses, ids, amounts, values, signature)
|
|
||||||
.send({ gas, gasPrice });
|
|
||||||
console.log("buyPlanetNFT: ", res);
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async getBalances(account: string) {
|
|
||||||
account = account || AppModule.accountId;
|
|
||||||
const coinInstance: any = await this.getContractInstance(
|
|
||||||
Global.LIMIT_ABI_Address,
|
|
||||||
CLAIM_ABI
|
|
||||||
);
|
|
||||||
return await coinInstance.methods.claimHistory(account).call();
|
|
||||||
}
|
|
||||||
|
|
||||||
public async getNftBalances(nftAddresses: string[]) {
|
|
||||||
// debugger
|
|
||||||
const nftInstance: any = await this.getContractInstance(nftAddresses[0]);
|
|
||||||
let balance = await nftInstance.methods
|
|
||||||
.balanceOf(Global.BENftMall_Address)
|
|
||||||
.call();
|
|
||||||
return balance;
|
|
||||||
}
|
|
||||||
// public async totalSupply(address: string) {
|
|
||||||
// const coinInstance: any = await this.getContractInstance(
|
|
||||||
// Global.LIMIT_ABI_Address,
|
|
||||||
// LIMIT_ABI
|
|
||||||
// );
|
|
||||||
// const res = await coinInstance.methods.totalSupply().call();
|
|
||||||
// console.log("totalSupply: ", res);
|
|
||||||
// return res
|
|
||||||
// }
|
|
||||||
// // 获取当前用户可mint的数量
|
|
||||||
// public async getMintableCount(address?: string) {
|
|
||||||
// // address = address || //TODO: current address
|
|
||||||
// const coinInstance: any = await this.getContractInstance(
|
|
||||||
// Global.MEDAL_REWARDS_Address,
|
|
||||||
// MEDAL_REWARDS_ABI
|
|
||||||
// );
|
|
||||||
// const res = await coinInstance.methods
|
|
||||||
// .getMintableCount(AppModule.accountId)
|
|
||||||
// .call();
|
|
||||||
// console.log("getMintableCount: ", res);
|
|
||||||
// return res
|
|
||||||
// }
|
|
||||||
// // 获取当前用户的mint总数
|
|
||||||
// public async supplyLimit(address: string) {
|
|
||||||
// const coinInstance: any = await this.getContractInstance(
|
|
||||||
// Global.LIMIT_ABI_Address,
|
|
||||||
// LIMIT_ABI
|
|
||||||
// );
|
|
||||||
// const res = await coinInstance.methods.supplyLimit().call();
|
|
||||||
// console.log("supplyLimit: ", res);
|
|
||||||
// return res
|
|
||||||
// }
|
|
||||||
/**
|
|
||||||
* @param {string} address
|
|
||||||
* @param {string | null} account
|
|
||||||
* @return {Promise<any>}
|
|
||||||
*/
|
|
||||||
// public async getBalance(address: string, account: string | null) {
|
|
||||||
// account = account || AppModule.accountId;
|
|
||||||
// const coinInstance: any = await this.getContractInstance(address);
|
|
||||||
// return await coinInstance.methods.balanceOf(account).call();
|
|
||||||
// }
|
|
||||||
public async getBalance(address: string, account: string | null) {
|
|
||||||
account = account || AppModule.accountId;
|
|
||||||
const coinInstance: any = await this.getContractInstance(address);
|
|
||||||
return await coinInstance.methods.claimHistory(account).call();
|
|
||||||
}
|
|
||||||
public async transferToAccount(
|
|
||||||
account: string,
|
|
||||||
amount: number,
|
|
||||||
address: string
|
|
||||||
) {
|
|
||||||
const amountBN = this.web3.utils.toBN(this.web3.utils.toWei(amount + ""));
|
|
||||||
const coinInstance: any = await this.getContractInstance(address);
|
|
||||||
return coinInstance.methods
|
|
||||||
.transfer(account, amountBN)
|
|
||||||
.send({ gas: 1000000 });
|
|
||||||
}
|
|
||||||
|
|
||||||
public async signData(signObj: any, signer: string) {
|
|
||||||
const msgParams = JSON.stringify(signObj);
|
|
||||||
const from = signer;
|
|
||||||
console.log("clicked, sending personal sign req", "from", from, msgParams);
|
|
||||||
const params = [from, msgParams];
|
|
||||||
const result: any = await this.sendCmd({
|
|
||||||
method: "eth_signTypedData_v4",
|
|
||||||
params,
|
|
||||||
from,
|
|
||||||
});
|
|
||||||
console.log(result);
|
|
||||||
return result.result;
|
|
||||||
}
|
|
||||||
|
|
||||||
public async sendCmd({ method, params, from }: any) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
||||||
// @ts-ignore
|
|
||||||
this.web3.currentProvider.sendAsync(
|
|
||||||
{
|
|
||||||
method,
|
|
||||||
params,
|
|
||||||
from,
|
|
||||||
},
|
|
||||||
async function (err: any, result: any) {
|
|
||||||
if (err) {
|
|
||||||
reject && reject(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve && resolve(result);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -37,7 +37,6 @@
|
|||||||
import { ref, toRaw, onMounted, getCurrentInstance, defineEmits } from "vue"
|
import { ref, toRaw, onMounted, getCurrentInstance, defineEmits } from "vue"
|
||||||
import BuyDialog from "@/components/Dialogs/buyDialog.vue"
|
import BuyDialog from "@/components/Dialogs/buyDialog.vue"
|
||||||
import {priceCalculated} from "@/configs/priceCalculate.js"
|
import {priceCalculated} from "@/configs/priceCalculate.js"
|
||||||
import { useImmutableStore } from "@/store/immutable"
|
|
||||||
import {walletStore} from "@/store/wallet";
|
import {walletStore} from "@/store/wallet";
|
||||||
import { BlockChain } from "@/components/chain/BlockChain"
|
import { BlockChain } from "@/components/chain/BlockChain"
|
||||||
import LazyLoadImg from "@/components/lazyloadimg"
|
import LazyLoadImg from "@/components/lazyloadimg"
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
const env = "development";
|
|
||||||
|
|
||||||
export const ALL_PROVIDERS = [
|
export const ALL_PROVIDERS = [
|
||||||
{
|
{
|
||||||
@ -21,45 +20,7 @@ export const ALL_PROVIDERS = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export const AVAILABLE_CHAINS = env === "production" ? [42161] : [42161];
|
|
||||||
//42161
|
|
||||||
export const OFFICE_ACCOUNT =
|
|
||||||
env === "production"
|
|
||||||
? "0x565edA4ef351EB78F03B8AfCb6dCF02E29cAD62e"
|
|
||||||
: "0x50A8e60041A206AcaA5F844a1104896224be6F39";
|
|
||||||
|
|
||||||
export const CONTRACT_ADDRESS = {
|
|
||||||
322: {
|
|
||||||
cec: "0xdb6D4bB22E2C12686Efff25a79EC78f9f078fe7D",
|
|
||||||
ceg: "0xC5Cd606b3e9B80b758e8274B198c76D929aA094A",
|
|
||||||
eth: "0x67f6a7BbE0da067A747C6b2bEdF8aBBF7D6f60dc",
|
|
||||||
mall: "0x2bD8185e1B175c2b64859235981B700DD643dc4a",
|
|
||||||
mystery: "0x7546b0829BDC04515F734fDD290Cf6bC2bB7058f",
|
|
||||||
mysteryProxy: "0xA171C03Fa71bD66A013e53F64dDb9455C58E6567",
|
|
||||||
nftProxy: "0x244B1F2c13eCbF9Ac918a01F5261972459dCd7c6",
|
|
||||||
},
|
|
||||||
97: {
|
|
||||||
cec: "0xFAA03824c38Ed5102F9F901987FA7cd9d193449B",
|
|
||||||
ceg: "0xA70beE785B92d4F662F870Cf4f3EBE774234d795",
|
|
||||||
eth: "0xae13d989daC2f0dEbFf460aC112a837C89BAa7cd",
|
|
||||||
mall: "0xF278ff771F9E24968083B0bA54Cb42eb4B23C2d7",
|
|
||||||
},
|
|
||||||
321: {
|
|
||||||
cec: "0x4446Fc4eb47f2f6586f9fAAb68B3498F86C07521",
|
|
||||||
ceg: "0x4446Fc4eb47f2f6586f9fAAb68B3498F86C07521",
|
|
||||||
eth: "0x4446Fc4eb47f2f6586f9fAAb68B3498F86C07521",
|
|
||||||
mall: "0x4446Fc4eb47f2f6586f9fAAb68B3498F86C07521",
|
|
||||||
mystery: "0x8444404bD78089A5a6d5Cc57f7Df8924f2DdACB4",
|
|
||||||
mysteryProxy: "0xAA9C6e00bBeE2b41128EF46aB669D564d02F75E0",
|
|
||||||
nftProxy: "0x3caD77a9479Aa157e94EFEa7168E202397Ce2ab8",
|
|
||||||
},
|
|
||||||
32: {
|
|
||||||
cec: "0xfeFc3aab779863c1624eE008aba485c53805dCeb",
|
|
||||||
ceg: "0xE388e872e63aadF5a4F1521E4d96C10A28091457",
|
|
||||||
eth: "0xb296bab2ed122a85977423b602ddf3527582a3da",
|
|
||||||
mall: "0xF278ff771F9E24968083B0bA54Cb42eb4B23C2d7",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
export default {
|
export default {
|
||||||
ALL_PROVIDERS,
|
ALL_PROVIDERS,
|
||||||
}
|
}
|
||||||
@ -1,16 +0,0 @@
|
|||||||
import ChainManager from '@/chain/ChainManager';
|
|
||||||
import { defineStore } from 'pinia';
|
|
||||||
import { ref } from 'vue';
|
|
||||||
|
|
||||||
export const useChainStore = defineStore('chain', ()=> {
|
|
||||||
const logined = ref(false);
|
|
||||||
const chainManager = ref(new ChainManager());
|
|
||||||
chainManager.value.init().then(()=> {
|
|
||||||
// console.log("chain init:", {chainManager})
|
|
||||||
|
|
||||||
logined.value = chainManager.value.isLogined;
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
return { chainManager, logined }
|
|
||||||
})
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
import { defineStore } from 'pinia';
|
|
||||||
import { ref } from 'vue';
|
|
||||||
|
|
||||||
export const useImmutableStore = defineStore('immutable', () => {
|
|
||||||
const accessToken = ref()
|
|
||||||
const access = ref()
|
|
||||||
|
|
||||||
const updateAccessTokenStatus = (_connected) => {
|
|
||||||
accessToken.value = _connected;
|
|
||||||
}
|
|
||||||
const updateAccessStatus = (_connected) => {
|
|
||||||
access.value = _connected;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
accessToken, updateAccessTokenStatus,
|
|
||||||
access, updateAccessStatus,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
persist: true,
|
|
||||||
}
|
|
||||||
)
|
|
||||||
@ -93,7 +93,7 @@
|
|||||||
<div class="btm-left">
|
<div class="btm-left">
|
||||||
<h2>Property</h2>
|
<h2>Property</h2>
|
||||||
<div class="btm-detail">
|
<div class="btm-detail">
|
||||||
<li v-for="(item, val, index) in nftAbilities" :key="index">
|
<li v-for="(item, val, index) in detailData.detail" :key="index">
|
||||||
<div v-show="val == 'quality'">
|
<div v-show="val == 'quality'">
|
||||||
<h5>Tier</h5>
|
<h5>Tier</h5>
|
||||||
<p>{{ item }}</p>
|
<p>{{ item }}</p>
|
||||||
@ -157,8 +157,6 @@ const props = defineProps({
|
|||||||
})
|
})
|
||||||
import placeholderImg from '@/assets/img/marketplace/GenesisHeroes_NFT.png'
|
import placeholderImg from '@/assets/img/marketplace/GenesisHeroes_NFT.png'
|
||||||
const detailData = ref(null)
|
const detailData = ref(null)
|
||||||
// const detailData = window.history.state.nftData
|
|
||||||
// console.log(detailData)
|
|
||||||
const myAddress = localWalletStore.address
|
const myAddress = localWalletStore.address
|
||||||
const nftAbilities = ref()
|
const nftAbilities = ref()
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user