@alethio/explorer-plugin-eth-common NPM

@alethio/explorer-plugin-eth-common

Alethio Explorer plugin with common ETH modules and pages. It works together with a core plugin that provides a data source (@alethio/explorer-plugin-eth-lite or @alethio/explorer-plugin-eth-extended).

See cms-plugin-tool for install instructions.

Configuration

The plugin accepts the following configuration options:

interface IConfig {
    /** (Optional) Used by Alethio API toolbar/topbar icons */
    alethioApiUrl?: string;
    /** (Optional) Used by Alethio Monitoring toolbar/topbar icons */
    alethioMonitoringUrl?: string;
    /** (Optional) Used by Alethio Reports toolbar/topbar icons */
    alethioReportsUrl?: string;
    /** (Optional) Used by EthStats toolbar/topbar icons */
    ethstatsUrl?: string;
    /** (Optional) Used by Alethio company website toolbar/topbar icons */
    companyUrl?: string;
}

See config.sample.json for an example.

Refer to eth-extended/pages.sample.json or eth-lite/pages.sample.json for a pages structure example.

Exported entities

Pages

Page URI	Created context shape	Module slots	Description	Implementation
page://aleth.io/block	{ blockNumber }	sidebar, content	Display block details	blockPage
page://aleth.io/tx	{ txHash }	sidebar, content	Display transaction details	txPage
page://aleth.io/account	{ accountHash }	identicon, top, balance, bottom	Ethereum address details	accountPage

Contexts

Context URI	Generated context shape	Placed in context	Description	Implementation
context://aleth.io/block/list	{ rangeStart, rangeEnd, blockNumber }	{ blockNumber }	Selects a range of blocks around a selected block	blockListContext
context://aleth.io/block/latest	{ blockNumber }	N/A	Block context that syncs to the latest block on the chain	latestBlockContext
context://aleth.io/dashboard/latestBlockRange	{ rangeStart, rangeEnd }	N/A	Selects a range of blocks up to the latest block on the chain	latestBlockRangeContext

Modules

Module URI	Context shape	Module slots	Description	Implementation	Options
module://aleth.io/block/list	{ rangeStart, rangeEnd, blockNumber }	N/A	Chart for block sidebar, showing number of txs per block	blockListModule	N/A
module://aleth.io/block/confirmations	{ blockNumber }	N/A	Shows real-time number of block confirmations	blockConfirmationsModule	N/A
module://aleth.io/tx/list	{ txHash }	N/A	Sidebar chart showing the current transaction in the context of the parent block	txListModule	N/A
module://aleth.io/account/identicon	{ accountHash }	N/A	Renders an identicon for the given account hash	accountIdenticonModule	N/A
module://aleth.io/dashboard/network	N/A	N/A	Shows the current network name and an optional dropdown for switching to other networks.	networkModule	INetworkModuleOptions
module://aleth.io/search	N/A	N/A	Search widget	searchModule	N/A
module://aleth.io/dashboard/charts	N/A	content	Layout wrapper for charts on dashboard page	chartsModule	N/A
module://aleth.io/dashboard/blocksChart	{ rangeStart, rangeEnd }	children	Chart showing tx counts for a range of blocks. Exposes slot for adding content under it	blocksChartModule	N/A
module://aleth.io/dashboard/latestBlockInfo	{ blockNumber }	N/A	Shows a line of basic block details, specifically for the latest block	latestBlockInfoModule	N/A
module://aleth.io/toolbar/ethstats	N/A	N/A	EthStats 2.0 product icon (left-side toolbar item)	ethstatsModule	N/A
module://aleth.io/toolbar/alethioApi	N/A	N/A	Alethio API product icon (left-side toolbar item)	alethioApiModule	N/A
module://aleth.io/topbar/alethioApi	N/A	N/A	Alethio API product icon (mobile topbar item)	alethioApiModule	N/A
module://aleth.io/toolbar/alethioMonitoring	N/A	N/A	Alethio Monitoring product icon (left-side toolbar item)	alethioMonitoringModule	N/A
module://aleth.io/topbar/alethioMonitoring	N/A	N/A	Alethio Monitoring product icon (mobile topbar item)	alethioMonitoringModule	N/A
module://aleth.io/toolbar/alethioReports	N/A	N/A	Alethio Reports product icon (left-side toolbar item)	alethioReportsModule	N/A
module://aleth.io/topbar/alethioReports	N/A	N/A	Alethio Reports product icon (mobile topbar item)	alethioReportsModule	N/A
module://aleth.io/toolbar/company	N/A	N/A	Alethio company website link (left-side toolbar item)	alethioCompanyModule	N/A
module://aleth.io/topbar/company	N/A	N/A	Alethio company website link (mobile topbar item)	alethioCompanyModule	N/A
module://aleth.io/toolbar/feedback	N/A	N/A	Hotjar feedback icon (left-side toolbar item)	toolbarFeedbackModule	N/A
module://aleth.io/topbar/feedback	N/A	N/A	Hotjar feedback icon (mobile topbar item)	topbarFeedbackModule	N/A
module://aleth.io/toolbar/search	N/A	N/A	Search icon (left-side toolbar item)	toolbarSearchModule	N/A
module://aleth.io/topbar/search	N/A	N/A	Search icon (mobile topbar item)	topbarSearchModule	N/A
module://aleth.io/cookie-banner	N/A	N/A	Cookie banner	cookieBannerModule.ts	N/A