+ Connect Wallet
+
+
+
+
![]()
+
+
{{ connector.name }}
+
+
disconnect
+ getwalletclient
+ Connected: {{ walletStore.connected }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 5c156b3..563c3ee 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -1,11 +1,15 @@
+
+
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index f215ec8..c8ed0ac 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,12 +14,23 @@ import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
/* import specific icons */
-import { faArrowDown, faSpinner ,faPlus, faCaretLeft, faCaretRight, faBars } from "@fortawesome/free-solid-svg-icons";
+import { faArrowDown, faSpinner ,faPlus, faCaretLeft, faCaretRight, faBars, faAnglesRight } from "@fortawesome/free-solid-svg-icons";
import { faDiscord, faTwitter, faTelegram } from "@fortawesome/free-brands-svg-icons";
/* add icons to the library */
-library.add(faArrowDown, faDiscord, faTwitter, faTelegram, faSpinner, faPlus, faCaretLeft, faCaretRight, faBars);
+library.add(
+ faArrowDown,
+ faDiscord,
+ faTwitter,
+ faTelegram,
+ faSpinner,
+ faPlus,
+ faCaretLeft,
+ faCaretRight,
+ faBars,
+ faAnglesRight
+);
const app = createApp(App)
diff --git a/src/router/index.js b/src/router/index.js
index 5d7750b..114d0bf 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -22,6 +22,16 @@ const router = createRouter({
name: "Test",
component: () => import("../views/TestView.vue"),
},
+ {
+ path: "/walletconnect",
+ name: "WalletConnect",
+ component: () => import("../views/WalletConnectView.vue"),
+ },
+ {
+ path: "/wagmi",
+ name: "Wagmi",
+ component: () => import("../views/WagmiView.vue"),
+ },
],
});
diff --git a/src/stores/rewardlocker.js b/src/stores/rewardlocker.js
index a8575ab..b8a45f4 100644
--- a/src/stores/rewardlocker.js
+++ b/src/stores/rewardlocker.js
@@ -53,6 +53,9 @@ export const useRewardLockerStore = defineStore("rewardlocker", {
},
async getTotalRewardsOf(address, rounds) {
return await this.contract.methods.getTotalRewardsOf(address, rounds).call();
- },
+ },
+ async stakeToBeSecured(amount, deadline, v, r, s) {
+ return await this.contract.methods.stakeToBeSecured(amount, deadline, v,r,s)
+ }
},
});
diff --git a/src/stores/tokens.js b/src/stores/tokens.js
index 0fca284..9a833c4 100644
--- a/src/stores/tokens.js
+++ b/src/stores/tokens.js
@@ -131,6 +131,9 @@ export const useTokenStore = defineStore("token", {
const web3 = new Web3(window.ethereum);
const contract = new web3.eth.Contract(activeToken.abi, contractAddress);
return contract;
- },
+ },
+ async nonces(userAddress) {
+ return this.memeToken.contract.methods.nonces(userAddress).call();
+ }
},
});
diff --git a/src/stores/wallet.js b/src/stores/wallet.js
index 070361c..55a5a7b 100644
--- a/src/stores/wallet.js
+++ b/src/stores/wallet.js
@@ -46,10 +46,11 @@ export const useWalletStore = defineStore("wallet", {
this.web3socket = new Web3(
new Web3.providers.WebsocketProvider(`wss://eth-goerli.g.alchemy.com/v2/${goerliKey}`)
);
- },
+ },
+ // connectWalletV2(connector) {
+ // this.address = data[0];
+ // },
connectWallet() {
- const tokenStore = useTokenStore();
- // if (window.ethereum) {
window.ethereum
.request({ method: "eth_requestAccounts" })
.then((data) => {
diff --git a/src/stores/walletV2.js b/src/stores/walletV2.js
new file mode 100644
index 0000000..d2d09d5
--- /dev/null
+++ b/src/stores/walletV2.js
@@ -0,0 +1,167 @@
+import { defineStore } from "pinia";
+import { markRaw } from "vue";
+import { useTokenStore } from "./tokens";
+
+import {
+ createConfig,
+ configureChains,
+ mainnet,
+ getAccount,
+ getContract,
+ connect,
+ getWalletClient,
+ disconnect,
+ InjectedConnector,
+ watchAccount,
+} from "@wagmi/core";
+
+import { WalletConnectConnector } from "@wagmi/core/connectors/walletConnect";
+import { MetaMaskConnector } from "@wagmi/core/connectors/metaMask";
+import { CoinbaseWalletConnector } from "@wagmi/core/connectors/coinbaseWallet";
+
+import { goerli } from "@wagmi/core/chains";
+import { publicProvider } from "@wagmi/core/providers/public";
+import { alchemyProvider } from "@wagmi/core/providers/alchemy";
+
+
+export const useWalletStoreV2 = defineStore("walletV2", {
+ state: () => ({
+ count: 0,
+ alchemy: null,
+ connected: false,
+ address: null,
+ web3: null,
+ provider: null,
+ client: null,
+ pubilcClient: null,
+ walletClient: null,
+ config: null
+ }),
+ getters: {},
+ actions: {
+ async init() {
+
+ console.log("wallet init");
+ const goerliKey = import.meta.env.VITE_GOERLI_KEY;
+ const projectId = "d8e5ecb0353c02e21d4c0867d4473ac5";
+
+ const { chains, publicClient, webSocketPublicClient } = configureChains(
+ [goerli],
+ [alchemyProvider({ apiKey: goerliKey }), publicProvider()]
+ );
+
+ this.config = createConfig({
+ autoConnect: true,
+ connectors: [
+ new CoinbaseWalletConnector({
+ chains,
+ options: {
+ appName: "wagmi demo",
+ },
+ }),
+ new MetaMaskConnector({ chains }),
+ new WalletConnectConnector({
+ chains,
+ options: {
+ projectId: projectId,
+ showQrModal: true,
+ metadata: {
+ name: "Bloodline-App",
+ description: "TODO Bloodline Description",
+ url: "https://gitea.loseyourip.com/",
+ icons: ["https://gitea.loseyourip.com/assets/img/vampir.png"],
+ },
+ },
+ }),
+ ],
+ publicClient,
+ webSocketPublicClient,
+ });
+
+ // await this.isConnected();
+ // const goerliKey = import.meta.env.VITE_GOERLI_KEY;
+ // if (this.connected) {
+ // const web3 = new Web3(window.ethereum);
+ // this.web3 = markRaw(web3);
+ // console.log("hierabc");
+ // window.ethereum.on("accountsChanged", async (data) => {
+ // console.log("accountsChanged", data);
+ // console.log("data", data);
+ // if (data.length > 0) {
+ // this.address = data[0];
+ // this.connected = true;
+ // } else {
+ // this.address = null;
+ // this.connected = false;
+ // }
+ // });
+
+ // // provider = new ethers.BrowserProvider(window.ethereum);
+ // } else {
+ // const url = `https://eth-goerli.g.alchemy.com/v2/${goerliKey}`;
+ // this.web3 = new Web3(url);
+ // // provider = new ethers.AlchemyProvider("goerli", goerliKey);
+ // }
+
+ // //Websocket
+ // this.web3socket = new Web3(
+ // new Web3.providers.WebsocketProvider(`wss://eth-goerli.g.alchemy.com/v2/${goerliKey}`)
+ // );
+ },
+ // connectWalletV2(connector) {
+ // this.address = data[0];
+ // },
+ async connectWallet(connector) {
+ console.log("connector.name", connector.name);
+ // if (!account.isConnected) {
+ const connection = await connect({
+ chainId: goerli.id,
+ connector: connector,
+ });
+ // this.address = connection.account;
+ },
+ async getTokenBalance(token) {
+ const tokenStore = useTokenStore();
+ const contract = tokenStore.getTokenContract(token);
+ const result = await contract.methods.balanceOf(this.address).call();
+ return result;
+ },
+ async isConnected() {
+ try {
+ this.loading = true;
+ if (!window.ethereum) {
+ console.warn("Metamask not installed"), (this.connected = false);
+ return;
+ }
+ const accounts = await window.ethereum.request({ method: "eth_accounts" });
+ if (accounts.length) {
+ this.connected = true;
+ this.address = accounts[0];
+ console.log(`You're connected to: ${accounts[0]}`);
+ // const web3 = new Web3(window.ethereum);
+ // const tokenStore = useTokenStore();
+ // console.log("tokenStore.activeToken", tokenStore.activeToken);
+ // if (tokenStore.activeToken.contractAddress) {
+ // tokenStore.activeToken.balance = await this.getTokenBalance(
+ // tokenStore.activeToken
+ // );
+ // tokenStore.activeToken.allowance = await tokenStore.allowance();
+ // }
+ // tokenStore.memeBurner.contract = new web3.eth.Contract(
+ // tokenStore.memeBurner.config.abi,
+ // tokenStore.memeBurner.config.contractAddress
+ // );
+ } else {
+ console.log("Metamask is not connected");
+ this.connected = false;
+ }
+ } catch (error) {
+ console.log("error", error);
+ } finally {
+ this.loading = false;
+ return this.connected;
+ }
+ },
+ },
+ persist: true,
+});
diff --git a/src/views/TestView.vue b/src/views/TestView.vue
index c19dfd7..121eeb7 100644
--- a/src/views/TestView.vue
+++ b/src/views/TestView.vue
@@ -5,6 +5,8 @@