From 9fc9ca715dd931975d56e9f5b8cbf984f929bc1a Mon Sep 17 00:00:00 2001
From: Pranav <jadhavpranav89@gmail.com>
Date: Mon, 17 Nov 2025 15:48:35 +0530
Subject: [PATCH 1/3] View vote extension and includebundle transaction

---
 src/components/dynamic/TxsElement.vue |   7 +-
 src/libs/client.ts                    |  13 ++-
 src/modules/[chain]/tx/[hash].vue     | 112 +++++++++++++++++++++++++-
 3 files changed, 127 insertions(+), 5 deletions(-)

diff --git a/src/components/dynamic/TxsElement.vue b/src/components/dynamic/TxsElement.vue
index fa38232e..ede1f1aa 100644
--- a/src/components/dynamic/TxsElement.vue
+++ b/src/components/dynamic/TxsElement.vue
@@ -46,7 +46,12 @@ const chain = useBlockchain();
         <tr v-for="item in txs">
           <td>{{ item.injected }}</td>
           <td>
-            <span v-if="item.injected === 'Injected'">{{ item.hash }}</span>
+            <RouterLink
+              v-if="item.injected === 'Injected'"
+              :to="`/${chain.chainName}/tx/${item.hash}?type=injected`"
+              class="text-primary dark:invert">
+              {{ item.hash }}
+            </RouterLink>
             <RouterLink v-else :to="`/${chain.chainName}/tx/${item.hash}`" class="text-primary dark:invert">{{
               item.hash
             }}</RouterLink>
diff --git a/src/libs/client.ts b/src/libs/client.ts
index e9ae6249..b4eb5391 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -17,9 +17,11 @@ import semver from 'semver';
 export class BaseRestClient<R extends AbstractRegistry> {
   version: string;
   endpoint: string;
+  rpcEndpoint: string;
   registry: R;
-  constructor(endpoint: string, registry: R, version?: string) {
+  constructor(endpoint: string, registry: R, version?: string, rpcEndpoint?: string) {
     this.endpoint = endpoint;
+    this.rpcEndpoint = rpcEndpoint || '';
     this.registry = registry;
     this.version = version || 'v0.40';
   }
@@ -70,7 +72,8 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
         profile = findApiProfileBySDKVersion(ver);
       }
     }
-    return new CosmosRestClient(endpoint, profile || DEFAULT, ver);
+    const rpcEndpoint = chain?.endpoints?.rpc?.[0]?.address;
+    return new CosmosRestClient(endpoint, profile || DEFAULT, ver, rpcEndpoint);
   }
 
   // Auth Module
@@ -312,6 +315,12 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   async getTx(hash: string) {
     return this.request(this.registry.tx_hash, { hash });
   }
+  async getTxFromRPC(hash: string) {
+    return this.request(
+      { url: `${this.rpcEndpoint}/tx?hash=0x{hash}`, adapter: async (source: any) => source },
+      { hash }
+    );
+  }
 
   // mint
   async getMintParam() {
diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index 89d89e94..07553e56 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -3,12 +3,14 @@ import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { computed, ref } from '@vue/reactivity';
 import type { Tx, TxResponse } from '@/types';
+import { useRoute } from 'vue-router';
 
 import { JsonViewer } from 'vue3-json-viewer';
 // if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
 import 'vue3-json-viewer/dist/index.css';
 
 const props = defineProps(['hash', 'chain']);
+const route = useRoute();
 
 const blockchain = useBlockchain();
 const baseStore = useBaseStore();
@@ -19,9 +21,35 @@ const tx = ref(
     tx_response: TxResponse;
   }
 );
