feat: Migrate to v3 endpoints pt1 (#703)

src/components/ContractDetailsPanel.vue

@@ -216,7 +216,7 @@ const contractNodeUrl = computed(() =>
   `${NODE_URL}/v3/contracts/${props.contractDetails.id}`,
 )
 const contractMiddlewareUrl = computed(() =>
-  `${MIDDLEWARE_URL}/v2/contracts/${props.contractDetails.id}`,
+  `${MIDDLEWARE_URL}/v3/contracts/${props.contractDetails.id}`,
 )
 </script>
 

src/components/ContractsPanel.vue

@@ -43,7 +43,7 @@ const loadNextContracts = () => {
 }
 
 const loadContracts = () => {
-  fetchContracts(`/v2/txs?type=contract_create&limit=${limit.value}`)
+  fetchContracts(`/v3/transactions?type=contract_create&limit=${limit.value}`)
   fetchContractsCount()
   pageIndex.value = 1
 }

src/components/KeyblockDetailsPanel.vue

@@ -194,7 +194,7 @@ const keyblockNodeUrl = computed(() =>
   `${NODE_URL}/v3/key-blocks/hash/${props.keyblockDetails.hash}`,
 )
 const keyblockMiddlewareUrl = computed(() =>
-  `${MIDDLEWARE_URL}/v2/key-blocks/${props.keyblockDetails.hash}`,
+  `${MIDDLEWARE_URL}/v3/key-blocks/${props.keyblockDetails.hash}`,
 )
 const isNextKeyblockMined = computed(() =>
   props.keyblockDetails.height < latestBlockHeight.value,

src/components/MicroblockDetailsPanel.vue

@@ -122,7 +122,7 @@ const microblockNodeUrl = computed(() =>
   `${NODE_URL}/v3/micro-blocks/hash/${props.microblockDetails.hash}/header`,
 )
 const microblockMiddlewareUrl = computed(() =>
-  `${MIDDLEWARE_URL}/v2/micro-blocks/${props.microblockDetails.hash}`,
+  `${MIDDLEWARE_URL}/v3/micro-blocks/${props.microblockDetails.hash}`,
 )
 </script>
 

src/components/MicroblockTransactionsPanel.vue

@@ -48,7 +48,7 @@ async function loadTransactions() {
   const { txType } = route.query
   const txTypeOption = TX_TYPES_OPTIONS.find(option => option.typeQuery === txType)
   selectedTxType.value = txTypeOption || TX_TYPES_OPTIONS[0]
-  await fetchMicroblockTransactions({ queryParameters: `/v2/micro-blocks/${route.params.id}/txs/?limit=${limit.value}${selectedTxType.value.typeQuery ? '&type=' + selectedTxType.value.typeQuery : ''}` })
+  await fetchMicroblockTransactions({ queryParameters: `/v3/micro-blocks/${route.params.id}/transactions/?limit=${limit.value}${selectedTxType.value.typeQuery ? '&type=' + selectedTxType.value.typeQuery : ''}` })
   pageIndex.value = 1
 }
 

src/components/NetworkSelect.vue

@@ -16,23 +16,27 @@ import { computed, ref } from 'vue'
 import { useRuntimeConfig } from 'nuxt/app'
 import AppSelect from '@/components/AppSelect'
 
-const config = useRuntimeConfig()
+const {
+  NETWORK_NAME,
+  ALTERNATIVE_NETWORK_NAME,
+  ALTERNATIVE_NETWORK_URL,
+} = useRuntimeConfig().public
 
 const selectedNetwork = ref({
-  name: config.public.NETWORK_NAME,
+  name: NETWORK_NAME,
 })
 const networks = ref([
   {
-    name: config.public.NETWORK_NAME,
+    name: NETWORK_NAME,
     url: null,
   },
   {
-    name: config.public.ALTERNATIVE_NETWORK_NAME,
-    url: config.public.ALTERNATIVE_NETWORK_URL,
+    name: ALTERNATIVE_NETWORK_NAME,
+    url: ALTERNATIVE_NETWORK_URL,
   },
 ])
 
-const hasAlternativeNetwork = computed(() => !!config.public.ALTERNATIVE_NETWORK_URL)
+const hasAlternativeNetwork = computed(() => !!ALTERNATIVE_NETWORK_URL)
 const navigate = selectedOption => window.location.replace(selectedOption.url)
 </script>
 

src/components/OracleDetailsPanel.vue

@@ -199,7 +199,7 @@ const oracleNodeUrl = computed(() =>
 )
 
 const oracleMiddlewareUrl = computed(() =>
-  `${MIDDLEWARE_URL}/v2/oracles/${props.oracleDetails.id}`,
+  `${MIDDLEWARE_URL}/v3/oracles/${props.oracleDetails.id}`,
 )
 </script>
 

src/components/OracleEventsPanel.vue

@@ -40,7 +40,7 @@ function loadNextEvents() {
 
 if (process.client) {
   const limit = computed(() => isDesktop() ? 10 : 3)
-  fetchOracleEvents(`/v2/oracles/${route.params.id}/responses?limit=${limit.value}`)
+  fetchOracleEvents(`/v3/oracles/${route.params.id}/responses?limit=${limit.value}`)
 }
 </script>
 

src/components/OraclesPanel.vue

@@ -48,7 +48,7 @@ async function loadOracles() {
   const { state } = route.query
   const oracleStateOption = ORACLE_STATES_OPTIONS.find(option => option.stateQuery === state)
   selectedOracleState.value = oracleStateOption || ORACLE_STATES_OPTIONS[0]
-  await fetchOracles(`/v2/oracles?limit=${limit.value}${selectedOracleState.value.stateQuery ? '&state=' + selectedOracleState.value.stateQuery : ''}`)
+  await fetchOracles(`/v3/oracles?limit=${limit.value}${selectedOracleState.value.stateQuery ? '&state=' + selectedOracleState.value.stateQuery : ''}`)
   await fetchOraclesCount()
   pageIndex.value = 1
 }

src/components/StateChannelDetailsPanel.vue

@@ -201,7 +201,7 @@ const props = defineProps({
   },
 })
 
-const stateChannelMiddlewareUrl = `${MIDDLEWARE_URL}/v2/channels/${props.stateChannelDetails.id}`
+const stateChannelMiddlewareUrl = `${MIDDLEWARE_URL}/v3/channels/${props.stateChannelDetails.id}`
 </script>
 
 <style scoped>

src/components/TokenSymbolIcon.vue

@@ -17,7 +17,7 @@
 import { useRuntimeConfig } from 'nuxt/app'
 import { LAEX_CONTRACT_ID } from '@/utils/constants'
 
-const config = useRuntimeConfig()
+const { AE_TOKEN_ID } = useRuntimeConfig().public
 
 const props = defineProps({
   contractId: {
@@ -26,7 +26,7 @@ const props = defineProps({
   },
 })
 
-const isAe = computed(() => props.contractId === config.public.AE_TOKEN_ID)
+const isAe = computed(() => props.contractId === AE_TOKEN_ID)
 
 const isLaex = computed(() => props.contractId === LAEX_CONTRACT_ID)
 </script>

src/components/TransactionGeneralPanel.vue

@@ -180,7 +180,7 @@ const transactionNodeUrl = computed(() => {
 })
 
 const transactionMiddlewareUrl = computed(() => {
-  return `${MIDDLEWARE_URL}/v2/txs/${props.transactionDetails.hash}`
+  return `${MIDDLEWARE_URL}/v3/transactions/${props.transactionDetails.hash}`
 })
 </script>
 

src/components/TransactionsPanel.vue

@@ -54,7 +54,7 @@ async function loadTransactions() {
   const { txType } = route.query
   const txTypeOption = TX_TYPES_OPTIONS.find(option => option.typeQuery === txType)
   selectedTxType.value = txTypeOption || TX_TYPES_OPTIONS[0]
-  await fetchTransactions(`/v2/txs?limit=${limit.value}${selectedTxType.value.typeQuery ? '&type=' + selectedTxType.value.typeQuery : ''}`)
+  await fetchTransactions(`/v3/transactions?limit=${limit.value}${selectedTxType.value.typeQuery ? '&type=' + selectedTxType.value.typeQuery : ''}`)
   await fetchTransactionsCount(selectedTxType.value.typeQuery)
   pageIndex.value = 1
 }

src/pages/names/[name].vue

@@ -76,7 +76,7 @@ try {
 
 if (hasNameHistory && process.client) {
   const limit = isDesktop() ? 10 : 3
-  fetchNameActions({ queryParameters: `/v2/accounts/${nameHash.value}/activities?limit=${limit}` })
+  fetchNameActions({ queryParameters: `/v3/accounts/${nameHash.value}/activities?limit=${limit}` })
 }
 </script>
 

src/plugins/sentry.js

@@ -2,14 +2,14 @@
 import * as Sentry from '@sentry/vue'
 import { BrowserTracing } from '@sentry/tracing'
 
-export default defineNuxtPlugin(({ vueApp }) => {
+export default defineNuxtPlugin(({vueApp}) => {
   if (process.server) {
     return
   }
 
-  const config = useRuntimeConfig()
+  const {SENTRY_DSN, APP_DOMAIN} = useRuntimeConfig().public
 
-  if (!config.public.SENTRY_DSN || !config.public.APP_DOMAIN) {
+  if (!SENTRY_DSN || !APP_DOMAIN) {
     console.warn('Sentry configuration is not set therefore it will not be initialized.')
     return
   }
@@ -18,11 +18,11 @@ export default defineNuxtPlugin(({ vueApp }) => {
 
   Sentry.init({
     app: vueApp,
-    dsn: config.public.SENTRY_DSN,
+    dsn: SENTRY_DSN,
     integrations: [
       new BrowserTracing({
         routingInstrumentation: Sentry.vueRouterInstrumentation(router),
-        tracingOrigins: [config.public.APP_DOMAIN, /^\//],
+        tracingOrigins: [APP_DOMAIN, /^\//],
       }),
     ],
     beforeSend: (event) => {

src/stores/accountDetails.js

@@ -125,7 +125,7 @@ export const useAccountStore = defineStore('account', () => {
 
   async function fetchAccountActivities({ accountId, limit, queryParameters } = {}) {
     rawAccountActivities.value = null
-    const defaultParameters = `/v2/accounts/${accountId}/activities?limit=${limit ?? 10}`
+    const defaultParameters = `/v3/accounts/${accountId}/activities?limit=${limit ?? 10}`
     const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     rawAccountActivities.value = data
   }
@@ -139,7 +139,7 @@ export const useAccountStore = defineStore('account', () => {
       return
     }
 
-    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v2/txs`)
+    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v3/transactions`)
     transactionsUrl.searchParams.append('direction', 'backward')
     transactionsUrl.searchParams.append('limit', limit ?? 10)
 

src/stores/blockchainStats.js

@@ -20,7 +20,7 @@ export const useBlockchainStatsStore = defineStore('blockchainStats', () => {
   const totalTokenSupply = ref(null)
 
   async function fetchTotalStats() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/totalstats?limit=1`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/totalstats?limit=1`)
     const lastBlock = data.data[0]
     activeOraclesCount.value = lastBlock.activeOracles
     oraclesCount.value = lastBlock.activeOracles + lastBlock.inactiveOracles
@@ -34,7 +34,7 @@ export const useBlockchainStatsStore = defineStore('blockchainStats', () => {
   }
 
   async function fetchMaxTps() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/stats`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/stats`)
     maxTps.value = data.maxTransactionsPerSecond
   }
 

src/stores/contractDetails.js

@@ -73,7 +73,7 @@ export const useContractDetailsStore = defineStore('contractDetails', () => {
 
   async function fetchContractCreationTx() {
     contractCreationTx.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/txs?limit=1&contract=${contractId.value}&direction=forward`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/transactions?limit=1&contract=${contractId.value}&direction=forward`)
     contractCreationTx.value = data?.data[0]
   }
 
@@ -106,7 +106,7 @@ export const useContractDetailsStore = defineStore('contractDetails', () => {
       return
     }
 
-    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v2/txs`)
+    const transactionsUrl = new URL(`${MIDDLEWARE_URL}/v3/transactions`)
     transactionsUrl.searchParams.append('direction', 'backward')
     transactionsUrl.searchParams.append('limit', limit ?? 10)
     transactionsUrl.searchParams.append('type', 'contract_call')

src/stores/contracts.js

@@ -18,7 +18,7 @@ export const useContractsStore = defineStore('contracts', () => {
   )
 
   async function fetchContracts(queryParameters = null) {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || '/v2/txs?type=contract_create&limit=10'}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || '/v3/transactions?type=contract_create&limit=10'}`)
 
     const verifiedContracts = await fetchVerifiedContracts(data)
     if (verifiedContracts) {

src/stores/dashboardStateChannels.js

@@ -15,7 +15,7 @@ export const useDashboardStateChannelsStore = defineStore('dashboardStateChannel
   )
 
   async function fetchStateChannels() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/channels?&limit=4`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/channels?&limit=4`)
     rawStateChannels.value = data.data
   }
 

src/stores/keyblockDetails.js

@@ -24,7 +24,7 @@ export const useKeyblockDetailsStore = defineStore('keyblockDetails', () => {
   async function fetchKeyblockDetails(keyblockId) {
     rawKeyblock.value = null
     try {
-      const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/key-blocks/${keyblockId}`)
+      const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/key-blocks/${keyblockId}`)
       rawKeyblock.value = data
     } catch (error) {
       if (error.response?.status === 404) {
@@ -37,20 +37,20 @@ export const useKeyblockDetailsStore = defineStore('keyblockDetails', () => {
 
   async function fetchKeyblockMicroblocks({ queryParameters, limit, keyblockHash } = {}) {
     rawKeyblockMicroblocks.value = null
-    const defaultParameters = `/v2/key-blocks/${keyblockHash}/micro-blocks?limit=${limit ?? 10}`
+    const defaultParameters = `/v3/key-blocks/${keyblockHash}/micro-blocks?limit=${limit ?? 10}`
     const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     rawKeyblockMicroblocks.value = data
   }
 
   async function fetchKeyblockDeltaStats(keyblockHeight) {
     keyblockDeltaStats.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/deltastats?scope=gen:${keyblockHeight}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/deltastats?scope=gen:${keyblockHeight}`)
     keyblockDeltaStats.value = data.data[0]
   }
 
   async function isKeyblockAvailable(keyblockHash) {
     try {
-      await axios.get(`${MIDDLEWARE_URL}/v2/key-blocks/${keyblockHash}`)
+      await axios.get(`${MIDDLEWARE_URL}/v3/key-blocks/${keyblockHash}`)
       return true
     } catch (error) {
       if (error.response.status === 404) {

src/stores/microblockDetails.js

@@ -20,14 +20,14 @@ export const useMicroblockDetailsStore = defineStore('microblockDetails', () =>
 
   async function fetchMicroblock(microblockHash) {
     rawMicroblock.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/micro-blocks/${microblockHash}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/micro-blocks/${microblockHash}`)
     rawMicroblock.value = data
   }
 
   async function fetchMicroblockTransactions({ queryParameters, limit, microblockHash } = {}) {
     rawMicroblockTransactions.value = null
-    const defaultParameters = `/v2/micro-blocks/${microblockHash}/txs?limit=${limit ?? 10}`
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
+    const defaultParameters = `/v3/micro-blocks/${microblockHash}/transactions?limit=${limit ?? 10}`
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     rawMicroblockTransactions.value = data
   }
 

src/stores/nftDetails.js

@@ -49,21 +49,21 @@ export const useNftDetailsStore = defineStore('nftDetails', () => {
   async function fetchNftInventory({ queryParameters, limit } = {}) {
     nftInventory.value = null
     const defaultParameters = `/v2/aex141/${nftId.value}/templates?limit=${limit ?? 10}`
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     nftInventory.value = data
   }
 
   async function fetchNftOwners({ queryParameters, limit } = {}) {
     nftOwners.value = null
     const defaultParameters = `/v2/aex141/${nftId.value}/owners?limit=${limit ?? 10}`
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     nftOwners.value = data
   }
 
   async function fetchNftTransfers({ queryParameters, limit } = {}) {
     rawNftTransfers.value = null
     const defaultParameters = `/v2/aex141/transfers/${nftId.value}?limit=${limit ?? 10}`
-    const { data } = await axios.get(`${useRuntimeConfig().public.MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)
     rawNftTransfers.value = data
   }
 

src/stores/oracleDetails.js

@@ -38,18 +38,18 @@ export const useOracleDetailsStore = defineStore('oracleDetails', () => {
   }
 
   async function fetchOracle() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/oracles/${oracleId.value}?tx_hash=true`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/oracles/${oracleId.value}?tx_hash=true`)
     rawOracle.value = data
   }
 
   async function fetchLastExtendedTx() {
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/txs?direction=backward&limit=1&type=oracle_extend&oracle=${oracleId.value}`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/transactions?direction=backward&limit=1&type=oracle_extend&oracle=${oracleId.value}`)
     lastExtendedTx.value = data.data?.[0]
   }
 
   async function fetchOracleEvents(queryParameters = null) {
     rawEvents.value = null
-    const defaultParameters = `/v2/oracles/${oracleId.value}/responses`
+    const defaultParameters = `/v3/oracles/${oracleId.value}/responses`
 
     try {
       const { data } = await axios.get(`${MIDDLEWARE_URL}${queryParameters || defaultParameters}`)

src/stores/oracles.js

@@ -33,7 +33,7 @@ export const useOraclesStore = defineStore('oracles', () => {
 
   async function fetchOracles(queryParameters = null) {
     rawOracles.value = null
-    const defaultParameters = '/v2/oracles?direction=backward&limit=10'
+    const defaultParameters = '/v3/oracles?direction=backward&limit=10'
     const { data } = await axios.get(
       `${MIDDLEWARE_URL}${queryParameters || defaultParameters}`,
     )
@@ -42,7 +42,7 @@ export const useOraclesStore = defineStore('oracles', () => {
 
   async function fetchOraclesCount() {
     rawOraclesCount.value = null
-    const { data } = await axios.get(`${MIDDLEWARE_URL}/v2/totalstats?limit=1`)
+    const { data } = await axios.get(`${MIDDLEWARE_URL}/v3/totalstats?limit=1`)
     rawOraclesCount.value = data.data[0]
   }