25 |
43 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/NethereumExplorer.ClientWasm/wwwroot/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Nethereum Light Explorer",
3 | "short_name": "NethereumLightExplorer",
4 | "start_url": "./",
5 | "display": "standalone",
6 | "background_color": "#ffffff",
7 | "theme_color": "#339989",
8 | "icons": [
9 | {
10 | "src": "images/logo512.png",
11 | "type": "image/png",
12 | "sizes": "512x512"
13 | },
14 | {
15 | "src": "images/logo192x192w.png",
16 | "type": "image/png",
17 | "sizes": "192x192"
18 | }
19 | ]
20 | }
21 |
--------------------------------------------------------------------------------
/NethereumExplorer.ClientWasm/wwwroot/service-worker.js:
--------------------------------------------------------------------------------
1 | // In development, always fetch from the network and do not enable offline support.
2 | // This is because caching would make development more difficult (changes would not
3 | // be reflected on the first load after each change).
4 | self.addEventListener('fetch', () => { });
5 |
--------------------------------------------------------------------------------
/NethereumExplorer.ClientWasm/wwwroot/service-worker.published.js:
--------------------------------------------------------------------------------
1 | // Caution! Be sure you understand the caveats before publishing an application with
2 | // offline support. See https://aka.ms/blazor-offline-considerations
3 |
4 | self.importScripts('./service-worker-assets.js');
5 | self.addEventListener('install', event => event.waitUntil(onInstall(event)));
6 | self.addEventListener('activate', event => event.waitUntil(onActivate(event)));
7 | self.addEventListener('fetch', event => event.respondWith(onFetch(event)));
8 |
9 | const cacheNamePrefix = 'offline-cache-';
10 | const cacheName = `${cacheNamePrefix}${self.assetsManifest.version}`;
11 | const offlineAssetsInclude = [ /\.dll$/, /\.pdb$/, /\.wasm/, /\.html/, /\.js$/, /\.json$/, /\.css$/, /\.woff$/, /\.png$/, /\.jpe?g$/, /\.gif$/, /\.ico$/, /\.blat$/, /\.dat$/ ];
12 | const offlineAssetsExclude = [ /^service-worker\.js$/ ];
13 |
14 | async function onInstall(event) {
15 | console.info('Service worker: Install');
16 |
17 | // Fetch and cache all matching items from the assets manifest
18 | const assetsRequests = self.assetsManifest.assets
19 | .filter(asset => offlineAssetsInclude.some(pattern => pattern.test(asset.url)))
20 | .filter(asset => !offlineAssetsExclude.some(pattern => pattern.test(asset.url)))
21 | .map(asset => new Request(asset.url, { integrity: asset.hash }));
22 | await caches.open(cacheName).then(cache => cache.addAll(assetsRequests));
23 | }
24 |
25 | async function onActivate(event) {
26 | console.info('Service worker: Activate');
27 |
28 | // Delete unused caches
29 | const cacheKeys = await caches.keys();
30 | await Promise.all(cacheKeys
31 | .filter(key => key.startsWith(cacheNamePrefix) && key !== cacheName)
32 | .map(key => caches.delete(key)));
33 | }
34 |
35 | async function onFetch(event) {
36 | let cachedResponse = null;
37 | if (event.request.method === 'GET') {
38 | // For all navigation requests, try to serve index.html from cache
39 | // If you need some URLs to be server-rendered, edit the following check to exclude those URLs
40 | const shouldServeIndexHtml = event.request.mode === 'navigate';
41 |
42 | const request = shouldServeIndexHtml ? 'index.html' : event.request;
43 | const cache = await caches.open(cacheName);
44 | cachedResponse = await cache.match(request);
45 | }
46 |
47 | return cachedResponse || fetch(event.request);
48 | }
49 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/App.razor:
--------------------------------------------------------------------------------
1 |
26 |
42 |
27 |
41 |
28 |
40 |
29 |
39 |
30 |
33 |
34 | Loading...
31 | 32 |
35 | 
36 |
38 |
36 | The Nethereum light explorer will load shortly
37 |Sorry, there's nothing at this address.
8 |
14 |
65 |
66 | @{
67 | RenderFragment
15 |
23 |
16 |
22 | Block: @BlockNumber
17 | @if (BlockTransactionsViewModel.Loading) 18 | { 19 | 20 | } 21 |
24 | @if (!BlockTransactionsViewModel.Loading && BlockTransactionsViewModel.BlockFound)
25 | {
26 |
27 |
28 |
53 |
54 |
55 |
64 | | Hash: | 30 |@BlockTransactionsViewModel.Block.Hash | 31 |
|---|---|
| Number: | 34 |@BlockTransactionsViewModel.Block.Number.ToString() | 35 |
| Author: | 38 |@BlockTransactionsViewModel.Block.Author | 39 |
| Parent Hash: | 42 |@BlockTransactionsViewModel.Block.ParentHash | 43 |
| Time: | 46 |@BlockTransactionsViewModel.Block.Time | 47 |
| Gas Used: | 50 |@BlockTransactionsViewModel.Block.GasUsed | 51 |
No Block Found
62 | }
63 |
5 |
6 |
15 |
16 | @code {
17 |
18 | //workaround search for the time being
19 | [Parameter]
20 | public string BlockNumber { get; set; }
21 |
22 | [Parameter]
23 | public string TransactionHash { get; set; }
24 |
25 | }
26 |
27 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Pages/Transaction.razor:
--------------------------------------------------------------------------------
1 | @page "/transaction/{transactionHash}"
2 | @inject TransactionWithReceiptViewModel TransactionWithReceiptViewModel
3 | @using System
4 | @using System.Numerics
5 | @using System.Threading.Tasks
6 | @using Microsoft.AspNetCore.Components
7 | @using NethereumExplorer.ViewModels
8 | @using ReactiveUI
9 |
10 |
7 |
14 |
8 |
10 |
11 |
13 |
11 |
89 |
90 |
91 |
92 | @code {
93 |
94 | //workaround search for the time being
95 | [Parameter]
96 | public string BlockNumber { get; set; }
97 |
98 | [Parameter]
99 | public string TransactionHash { get; set; }
100 |
101 |
102 |
103 | protected override async Task OnParametersSetAsync()
104 | {
105 | await TransactionWithReceiptViewModel.LoadTransactionAsync(TransactionHash);
106 | TransactionWithReceiptViewModel.WhenAnyValue(x => x.Loading).SubscribeAndNotifyStateChanges(InvokeAsync, StateHasChanged);
107 | }
108 | }
109 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Services/AccountsTransactionMonitoringService.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Reactive.Linq;
3 | using System.Reactive.Threading.Tasks;
4 | using System.Threading.Tasks;
5 | using ReactiveUI;
6 |
7 | namespace NethereumExplorer.Services
8 | {
9 | public class AccountsTransactionMonitoringService
10 | {
11 | private readonly IAccountsService _accountsService;
12 | private readonly IWeb3ProviderService _web3ProviderService;
13 | private readonly TimeSpan _updateInterval = TimeSpan.FromMilliseconds(1000);
14 | private IDisposable _timer;
15 |
16 | public AccountsTransactionMonitoringService(IAccountsService accountsService, IWeb3ProviderService web3ProviderService)
17 | {
18 | _accountsService = accountsService;
19 | _web3ProviderService = web3ProviderService;
20 | _timer = Observable.Timer(TimeSpan.FromMilliseconds(500), _updateInterval)
21 | .Select(_ => ProcessCompletedTransactions().ToObservable()).Concat().Subscribe();
22 | }
23 |
24 | public async Task ProcessCompletedTransactions()
25 | {
26 | var pendingTransactions = _accountsService.GetCurrentChainPendingTransactions();
27 | var web3 = _web3ProviderService.GetWeb3();
28 | foreach (var pendingTransaction in pendingTransactions)
29 | {
30 | var transactionReceipt = await
31 | web3.Eth.Transactions.GetTransactionReceipt.SendRequestAsync(pendingTransaction.TransactionHash);
32 |
33 | if (transactionReceipt != null)
34 | {
35 | pendingTransaction.TransactionReceipt = transactionReceipt;
36 | pendingTransaction.Pending = false;
37 | _accountsService.UpdateTransactionInfo(pendingTransaction);
38 | }
39 | }
40 | }
41 | }
42 | }
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Services/Gecko/Model/GeckoToken.cs:
--------------------------------------------------------------------------------
1 | namespace NethereumExplorer.Services
2 | {
3 | public class GeckoToken
4 | {
5 | public string Id { get; set; }
6 | public string Symbol { get; set; }
7 | }
8 | }
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Services/IAccountsService.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 | using System.Threading.Tasks;
3 | using DynamicData;
4 | using Nethereum.Contracts;
5 | using Nethereum.RPC.Eth.DTOs;
6 | using NethereumExplorer.Model;
7 |
8 | namespace NethereumExplorer.Services
9 | {
10 | public interface IAccountsService
11 | {
12 | IEnumerable
12 |
20 |
13 |
19 | Transaction: @TransactionHash
14 | @if (TransactionWithReceiptViewModel.Loading) 15 | { 16 | 17 | } 18 |
21 | @if (!TransactionWithReceiptViewModel.Loading && TransactionWithReceiptViewModel.TransactionFound)
22 | {
23 |
24 |
25 |
74 | @if (TransactionWithReceiptViewModel.HasErrors)
75 | {
76 |
88 | | Block Number: | 27 |@TransactionWithReceiptViewModel.BlockNumber | 28 |
|---|---|
| Index: | 31 |@TransactionWithReceiptViewModel.Index | 32 |
| From: | 35 |@TransactionWithReceiptViewModel.From | 36 |
| To: | 39 |@TransactionWithReceiptViewModel.To | 40 |
| Amount: | 43 |@TransactionWithReceiptViewModel.Amount | 44 |
| Nonce: | 47 |@TransactionWithReceiptViewModel.Nonce | 48 |
| New Contract address: | 51 |@TransactionWithReceiptViewModel.ContractAddress | 52 |
| Data: | 55 |@TransactionWithReceiptViewModel.Data | 56 |
| Cumulative Gas Used: | 59 |@TransactionWithReceiptViewModel.CumulativeGasUsed | 60 |
| Gas: | 63 |@TransactionWithReceiptViewModel.Gas | 64 |
| Gas Price: | 67 |@TransactionWithReceiptViewModel.GasPrice | 68 |
| Logs: | 71 |@TransactionWithReceiptViewModel.Logs | 72 |
77 | Transaction status failed and was reverted
78 |
79 | }
80 |
81 | }
82 |
83 | @if (!TransactionWithReceiptViewModel.Loading && !TransactionWithReceiptViewModel.TransactionFound)
84 | {
85 | No Transaction Found
86 | }
87 |
8 |
45 |
46 | @code {
47 |
48 | protected override void OnInitialized()
49 | {
50 |
51 | LatestBlockTransactionsViewModel.Transactions.Connect()
52 | .SubscribeAndNotifyStateChanges(InvokeAsync, StateHasChanged);
53 |
54 | LatestBlockTransactionsViewModel.WhenAnyValue(x => x.Loading)
55 | .SubscribeAndNotifyStateChanges(InvokeAsync, StateHasChanged);
56 | }
57 |
58 | public static string TruncateEllipse(string value, int maxChars)
59 | {
60 | return value.Length <= maxChars ? value : value.Substring(0, maxChars) + "...";
61 | }
62 |
63 |
64 | }
65 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Shared/LatestBlocks.razor:
--------------------------------------------------------------------------------
1 | @using ReactiveUI;
2 | @using NethereumExplorer.ViewModels
3 | @using System.Reactive.Linq
4 | @using System.Reactive.Threading.Tasks
5 | @using System.Reactive
6 | @inject BlocksViewModel BlocksViewModel
7 |
9 |
18 |
10 |
17 | Transactions
11 | @if (LatestBlockTransactionsViewModel.Loading) 12 | { 13 | 14 | } 15 | 16 |
19 | @foreach (var transaction in LatestBlockTransactionsViewModel.Transactions.Items.OrderBy(x => x.Index).Take(10))
20 | {
21 |
44 |
22 |
42 | }
43 |
23 | Block @transaction.BlockNumber
24 |
25 |
31 | Index: @transaction.Index
26 |
27 |
28 | Gas: @transaction.Gas
29 |
30 |
32 | Hash: @TruncateEllipse(transaction.TransactionHash, 40)
33 |
34 | Ether: @transaction.Amount
40 |
41 | From: @transaction.From
35 |
36 |
37 | To: @transaction.To
38 |
39 |
8 |
39 |
40 | @code {
41 |
42 | protected override void OnInitialized() {
43 | //refreshing the seconds countdown
44 |
45 |
46 | System.Reactive.Linq.Observable.Timer(TimeSpan.FromMilliseconds(500), TimeSpan.FromMilliseconds(2000))
47 | .SubscribeAndNotifyStateChanges(InvokeAsync, StateHasChanged);
48 |
49 |
50 | BlocksViewModel.Blocks.Connect().SubscribeAndNotifyStateChanges(InvokeAsync, StateHasChanged);
51 |
52 | BlocksViewModel.WhenAnyValue(x => x.Loading).SubscribeAndNotifyStateChanges(InvokeAsync, StateHasChanged);
53 | }
54 |
55 |
56 | }
57 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Shared/MainLayout.razor.css:
--------------------------------------------------------------------------------
1 | .page {
2 | position: relative;
3 | display: flex;
4 | flex-direction: column;
5 | }
6 |
7 | .content {
8 | padding-top: 1.1rem;
9 | }
10 |
11 | .main {
12 | flex: 1;
13 | }
14 |
15 | .sidebar {
16 | background-image: linear-gradient(180deg, #339989 0%, #7DE2D1 70%);
17 | }
18 |
19 | .top-row {
20 | background-color: #f7f7f7;
21 | border-bottom: 1px solid #d6d5d5;
22 | justify-content: flex-end;
23 | height: 3.5rem;
24 | display: flex;
25 | align-items: end;
26 | }
27 |
28 | .top-row ::deep a, .top-row .btn-link {
29 | white-space: nowrap;
30 | margin-left: 1.5rem;
31 | }
32 |
33 | .top-row a:first-child {
34 | overflow: hidden;
35 | text-overflow: ellipsis;
36 | }
37 |
38 | @media (max-width: 640.98px) {
39 | .top-row:not(.auth) {
40 | display: none;
41 | }
42 |
43 | .top-row.auth {
44 | justify-content: space-between;
45 | }
46 |
47 | .top-row a, .top-row .btn-link {
48 | margin-left: 0;
49 | }
50 | }
51 |
52 | @media (min-width: 641px) {
53 | .page {
54 | flex-direction: row;
55 | }
56 |
57 | .sidebar {
58 | width: 250px;
59 | height: 100vh;
60 | position: sticky;
61 | top: 0;
62 | }
63 |
64 | .top-row {
65 | position: sticky;
66 | top: 0;
67 | z-index: 1;
68 | }
69 |
70 | .main > div {
71 | padding-left: 2rem !important;
72 | padding-right: 1.5rem !important;
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Shared/NavMenu.razor:
--------------------------------------------------------------------------------
1 |
9 |
17 |
10 |
16 | Blocks
11 | @if (BlocksViewModel.Loading) 12 | { 13 | 14 | } 15 |
18 | @foreach (var block in BlocksViewModel.Blocks.Items.OrderByDescending(x => x.Number))
19 | {
20 |
38 |
21 |
36 | }
37 |
22 | Block @block.Number
23 |
24 |
30 | @string.Format(@"> {0:mm} mins {0:ss} secs ago", (DateTime.Now - block.Time))
25 |
26 |
27 | @block.Time
28 |
29 |
31 | Mined By: @block.Author
32 |
33 |
34 |
35 |
2 | 
Nethereum
3 |
6 |
7 |
8 | Nethereum
3 |
6 |
9 |
41 |
42 |
43 |
44 | @code {
45 | bool collapseNavMenu = true;
46 |
47 | void ToggleNavMenu()
48 | {
49 | collapseNavMenu = !collapseNavMenu;
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Shared/NavMenu.razor.css:
--------------------------------------------------------------------------------
1 |
2 | .navbar-toggler {
3 | background-color: rgba(255, 255, 255, 0.1);
4 | }
5 |
6 | .top-row {
7 | background-color: rgba(0,0,0,0.4);
8 | }
9 |
10 |
11 | .navbar-brand {
12 | font-size: 1.5rem;
13 | }
14 |
15 | .oi {
16 | width: 2rem;
17 | font-size: 1.5rem;
18 | vertical-align: text-top;
19 | top: -2px;
20 | }
21 |
22 |
23 |
24 | .nav-item ::deep a:hover {
25 | background-color: rgba(255,255,255,0.1);
26 | color: white;
27 | }
28 |
29 | .nav-item ::deep a {
30 | color: #4E5656;
31 | border-radius: 4px;
32 | height: 3rem;
33 | display: flex;
34 | align-items: center;
35 | line-height: 3rem;
36 | }
37 |
38 | .nav-item ::deep a.active {
39 | background-color: rgba(255,255,255,0.25);
40 | color: white;
41 | }
42 |
43 | .nav-item {
44 | font-size: 1.3rem;
45 | padding-bottom: 0.5rem;
46 | }
47 |
48 | .nav-item:first-of-type {
49 | padding-top: 1rem;
50 | }
51 |
52 | .nav-item:last-of-type {
53 | padding-bottom: 1rem;
54 | }
55 |
56 |
57 |
58 | @media (min-width: 641px) {
59 | .navbar-toggler {
60 | display: none;
61 | }
62 |
63 | .collapse {
64 | /* Never collapse the sidebar for wide screens */
65 | display: block;
66 | }
67 | }
68 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/Shared/Toasts.razor:
--------------------------------------------------------------------------------
1 | @using ReactiveUI;
2 | @using NethereumExplorer.ViewModels
3 | @inject ToastsViewModel ToastsViewModel
4 |
5 |
6 |
7 | @foreach (var toast in ToastsViewModel.Toasts.Items)
8 | {
9 |
26 |
27 | @code {
28 |
29 | protected override void OnInitialized()
30 | {
31 | //refreshing the seconds countdown
32 |
33 | System.Reactive.Linq.Observable.Timer(TimeSpan.FromMilliseconds(500), TimeSpan.FromMilliseconds(2000))
34 | .SubscribeAndNotifyStateChanges(a => InvokeAsync(a),
35 | () =>
36 | {
37 | if (ToastsViewModel.Toasts.Count > 0)
38 | {
39 | StateHasChanged();
40 | }
41 | }
42 | );
43 |
44 | ToastsViewModel.Toasts.Connect().SubscribeAndNotifyStateChanges(InvokeAsync, StateHasChanged);
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/NethereumExplorer.Core/ViewModels/AccountViewModel.cs:
--------------------------------------------------------------------------------
1 | using DynamicData;
2 | using NethereumExplorer.Model;
3 | using NethereumExplorer.Services;
4 | using ReactiveUI;
5 |
6 | namespace NethereumExplorer.ViewModels
7 | {
8 | public class AccountsViewModel : ReactiveObject
9 | {
10 | private readonly IAccountsService _accountsService;
11 | private NewAccountPrivateKeyViewModel _newAccountPrivateKeyViewModel;
12 |
13 | public SourceCache
10 |
24 | }
25 |
11 |
13 | @toast.Title
14 | @string.Format(@"> {0:mm} mins {0:ss} secs ago", (DateTime.Now - toast.Received))
15 |
18 |
19 |
13 | @toast.Title
14 | @string.Format(@"> {0:mm} mins {0:ss} secs ago", (DateTime.Now - toast.Received))
15 |
18 |
20 | @toast.LinkMessage
21 | @toast.Message
22 |
23 | 
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `