From 9e3f190a66f22f11d50c6905001d1a5474f02f3a Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Tue, 29 Jul 2025 17:43:34 -0500
Subject: [PATCH 1/9] use basetore blocktime, eliminate redundant block
 fetching

---
 chains/mainnet/xion.json                | 149 ++++++++++++++++++++++++
 src/main.ts                             |  37 ++++--
 src/modules/[chain]/block/block.ts      |  62 +++-------
 src/modules/[chain]/consensus/index.vue |   7 +-
 src/stores/useBaseStore.ts              |  41 +++----
 src/stores/useDashboard.ts              |   4 +-
 6 files changed, 222 insertions(+), 78 deletions(-)
 create mode 100644 chains/mainnet/xion.json

diff --git a/chains/mainnet/xion.json b/chains/mainnet/xion.json
new file mode 100644
index 00000000..5e82d72d
--- /dev/null
+++ b/chains/mainnet/xion.json
@@ -0,0 +1,149 @@
+{
+  "chain_name": "xion",
+  "registry_name": "xion",
+  "coingecko": "xion",
+  "network_type": "mainnet",
+  "rpc": [
+    {
+      "address": "https://rpc.xion-mainnet-1.burnt.com",
+      "provider": "🔥BurntLabs🔥"
+    },
+    {
+      "address": "https://rpc-burnt.imperator.co/",
+      "provider": "Imperator.co"
+    },
+    {
+      "address": "https://xion-rpc.polkachu.com",
+      "provider": "Polkachu"
+    }
+  ],
+  "api": [
+    {
+      "address": "https://api.xion-mainnet-1.burnt.com",
+      "provider": "🔥BurntLabs🔥"
+    },
+    {
+      "address": "https://lcd-burnt.imperator.co/",
+      "provider": "Imperator.co"
+    },
+    {
+      "address": "https://xion-api.polkachu.com",
+      "provider": "Polkachu"
+    }
+  ],
+  "snapshot_provider": "",
+  "sdk_version": "0.50.13",
+  "coin_type": "118",
+  "min_tx_fee": "100",
+  "addr_prefix": "xion",
+  "theme_color": "#96b325",
+  "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/xion/images/burnt-round.png",
+  "assets": [
+    {
+      "base": "uxion",
+      "symbol": "XION",
+      "exponent": "6",
+      "coingecko_id": "xion-2",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/xion/images/burnt-round.png"
+    },
+    {
+      "base": "ibc/0471F1C4E7AFD3F07702BEF6DC365268D64570F7C1FDC98EA6098DD6DE59817B",
+      "symbol": "OSMO",
+      "exponent": "6",
+      "coingecko_id": "osmosis",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/osmosis/images/osmo.png"
+    },
+    {
+      "base": "ibc/F082B65C88E4B6D5EF1DB243CDA1D331D002759E938A0F5CD3FFDC5D53B3E349",
+      "symbol": "USDC",
+      "exponent": "6",
+      "coingecko_id": "usd-coin",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/noble/images/USDCoin.png"
+    },
+    {
+      "base": "ibc/CC7B293B3F08EA7DB96AFD4765BD0C7F95ABD7ECEAF21C74F3ACCBF7CEFB6591",
+      "symbol": "OSMO",
+      "exponent": "6",
+      "coingecko_id": "osmosis",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/osmosis/images/osmo.png"
+    },
+    {
+      "base": "ibc/9463E39D230614B313B487836D13A392BD1731928713D4C8427A083627048DB3",
+      "symbol": "AXL",
+      "exponent": "6",
+      "coingecko_id": "axelar",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axl.png"
+    },
+    {
+      "base": "ibc/6490A7EAB61059BFC1CDDEB05917DD70BDF3A611654162A1A47DB930D40D8AF4",
+      "symbol": "axlUSDC",
+      "exponent": "6",
+      "coingecko_id": "usd-coin",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlusdc.png"
+    },
+    {
+      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
+      "symbol": "axlUSDT",
+      "exponent": "6",
+      "coingecko_id": "tether",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlusdc.png"
+    },
+    {
+      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
+      "symbol": "axlDAI",
+      "exponent": "18",
+      "coingecko_id": "dai",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axldai.png"
+    },
+    {
+      "base": "ibc/0000000000000000000000000000000000000000000000000000000000000000",
+      "symbol": "axlFRAX",
+      "exponent": "6",
+      "coingecko_id": "frax",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/axlfrax.png"
+    },
+    {
+      "base": "ibc/AAD7136DD626569C3DDE7C5F764968BB2E939875EFC568AE5712B62081850814",
+      "symbol": "axlWETH",
+      "exponent": "18",
+      "coingecko_id": "axlweth",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/axelar/images/weth.png"
+    },
+    {
+      "base": "ibc/056EA54C3D9B49B3C0418955A27980A91DD4F210914BFE240A1DB19E27895ECA",
+      "symbol": "KYVE",
+      "exponent": "6",
+      "coingecko_id": "kyve-network",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/kyve/images/kyve-token.png"
+    },
+    {
+      "base": "ibc/DBE9697AC1044255A305A2034AD360B4152632BFBFB5785234731F60196B9645",
+      "symbol": "ELYS",
+      "exponent": "6",
+      "coingecko_id": "elys",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/elys/images/elys.png"
+    },
+    {
+      "base": "ibc/E706A0C6CACB374ADC2BCF6A74FE1B260840FC822E45DCB776DEA962A57FED30",
+      "symbol": "axlARB",
+      "exponent": "18",
+      "coingecko_id": "arb",
+      "logo": "https://raw.githubusercontent.com/cosmos/chain-registry/master/_non-cosmos/arbitrum/images/arb.png"
+    }
+  ],
+  "features": [
+    "dashboard",
+    "governance",
+    "staking",
+    "blocks",
+    "tx",
+    "uptime",
+    "ibc",
+    "supply",
+    "parameters",
+    "consensus",
+    "cosmwasm",
+    "account"
+  ],
+  "keplr_features": ["ibc-go", "ibc-transfer", "no-legacy-stdTx"]
+}
diff --git a/src/main.ts b/src/main.ts
index f0d9b263..cc2194db 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,7 @@
 import App from '@/App.vue';
 import i18n from '@/plugins/i18n';
 import '@/style.css';
