+
+
+
+
+
+
+
+
diff --git a/src/components/TokenClaim.vue b/src/components/TokenClaim.vue
index 3646e29..94576dd 100644
--- a/src/components/TokenClaim.vue
+++ b/src/components/TokenClaim.vue
@@ -1,5 +1,6 @@
- Staked
+ Increase your sacrifice reward by staking.
+
+
+
+
+
+
+
-
-
-
-
You Cycle Rewards
-
+
+
Total Reward
+
+ 
+
+
+ $BLOOD
+ todo
+
+ Cycle Active
@@ -72,10 +82,14 @@ async function claimRewards() {
diff --git a/src/main.js b/src/main.js
index ec9903b..bcb6b6f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,9 +1,31 @@
import './assets/sass/main.sass'
+import { useWalletStoreV2 } from "@/stores/walletV2";
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
+import {
+ createConfig,
+ configureChains,
+ getAccount,
+ getContract,
+ connect,
+ disconnect,
+ InjectedConnector,
+ watchAccount,
+ getWalletClient,
+ fetchBalance,
+ multicall,
+} 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, mainnet } from "@wagmi/core/chains";
+import { publicProvider } from "@wagmi/core/providers/public";
+import { alchemyProvider } from "@wagmi/core/providers/alchemy";
+
import App from './App.vue'
import router from './router'
@@ -14,14 +36,14 @@ import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
/* import specific icons */
-import { faArrowDown, faArrowRight, faSpinner, faPlus, faCaretLeft, faCaretRight, faBars, faAnglesRight, faChevronDown, faChevronUp, faArrowRightToBracket, faArrowRightFromBracket } from "@fortawesome/free-solid-svg-icons";
+import { faArrowDown, faArrowRight, faSpinner, faPlus, faCaretLeft, faCaretRight, faBars, faAnglesRight, faChevronDown, faChevronUp, faArrowRightToBracket, faArrowRightFromBracket, faDroplet, faMoon, faPerson } from "@fortawesome/free-solid-svg-icons";
import { faDiscord, faTwitter, faTelegram } from "@fortawesome/free-brands-svg-icons";
/* add icons to the library */
library.add(
- faArrowDown,
- faArrowRight,
+ faArrowDown,
+ faArrowRight,
faDiscord,
faTwitter,
faTelegram,
@@ -31,19 +53,65 @@ library.add(
faCaretRight,
faBars,
faAnglesRight,
- faArrowRightToBracket,
- faArrowRightFromBracket,
+ faArrowRightToBracket,
+ faArrowRightFromBracket,
faChevronDown,
- faChevronUp
+ faChevronUp,
+ faDroplet,
+ faMoon,
+ faPerson
);
const app = createApp(App)
+
const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);
app.use(pinia);
+
+
+const walletStore = useWalletStoreV2();
+
+const goerliKey = import.meta.env.VITE_GOERLI_KEY;
+const projectId = "d8e5ecb0353c02e21d4c0867d4473ac5";
+console.log("hier chains");
+const { chains, publicClient, webSocketPublicClient } = configureChains(
+ [goerli, mainnet],
+ [alchemyProvider({ apiKey: goerliKey }), publicProvider()]
+);
+
+walletStore.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,
+});
+walletStore.publicClient = publicClient;
+
app.use(router)
app.component('font-awesome-icon', FontAwesomeIcon)
app.mount('#app')
+
diff --git a/src/middleware/connected.js b/src/middleware/connected.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/router/index.js b/src/router/index.js
index 6e70ecd..05e42f1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,11 +5,19 @@ import { useTokenStore } from "@/stores/tokens";
import { useContractStore } from "@/stores/contracts";
import { useMemeburnerStore } from "@/stores/memeburner";
import { useRewardLockerStore } from "@/stores/rewardlocker";
-import { useMultiCallStore } from "@/stores/multicall";
import { useRoundsStore } from "@/stores/rounds";
+import {ref} from "vue"
+
import {
+ watchAccount,
+ watchNetwork,
+ watchContractEvent,
+ watchWalletClient,
getAccount,
+ getNetwork,
+ getPublicClient,
+ getWalletClient,
} from "@wagmi/core";
const router = createRouter({
@@ -40,12 +48,18 @@ const router = createRouter({
},
{
path: "/profile",
- name: "Profile",
+ name: "profile",
+ meta: {
+ middleware: ["connected"],
+ },
component: () => import("../views/ProfileView.vue"),
},
{
path: "/cycle",
- name: "Cycle",
+ name: "cycle",
+ meta: {
+ middleware: ["connected"],
+ },
component: () => import("../views/CycleView.vue"),
},
],
@@ -53,27 +67,110 @@ const router = createRouter({
router.beforeEach(async (to, from) => {
//init
+
+ const showPanel = ref(false);
+ const eventWatch = ref(null);
+ const netWorkEvent = ref(null);
+ const memeSacrificedEvent = ref(null);
+ const clientClientEvent = ref(null);
+ console.log("beforeEach");
const tokenStore = useTokenStore();
const memeBurnerStore = useMemeburnerStore();
const rewardLockerStore = useRewardLockerStore();
const roundsStore = useRoundsStore();
const walletStore = useWalletStoreV2();
+ console.log("walletStore.publicClient", walletStore.publicClient);
+ if (!walletStore.initialized) {
+ walletStore.initialized = true
+ console.log("hier");
+ await walletStore.init();
+ await tokenStore.initV2();
+ await memeBurnerStore.init();
+ await rewardLockerStore.init();
+ await memeBurnerStore.init();
+ console.log("init router");
+ console.log("roundsStore.currentRound", roundsStore.currentRound);
+ if (!roundsStore.currentRound) {
+ roundsStore.currentRound = parseInt(await memeBurnerStore.getCurrentRound());
+ console.log("roundsStore.currentRound", roundsStore.currentRound);
+ roundsStore.activeRound = roundsStore.currentRound;
+ }
+
+ //events
+ eventWatch.value = watchAccount(async (account) => {
+ console.log("account123", account);
+ const publicClient = getPublicClient();
+ console.log("publicClient", publicClient);
+
+ // {chainId: }
+ console.log("walletClient", walletClient);
+ if (account.address) {
+ walletStore.address = account.address;
+ walletStore.connected = true;
+ let chainObject = walletStore.chain;
+ if (!walletStore.chain) {
+ const { chain, chains } = getNetwork();
+ chainObject = chain;
+ }
+ var walletClient = await getWalletClient({
+ account: account.address,
+ chainId: chainObject.id,
+ });
+ walletStore.walletClient = walletClient;
+
+ // walletStore.getTokenBalances()
+
+ await memeBurnerStore.init();
+ console.log("hierabc");
+ await tokenStore.initV2();
+ } else {
+ walletStore.address = null;
+ walletStore.connected = false;
+ walletStore.walletClient = null;
+ }
+ });
+
+ netWorkEvent.value = watchNetwork((network) => {
+ console.log("network123", network);
+ if (network.chain) {
+ walletStore.chain = network.chain;
+
+ clientClientEvent.value = watchWalletClient(
+ {
+ chainId: network.chain.id,
+ },
+ (walletClient) => {
+ walletStore.walletClient = walletClient;
+ console.log("wc123", walletClient);
+ }
+ );
+ }
+ });
+
+ memeSacrificedEvent.value = watchContractEvent(
+ {
+ address: memeBurnerStore.config.contractAddress,
+ abi: memeBurnerStore.config.abi,
+ eventName: "MemeSacrificed",
+ },
+ async (log) => {
+ console.log("memeSacrificedEvent", log);
+ const token = log[0].args.sacrificedToken;
+ await roundsStore.updateCurrentRound(token);
+ }
+ );
+
+ await roundsStore.fillRound(roundsStore.activeRound);
+ await walletStore.loadWalletData();
+ }
- if (!walletStore.publicClient) {
- await walletStore.init();
- await tokenStore.initV2();
- await memeBurnerStore.init();
- await rewardLockerStore.init();
- await memeBurnerStore.init();
-
-
- if (!roundsStore.currentRound) {
- roundsStore.currentRound = parseInt(await memeBurnerStore.getCurrentRound());
- console.log("roundsStore.currentRound", roundsStore.currentRound);
- roundsStore.activeRound = roundsStore.currentRound;
+
+ //middleware
+ if (to.meta.middleware) {
+ if (!walletStore.connected) {
+ return false;
}
}
- // initContracts
return true;
});
diff --git a/src/stores/rounds.js b/src/stores/rounds.js
index 65037ae..b006d38 100644
--- a/src/stores/rounds.js
+++ b/src/stores/rounds.js
@@ -14,6 +14,15 @@ export const useRoundsStore = defineStore("rounds", {
currentRound: null
}),
getters: {
+ getRoundWinner() {
+ const goal = this.getCurrentRoundData?.goal;
+ const winnerCoin = this.rounds[this.activeRound]?.token.find((token) => token.amount === goal)
+ if (winnerCoin) {
+ return winnerCoin;
+ } else {
+ return false;
+ }
+ },
getCurrentRoundData() {
return this.rounds[this.activeRound];
}
@@ -31,7 +40,7 @@ export const useRoundsStore = defineStore("rounds", {
for (let index = 0; index < this.currentRound; index++) {
console.log("load round: " + index);
// await this.fillRound(index)
-
+ console.log({index, address: walletStore.address});
contracts.push({
...rewardLockerStore.contract,
functionName: "getTotalRewardsOf",
diff --git a/src/stores/walletV2.js b/src/stores/walletV2.js
index 389b759..7a9e93e 100644
--- a/src/stores/walletV2.js
+++ b/src/stores/walletV2.js
@@ -39,7 +39,8 @@ export const useWalletStoreV2 = defineStore("walletV2", {
walletClient: null,
config: null,
chain: null,
- token: [],
+ token: [],
+ initialized: false
}),
getters: {
sacrificeToken: (state) => state.token.filter((obj) => obj.contractAddress !== MemeToken.contractAddress),
@@ -48,42 +49,7 @@ export const useWalletStoreV2 = defineStore("walletV2", {
actions: {
async init() {
console.log("wallet init");
- const goerliKey = import.meta.env.VITE_GOERLI_KEY;
- const projectId = "d8e5ecb0353c02e21d4c0867d4473ac5";
-
- const { chains, publicClient, webSocketPublicClient } = configureChains(
- [goerli, mainnet],
- [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,
- });
- this.publicClient = publicClient;
+
console.log("hier123");
const account = getAccount();
@@ -148,7 +114,9 @@ export const useWalletStoreV2 = defineStore("walletV2", {
});
console.log("data", data);
for (let index = 0; index < tokenStore.token.length; index++) {
- const token = tokenStore.token[index];
+ const token = tokenStore.token[index];
+ console.log("token", token);
+ console.log("data[index].result", data[index].result);
const balanceOfDecimal = data[index].result / BigInt(Math.pow(10, token.decimals));
this.token.push({
contractAddress: token.contractAddress,
@@ -157,15 +125,18 @@ export const useWalletStoreV2 = defineStore("walletV2", {
}
},
async loadWalletData() {
+ if (!this.connected) {
+ return
+ }
+ console.log("loadWalletData");
const rewardlockerStore = useRewardLockerStore();
-
- await this.getTokenBalances();
+ await this.getTokenBalances();
//MemeToken Staked
const tokenStore = useTokenStore();
const staked = await rewardlockerStore.getStaked(this.address);
-
+ console.log("staked", staked);
this.memeToken.staked = Number(staked / BigInt(Math.pow(10, tokenStore.memeToken.decimals)));
}
diff --git a/src/views/CycleView.vue b/src/views/CycleView.vue
index 923909e..fa5dd5a 100644
--- a/src/views/CycleView.vue
+++ b/src/views/CycleView.vue
@@ -1,21 +1,246 @@
-
- Cycle
-
- Claim and trade your $BDL at each cycle's end. Become the most powerful meme clan each cycle and win extra
- rewards.
+
-
+
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 95f6a1c..e9a741e 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -2,8 +2,7 @@
import { ref, computed, inject, onMounted, onBeforeUnmount } from "vue";
import { storeToRefs } from "pinia";
import SacrificeToken from "@/components/SacrificeToken.vue";
-import BloodChart from "@/components/BloodChart.vue";
-import TokenClaim from "@/components/TokenClaim.vue";
+
// import { useWalletStore } from "@/stores/wallet";
import { useTokenStore } from "@/stores/tokens";
import { useRoundsStore } from "@/stores/rounds";
@@ -13,65 +12,9 @@ const { getCurrentRoundData } = storeToRefs(roundsStore);
const { currentRound, activeRound, rounds } = storeToRefs(roundsStore);
-const days = ref(null);
-const hours = ref(null);
-const minutes = ref(null);
-const seconds = ref(null);
const openTutorial = ref(false);
-const timer = ref(null);
const modules = [Navigation];
const isMobile = inject("isMobile");
-
-async function prevSlide() {
- if (activeRound.value > 1) {
- activeRound.value--;
- await roundsStore.fillRound(activeRound.value);
- }
-}
-
-async function nextSlide() {
- if (activeRound.value < currentRound.value) {
- activeRound.value++;
- await roundsStore.fillRound(activeRound.value);
- }
-}
-
-onMounted(() => {
- console.log("getCurrentRoundData", getCurrentRoundData);
- timer.value = setInterval(function () {
- timeBetweenDates();
- }, 1000);
-});
-
-onBeforeUnmount(() => {
- clearInterval(timer.value);
-});
-
-function timeBetweenDates() {
- const dateEntered = new Date(Number(getCurrentRoundData.value?.expirationTimestamp) * 1000);
-
- if (dateEntered) {
- var now = new Date();
- var difference = dateEntered.getTime() - now.getTime();
- if (difference <= 0) {
- clearInterval(timer.value);
- } else {
- var _seconds = Math.floor(difference / 1000);
- var _minutes = Math.floor(_seconds / 60);
- var _hours = Math.floor(_minutes / 60);
- var _days = Math.floor(_hours / 24);
-
- days.value = _days;
- hours.value = _hours % 24;
- minutes.value = _minutes % 60;
- seconds.value = _seconds % 60;
-
- days.value = ("0" + days.value).slice(-2) + "d";
- hours.value = ("0" + hours.value).slice(-2) + "h";
- minutes.value = ("0" + minutes.value).slice(-2) + "m";
- }
- }
-}
@@ -83,92 +26,12 @@ function timeBetweenDates() {
Join the bloodline scheme.
+
+
+ Cycle
+
+ Claim and trade your $BDL at each cycle's end. Become the most powerful meme clan each cycle and win
+ extra rewards.
+
+
+
+
+
+
+ | Sacrifice: | ++ + | {{ roundsStore.getCurrentRoundData?.goalInBLD }} $BDL | +|
| Time left: | ++ | + {{ days }} {{ hours }} {{ minutes }} + | +0 | +
+
+
+
+ Clan Winner
+ +20% Clan Bonus
+
+
+
+ ![]()
+
+ {{ roundsStore.getRoundWinner.name }}
+
+
+
+
+
+ No Clan Winner
+ TODO time limit reached or activeround
+
+
+
+
+
+
+
+
+
+
+
Bloodline Clan
++ Win extra rewards for you and your clan. Increase the strength of your bloodline by sacrificing more + memes. +
+| 1st | +100% Bonus | +
|---|---|
| 2nd | +50% Bonus | +
| 3rd | +No Bonus | +
+
+ Get up to +100% Clan Bonus
on your sacrifice.
+ on your sacrifice.
+
+
-
- Cycle
- Become the most powerful clan each cycle and claim extra rewards.Claim and trade your $BLOOD at each - cycle's end. -
-
-
-
-
-
-
-
-
-
- Bloodline Clan
-- Win extra rewards for you and your clan. Increase the strength of your bloodline by - sacrificing more memes. -
-| 1st | -100% Bonus | -
|---|---|
| 2nd | -50% Bonus | -
| 3rd | -No Bonus | -
-
-
- Get up to +100% Clan Bonus
on your sacrifice. -
- on your sacrifice. -
-
-
-
-
-
- Cycle End
-A cycle ends when only one of these goals is reached.
-
-
-
-
- | Sacrifice: | -- - | {{ getCurrentRoundData?.goalInBLD }} $BDL | -|
| Time left: | -- | - {{ days }} {{ hours }} {{ minutes }} - | -0 | -
+
+
-
Tutorial
@@ -176,10 +39,12 @@ function timeBetweenDates() {
- When you sacrifice your meme, the $ETH is put into an immutable $BLOOD/ETH liquidity position.
-
When your clan wins, you get extra $BLOOD rewards that you can trade. -
+
When your clan wins, you get extra $BLOOD rewards that you can trade. -
+
-
+ When you sacrifice your meme, the $ETH is put into an immutable $BLOOD/ETH liquidity position.
+
When your clan wins, you get extra $BLOOD rewards that you can trade. +
+ When your clan wins, you get extra $BLOOD rewards that you can trade. +
Tokenomics
100% clan owned. No team %, no pre-mine
@@ -187,7 +52,7 @@ function timeBetweenDates() {
+
$BLOOD is 100%
community owned.
No team %, no pre-mine. @@ -243,7 +108,6 @@ function timeBetweenDates() { padding-right: 16px #tokenomics background-color: var(--darkgrey) - padding-bottom: 32px >div text-align: center img @@ -270,38 +134,10 @@ function timeBetweenDates() { text-align: center padding-top: 10px -.slider-wrapper - display: flex - justify-content: center - font-size: 24px - user-select: none - position: sticky - top: 82px - z-index: 3 - background: #2D2D2D - padding: 16px 0 - @media (min-width: 992px) - position: unset - .slider-text - margin: 0 24px - margin-top: auto - margin-bottom: auto - .slider-prev, .slider-next - color: var(--purple) - font-size: 40px - cursor: pointer - &:hover,&:active, &:focus - filter: brightness(0.80) - &.disabled - opacity: .35 - pointer-events: none + .section-header-container - text-align: center - font-size: 16px - padding: 0 24px - margin-top: 64px - margin-bottom: 64px + margin: 24px 0 @media (min-width: 992px) width: 655px .tutorial-header @@ -309,18 +145,18 @@ function timeBetweenDates() { justify-content: center gap: 16px font-size: 24px - margin-bottom: 40px - .tutorial-text - font-size: 18px + margin-bottom: 24px + .tutorial-wrapper + display: flex + flex-direction: column + gap: 24px + .tutorial-text + font-size: 18px + text-align: center + .tutorial-footer + text-align: center -.bloodline-wrapper - .bloodline-inner - padding: 4px - @media (min-width: 992px) - padding: 20px - .bloodline-clan - text-align: center .cycle-end-wrapper .cycle-end-inner diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue index 48b7bf8..a3bf66d 100644 --- a/src/views/ProfileView.vue +++ b/src/views/ProfileView.vue @@ -2,7 +2,7 @@
- community owned.
No team %, no pre-mine. @@ -243,7 +108,6 @@ function timeBetweenDates() { padding-right: 16px #tokenomics background-color: var(--darkgrey) - padding-bottom: 32px >div text-align: center img @@ -270,38 +134,10 @@ function timeBetweenDates() { text-align: center padding-top: 10px -.slider-wrapper - display: flex - justify-content: center - font-size: 24px - user-select: none - position: sticky - top: 82px - z-index: 3 - background: #2D2D2D - padding: 16px 0 - @media (min-width: 992px) - position: unset - .slider-text - margin: 0 24px - margin-top: auto - margin-bottom: auto - .slider-prev, .slider-next - color: var(--purple) - font-size: 40px - cursor: pointer - &:hover,&:active, &:focus - filter: brightness(0.80) - &.disabled - opacity: .35 - pointer-events: none + .section-header-container - text-align: center - font-size: 16px - padding: 0 24px - margin-top: 64px - margin-bottom: 64px + margin: 24px 0 @media (min-width: 992px) width: 655px .tutorial-header @@ -309,18 +145,18 @@ function timeBetweenDates() { justify-content: center gap: 16px font-size: 24px - margin-bottom: 40px - .tutorial-text - font-size: 18px + margin-bottom: 24px + .tutorial-wrapper + display: flex + flex-direction: column + gap: 24px + .tutorial-text + font-size: 18px + text-align: center + .tutorial-footer + text-align: center -.bloodline-wrapper - .bloodline-inner - padding: 4px - @media (min-width: 992px) - padding: 20px - .bloodline-clan - text-align: center .cycle-end-wrapper .cycle-end-inner diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue index 48b7bf8..a3bf66d 100644 --- a/src/views/ProfileView.vue +++ b/src/views/ProfileView.vue @@ -2,7 +2,7 @@
Profile
- 
+ ![]()
0x12345...812d
@@ -27,7 +27,9 @@
+
Bloodline Clan
@@ -41,7 +43,7 @@
+
Total Sacrifice
@@ -85,7 +87,10 @@
active
-
+
+ todo
+
+
{{ Number(round.rewards_total / BigInt(Math.pow(10, 18))) }} $BDL
@@ -163,9 +168,15 @@