+const voteExtension = ref(null as any);
+const bundleTx = ref(null as any);
+const isVoteExtension = computed(() => route.query.type === 'injected');
+
 if (props.hash) {
-  blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
+  if (isVoteExtension.value) {
+    blockchain.rpc.getTxFromRPC(props.hash).then((data) => {
+      if (data.result) {
+        const txBytes = new Uint8Array(atob(data.result.tx).split('').map((c: string) => c.charCodeAt(0)));
+        const decoded = new TextDecoder().decode(txBytes);
+
+        // Check if it's a bundle tx
+        if (decoded.startsWith('INCLUDE_BUNDLE_TX:')) {
+          const bundleJson = decoded.replace('INCLUDE_BUNDLE_TX:', '');
+          bundleTx.value = {
+            ...data.result,
+            decoded: JSON.parse(bundleJson)
+          };
+        } else {
+          // It's a vote extension
+          voteExtension.value = data.result;
+        }
+      }
+    });
+  } else {
+    blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
+  }
 }
+
 const messages = computed(() => {
   return (
     tx.value.tx?.body?.messages.map((x) => {
@@ -33,6 +61,16 @@ const messages = computed(() => {
     }) || []
   );
 });
+
+const voteExtDecoded = computed(() => {
+  if (!voteExtension.value?.tx) return null;
+  try {
+    const txBytes = new Uint8Array(atob(voteExtension.value.tx).split('').map((c: string) => c.charCodeAt(0)));
+    return JSON.parse(new TextDecoder().decode(txBytes));
+  } catch (e) {
+    return null;
+  }
+});
 </script>
 <template>
   <div>
@@ -44,6 +82,50 @@ const messages = computed(() => {
       <a class="tab text-gray-400 uppercase tab-active">Transaction</a>
     </div>
 
+    <div v-if="bundleTx" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
+      <h2 class="card-title truncate mb-2">Bundle Transaction</h2>
+      <div class="overflow-hidden">
+        <table class="table text-sm">
+          <tbody>
+            <tr>
+              <td>Tx Hash</td>
+              <td class="overflow-hidden">{{ bundleTx.hash }}</td>
+            </tr>
+            <tr>
+              <td>Height</td>
+              <td>
+                <RouterLink :to="`/${props.chain}/block/${bundleTx.height}`" class="text-primary dark:invert"
+                  >{{ bundleTx.height }}
+                </RouterLink>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+    <div v-if="voteExtension" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
+      <h2 class="card-title truncate mb-2">Vote Extension</h2>
+      <div class="overflow-hidden">
+        <table class="table text-sm">
+          <tbody>
+            <tr>
+              <td>Tx Hash</td>
+              <td class="overflow-hidden">{{ voteExtension.hash }}</td>
+            </tr>
+            <tr>
+              <td>Height</td>
+              <td>
+                <RouterLink :to="`/${props.chain}/block/${voteExtension.height}`" class="text-primary dark:invert"
+                  >{{ voteExtension.height }}
+                </RouterLink>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
     <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
       <h2 class="card-title truncate mb-2">{{ $t('tx.title') }}</h2>
       <div class="overflow-hidden">
@@ -116,6 +198,32 @@ const messages = computed(() => {
       <div v-if="messages.length === 0">{{ $t('tx.no_messages') }}</div>
     </div>
 
+    <div v-if="bundleTx" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
+      <h2 class="card-title truncate mb-2">JSON</h2>
+      <JsonViewer
+        :value="bundleTx.decoded"
+        :theme="baseStore.theme"
+        style="background: transparent"
+        copyable
+        boxed
+        sort
+        :expand-depth="5"
+      />
+    </div>
+
+    <div v-if="voteExtension" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
+      <h2 class="card-title truncate mb-2">JSON</h2>
+      <JsonViewer
+        :value="voteExtDecoded"
+        :theme="baseStore.theme"
+        style="background: transparent"
+        copyable
+        boxed
+        sort
+        :expand-depth="5"
+      />
+    </div>
+
     <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
       <h2 class="card-title truncate mb-2">JSON</h2>
       <JsonViewer
@@ -125,7 +233,7 @@ const messages = computed(() => {
         copyable
         boxed
         sort
-        expand-depth="5"
+        :expand-depth="5"
       />
     </div>
   </div>
-- 
2.45.2


From cb0265f842848314731db8a1b3d6c820426acc2c Mon Sep 17 00:00:00 2001
From: Nabarun <nabarun@deepstacksoft.com>
Date: Wed, 3 Dec 2025 17:22:11 +0530
Subject: [PATCH 2/3] Refactor RPC endpoint in REST client

---
 src/libs/client.ts                |  13 +---
 src/modules/[chain]/tx/[hash].vue | 119 +++++++++++++++---------------
 2 files changed, 63 insertions(+), 69 deletions(-)

diff --git a/src/libs/client.ts b/src/libs/client.ts
index b4eb5391..e9ae6249 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -17,11 +17,9 @@ import semver from 'semver';
 export class BaseRestClient<R extends AbstractRegistry> {
   version: string;
   endpoint: string;
-  rpcEndpoint: string;
   registry: R;
-  constructor(endpoint: string, registry: R, version?: string, rpcEndpoint?: string) {
+  constructor(endpoint: string, registry: R, version?: string) {
     this.endpoint = endpoint;
-    this.rpcEndpoint = rpcEndpoint || '';
     this.registry = registry;
     this.version = version || 'v0.40';
   }
@@ -72,8 +70,7 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
         profile = findApiProfileBySDKVersion(ver);
       }
     }
-    const rpcEndpoint = chain?.endpoints?.rpc?.[0]?.address;
-    return new CosmosRestClient(endpoint, profile || DEFAULT, ver, rpcEndpoint);
+    return new CosmosRestClient(endpoint, profile || DEFAULT, ver);
   }
 
   // Auth Module
@@ -315,12 +312,6 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   async getTx(hash: string) {
     return this.request(this.registry.tx_hash, { hash });
   }
-  async getTxFromRPC(hash: string) {
-    return this.request(
-      { url: `${this.rpcEndpoint}/tx?hash=0x{hash}`, adapter: async (source: any) => source },
-      { hash }
-    );
-  }
 
   // mint
   async getMintParam() {
diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index 07553e56..799ce216 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -1,11 +1,12 @@
 <script lang="ts" setup>
+import { onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { JsonViewer } from 'vue3-json-viewer';
 import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import { computed, ref } from '@vue/reactivity';
 import type { Tx, TxResponse } from '@/types';
-import { useRoute } from 'vue-router';
 
-import { JsonViewer } from 'vue3-json-viewer';
 // if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"
 import 'vue3-json-viewer/dist/index.css';
 
@@ -14,7 +15,10 @@ const route = useRoute();
 
 const blockchain = useBlockchain();
 const baseStore = useBaseStore();
+const chainStore = useBlockchain();
 const format = useFormatter();
+const rpcList = ref(chainStore.current?.endpoints?.rpc || [{ address: '', provider: '' }]);
+let rpc = ref('');
 const tx = ref(
   {} as {
     tx: Tx;
@@ -23,31 +27,50 @@ const tx = ref(
 );
 const voteExtension = ref(null as any);
 const bundleTx = ref(null as any);
-const isVoteExtension = computed(() => route.query.type === 'injected');
 
-if (props.hash) {
-  if (isVoteExtension.value) {
-    blockchain.rpc.getTxFromRPC(props.hash).then((data) => {
-      if (data.result) {
-        const txBytes = new Uint8Array(atob(data.result.tx).split('').map((c: string) => c.charCodeAt(0)));
-        const decoded = new TextDecoder().decode(txBytes);
+const isInjected = computed(() => route.query.type === 'injected');
 
-        // Check if it's a bundle tx
-        if (decoded.startsWith('INCLUDE_BUNDLE_TX:')) {
-          const bundleJson = decoded.replace('INCLUDE_BUNDLE_TX:', '');
-          bundleTx.value = {
-            ...data.result,
-            decoded: JSON.parse(bundleJson)
-          };
-        } else {
-          // It's a vote extension
-          voteExtension.value = data.result;
+onMounted(async () => {
+  rpc.value = rpcList.value[0].address;
+
+  if (props.hash) {
+    if (isInjected.value) {
+      getTxFromRPC(props.hash).then((data) => {
+        if (data.result) {
+          const txBytes = new Uint8Array(atob(data.result.tx).split('').map((c: string) => c.charCodeAt(0)));
+          const decoded = new TextDecoder().decode(txBytes);
+  
+          // Check if it's a bundle tx
+          if (decoded.startsWith('INCLUDE_BUNDLE_TX:')) {
+            const bundleJson = decoded.replace('INCLUDE_BUNDLE_TX:', '');
+            bundleTx.value = {
+              ...data.result,
+              decoded: JSON.parse(bundleJson)
+            };
+          } else {
+            // It's a vote extension
+            voteExtension.value = {
+              ...data.result,
+              decoded: JSON.parse(decoded)
+            };
+          }
         }
-      }
-    });
-  } else {
-    blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
+      });
+    } else {
+      blockchain.rpc.getTx(props.hash).then((x) => (tx.value = x));
+    }
   }
+})
+
+
+async function getTxFromRPC(hash: string) {
+  const response = await fetch(rpc.value + `/tx?hash=0x${hash}`);
+  if (!response.ok) {
+    throw new Error(`HTTP error: ${response.status}`);
+  }
+
+  const data = await response.json();
+  return data;
 }
 
 const messages = computed(() => {
@@ -62,14 +85,20 @@ const messages = computed(() => {
   );
 });
 
-const voteExtDecoded = computed(() => {
-  if (!voteExtension.value?.tx) return null;
-  try {
-    const txBytes = new Uint8Array(atob(voteExtension.value.tx).split('').map((c: string) => c.charCodeAt(0)));
-    return JSON.parse(new TextDecoder().decode(txBytes));
-  } catch (e) {
-    return null;
+const jsonData = computed(() => {
+  if (tx.value.tx_response) {
+    return tx.value;
   }
+
+  if (voteExtension.value) {
+    return voteExtension.value.decoded
+  }
+
+  if (bundleTx.value) {
+    return bundleTx.value.decoded
+  }
+
+  return undefined;
 });
 </script>
 <template>
@@ -198,36 +227,10 @@ const voteExtDecoded = computed(() => {
       <div v-if="messages.length === 0">{{ $t('tx.no_messages') }}</div>
     </div>
 
-    <div v-if="bundleTx" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
+    <div v-if="jsonData" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
       <h2 class="card-title truncate mb-2">JSON</h2>
       <JsonViewer
-        :value="bundleTx.decoded"
-        :theme="baseStore.theme"
-        style="background: transparent"
-        copyable
-        boxed
-        sort
-        :expand-depth="5"
-      />
-    </div>
-
-    <div v-if="voteExtension" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-      <h2 class="card-title truncate mb-2">JSON</h2>
-      <JsonViewer
-        :value="voteExtDecoded"
-        :theme="baseStore.theme"
-        style="background: transparent"
-        copyable
-        boxed
-        sort
-        :expand-depth="5"
-      />
-    </div>
-
-    <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
-      <h2 class="card-title truncate mb-2">JSON</h2>
-      <JsonViewer
-        :value="tx"
+        :value="jsonData"
         :theme="baseStore.theme"
         style="background: transparent"
         copyable
-- 
2.45.2


From 4d47d7fce6a12d3296bf0836ea2f063315cc6a58 Mon Sep 17 00:00:00 2001
From: Nabarun <nabarun@deepstacksoft.com>
Date: Wed, 3 Dec 2025 17:23:35 +0530
Subject: [PATCH 3/3] Upgrade package version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 786f292e..80c82ad2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ping.pub",
-  "version": "3.0.1-zenith-0.1.2",
+  "version": "3.0.1-zenith-0.2.0",
   "private": true,
   "target": "",
   "scripts": {
-- 
2.45.2