add simple supply view

src/api/index.ts

@@ -4,7 +4,7 @@ import { apiReady, apiUrl, apiUrlNote } from '../store'
 import type { EventObj, ViewObj } from './payloads/types'
 
 // const DEBUG_URL: string = 'https://rpc.openlibra.space:8080/v1/'
-const DEBUG_URL: string = 'http://99.145.200.98:8080/v1/'
+const DEBUG_URL: string = 'http://138.197.32.103:8080/v1/'
 
 export let api
 

src/constants/index.ts

@@ -2,3 +2,4 @@ export const TESTNET_SEED_NODES =
   'https://raw.githubusercontent.com/0LNetworkCommunity/seed-peers/main/fullnode_seed_playlist_testnet.json'
 
 export const COIN_SCALING = 1_000_000
+export const FINAL_SUPPLY = 100_000_000_000

src/routes/+page.svelte

@@ -3,9 +3,14 @@
 
   import { onMount } from 'svelte'
   import { initApi, setApi } from '../api'
-  import { apiUrl, apiUrlNote } from '../store'
+  import { apiUrl, apiUrlNote, selectedAccount } from '../store'
   import { refresh } from '../store/get_system_info'
   import Supply from '../ui/Supply.svelte'
+  import AccountView from '../ui/AccountView.svelte'
+  import SystemInfo from '../ui/SystemInfo.svelte'
+  import BoundaryStatus from '../ui/BoundaryStatus.svelte'
+  import GovEvents from '../ui/GovEvents.svelte'
+  import Validators from '../ui/Validators.svelte'
 
   onMount(async () => {
     await initApi() // ONLY DO THIS ONCE ON LOAD
@@ -37,22 +42,22 @@
         {/if}
       </div>
     </div>
-            <Supply />
+    <Supply />
 
-    <!-- <div class="uk-flex">
+    <div class="uk-flex">
       {#if $selectedAccount && $selectedAccount.address}
         <AccountView />
       {:else}
         <SystemInfo />
         <BoundaryStatus />
-        <GovEvents/>
+        <GovEvents />
       {/if}
     </div>
     <div class="uk-flex">
       <Validators />
     </div>
-    <div class="uk-flex">
+    <!-- <div class="uk-flex">
       <TransactionTable />
-    </div>
-  </div> -->
+    </div> -->
+  </div>
 </main>

src/store/get_supply.ts

@@ -1,8 +1,37 @@
 import { supplyStore } from '.'
 import { postViewFunc } from '../api'
-import { COIN_SCALING } from '../constants'
+import { COIN_SCALING, FINAL_SUPPLY } from '../constants'
 import type { SupplyData } from '../types'
 
+export const supplySimple = async (): Promise<SupplyData> => {
+  const supply_query = await postViewFunc({
+    function: '0x1::supply::get_stats',
+    arguments: [],
+    type_arguments: [],
+  });
+  console.log(supply_query);
+
+  const total = supply_query[0] / COIN_SCALING
+  const burn = (FINAL_SUPPLY - total)
+  const infra = supply_query[3] / COIN_SCALING
+  const comm = supply_query[2] / COIN_SCALING
+  const slow = supply_query[1] / COIN_SCALING
+  const circulating = supply_query[4] / COIN_SCALING
+  const user = (slow + circulating)
+  const s = {
+    final: FINAL_SUPPLY,
+    total,
+    burn,
+    infra,
+    comm,
+    slow,
+    user,
+    circulating,
+  }
+  supplyStore.set(s)
+  return s
+}
+
 export const populateSupply = async (): Promise<SupplyData> => {
   const supply_type: SupplyData = {
     final: 10_000_000_000,

src/store/get_system_info.ts

@@ -8,7 +8,7 @@ import * as commonPayloads from '../api/payloads/common'
 import { govEvents } from '../api/payloads/events'
 import { fetchTransactions } from './transactions.js'
 import { govStore, indexDataStore, systemInfo, valDataStore } from '.'
-import { populateSupply } from './get_supply'
+import { populateSupply, supplySimple } from './get_supply'
 
 export const getIndexData = async () => {
   try {
@@ -123,7 +123,8 @@ export const refresh = async () => {
   try {
 
     getIndexData()
-    populateSupply()
+    // populateSupply()
+    supplySimple()
     getSystemInfo()
     getValidators()
     fetchTransactions()

src/ui/Supply.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import Card from './Card.svelte'
   import { supplyStore } from '../store'
-  import { onMount } from 'svelte'
 
 </script>