|
-
+
- {{ $getDisplayName("namespaces", blob.namespace.namespace_id) }}
+ {{ $getDisplayName("namespaces", blob.namespace?.namespace_id) }}
-
+
- {{ blob.namespace.name }}
+ {{ blob.namespace?.name }}
- {{ space(getNamespaceID(blob.namespace.namespace_id)) }}
+ {{ space(getNamespaceID(blob.namespace?.namespace_id)) }}
@@ -265,7 +265,7 @@ const handlePrev = () => {
|
- {{ blob.namespace.version }}
+ {{ blob.namespace?.version }}
|
diff --git a/components/modules/block/BlockOverview.vue b/components/modules/block/BlockOverview.vue
index d4ecabd2..18e57100 100644
--- a/components/modules/block/BlockOverview.vue
+++ b/components/modules/block/BlockOverview.vue
@@ -14,9 +14,10 @@ import Popover from "@/components/ui/Popover.vue"
import Tooltip from "@/components/ui/Tooltip.vue"
/** Shared Components */
-import MessageTypeBadge from "@/components/shared/MessageTypeBadge.vue"
import Events from "@/components/shared/tables/Events.vue"
+import MessageTypeBadge from "@/components/shared/MessageTypeBadge.vue"
import TablePlaceholderView from "@/components/shared/TablePlaceholderView.vue"
+import UpcomingUpdate from "@/components/shared/tables/UpcomingUpdate.vue"
/** Components */
import UpcomingBlockCard from "./UpcomingBlockCard.vue"
@@ -78,11 +79,13 @@ const secondsToSelectedBlock = computed(() => {
return (props.height - latestBlock.value.height) * avgBlockTime.value
})
-const preselectedTab = route.query.tab && ["transactions", "events"].includes(route.query.tab) ? route.query.tab : "transactions"
-const activeTab = ref(preselectedTab)
+// const preselectedTab = route.query.tab && ["transactions", "events"].includes(route.query.tab) ? route.query.tab : "transactions"
+// const activeTab = ref(preselectedTab)
+const activeTab = ref()
const isLoading = ref(false)
const transactions = ref([])
+const update = ref()
const page = ref(1)
const handleNext = () => {
@@ -267,7 +270,18 @@ const getTransactions = async () => {
await getTransactions()
+onBeforeMount(async () => {
+})
+
onMounted(async () => {
+ update.value = appStore.globalUpdates.find(upd => upd.block === props.height)
+ if (update.value?.kind) {
+ activeTab.value = "upcoming_update"
+ } else {
+ const preselectedTab = route.query.tab && ["transactions", "events"].includes(route.query.tab) ? route.query.tab : "transactions"
+ activeTab.value = preselectedTab
+ }
+
router.replace({
query: {
tab: activeTab.value,
@@ -307,6 +321,15 @@ watch(
},
)
+watch(
+ () => appStore.globalUpdates,
+ () => {
+ update.value = appStore.globalUpdates.find(upd => {
+ return upd.block === props.height
+ })
+ },
+)
+
const handleViewODSBlock = () => {
modalsStore.open("ods")
}
@@ -522,6 +545,18 @@ const handleViewRawTransactions = () => {
+
+
+
+ Upcoming Update
+
+
{
-
+
+
diff --git a/components/modules/rollup/RollupCharts.vue b/components/modules/rollup/RollupCharts.vue
index a131ea59..fbff4868 100644
--- a/components/modules/rollup/RollupCharts.vue
+++ b/components/modules/rollup/RollupCharts.vue
@@ -919,7 +919,7 @@ onBeforeUnmount(() => {
- Analytics
+ Analytics
@@ -1265,7 +1265,7 @@ onBeforeUnmount(() => {
-
+
TVL
diff --git a/components/modules/rollup/RollupOverview.vue b/components/modules/rollup/RollupOverview.vue
index 60454db3..7e71a519 100644
--- a/components/modules/rollup/RollupOverview.vue
+++ b/components/modules/rollup/RollupOverview.vue
@@ -18,17 +18,16 @@ import NamespacesTable from "./tables/NamespacesTable.vue"
import { capitilize, comma, formatBytes, hexToRgba, isMainnet, roundTo, truncateDecimalPart } from "@/services/utils"
import { exportToCSV } from "@/services/utils/export"
import { getRankCategory } from "@/services/constants/rollups"
+import { rollupRankingServiceURL } from "@/services/config"
/** API */
-import { fetchRollupBlobs, fetchRollupExportData, fetchRollupNamespaces } from "@/services/api/rollup"
+import { fetchRollupBlobs, fetchRollupExportData, fetchRollupNamespaces, fetchRollupRankingBySlug } from "@/services/api/rollup"
/** Store */
import { useCacheStore } from "@/store/cache.store"
import { useNotificationsStore } from "@/store/notifications.store"
-import { useActivityStore } from "@/store/activity.store"
const cacheStore = useCacheStore()
const notificationsStore = useNotificationsStore()
-const activityStore = useActivityStore()
const route = useRoute()
const router = useRouter()
@@ -57,23 +56,10 @@ const isRefetching = ref(false)
const namespaces = ref([])
const blobs = ref([])
-const rollupRanking = computed(() => {
- if (!activityStore?.initialized || !isMainnet()) return null
-
- let rollup_ranking =
- activityStore?.rollups_ranking?.ranking[
- Object.keys(activityStore?.rollups_ranking?.ranking).find((key) => key === props.rollup.slug)
- ]
- rollup_ranking.rank = {
- category: getRankCategory(roundTo(rollup_ranking?.ranking?.rank / 10, 0)),
- score: rollup_ranking?.ranking?.rank,
- }
-
- return rollup_ranking
-})
-
const rollupColor = ref()
const rollupColorAlpha = ref()
+const rollupRanking = ref()
+const showRanking = ref(false)
const tagNames = ref(["stack", "type", "vm", "provider", "category"])
const tags = computed(() =>
@@ -190,6 +176,18 @@ onMounted(async () => {
rollupColor.value = hexToRgba(props.rollup.color, 1)
rollupColorAlpha.value = hexToRgba(props.rollup.color, 0)
+
+ showRanking.value = isMainnet() && rollupRankingServiceURL()
+
+ if (showRanking.value) {
+ const data = await fetchRollupRankingBySlug(props.rollup?.slug)
+ if (data.slug) {
+ rollupRanking.value = {
+ category: getRankCategory(roundTo(data.rank / 10, 0)),
+ rank: +data.rank,
+ }
+ }
+ }
})
/** Refetch Blobs/Messages on new page */
@@ -295,12 +293,18 @@ const handleCSVDownload = async (value) => {
-
-
-
+
+
Activity Rank:
-
- {{ rollupRanking?.rank?.category?.name }}
+
+ {{ rollupRanking?.category?.name }}
Score:
- {{ rollupRanking?.rank?.score }}%
+ {{ rollupRanking?.rank }}%
@@ -760,6 +764,7 @@ const handleCSVDownload = async (value) => {
text-overflow: ellipsis;
overflow: hidden;
+ line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
diff --git a/components/modules/stats/GeoMap.vue b/components/modules/stats/GeoMap.vue
index 163aa526..5a802f5b 100644
--- a/components/modules/stats/GeoMap.vue
+++ b/components/modules/stats/GeoMap.vue
@@ -268,7 +268,7 @@ const buildChart = async (chart) => {
let legendValues = []
let legendGroup, legendCitiesMarkers, legendCitiesLabels
if (!isMobile()) {
- if (chartView.value === "countries") {
+ if (chartView.value === "countries" && countryMaxAmount) {
legendGroup = svg
.append("g")
.attr("transform", `translate(${legend.marginLeft}, ${height - legend.marginBottom})`)
diff --git a/components/shared/tables/UpcomingUpdate.vue b/components/shared/tables/UpcomingUpdate.vue
new file mode 100644
index 00000000..84b696e0
--- /dev/null
+++ b/components/shared/tables/UpcomingUpdate.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+ {{ update?.title }}
+
+
+
+ {{ d }}
+
+
+
+
+
diff --git a/components/widgets/GlobalUpdatesWidget.vue b/components/widgets/GlobalUpdatesWidget.vue
new file mode 100644
index 00000000..ccd938ef
--- /dev/null
+++ b/components/widgets/GlobalUpdatesWidget.vue
@@ -0,0 +1,261 @@
+
+
+
+
+
+
+
+
+
+ {{ updateMeta?.main_title }}
+
+
+
+
+
+
+
+
+
+
+ Status
+ {{ capitilize(showingUpdate?.status) }}
+
+
+
+ {{ showingUpdate?.title }}
+ {{ showingUpdate?.description }}
+
+
+
+ Voting
+
+
+
+
+ Yes: {{ comma(showingUpdate.yes) }}
+
+
+
+
+
+ No: {{ comma(showingUpdate.no) }}
+
+
+
+
+
+ No with veto: {{ comma(showingUpdate.no_with_veto) }}
+
+
+
+
+
+ Abstain: {{ comma(showingUpdate.abstain) }}
+
+
+
+
+
+
+
+
+ {{ showingUpdate.title }}
+ {{ showingUpdate.description.replace('\n', ' ') }}
+
+
+
+ {{ `Expected on block ${comma(showingUpdate.block)}` }}
+
+
+
+
+
+
+
diff --git a/components/widgets/Widgets.vue b/components/widgets/Widgets.vue
index 3f22c4b5..7f67cc1a 100644
--- a/components/widgets/Widgets.vue
+++ b/components/widgets/Widgets.vue
@@ -5,6 +5,7 @@ import { getNetworkName } from "@/services/utils/general"
/** Components: Widgets */
import BlockWidget from "./BlockWidget.vue"
import BlobsWidget from "./BlobsWidget.vue"
+import GlobalUpdatesWidget from "./GlobalUpdatesWidget.vue"
import StakingWidget from "./StakingWidget.vue"
import TransactionsWidget from "./TransactionsWidget.vue"
import GasWidget from "./GasWidget.vue"
@@ -29,7 +30,8 @@ onBeforeMount(() => {
-
+
+
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 00000000..ca28bc8d
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,15 @@
+version: "3.8"
+services:
+ nuxt-app:
+ image: ghcr.io/celenium-io/celenium-interface:${TAG:-latest}
+ build:
+ context: .
+ dockerfile: Dockerfile
+ ports:
+ - "127.0.0.1:3000:3000"
+ restart: always
+ command: npm run start
+ logging:
+ options:
+ max-size: 10m
+ max-file: "5"
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 75d265bd..e9668d3d 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -68,6 +68,35 @@ export default defineNuxtConfig({
public: {
AMP: process.env.AMP,
version: "1.16.0",
+
+ API_MAINNET: '',
+ API_MOCHA: '',
+ API_ARABICA: '',
+ API_MAMMOTH: '',
+ API_DEV: '',
+
+ WSS_MAINNET: '',
+ WSS_MOCHA: '',
+ WSS_ARABICA: '',
+ WSS_MAMMOTH: '',
+ WSS_DEV: '',
+
+ BLOBSTREAM_MAINNET: '',
+ BLOBSTREAM_TESTNET: '',
+
+ FAUCET_ADDRESS: '',
+ FAUCET_MOCHA: '',
+ FAUCET_ARABICA: '',
+ FAUCET_MAMMOTH: '',
+
+ BLOCKSCOUT: '',
+ GITHUB: '',
+ NODE_STATS: '',
+ QUOTE: '',
+ ROLLUP_RANKING: '',
+ TVL: '',
+
+ SELFHOSTED: false,
},
},
diff --git a/package.json b/package.json
index 22de3353..8623a181 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,8 @@
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare",
- "lint": "oxlint"
+ "lint": "oxlint",
+ "start": "nuxt start"
},
"devDependencies": {
"@nuxt/devtools": "latest",
diff --git a/pages/blobstream.vue b/pages/blobstream.vue
index b399695b..fc7aeb4f 100644
--- a/pages/blobstream.vue
+++ b/pages/blobstream.vue
@@ -79,8 +79,10 @@ const handleNextCondition = ref(true)
const limit = ref(20)
const sort = ref("desc")
-const getNetworks = async () => {
+async function getNetworks() {
const { data } = await fetchNetworks()
+ if (!data?.value?.length) return
+
networks.value = data.value.filter((n) => n.last_height > 0)
if (networks.value.length === 1) {
@@ -88,7 +90,7 @@ const getNetworks = async () => {
}
}
-const getCommitments = async () => {
+async function getCommitments() {
isRefetching.value = true
if (!selectedNetwork.value) {
@@ -98,7 +100,7 @@ const getCommitments = async () => {
sort: sort.value,
})
- commitments.value = data.value
+ commitments.value = data?.value ?? []
} else {
const { data } = await fetchCommitmentsByNetwork({
network: selectedNetwork.value,
@@ -107,7 +109,7 @@ const getCommitments = async () => {
sort: sort.value,
})
- commitments.value = data.value
+ commitments.value = data?.value ?? []
}
handleNextCondition.value = commitments.value?.length < limit.value
@@ -462,7 +464,6 @@ await getCommitments()
}
.disabled {
- opacity: 0.5;
pointer-events: none;
}
@@ -505,7 +506,7 @@ await getCommitments()
}
&:active {
- scale: 0.95;
+ scale: 0.98;
}
}
diff --git a/pages/calculators/savings.vue b/pages/calculators/savings.vue
index 9906c7a5..1d411d16 100644
--- a/pages/calculators/savings.vue
+++ b/pages/calculators/savings.vue
@@ -488,7 +488,7 @@ useHead({
${{ tiaPerMb.toFixed(5) }}
- Price per Mb in Celestia
+ Price per MiB in Celestia
diff --git a/pages/faucet.vue b/pages/faucet.vue
index 20b15a61..8f5d1804 100644
--- a/pages/faucet.vue
+++ b/pages/faucet.vue
@@ -1,10 +1,10 @@
|