nethereum/nethereum-explorer-wallet-template-blazor

Nethereum Light Blockchain Explorer Explorer, Wallet using Blazor, ReactiveUI

Nethereum Explorer

Nethereum Explorer is a .Net Blazor Wasm SPA, Desktop Windows and Mac, Android and iOS light blockchain explorer and simple wallet Template.

You can try it here: https://explorer.nethereum.com

The aim of this application is to provide another wallet / client reference for the final goal of providing a reusable common mvvm front end framework and libraries targetting all Dekstops (WinForms, Xamarin.Forms, Avalonia (https://avaloniaui.net/) for Windows, Mac, Linux), Mobile (Android and iOS using Xamarin.Forms), Browser SPA (Blazor in this example, but there is also Uno) and gaming / vr engines (Unity3d). It started as a Demo of what Blazor could achieve in a complex application (when Blazor started) and was an attempt to use ReactiveUI in the browser. ReactiveUI is now fully supported in the browser thanks to the magic of the ReactiveUI team.

Now thanks to Maui Blazor (previously preview of the Blazor Mobile Hybrid) your Blazor project can also be rendered and interop with native desktop and mobile.

More info:

• Blazor: The .Net Html / razor wasm framework https://blazor.net/
• ReactiveUI: https://reactiveui.net/
• Blazor mobile hybrid: https://docs.microsoft.com/en-us/mobile-blazor-bindings/walkthroughs/hybrid-hello-world
• WebView2 Required to run windows applications: https://docs.microsoft.com/en-gb/microsoft-edge/webview2/gettingstarted/wpf
• Blazor.FlexGrid: The grid component used in Block Page https://github.com/Mewriick/Blazor.FlexGrid
• Infura: Infura hosts the preconfigured public Ethereum nodes https://infura.io/
• Testchains: If you need a test chain to run in your localhost https://github.com/Nethereum/TestChains
• Etherscan: You may find that the home page is inspired by the awesome https://etherscan.io

Common Solution

One of the main goals is to eventually have full support of ReactiveUI as the common framework for all the Nethereum FrontEnd example and future solutions. Avalonia Desktop (Windows, Linux, Mac): https://github.com/Nethereum/Nethereum.UI.Desktop, WindowsForms https://github.com/Nethereum/Nethereum.SimpleWindowsWallet Xamarin.Forms Mobile and Desktop wallets: https://github.com/Nethereum/Nethereum.UI.Wallet.Sample

nethereum-explorer-wallet-template-blazor's Issues

UX improvements

From @Dave-Whiffin

• Centre the loading image - it feels a bit strange being left aligned
• On the home page - make the transactions on the right column clickable
• The top right block counter is a nice feature but could be clarified. Maybe "Latest Block" - at first I thought it was the block number for the tx I was looking at. Possibly left aligned instead of right - to separate it from the search? (edited)

Oh - and a space between Txn and Hash in the search

Latest Version Troubles

Diving into the rabbit hole here. 😆

Looks like Blazor has updated its entire bits lately and this project's dependencies are out of date.

For instance, it seems that a new Blazor project from this resource utilizes .razor files whereas this project uses .cshtml files.

I am a total newb looking through this, but if it's a matter of updating file extensions and dependencies, I would be interested in submitting a PR to update everything. 👍

Complete Blazor / ReactiveUI support

To finalise the support of Reactive UI + Blazor, any supporting changes to Reactive UI and / or Blazor should be eventually pulled to those repositories, or just created directly on them (Whatever is best). The end goal is that end users will be able to share all the MVVM Logic any project. Although examples should be in this project.

• Scheduler. Blazor / Mono Wasm does not currently support multiple threads, this becomes an issue when using ReactiveCommands, Observable.FromAsync, etc, which internally uses TPL to start a Task. It is expected that an specific scheduler will solve this.
• ReactiveCommand Binding, Blazor buttons etc do not support ICommand once ReactiveCommands are supported, it will be ideal to be able to have support for ICommands. This is a bad attempt to do so https://github.com/Nethereum/NethereumBlazor/blob/master/NethereumBlazor/Experiments/Experiments.cs#L35-L63.
• Interaction support, validation and example of interaction support.
• ReactiveUI Logger, could be set to log to the Console.
• User validation, something similar to https://github.com/jcmm33/ReactiveUI.Validation
• Refactor this project :)

Can't run the project

Migrate to Maui Blazor and .net 6

Hybrid apps were part of the preview, now is included in Maui Blazor, this needs a migration.

Evaluate DevExpress Grid to display transactions, blocks etc

The current grid (which is great) could be beautified, an alternative will be to use the DevExpress Grid https://github.com/DevExpress/Blazor

Feature request: add Block filter to Home page Blocks area

When NethreumBlazor is used against a localhost chain, many blocks are often empty. Often the block list quickly scrolls off screen (all blocks empty) and the search feature has to be used to find blocks of interest.

Adding a filter toggle to the block list on the Home page, that filters out empty blocks would be really handy: