From 32b37f16c7bcc1004e609669ee4e74329c4f2a4d Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 19 Jun 2023 21:33:50 +0800
Subject: [PATCH] add version compatible implementation

---
 src/components/PaginationBar.vue          |  2 +-
 src/components/ProposalListItem.vue       |  2 +
 src/libs/client.ts                        | 31 +++++++++--
 src/libs/{custom_api => clients}/evmos.ts |  8 ++-
 src/libs/clients/v0.46.0.ts               | 67 +++++++++++++++++++++++
 src/libs/registry.ts                      | 18 +++---
 src/stores/useDashboard.ts                |  3 +
 tsconfig.json                             |  2 +-
 8 files changed, 115 insertions(+), 18 deletions(-)
 rename src/libs/{custom_api => clients}/evmos.ts (55%)
 create mode 100644 src/libs/clients/v0.46.0.ts

diff --git a/src/components/PaginationBar.vue b/src/components/PaginationBar.vue
index 791574e5..11e714cb 100644
--- a/src/components/PaginationBar.vue
+++ b/src/components/PaginationBar.vue
@@ -37,7 +37,7 @@ function gotoPage(pageNum: number) {
 
 </script>
 <template>
-    <div class="my-5">
+    <div class="my-5 text-center">
         <div v-if="total && limit" class="btn-group">
             <button v-for="{ page, color } in pages" :key="page"
                 class="btn bg-gray-100 text-gray-500 hover:text-white border-none dark:bg-gray-800 dark:text-white" :class="{
diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index 912d4646..31c9958d 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -62,6 +62,7 @@ const proposalInfo = ref();
                 {{ item?.content?.title }}
               </RouterLink>
               <div
+                v-if="item.content"
                 class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs mb-1"
               >
                 {{ showType(item.content['@type']) }}
@@ -157,6 +158,7 @@ const proposalInfo = ref();
         <div class="grid grid-cols-4 mt-2 mb-2">
           <div class="col-span-2">
             <div
+              v-if="item.content"
               class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs mb-1"
             >
               {{ showType(item.content['@type']) }}
diff --git a/src/libs/client.ts b/src/libs/client.ts
index 2e4560d7..59a3fdab 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -6,11 +6,12 @@ import {
   type RequestRegistry,
   type AbstractRegistry,
   findApiProfileByChain,
+  findApiProfileBySDKVersion,
   registryChainProfile,
+  registryVersionProfile,
   withCustomRequest,
 } from './registry';
 import { PageRequest,type Coin } from '@/types';
-import { CUSTOM } from './custom_api/evmos'
 
 export class BaseRestClient<R extends AbstractRegistry> {
   endpoint: string;
@@ -28,15 +29,37 @@ export class BaseRestClient<R extends AbstractRegistry> {
   }
 }
 
+// dynamic all custom request implementations
+function registeCustomRequest() {
+  const extensions: Record<string, any> = import.meta.glob('./clients/*.ts', { eager: true });
+  Object.values(extensions).forEach(m => {
+    if(m.store === 'version') {
+      registryVersionProfile(m.name, withCustomRequest(DEFAULT, m.requests))
+    } else {
+      registryChainProfile(m.name, withCustomRequest(DEFAULT, m.requests));
+    }
+  });
+}
+    
+registeCustomRequest()
+
 export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
   static newDefault(endpoint: string) {
     return new CosmosRestClient(endpoint, DEFAULT)
   }
 
   static newStrategy(endpoint: string, chain: any) {
-    registryChainProfile('evmos', withCustomRequest(DEFAULT, CUSTOM))
-    const re = findApiProfileByChain(chain.chainName)
-    return new CosmosRestClient(endpoint, re || DEFAULT)
+    
+    let req
+    if(chain) {
+      // find by name first
+      req = findApiProfileByChain(chain.chainName)
+      // if not found. try sdk version
+      if(!req && chain.versions?.cosmosSdk) {
+        req = findApiProfileBySDKVersion(chain.versions?.cosmosSdk)
+      }
+    }
+    return new CosmosRestClient(endpoint, req || DEFAULT)
   }
 
   // Auth Module
diff --git a/src/libs/custom_api/evmos.ts b/src/libs/clients/evmos.ts
similarity index 55%
rename from src/libs/custom_api/evmos.ts
rename to src/libs/clients/evmos.ts
index 5da78cf5..a4fbd277 100644
--- a/src/libs/custom_api/evmos.ts
+++ b/src/libs/clients/evmos.ts
@@ -1,5 +1,9 @@
 import type{ RequestRegistry } from '@/libs/registry'
-import { DEFAULT } from '@/libs'
-export const CUSTOM: Partial<RequestRegistry> = {
+
+// which registry is store
+export const store = 'name' // name or version
+// Blockchain Name
+export const name = 'evmos'
+export const requests: Partial<RequestRegistry> = {
     mint_inflation: { url: '/evmos/inflation/v1/inflation_rate', adapter: (data: any) => ({inflation: (Number(data.inflation_rate || 0)/ 100 ).toFixed(2)}) },
 }
diff --git a/src/libs/clients/v0.46.0.ts b/src/libs/clients/v0.46.0.ts
new file mode 100644
index 00000000..782147eb
--- /dev/null
+++ b/src/libs/clients/v0.46.0.ts
@@ -0,0 +1,67 @@
+import type { RequestRegistry } from '@/libs/registry'
+import { adapter } from '@/libs/registry'
+import type {
+    GovParams,
+    GovProposal,
+    GovVote,
+    PaginatedProposalDeposit,
+    PaginatedProposalVotes,
+    PaginatedProposals,
+    Tally,
+  } from '@/types/';
+
+// which registry is store
+export const store = 'version' // name or version
+// Blockchain Name
+export const name = 'v0.46.7'
+
+function proposalAdapter(p: any): GovProposal {
+    if(p) {
+        if(p.messages) p.content = p.messages[0].content
+        p.proposal_id = p.id
+        p.final_tally_result = {
+            yes: p.final_tally_result?.yes_count,
+            no: p.final_tally_result?.no_count,
+            no_with_veto: p.final_tally_result?.no_with_veto_count,
+            abstain: p.final_tally_result?.abstain_count,
+        }
+    }
+    return p
+}
+
+export const requests: Partial<RequestRegistry> = {
+  gov_params_voting: { url: '/cosmos/gov/v1/params/voting', adapter },
+  gov_params_tally: { url: '/cosmos/gov/v1/params/tallying', adapter },
+  gov_params_deposit: { url: '/cosmos/gov/v1/params/deposit', adapter },
+  gov_proposals: { url: '/cosmos/gov/v1/proposals', adapter: (source: any): PaginatedProposals => {
+    const proposals = source.proposals.map((p:any) => proposalAdapter(p))
+    return {
+        proposals,
+        pagination: source.pagination
+    }
+  }},
+  gov_proposals_proposal_id: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}',
+    adapter: (source: any): {proposal: GovProposal} => {
+        return {
+            proposal: proposalAdapter(source.proposal)
+        }
+    },
+  },
+  gov_proposals_deposits: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/deposits',
+    adapter,
+  },
+  gov_proposals_tally: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/tally',
+    adapter,
+  },
+  gov_proposals_votes: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes',
+    adapter,
+  },
+  gov_proposals_votes_voter: {
+    url: '/cosmos/gov/v1/proposals/{proposal_id}/votes/{voter}',
+    adapter,
+  },
+}
diff --git a/src/libs/registry.ts b/src/libs/registry.ts
index 45c343a0..6696d12e 100644
--- a/src/libs/registry.ts
+++ b/src/libs/registry.ts
@@ -185,28 +185,26 @@ export function findApiProfileByChain(
   // if (!url) {
   //   throw new Error(`Unsupported version or name: ${name}`);
   // }
-
   return url;
 }
 
 export function findApiProfileBySDKVersion(
   version: string,
-): RequestRegistry {
+): RequestRegistry | undefined {
   let closestVersion: string | null = null;
 
-  for (const key in VERSION_REGISTRY) {
-    if (semver.satisfies(key, version)) {
+  for (const k in VERSION_REGISTRY) {
+    const key = k.replace('v', "")
+    // console.log(semver.gt(key, version), semver.gte(version, key), key, version)
+    if (semver.lte(key, version)) {
       if (!closestVersion || semver.gt(key, closestVersion)) {
-        closestVersion = key;
+        closestVersion = k;
       }
     }
   }
-
+  // console.log(`Closest version to ${version}: ${closestVersion}`, VERSION_REGISTRY);
   if (!closestVersion) {
-    throw new Error(`Unsupported version: ${version}`);
+    return undefined;
   }
-
-  console.log(`Closest version to ${version}: ${closestVersion}`);
-
   return VERSION_REGISTRY[closestVersion];
 }
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 877ca10b..183a5741 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -149,6 +149,9 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
       { denom: x.symbol.toLowerCase(), exponent: Number(x.exponent) },
     ],
   }));
+  conf.versions = {
+    cosmosSdk: lc.sdk_version
+  }
   conf.bech32Prefix = lc.addr_prefix;
   conf.chainName = lc.chain_name;
   conf.coinType = lc.coin_type;
diff --git a/tsconfig.json b/tsconfig.json
index 01d7fcc5..8d7fb252 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,7 +2,7 @@
   "extends": "@vue/tsconfig/tsconfig.json",
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
-    "ignoreDeprecations": "5.0",
+    // "ignoreDeprecations": "5.0",
     "lib": [      
       "es2022",
       "dom"