Change blobstream API

Author: GusevPM

pages/blobstream.vue

@@ -82,7 +82,7 @@ const sort = ref("desc")
 
 const getNetworks = async () => {
 	const { data } = await fetchNetworks()
-	networks.value = data.value
+	networks.value = data.value.filter(n => n.last_height > 0)
 }
 
 const getCommitments = async () => {
@@ -281,39 +281,35 @@ getCommitments()
 								</td>
 								<td>
 									<Flex align="center" gap="6">
-										<NuxtLink :to="`/block/${c.celestia_start_height}`">
-											<Flex align="center">
-												<Outline>
-													<Flex align="center" gap="6">
-														<Icon
-															name="block"
-															size="14"
-															color="tertiary"
-														/>
-
-														<Text size="13" weight="600" color="primary" tabular>{{ comma(c.celestia_start_height) }}</Text>
-													</Flex>
-												</Outline>
-											</Flex>
-										</NuxtLink>
+										<Flex align="center">
+											<Outline @click.prevent.stop="router.push(`/block/${c.celestia_start_height}`)">
+												<Flex align="center" gap="6">
+													<Icon
+														name="block"
+														size="14"
+														color="tertiary"
+													/>
+
+													<Text size="13" weight="600" color="primary" tabular>{{ comma(c.celestia_start_height) }}</Text>
+												</Flex>
+											</Outline>
+										</Flex>
 
 										<Text size="12" weight="600" color="primary">—</Text>
 
-										<NuxtLink :to="`/block/${c.celestia_end_height}`">
-											<Flex align="center">
-												<Outline>
-													<Flex align="center" gap="6">
-														<Icon
-															name="block"
-															size="14"
-															color="tertiary"
-														/>
-
-														<Text size="13" weight="600" color="primary" tabular>{{ comma(c.celestia_end_height) }}</Text>
-													</Flex>
-												</Outline>
-											</Flex>
-										</NuxtLink>
+										<Flex align="center">
+											<Outline @click.prevent.stop="router.push(`/block/${c.celestia_end_height}`)">
+												<Flex align="center" gap="6">
+													<Icon
+														name="block"
+														size="14"
+														color="tertiary"
+													/>
+
+													<Text size="13" weight="600" color="primary" tabular>{{ comma(c.celestia_end_height) }}</Text>
+												</Flex>
+											</Outline>
+										</Flex>
 									</Flex>
 								</td>
 								<td>

services/api/blobstream.js

@@ -3,7 +3,7 @@ import { useBlobstreamURL } from "@/services/config"
 
 export const fetchNetworks = async () => {
 	try {
-		const url = new URL(`${useBlobstreamURL}/network`)
+		const url = new URL(`${useBlobstreamURL()}/network`)
 
 		const data = await useFetch(url.href)
 		return data
@@ -14,7 +14,7 @@ export const fetchNetworks = async () => {
 
 export const fetchCommitments = async ({ limit, offset, sort }) => {
 	try {
-		const url = new URL(`${useBlobstreamURL}/commitments`)
+		const url = new URL(`${useBlobstreamURL()}/commitments`)
 
 		if (limit) url.searchParams.append("limit", limit)
 		if (offset) url.searchParams.append("offset", offset)
@@ -29,7 +29,7 @@ export const fetchCommitments = async ({ limit, offset, sort }) => {
 
 export const fetchCommitmentsByNetwork = async ({ network, limit, offset, sort }) => {
 	try {
-		const url = new URL(`${useBlobstreamURL}/network/${network}/commitments`)
+		const url = new URL(`${useBlobstreamURL()}/network/${network}/commitments`)
 
 		if (limit) url.searchParams.append("limit", limit)
 		if (offset) url.searchParams.append("offset", offset)
@@ -44,7 +44,7 @@ export const fetchCommitmentsByNetwork = async ({ network, limit, offset, sort }
 
 export const fetchContracts = async (address) => {
 	try {
-		const url = new URL(`${useBlobstreamURL}/contracts`)
+		const url = new URL(`${useBlobstreamURL()}/contracts`)
 
 		if (address) url + `/${address}`
 

services/config.js

@@ -11,6 +11,10 @@ export const Server = {
 		arabica: "wss://api-arabica-11.celenium.io/v1/ws",
 		dev: "wss://api-dev.celenium.io/v1/ws",
 	},
+	BLOBSTREAM: {
+		mainnet: "https://api-blobstream.celenium.io/v1",
+		testnet: "https://api-blobstream-testnet.celenium.io/v1",
+	}
 }
 
 export const useServerURL = () => {
@@ -61,4 +65,17 @@ export const useSocketURL = () => {
 	}
 }
 
-export const useBlobstreamURL = "https://api-blobstream.celenium.io/v1"
+export const useBlobstreamURL = () => {
+	const requestURL = useRequestURL()
+
+	switch (requestURL.hostname) {
+		case "mocha-4.celenium.io":
+			return Server.BLOBSTREAM.testnet
+
+		case "mocha.celenium.io":
+			return Server.BLOBSTREAM.testnet
+
+		default:
+			return Server.BLOBSTREAM.mainnet
+	}
+}