
Security News
The Changelog Podcast: Practical Steps to Stay Safe on npm
Learn the essential steps every developer should take to stay secure on npm and reduce exposure to supply chain attacks.
@alethio/explorer-plugin-eth-common
Advanced tools
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.
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.
| 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 |
| 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 |
| 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 |
FAQs
Explorer plugin with common ETH modules and pages
The npm package @alethio/explorer-plugin-eth-common receives a total of 222 weekly downloads. As such, @alethio/explorer-plugin-eth-common popularity was classified as not popular.
We found that @alethio/explorer-plugin-eth-common demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Security News
Learn the essential steps every developer should take to stay secure on npm and reduce exposure to supply chain attacks.

Security News
Experts push back on new claims about AI-driven ransomware, warning that hype and sponsored research are distorting how the threat is understood.

Security News
Ruby's creator Matz assumes control of RubyGems and Bundler repositories while former maintainers agree to step back and transfer all rights to end the dispute.