-
- 
- version: {{ version }}
- 
- Connected!
- Connect with MetaMask
-
- 
- Ether Price
-
-
- $ {{ ethPriceUSD }}
- loading...
- - -
- 
- Nodes
-
Coming soon
-
- 
- Latest L2 Batch
-
-
- {{ latestBatch }}
- loading...
- - -
- 
- Latest L1 Rollup
-
-
-
-
- loading...
-
- 
- Transactions
-
- {{ totalTransactionCount }}
- loading...
- - -
- 
- Contracts
-
- {{ totalContractCount }}
- loading...
- Rollups
-No of Txs
-Time
-Batch Hash
-No of Txs
-Time
-Batch Hash
-No of Txs
-Time
-Batch Hash
--
-
-
- {{ shortenedHash }}
-
-
-
-
-
-
-
diff --git a/tools/obscuroscan_v2/frontend/src/components/helper/Timestamp.vue b/tools/obscuroscan_v2/frontend/src/components/helper/Timestamp.vue
deleted file mode 100644
index c40b3fb517..0000000000
--- a/tools/obscuroscan_v2/frontend/src/components/helper/Timestamp.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
- {{ formattedTimestamp }}
-
-
-
-
\ No newline at end of file
diff --git a/tools/obscuroscan_v2/frontend/src/lib/cachedList.js b/tools/obscuroscan_v2/frontend/src/lib/cachedList.js
deleted file mode 100644
index a6eee42195..0000000000
--- a/tools/obscuroscan_v2/frontend/src/lib/cachedList.js
+++ /dev/null
@@ -1,27 +0,0 @@
-class CachedList {
- constructor() {
- // todo these should just be one storage
- this.items = [];
- this.itemsByHash = {};
- }
-
- add(item) {
- if (!this.items.some(i => i.hash === item.hash)) {
- this.items.push(item);
- }
- }
-
- get() {
- return this.items.slice(-5);
- }
-
- addByHash(item) {
- this.itemsByHash[item.Header.hash] = item
- }
-
- getByHash(hash) {
- return this.itemsByHash[hash]
- }
-}
-
-export default CachedList
\ No newline at end of file
diff --git a/tools/obscuroscan_v2/frontend/src/lib/config.dev.js b/tools/obscuroscan_v2/frontend/src/lib/config.dev.js
deleted file mode 100644
index cf242044b4..0000000000
--- a/tools/obscuroscan_v2/frontend/src/lib/config.dev.js
+++ /dev/null
@@ -1,8 +0,0 @@
-class Config {
- static backendServerAddress = "http://127.0.0.1:43910"
- static pollingInterval = 1000
- static pricePollingInterval = 60*1000 // 1 minute
- static version = "dev"
-}
-
-export default Config
\ No newline at end of file
diff --git a/tools/obscuroscan_v2/frontend/src/lib/config.js b/tools/obscuroscan_v2/frontend/src/lib/config.js
deleted file mode 100644
index cf242044b4..0000000000
--- a/tools/obscuroscan_v2/frontend/src/lib/config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-class Config {
- static backendServerAddress = "http://127.0.0.1:43910"
- static pollingInterval = 1000
- static pricePollingInterval = 60*1000 // 1 minute
- static version = "dev"
-}
-
-export default Config
\ No newline at end of file
diff --git a/tools/obscuroscan_v2/frontend/src/lib/config.prod.js b/tools/obscuroscan_v2/frontend/src/lib/config.prod.js
deleted file mode 100644
index affe11ac2b..0000000000
--- a/tools/obscuroscan_v2/frontend/src/lib/config.prod.js
+++ /dev/null
@@ -1,9 +0,0 @@
-class Config {
- // VITE_APIHOSTADDRESS should be used as an env var at the prod server
- static backendServerAddress = import.meta.env.VITE_APIHOSTADDRESS
- static pollingInterval = 1000
- static pricePollingInterval = 60*1000 // 1 minute
- static version = import.meta.env.VITE_FE_VERSION
-}
-
-export default Config
\ No newline at end of file
diff --git a/tools/obscuroscan_v2/frontend/src/lib/poller.js b/tools/obscuroscan_v2/frontend/src/lib/poller.js
deleted file mode 100644
index 8a758bd94b..0000000000
--- a/tools/obscuroscan_v2/frontend/src/lib/poller.js
+++ /dev/null
@@ -1,25 +0,0 @@
-class Poller {
- constructor(fetchCallback, interval) {
- this.fetchCallback = fetchCallback;
- this.interval = interval;
- this.timer = null;
- }
-
- // Start polling - executes the fetchCallback immediately and every interval thereafter
- start() {
- this.stop(); // Ensure previous intervals are cleared
- this.fetchCallback();
- this.timer = setInterval(async () => {
- await this.fetchCallback();
- }, this.interval);
- }
-
- stop() {
- if (this.timer) {
- clearInterval(this.timer);
- this.timer = null;
- }
- }
-}
-
-export default Poller
\ No newline at end of file
diff --git a/tools/obscuroscan_v2/frontend/src/main.js b/tools/obscuroscan_v2/frontend/src/main.js
deleted file mode 100644
index 26a2f9f48e..0000000000
--- a/tools/obscuroscan_v2/frontend/src/main.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import './assets/main.css'
-
-import { createApp } from 'vue'
-import {createPinia, setActivePinia} from 'pinia'
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import App from './App.vue'
-import router from './router'
-import Config from "@/lib/config";
-
-const pinia = createPinia()
-const app = createApp(App)
-
-app.use(pinia)
-setActivePinia(pinia)
-
-for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
- app.component(key, component)
-}
-
-app.use(ElementPlus)
-app.config.globalProperties.RunConfig =new Config()
-app.use(router)
-
-
-app.mount('#app')
diff --git a/tools/obscuroscan_v2/frontend/src/router/index.js b/tools/obscuroscan_v2/frontend/src/router/index.js
deleted file mode 100644
index f9830e81fc..0000000000
--- a/tools/obscuroscan_v2/frontend/src/router/index.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
-
-const router = createRouter({
- history: createWebHistory(import.meta.env.BASE_URL),
- routes: [
- {
- path: '/',
- name: 'home',
- component: HomeView
- },
- {
- path: '/personal',
- name: 'personal',
- component: () => import('../views/PersonalView.vue')
- },
- {
- path: '/transactions',
- name: 'transactions',
- component: () => import('../views/TransactionsView.vue')
- },
- {
- path: '/batches',
- name: 'batches',
- component: () => import('../views/BatchesView.vue')
- },
- {
- path: '/blocks',
- name: 'blocks',
- component: () => import('../views/BlocksView.vue')
- },
- {
- path: '/decrypt',
- name: 'decrypt',
- component: () => import('../views/DecryptView.vue')
- },
- {
- path: '/verified',
- name: 'verifiedData',
- component: () => import('../views/VerifiedData.vue')
- }
- ]
-})
-
-export default router
diff --git a/tools/obscuroscan_v2/frontend/src/stores/batchStore.js b/tools/obscuroscan_v2/frontend/src/stores/batchStore.js
deleted file mode 100644
index bb3535ec46..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/batchStore.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import { defineStore } from 'pinia';
-import Config from "@/lib/config";
-import CachedList from "@/lib/cachedList";
-import Poller from "@/lib/poller";
-
-export const useBatchStore = defineStore({
- id: 'batchStore',
- state: () => ({
- latestBatch: null,
- latestL1Proof: null,
-
- batchListing: null,
- batchListingCount: null,
- offset: 0,
- size: 10,
-
- batches: new CachedList(),
- poller: new Poller(() => {
- const store = useBatchStore();
- store.fetch();
- }, Config.pollingInterval)
- }),
- actions: {
- async fetch() {
- try {
- // fetch the latest batch
- const response = await fetch( Config.backendServerAddress+'/items/batch/latest/');
- const data = await response.json();
- this.latestBatch = data.item.number;
- this.latestL1Proof = data.item.l1Proof;
-
- this.batches.add(data.item);
-
- // fetch data listing
- const responseList = await fetch( Config.backendServerAddress+`/items/batches/?offset=${this.offset}&size=${this.size}`);
- const dataList = await responseList.json();
- this.batchListing = dataList.result.BatchesData;
- this.batchListingCount = dataList.result.Total;
-
- } catch (error) {
- console.error("Failed to fetch count:", error);
- }
- },
-
- startPolling() {
- this.poller.start();
- },
-
- stopPolling() {
- this.poller.stop();
- },
-
- async getByHash(hash) {
- let batch = this.batches.getByHash(hash)
- if (batch) {
- return batch
- }
-
- const response = await fetch( Config.backendServerAddress+`/items/batch/${hash}`);
- const data = await response.json();
- this.batches.addByHash(data.item);
-
- return this.batches.getByHash(hash)
- }
- },
-});
diff --git a/tools/obscuroscan_v2/frontend/src/stores/blockStore.js b/tools/obscuroscan_v2/frontend/src/stores/blockStore.js
deleted file mode 100644
index 78f1fae4ca..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/blockStore.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import { defineStore } from 'pinia';
-import Config from "@/lib/config";
-import Poller from "@/lib/poller";
-
-
-export const useBlockStore = defineStore({
- id: 'blockStore',
- state: () => ({
- blocksListing: null,
- blocksListingCount: null,
- offset: 0,
- size: 10,
-
- poller: new Poller(() => {
- const store = useBlockStore();
- store.fetch();
- }, Config.pollingInterval)
- }),
- actions: {
- async fetch() {
- this.loading = true;
- try {
- // fetch data listing
- const responseList = await fetch( Config.backendServerAddress+`/items/blocks/?offset=${this.offset}&size=${this.size}`);
- const dataList = await responseList.json();
- this.blocksListing = dataList.result.BlocksData;
- this.blocksListingCount = dataList.result.Total;
- } catch (error) {
- console.error("Failed to fetch count:", error);
- }
- },
-
- startPolling() {
- this.poller.start();
- },
-
- stopPolling() {
- this.poller.stop();
- }
- },
-});
diff --git a/tools/obscuroscan_v2/frontend/src/stores/counterStore.js b/tools/obscuroscan_v2/frontend/src/stores/counterStore.js
deleted file mode 100644
index 3df8057abe..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/counterStore.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { defineStore } from 'pinia';
-import Config from "@/lib/config";
-import Poller from "@/lib/poller";
-
-export const useCounterStore = defineStore({
- id: 'counterStore',
- state: () => ({
- totalContractCount: 0,
- totalTransactionCount:0,
- poller: new Poller(() => {
- const store = useCounterStore();
- store.fetch();
- }, Config.pollingInterval)
- }),
- actions: {
- async fetch() {
- try {
- const totContractResp = await fetch( Config.backendServerAddress+'/count/contracts/');
- const totContractData = await totContractResp.json();
- this.totalContractCount = totContractData.count;
-
- const totTxResp = await fetch( Config.backendServerAddress+'/count/transactions/');
- const totTxData = await totTxResp.json();
- this.totalTransactionCount = totTxData.count;
- } catch (error) {
- console.error("Failed to fetch count:", error);
- }
- },
-
- startPolling() {
- this.poller.start();
- },
-
- stopPolling() {
- this.poller.stop();
- }
- },
-});
diff --git a/tools/obscuroscan_v2/frontend/src/stores/personalDataStore.js b/tools/obscuroscan_v2/frontend/src/stores/personalDataStore.js
deleted file mode 100644
index a380126e64..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/personalDataStore.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import { defineStore } from 'pinia';
-import Config from "@/lib/config";
-import {useWalletStore} from "@/stores/walletStore";
-import Poller from "@/lib/poller";
-
-export const usePersonalDataStore = defineStore({
- id: 'personalDataStore',
- state: () => ({
- walletStarted: false,
- personalTransactionList: null,
- personalTransactionCount: null,
- offset: 0,
- size: 10,
- poller: new Poller(() => {
- const store = usePersonalDataStore();
- store.fetch();
- }, Config.pollingInterval)
- }),
- actions: {
- async fetch() {
- try {
- const walletStore = useWalletStore()
- if (walletStore.provider == null) {
- return
- }
-
- console.log(this.address)
- const requestPayload = {
- "address": walletStore.address,
- "pagination": {"offset": this.offset, "size": this.size},
- }
- const personalTxData = await walletStore.provider.send('eth_getStorageAt', ["listPersonalTransactions", requestPayload, null])
- this.personalTransactionList = personalTxData.result.Receipts;
- this.personalTransactionCount = personalTxData.result.Total;
- } catch (error) {
- console.error("Failed to fetch count:", error);
- }
- },
-
- startPolling() {
- this.poller.start();
- },
-
- stopPolling() {
- this.poller.stop();
- }
- },
-});
diff --git a/tools/obscuroscan_v2/frontend/src/stores/priceStore.js b/tools/obscuroscan_v2/frontend/src/stores/priceStore.js
deleted file mode 100644
index 60c07a7dc3..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/priceStore.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import { defineStore } from 'pinia';
-import Config from "@/lib/config";
-import Poller from "@/lib/poller";
-
-export const usePriceStore = defineStore({
- id: 'priceStore',
- state: () => ({
- ethPriceUSD: null,
- poller: new Poller(() => {
- const store = usePriceStore();
- store.fetch();
- }, Config.pricePollingInterval)
- }),
- actions: {
- async fetch() {
- try {
- const response = await fetch( 'https://api.coingecko.com/api/v3/simple/price?ids=ethereum&vs_currencies=usd');
- const data = await response.json();
- this.ethPriceUSD = data.ethereum.usd;
-
- console.log("Fetched " + this.ethPriceUSD);
- } catch (error) {
- console.error("Failed to fetch count:", error);
- }
- },
-
- startPolling() {
- this.poller.start();
- },
-
- stopPolling() {
- this.poller.stop();
- }
- },
-});
diff --git a/tools/obscuroscan_v2/frontend/src/stores/publicTxDataStore.js b/tools/obscuroscan_v2/frontend/src/stores/publicTxDataStore.js
deleted file mode 100644
index a9ddb0b9fe..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/publicTxDataStore.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import {defineStore} from 'pinia';
-import Config from "@/lib/config";
-import Poller from "@/lib/poller";
-
-export const usePublicDataStore = defineStore({
- id: 'publicDataStore',
- state: () => ({
- publicTransactionsData: null,
- publicTransactionsCount: null,
- offset: 0,
- size: 10,
- poller: new Poller(() => {
- const store = usePublicDataStore();
- store.fetch();
- }, Config.pollingInterval)
- }),
- actions: {
- async fetch() {
- try {
- const response = await fetch( Config.backendServerAddress+`/items/transactions/?offset=${this.offset}&size=${this.size}`);
-
- const data = await response.json();
- this.publicTransactionsData = data.result.TransactionsData;
- this.publicTransactionsCount = data.result.Total;
- } catch (error) {
- console.error("Failed to fetch count:", error);
- }
- },
-
- startPolling() {
- this.poller.start();
- },
-
- stopPolling() {
- this.poller.stop();
- }
- },
-});
diff --git a/tools/obscuroscan_v2/frontend/src/stores/rollupStore.js b/tools/obscuroscan_v2/frontend/src/stores/rollupStore.js
deleted file mode 100644
index 02e9b65928..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/rollupStore.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { defineStore } from 'pinia';
-import Config from "@/lib/config";
-import CachedList from "@/lib/cachedList";
-import Poller from "@/lib/poller";
-
-
-export const useRollupStore = defineStore({
- id: 'rollupStore',
- state: () => ({
- rollups: new CachedList(),
- poller: new Poller(() => {
- const store = useRollupStore();
- store.fetch();
- }, Config.pollingInterval)
- }),
- actions: {
- async fetch() {
- this.loading = true;
- try {
- const response = await fetch( Config.backendServerAddress+'/items/rollup/latest/');
- const data = await response.json();
- this.rollups.add(data.item);
- } catch (error) {
- console.error("Failed to fetch count:", error);
- }
- },
-
- startPolling() {
- this.poller.start();
- },
-
- stopPolling() {
- this.poller.stop();
- }
- },
-});
diff --git a/tools/obscuroscan_v2/frontend/src/stores/verifiedContractStore.js b/tools/obscuroscan_v2/frontend/src/stores/verifiedContractStore.js
deleted file mode 100644
index 5a32ca02b4..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/verifiedContractStore.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import {defineStore} from 'pinia';
-import Config from "@/lib/config";
-
-export const useVerifiedContractStore = defineStore({
- id: 'VerifiedContractStore',
- state: () => ({
- contracts: null,
- sequencerData: null
- }),
- actions: {
- async update() {
- try {
- const response = await fetch( Config.backendServerAddress+`/info/obscuro/`);
-
- const data = await response.json();
- this.contracts =
- [
- {
- "name": "Management Contract",
- "address": data.item.ManagementContractAddress,
- "confirmed": true
- },
- {
- "name": "Message Bus Contract",
- "address": data.item.MessageBusAddress,
- "confirmed": true
- }
- ];
- this.sequencerData = [
- {
- "name": "Sequencer ID",
- "address": data.item.SequencerID,
- "confirmed": true,
- },
- {
- "name": "L1 Start Hash",
- "address": data.item.L1StartHash,
- "confirmed": true,
- }
- ]
- } catch (error) {
- console.error("Failed to fetch item:", error);
- }
- },
- },
-});
diff --git a/tools/obscuroscan_v2/frontend/src/stores/walletStore.js b/tools/obscuroscan_v2/frontend/src/stores/walletStore.js
deleted file mode 100644
index 0d58cbb976..0000000000
--- a/tools/obscuroscan_v2/frontend/src/stores/walletStore.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { defineStore } from 'pinia';
-
-export const useWalletStore = defineStore({
- id: 'wallet',
- state: () => ({
- provider: null,
- address: null
- }),
- actions: {
- setProvider(provider) {
- this.provider = provider;
- },
- setAddress(address) {
- this.address = address;
- }
- }
-});
\ No newline at end of file
diff --git a/tools/obscuroscan_v2/frontend/src/views/AboutView.vue b/tools/obscuroscan_v2/frontend/src/views/AboutView.vue
deleted file mode 100644
index 756ad2a179..0000000000
--- a/tools/obscuroscan_v2/frontend/src/views/AboutView.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
-
-
diff --git a/tools/obscuroscan_v2/frontend/src/views/BatchesView.vue b/tools/obscuroscan_v2/frontend/src/views/BatchesView.vue
deleted file mode 100644
index 8b2d4764d7..0000000000
--- a/tools/obscuroscan_v2/frontend/src/views/BatchesView.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-
- This is an about page
-Static Keys
-Decrypting transaction blobs is only possible on testnet, where the rollup encryption key is long-lived and well-known.
-On mainnet, rollups will use rotating keys that are not known to anyone - or anything - other than the Obscuro enclaves.
--
Current Static Encryption Key: bddbc0d46a0666ce57a466168d99c1830b0c65e052d77188f2cbfc3f6486588c
--
-
-
{{ error }}
--
-
-
-
-