-import { createApp, ref } from 'vue';
+import { createApp, ref, watch } from 'vue';
 import { createPinia } from 'pinia';
 import LazyLoad from 'lazy-load-vue3';
 
@@ -19,13 +19,32 @@ app.use(LazyLoad, { component: true });
 // Mount vue app
 app.mount('#app');
 
-// fetch latest block every 6s
-const blockStore = useBaseStore();
+// fetch latest block every <blocktime> ms
+const baseStore = useBaseStore();
 const requestCounter = ref(0);
-setInterval(() => {
-  requestCounter.value += 1;
-  if (requestCounter.value < 5) {
-    // max allowed request
-    blockStore.fetchLatest().finally(() => (requestCounter.value -= 1));
+
+let intervalId: NodeJS.Timeout;
+
+const startInterval = () => {
+  clearInterval(intervalId); // Clear any existing interval
+  // console.log('Starting interval with blocktime:', baseStore.blocktime);
+
+  intervalId = setInterval(() => {
+    requestCounter.value += 1;
+    if (requestCounter.value < 5) {
+      // max allowed request
+      baseStore.fetchLatest().finally(() => (requestCounter.value -= 1));
+    }
+  }, baseStore.blocktime);
+};
+
+// Call startInterval initially
+startInterval();
+
+// Watch for changes to baseStore.blocktime
+watch(
+  () => baseStore.blocktime,
+  () => {
+    startInterval(); // Restart the interval when baseStore.blocktime changes
   }
-}, 6000);
+);
diff --git a/src/modules/[chain]/block/block.ts b/src/modules/[chain]/block/block.ts
index ead62cb3..de16412e 100644
--- a/src/modules/[chain]/block/block.ts
+++ b/src/modules/[chain]/block/block.ts
@@ -1,68 +1,42 @@
 import { defineStore } from 'pinia';
-import { decodeTxRaw, type DecodedTxRaw } from '@cosmjs/proto-signing';
-import { useBlockchain } from '@/stores';
-import { hashTx } from '@/libs';
-import type { Block } from '@/types';
+import { useBaseStore, useBlockchain } from '@/stores';
 
 export const useBlockModule = defineStore('blockModule', {
-  state: () => {
-    return {
-      latest: {} as Block,
-      current: {} as Block,
-      recents: [] as Block[],
-    };
-  },
   getters: {
+    baseStore() {
+      return useBaseStore();
+    },
     blockchain() {
       return useBlockchain();
     },
     blocktime() {
-      if (this.recents.length < 2) return 6000;
-      return 6000; // todo later
+      return useBaseStore().blocktime;
     },
     txsInRecents() {
-      const txs = [] as { hash: string; tx: DecodedTxRaw }[];
-      this.recents.forEach((x) =>
-        x.block?.data?.txs.forEach((tx: Uint8Array) => {
-          if (tx) {
-            try {
-              txs.push({
-                hash: hashTx(tx),
-                tx: decodeTxRaw(tx),
-              });
-            } catch (e) {}
-          }
-        })
-      );
-      return txs;
+      return useBaseStore().txsInRecents;
     },
+    latest(){
+      return useBaseStore().latest;
+    },
+    earliest() {
+      return useBaseStore().earlest;
+    },
+    recents() {
+      return useBaseStore().recents;
+    }
   },
   actions: {
     initial() {
       this.clearRecentBlocks();
-      this.autoFetch();
     },
     async clearRecentBlocks() {
-      this.recents = [];
-    },
-    autoFetch() {
-      this.fetchLatest().then((x) => {
-        const timer = this.autoFetch;
-        this.latest = x;
-        // if(this.recents.length >= 50) this.recents.pop()
-        // this.recents.push(x)
-        // setTimeout(timer, 6000)
-      });
+      return this.baseStore.clearRecentBlocks()
     },
     async fetchLatest() {
-      this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-      if (this.recents.length >= 50) this.recents.shift();
-      this.recents.push(this.latest);
-      return this.latest;
+      return this.baseStore.fetchLatest()
     },
     async fetchBlock(height: string) {
-      this.current = await this.blockchain.rpc?.getBaseBlockAt(height);
-      return this.current;
+      return this.baseStore.fetchBlock(height)
     },
   },
 });
diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index d839c1a8..bb4fca1c 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -1,12 +1,13 @@
 <script lang="ts" setup>
 import fetch from 'cross-fetch';
 import { onMounted, ref, computed, onUnmounted } from 'vue';
-import { useBlockchain, useFormatter, useStakingStore } from '@/stores';
+import { useBlockchain, useFormatter, useStakingStore, useBaseStore } from '@/stores';
 import { consensusPubkeyToHexAddress } from '@/libs';
 
 const format = useFormatter();
 const chainStore = useBlockchain();
 const stakingStore = useStakingStore();
+const baseStore = useBaseStore();
 const rpcList = ref(chainStore.current?.endpoints?.rpc || [{ address: '', provider: '' }]);
 let rpc = ref('');
 const validators = ref(stakingStore.validators);
@@ -31,7 +32,7 @@ onMounted(async () => {
   clearTime();
   timer = setInterval(() => {
     update();
-  }, 6000);
+  }, Math.round(baseStore.blocktime / 2));
 });
 onUnmounted(() => {
   clearTime();
@@ -87,7 +88,7 @@ async function onChange() {
   update();
   timer = setInterval(() => {
     update();
-  }, 6000);
+  }, Math.round(baseStore.blocktime / 2));
 }
 
 async function fetchPosition() {
diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index b476c040..1d80bb72 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -5,7 +5,6 @@ import dayjs from 'dayjs';
 import type { Block } from '@/types';
 import { hashTx } from '@/libs';
 import { fromBase64 } from '@cosmjs/encoding';
-import { useRouter } from 'vue-router';
 
 export const useBaseStore = defineStore('baseStore', {
   state: () => {
@@ -14,7 +13,6 @@ export const useBaseStore = defineStore('baseStore', {
       latest: {} as Block,
       recents: [] as Block[],
       theme: (window.localStorage.getItem('theme') || 'dark') as 'light' | 'dark',
-      connected: true,
     };
   },
   getters: {
@@ -23,14 +21,17 @@ export const useBaseStore = defineStore('baseStore', {
         if (this.latest.block?.header?.height !== this.earlest.block?.header?.height) {
           const diff = dayjs(this.latest.block?.header?.time).diff(this.earlest.block?.header?.time);
           const blocks = Number(this.latest.block.header.height) - Number(this.earlest.block.header.height);
-          return diff / blocks;
+          return Math.round(diff / blocks);
         }
       }
-      return 6000;
+      return 1000; // better to start low and increase
     },
     blockchain() {
       return useBlockchain();
     },
+    connected(): boolean {
+      return this.blockchain?.rpc as unknown as boolean;
+    },
     currentChainId(): string {
       return this.latest.block?.header.chain_id || '';
     },
@@ -63,31 +64,31 @@ export const useBaseStore = defineStore('baseStore', {
   },
   actions: {
     async initial() {
+      while (!this.connected) {
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+      }
       this.fetchLatest();
     },
     async clearRecentBlocks() {
       this.recents = [];
     },
     async fetchLatest() {
-      try {
+      if (this.connected) {
         this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-        this.connected = true;
-      } catch (e) {
-        this.connected = false;
-      }
-      if (!this.earlest || this.earlest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
-        //reset earlest and recents
-        this.earlest = this.latest;
-        this.recents = [];
-      }
-      //check if the block exists in recents
-      if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
-        if (this.recents.length >= 50) {
-          this.recents.shift();
+        if (!this.earlest || this.earlest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
+          //reset earlest and recents
+          this.earlest = this.latest;
+          this.recents = [];
+        }
+        //check if the block exists in recents
+        if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
+          if (this.recents.length >= 50) {
+            this.recents.shift();
+          }
+          this.recents.push(this.latest);
         }
-        this.recents.push(this.latest);
       }
-      return this.latest;
+        return this.latest;
     },
 
     async fetchValidatorByHeight(height?: number, offset = 0) {
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 26aac871..3cf07b4e 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -159,8 +159,8 @@ export const useDashboard = defineStore('dashboard', {
   },
   actions: {
     async initial() {
-      //await this.loadingFromLocal();
-      await this.loadingFromRegistry()
+      await this.loadingFromLocal();
+      //await this.loadingFromRegistry()
     },
     loadingPrices() {
       const coinIds = [] as string[];

From df50cb1253b68e81cf93dd935f1ff63be033804d Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 11:32:50 -0500
Subject: [PATCH 2/9] modify basestore to retain previous behavior but fetch
 missed blocks

---
 src/main.ts                | 39 ++++++---------------
 src/stores/useBaseStore.ts | 69 ++++++++++++++++++++++++++------------
 src/types/chaindata.ts     |  1 +
 3 files changed, 59 insertions(+), 50 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index cc2194db..3266f8d1 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,7 @@
 import App from '@/App.vue';
 import i18n from '@/plugins/i18n';
 import '@/style.css';
-import { createApp, ref, watch } from 'vue';
+import { createApp, ref } from 'vue';
 import { createPinia } from 'pinia';
 import LazyLoad from 'lazy-load-vue3';
 
@@ -19,32 +19,15 @@ app.use(LazyLoad, { component: true });
 // Mount vue app
 app.mount('#app');
 
-// fetch latest block every <blocktime> ms
-const baseStore = useBaseStore();
+const REFRESH_INTERVAL = import.meta.env.VITE_REFRESH_INTERVAL || 6000; // 6 seconds
+
+// fetch latest block every 6s
+const blockStore = useBaseStore();
 const requestCounter = ref(0);
-
-let intervalId: NodeJS.Timeout;
-
-const startInterval = () => {
-  clearInterval(intervalId); // Clear any existing interval
-  // console.log('Starting interval with blocktime:', baseStore.blocktime);
-
-  intervalId = setInterval(() => {
-    requestCounter.value += 1;
-    if (requestCounter.value < 5) {
-      // max allowed request
-      baseStore.fetchLatest().finally(() => (requestCounter.value -= 1));
-    }
-  }, baseStore.blocktime);
-};
-
-// Call startInterval initially
-startInterval();
-
-// Watch for changes to baseStore.blocktime
-watch(
-  () => baseStore.blocktime,
-  () => {
-    startInterval(); // Restart the interval when baseStore.blocktime changes
+setInterval(() => {
+  requestCounter.value += 1;
+  if (requestCounter.value < 5) {
+    // max allowed request
+    blockStore.fetchLatest().finally(() => (requestCounter.value -= 1));
   }
-);
+}, REFRESH_INTERVAL);
diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index 1d80bb72..5866f9b4 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -9,18 +9,19 @@ import { fromBase64 } from '@cosmjs/encoding';
 export const useBaseStore = defineStore('baseStore', {
   state: () => {
     return {
-      earlest: {} as Block,
+      earliest: {} as Block,
       latest: {} as Block,
       recents: [] as Block[],
       theme: (window.localStorage.getItem('theme') || 'dark') as 'light' | 'dark',
+      connected: false,
     };
   },
   getters: {
     blocktime(): number {
-      if (this.earlest && this.latest) {
-        if (this.latest.block?.header?.height !== this.earlest.block?.header?.height) {
-          const diff = dayjs(this.latest.block?.header?.time).diff(this.earlest.block?.header?.time);
-          const blocks = Number(this.latest.block.header.height) - Number(this.earlest.block.header.height);
+      if (this.earliest && this.latest) {
+        if (this.latest.block?.header?.height !== this.earliest.block?.header?.height) {
+          const diff = dayjs(this.latest.block?.header?.time).diff(this.earliest.block?.header?.time);
+          const blocks = Number(this.latest.block.header.height) - Number(this.earliest.block.header.height);
           return Math.round(diff / blocks);
         }
       }
@@ -29,7 +30,7 @@ export const useBaseStore = defineStore('baseStore', {
     blockchain() {
       return useBlockchain();
     },
-    connected(): boolean {
+    hasRpc(): boolean {
       return this.blockchain?.rpc as unknown as boolean;
     },
     currentChainId(): string {
@@ -64,7 +65,7 @@ export const useBaseStore = defineStore('baseStore', {
   },
   actions: {
     async initial() {
-      while (!this.connected) {
+      while (!this.hasRpc) {
         await new Promise((resolve) => setTimeout(resolve, 1000));
       }
       this.fetchLatest();
@@ -73,24 +74,48 @@ export const useBaseStore = defineStore('baseStore', {
       this.recents = [];
     },
     async fetchLatest() {
-      if (this.connected) {
+      if (!this.hasRpc) return this.latest;
+      try {
         this.latest = await this.blockchain.rpc?.getBaseBlockLatest();
-        if (!this.earlest || this.earlest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
-          //reset earlest and recents
-          this.earlest = this.latest;
-          this.recents = [];
-        }
-        //check if the block exists in recents
-        if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
-          if (this.recents.length >= 50) {
-            this.recents.shift();
-          }
-          this.recents.push(this.latest);
-        }
+        this.connected = true;
+      } catch (error) {
+        console.error('Error fetching latest block:', error);
+        this.connected = false;
       }
-        return this.latest;
+      if (!this.earliest || this.earliest?.block?.header?.chain_id != this.latest?.block?.header?.chain_id) {
+        //reset earliest and recents
+        this.earliest = this.latest;
+        this.recents = [];
+      }
+      //check if the block exists in recents
+      if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
+        const newBlocks = await this.fetchNewBlocks();
+        if (this.recents.length + newBlocks.length > 50) {
+          this.recents.splice(0, this.recents.length + newBlocks.length - 50);
+        }
+        this.recents.push(...newBlocks);
+      }
+      return this.latest;
+    },
+    /**
+     * Fetches all recent blocks since the current latest block and adds them to recents.
+     * Only fetches blocks with height greater than this.latest.block.header.height.
+     * Returns an array of new blocks added to recents.
+     */
+    async fetchNewBlocks() {
+      if (!this.latest?.block?.header?.height) return [];
+      const oldHeight = Number(this.recents[this.recents.length - 1]?.block?.header?.height);
+      const newHeight = Number(this.latest.block.header.height);
+      let newBlocks = [];
+      // Fetch all blocks between oldHeight+1 and less than newHeight
+      for (let h = oldHeight + 1; h < newHeight; h++) {
+        const block = await this.fetchBlock(h);
+        newBlocks.push(block);
+      }
+      // Add the latest block
+      newBlocks.push(this.latest);
+      return newBlocks;
     },
-
     async fetchValidatorByHeight(height?: number, offset = 0) {
       return this.blockchain.rpc.getBaseValidatorsetAt(String(height), offset);
     },
diff --git a/src/types/chaindata.ts b/src/types/chaindata.ts
index 289c09d2..e642e2c9 100644
--- a/src/types/chaindata.ts
+++ b/src/types/chaindata.ts
@@ -139,4 +139,5 @@ export interface ChainConfig {
     address_limit: number;
     fees: string;
   };
+  blocktime_ms?: number;
 }

From e598d01b696d2c3af62c461f55b2c6d23a2ee701 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 11:50:14 -0500
Subject: [PATCH 3/9] update comments, add connect logic to fetchBlock

---
 src/stores/useBaseStore.ts | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index 5866f9b4..fa1bef85 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -90,17 +90,15 @@ export const useBaseStore = defineStore('baseStore', {
       //check if the block exists in recents
       if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
         const newBlocks = await this.fetchNewBlocks();
-        if (this.recents.length + newBlocks.length > 50) {
-          this.recents.splice(0, this.recents.length + newBlocks.length - 50);
-        }
-        this.recents.push(...newBlocks);
+        const combined = [...this.recents, ...newBlocks];
+        this.recents = combined.slice(-50);
       }
       return this.latest;
     },
     /**
-     * Fetches all recent blocks since the current latest block and adds them to recents.
-     * Only fetches blocks with height greater than this.latest.block.header.height.
-     * Returns an array of new blocks added to recents.
+     * Fetches all blocks since the last block in recents.
+     * Only fetches blocks with height greater than this.recents[-1].block.header.height.
+     * Returns an array of new blocks to be added to recents.
      */
     async fetchNewBlocks() {
       if (!this.latest?.block?.header?.height) return [];
@@ -110,6 +108,7 @@ export const useBaseStore = defineStore('baseStore', {
       // Fetch all blocks between oldHeight+1 and less than newHeight
       for (let h = oldHeight + 1; h < newHeight; h++) {
         const block = await this.fetchBlock(h);
+        if (!block?.block?.header?.height) continue; // skip if block not found
         newBlocks.push(block);
       }
       // Add the latest block
@@ -123,7 +122,15 @@ export const useBaseStore = defineStore('baseStore', {
       return this.blockchain.rpc.getBaseValidatorsetLatest(offset);
     },
     async fetchBlock(height?: number | string) {
-      return this.blockchain.rpc.getBaseBlockAt(String(height));
+      try {
+        const block = await this.blockchain.rpc.getBaseBlockAt(String(height));
+        this.connected = true;
+        return block;
+      } catch (error) {
+        console.error('Error fetching latest block:', error);
+        this.connected = false;
+      }
+      return {} as Block;
     },
     async fetchAbciInfo() {
       return this.blockchain.rpc.getBaseNodeInfo();

From 8f02a1f65f126462098871d61829f075fc9af681 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 11:57:59 -0500
Subject: [PATCH 4/9] fix typo

---
 src/modules/[chain]/block/block.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/[chain]/block/block.ts b/src/modules/[chain]/block/block.ts
index de16412e..8f858e1c 100644
--- a/src/modules/[chain]/block/block.ts
+++ b/src/modules/[chain]/block/block.ts
@@ -19,7 +19,7 @@ export const useBlockModule = defineStore('blockModule', {
       return useBaseStore().latest;
     },
     earliest() {
-      return useBaseStore().earlest;
+      return useBaseStore().earliest;
     },
     recents() {
       return useBaseStore().recents;

From 78c9597b1981a97a45ff2bbb5f834366d3f83ca5 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 12:13:01 -0500
Subject: [PATCH 5/9] make fetch all blocks configurable

---
 src/stores/useBaseStore.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/stores/useBaseStore.ts b/src/stores/useBaseStore.ts
index fa1bef85..6c26bea2 100644
--- a/src/stores/useBaseStore.ts
+++ b/src/stores/useBaseStore.ts
@@ -6,6 +6,9 @@ import type { Block } from '@/types';
 import { hashTx } from '@/libs';
 import { fromBase64 } from '@cosmjs/encoding';
 
+const FETCH_ALL_BLOCKS = import.meta.env.VITE_FETCH_ALL_BLOCKS || false;
+const RECENT_BLOCKS_LIMIT = import.meta.env.VITE_RECENT_BLOCK_LIMIT || 50;
+
 export const useBaseStore = defineStore('baseStore', {
   state: () => {
     return {
@@ -91,7 +94,7 @@ export const useBaseStore = defineStore('baseStore', {
       if (this.recents.findIndex((x) => x?.block_id?.hash === this.latest?.block_id?.hash) === -1) {
         const newBlocks = await this.fetchNewBlocks();
         const combined = [...this.recents, ...newBlocks];
-        this.recents = combined.slice(-50);
+        this.recents = combined.slice(-RECENT_BLOCKS_LIMIT);
       }
       return this.latest;
     },
@@ -102,6 +105,7 @@ export const useBaseStore = defineStore('baseStore', {
      */
     async fetchNewBlocks() {
       if (!this.latest?.block?.header?.height) return [];
+      if (!FETCH_ALL_BLOCKS) return [this.latest];
       const oldHeight = Number(this.recents[this.recents.length - 1]?.block?.header?.height);
       const newHeight = Number(this.latest.block.header.height);
       let newBlocks = [];

From af806f10544469023a7e5abbb2310337a68218c8 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 12:23:03 -0500
Subject: [PATCH 6/9] add .env.example file

---
 .env.example | 4 ++++
 .gitignore   | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 00000000..3e4e5051
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,4 @@
+# rename to .env.local or .env.<your_environment>
+VITE_REFRESH_INTERVAL=2000
+VITE_FETCH_ALL_BLOCKS=true
+VITE_RECENT_BLOCK_LIMIT=100
diff --git a/.gitignore b/.gitignore
index 212ccd26..e4a00ae8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,7 @@ node_modules/
 **/.vscode
 yarn-error.log
 dist
-.idea
\ No newline at end of file
+.idea
+
+.env*
+!.env.example

From c469a91c9a2b4ffdf7fb48962ead3da3b3452cb5 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 12:32:40 -0500
Subject: [PATCH 7/9] remove errant change

---
 src/types/chaindata.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/types/chaindata.ts b/src/types/chaindata.ts
index e642e2c9..289c09d2 100644
--- a/src/types/chaindata.ts
+++ b/src/types/chaindata.ts
@@ -139,5 +139,4 @@ export interface ChainConfig {
     address_limit: number;
     fees: string;
   };
-  blocktime_ms?: number;
 }

From d1db35c2c14616bbd998f17e4bd02480f8f03771 Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 18:15:49 -0500
Subject: [PATCH 8/9] normalize store references

---
 src/components/ChainSummary.vue            | 2 +-
 src/components/charts/TxsInBlocksChart.vue | 3 ++-
 src/main.ts                                | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ChainSummary.vue b/src/components/ChainSummary.vue
index 0143df28..5fb21f21 100644
--- a/src/components/ChainSummary.vue
+++ b/src/components/ChainSummary.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useDashboard } from '@/stores/useDashboard';
+import { useDashboard } from '@/stores';
 import { computed } from 'vue';
 import { Icon } from '@iconify/vue';
 
diff --git a/src/components/charts/TxsInBlocksChart.vue b/src/components/charts/TxsInBlocksChart.vue
index 685d4555..06c8070a 100644
--- a/src/components/charts/TxsInBlocksChart.vue
+++ b/src/components/charts/TxsInBlocksChart.vue
@@ -28,8 +28,9 @@ const options = computed(() => {
       },
       show: false,
       categories: baseStore.recents
+        .slice(0, 50)
         .map((x) => x.block.header.height)
-        .concat(Array(50 - baseStore.recents.length).fill('')),
+        .concat(Array(Math.max(0, 50)).fill('')),
     },
   };
 });
diff --git a/src/main.ts b/src/main.ts
index 3266f8d1..00fde005 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,7 +7,7 @@ import { createPinia } from 'pinia';
 import LazyLoad from 'lazy-load-vue3';
 
 import router from './router';
-import { useBaseStore } from './stores/useBaseStore';
+import { useBaseStore } from '@/stores';
 
 // Create vue app
 const app = createApp(App);

From 20325c05bb12d22fd12e9b0ba36b3cce00e51a2a Mon Sep 17 00:00:00 2001
From: 2xburnt <169301814+2xburnt@users.noreply.github.com>
Date: Wed, 30 Jul 2025 18:50:21 -0500
Subject: [PATCH 9/9] normalize @/store imports

---
 src/modules/[chain]/indexStore.ts | 25 +++++++++++++------------
 src/stores/useCoinGecko.ts        | 12 +++++++-----
 src/stores/useDashboard.ts        | 21 +++++++--------------
 src/stores/useFormatter.ts        | 11 +++--------
 4 files changed, 30 insertions(+), 39 deletions(-)

diff --git a/src/modules/[chain]/indexStore.ts b/src/modules/[chain]/indexStore.ts
index e991dbf3..3164cfae 100644
--- a/src/modules/[chain]/indexStore.ts
+++ b/src/modules/[chain]/indexStore.ts
@@ -1,7 +1,14 @@
-import { useBlockchain, useCoingecko, useBaseStore, useBankStore, useFormatter, useGovStore } from '@/stores';
-import { useDistributionStore } from '@/stores/useDistributionStore';
-import { useMintStore } from '@/stores/useMintStore';
-import { useStakingStore } from '@/stores/useStakingStore';
+import {
+  useBlockchain,
+  useCoingecko,
+  useBaseStore,
+  useBankStore,
+  useFormatter,
+  useGovStore,
+  useDistributionStore,
+  useMintStore,
+  useStakingStore,
+} from '@/stores';
 import type { Coin, Tally } from '@/types';
 import numeral from 'numeral';
 import { defineStore } from 'pinia';
@@ -157,9 +164,7 @@ export const useIndexModule = defineStore('module-index', {
           title: 'Validators',
           color: 'error',
           icon: 'mdi-human-queue',
-          stats: String(
-            base?.latest?.block?.last_commit?.signatures.length || 0
-          ),
+          stats: String(base?.latest?.block?.last_commit?.signatures.length || 0),
           change: 0,
         },
         {
@@ -256,11 +261,7 @@ export const useIndexModule = defineStore('module-index', {
  * @param value - The value to set for the parameter.
  * @returns The new URL with the parameter added or replaced.
  */
-export function addOrReplaceUrlParam(
-  url: string,
-  param: string,
-  value: string
-): string {
+export function addOrReplaceUrlParam(url: string, param: string, value: string): string {
   // Parse the URL
   const urlObj = new URL(url, window.location.origin);
 
diff --git a/src/stores/useCoinGecko.ts b/src/stores/useCoinGecko.ts
index 0c499fce..f563f252 100644
--- a/src/stores/useCoinGecko.ts
+++ b/src/stores/useCoinGecko.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
-import { get } from '../libs/http';
-import type { LoadingStatus } from './useDashboard';
+import { get } from '@/libs/http';
+import type { LoadingStatus } from '@/stores';
 
 export interface PriceMeta {
   usd?: string;
@@ -13,6 +13,8 @@ export interface PriceMeta {
 
 const LocalStoreKey = 'currency';
 
+export const coingeckoUrl = import.meta.env.VITE_COINGECKO_URL || 'https://api.coingecko.com';
+
 export const useCoingecko = defineStore('coingecko', {
   state: () => {
     const currency = localStorage.getItem(LocalStoreKey);
@@ -27,11 +29,11 @@ export const useCoingecko = defineStore('coingecko', {
 
   actions: {
     getMarketChart(days = 30, coinId = 'cosmos') {
-      return get(`https://api.coingecko.com/api/v3/coins/${coinId}/market_chart?vs_currency=usd&days=${days}`);
+      return get(`${coingeckoUrl}/api/v3/coins/${coinId}/market_chart?vs_currency=usd&days=${days}`);
     },
 
     fetchCoinPrice(ids: string[]) {
-      const url = `https://api.coingecko.com/api/v3/simple/price?include_24hr_change=true&vs_currencies=${[
+      const url = `${coingeckoUrl}/api/v3/simple/price?include_24hr_change=true&vs_currencies=${[
         'usd',
         this.currency,
       ].join(',')}&ids=${ids.join(',')}`;
@@ -40,7 +42,7 @@ export const useCoingecko = defineStore('coingecko', {
       });
     },
     getCoinInfo(coinId: string) {
-      return get(`https://api.coingecko.com/api/v3/coins/${coinId}`);
+      return get(`${coingeckoUrl}/api/v3/coins/${coinId}`);
     },
     setSecondaryCurrency(currency: string) {
       if (currency !== 'usd') {
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 3cf07b4e..6d9622d3 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -1,10 +1,9 @@
 import { defineStore } from 'pinia';
-import { get } from '../libs/http';
+import { get } from '@/libs/http';
 import type { ChainConfig, DirectoryChainConfig, Endpoint, LocalChainConfig } from '@/types/chaindata';
 import { ConfigSource, NetworkType } from '@/types/chaindata';
 import { useBlockchain } from './useBlockchain';
-
-
+import { coingeckoUrl } from '@/stores';
 
 function apiConverter(api: any[]) {
   if (!api) return [];
@@ -37,15 +36,14 @@ export function convertFromLocal(lc: LocalChainConfig): ChainConfig {
         { denom: x.base, exponent: 0 },
         { denom: x.symbol.toLowerCase(), exponent: Number(x.exponent) },
       ],
-      type_asset: 'sdk.coin'
+      type_asset: 'sdk.coin',
     }));
   }
   conf.versions = {
     cosmosSdk: lc.sdk_version,
   };
   conf.bech32Prefix = lc.addr_prefix;
-  conf.bech32ConsensusPrefix =
-    lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
+  conf.bech32ConsensusPrefix = lc.consensus_prefix ?? lc.addr_prefix + 'valcons';
   conf.chainName = lc.chain_name;
   conf.coinType = lc.coin_type;
   conf.prettyName = lc.registry_name || lc.chain_name;
@@ -138,7 +136,6 @@ export enum LoadingStatus {
   Loaded,
 }
 
-
 export const useDashboard = defineStore('dashboard', {
   state: () => {
     const favMap = JSON.parse(localStorage.getItem('favoriteMap') || '{"cosmos":true, "osmosis":true}');
@@ -184,7 +181,7 @@ export const useDashboard = defineStore('dashboard', {
 
       const currencies = ['usd, cny']; // usd,cny,eur,jpy,krw,sgd,hkd
       get(
-        `https://api.coingecko.com/api/v3/simple/price?include_24hr_change=true&vs_currencies=${currencies.join(
+        `${coingeckoUrl}/api/v3/simple/price?include_24hr_change=true&vs_currencies=${currencies.join(
           ','
         )}&ids=${coinIds.join(',')}`
       ).then((x) => {
@@ -194,7 +191,7 @@ export const useDashboard = defineStore('dashboard', {
     async loadingFromRegistry() {
       if (this.status === LoadingStatus.Empty) {
         this.status = LoadingStatus.Loading;
-        get(this.source).then((res) => {
+        get(this.source).then((res: { chains: DirectoryChainConfig[] }) => {
           res.chains.forEach((x: DirectoryChainConfig) => {
             this.chains[x.chain_name] = convertFromDirectory(x);
           });
@@ -232,11 +229,7 @@ export const useDashboard = defineStore('dashboard', {
         const blockchain = useBlockchain();
         const keys = Object.keys(this.favoriteMap);
         for (let i = 0; i < keys.length; i++) {
-          if (
-            !blockchain.chainName &&
-            this.chains[keys[i]] &&
-            this.favoriteMap[keys[i]]
-          ) {
+          if (!blockchain.chainName && this.chains[keys[i]] && this.favoriteMap[keys[i]]) {
             blockchain.setCurrent(keys[i]);
             break;
           }
diff --git a/src/stores/useFormatter.ts b/src/stores/useFormatter.ts
index 40cb0e8e..2007ce2b 100644
--- a/src/stores/useFormatter.ts
+++ b/src/stores/useFormatter.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { useBlockchain } from './useBlockchain';
+import { useBlockchain, useBankStore, useStakingStore, useDashboard } from '@/stores';
 import numeral from 'numeral';
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
@@ -7,12 +7,9 @@ import relativeTime from 'dayjs/plugin/relativeTime';
 import updateLocale from 'dayjs/plugin/updateLocale';
 import utc from 'dayjs/plugin/utc';
 import localeData from 'dayjs/plugin/localeData';
-import { useStakingStore } from './useStakingStore';
-import { fromBase64, fromBech32, fromHex, toHex } from '@cosmjs/encoding';
+import { fromBase64, fromHex, toHex } from '@cosmjs/encoding';
 import { consensusPubkeyToHexAddress, get } from '@/libs';
-import { useBankStore } from './useBankStore';
 import type { Coin, DenomTrace } from '@/types';
-import { useDashboard } from './useDashboard';
 import type { Asset } from '@/types/chaindata';
 
 dayjs.extend(localeData);
@@ -131,9 +128,7 @@ export const useFormatter = defineStore('formatter', {
       // find the symbol
       const symbol = this.dashboard.coingecko[token.denom]?.symbol || token.denom;
       // convert denomination to symbol
-      const exponent =
-        this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent ||
-        this.specialDenom(token.denom);
+      const exponent = this.dashboard.coingecko[symbol?.toLowerCase()]?.exponent || this.specialDenom(token.denom);
       // caculate amount of symbol
       const amount = Number(token.amount) / 10 ** exponent;
       return amount;