static version.json file

src/store/store.js

@@ -2,6 +2,8 @@
 import { defineStore } from 'pinia'
 import {knownTokens} from "@/knownTokens.js";
 import {computed, ref} from "vue";
+import {ethers} from "ethers";
+import {onChainChanged} from "@/blockchain/wallet.js";
 
 
 // USING THE STORE:
@@ -31,6 +33,10 @@ function timestamp() {
   return Math.round(new Date().getTime() / 1000)
 }
 
+const response = await fetch('/version.json')
+const version = await response.json()
+console.log('version', version)
+
 export const useStore = defineStore('app', ()=> {
   const time = ref(timestamp())
   console.log('starting clock')
@@ -43,7 +49,7 @@ export const useStore = defineStore('app', ()=> {
   const nav = ref(false) // controls opening navigation drawer
 
   const _chainId = ref(null)
-  const _chainInfo = ref({})
+  const _chainInfo = ref(version.chainInfo)
 
   function getTokenList() {
     const chains = _chainId.value in _chainInfo.value && _chainInfo.value[_chainId.value].tokens !== undefined ?
@@ -81,7 +87,7 @@ export const useStore = defineStore('app', ()=> {
     get() {_providerTouch.value; return _provider},
     set(v) {_provider=v; _providerTouch.value = !_providerTouch.value}
   })
-  const vaultInitCodeHash = ref(null)
+  const vaultInitCodeHash = computed(() => !chain.value ? null : chain.value.vaultInitCodeHash)
   const account = ref(null)
   const vaults = ref([])
   const transactionSenders = ref([]) // a list of function(signer) that send transactions
@@ -92,9 +98,10 @@ export const useStore = defineStore('app', ()=> {
   const orders = ref({}) // indexed by vault value is another dictionary with orderIndex as key and order status values
 
   const vault = computed(() => vaults.value.length === 0 ? null : vaults.value[0])
+  const balances = computed( () => vault.value === null ? {} : vaultBalances.value[vault] || {} )
   const tokens = computed(getTokens)
   const factory = computed(() => !chain.value ? null : chain.value.factory)
-  const helper = computed(() => !chain.value ? null : chain.value.helper)
+  const helper = computed(() => {console.log('chain helper', chain.value); return !chain.value ? null : chain.value.helper})
   const mockenv = computed(() => !chain.value ? null : chain.value.mockenv)
   const mockCoins = computed(() => !chain.value ? [] : !chain.value.mockCoins ? [] : chain.value.mockCoins)
 
@@ -122,7 +129,7 @@ export const useStore = defineStore('app', ()=> {
   return {
     nav, chainId, chainInfo, chain, provider, vaultInitCodeHash, account, vaults, transactionSenders, errors,
     extraTokens, poolPrices, vaultBalances, orders, vault, tokens, factory, helper, mockenv, mockCoins,
-    removeTransactionSender, error, closeError, addToken, time,
+    removeTransactionSender, error, closeError, addToken, time, balances,
   }
 })