Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vacekj/explorer-quickview
Make plaintext addresses point to their respective Etherscan pages
https://github.com/vacekj/explorer-quickview
Last synced: about 2 months ago
JSON representation
Make plaintext addresses point to their respective Etherscan pages
- Host: GitHub
- URL: https://github.com/vacekj/explorer-quickview
- Owner: vacekj
- License: mit
- Created: 2022-08-06T14:27:24.000Z (over 2 years ago)
- Default Branch: react-typescript
- Last Pushed: 2022-08-16T18:16:59.000Z (over 2 years ago)
- Last Synced: 2024-04-14T02:03:21.736Z (9 months ago)
- Language: TypeScript
- Homepage:
- Size: 231 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Explorer QuickView
Makes transaction hashes and addresses clickable on all webpages.
# Features
- Makes tx hashes and addresses into links pointing to an explorer
- Supports the following chains
- Ethereum Mainnet
- Polygon PoS
- Optimism
- Arbitrum
- Keeps a **local** history of all txs and addresses seen on all pages you visit. View via History link in extension popup.
- Export history into JSON for later analysis
# Installation
## Local
```bash
git clone [email protected]:vacekj/explorer-quickview.git
cd etherscan-quickview
npm install
npm run dev:chrome # works on chrome, brave and edge, replace with firefox / opera if necessary
```
### Development
- `yarn install` to install dependencies.
- To watch file changes in development
- Chrome
- `yarn run dev:chrome`
- Firefox
- `yarn run dev:firefox`
- Opera
- `yarn run dev:opera`
- **Load extension in browser**
- ### Chrome
- Go to the browser address bar and type `chrome://extensions`
- Check the `Developer Mode` button to enable it.
- Click on the `Load Unpacked Extension…` button.
- Select your browsers folder in `extension/`.
- ### Firefox
- Load the Add-on via `about:debugging` as temporary Add-on.
- Choose the `manifest.json` file in the extracted directory
- ### Opera
- Load the extension via `opera:extensions`
- Check the `Developer Mode` and load as unpacked from extension’s extracted directory.
### Production
- `yarn run build` builds the extension for all the browsers to `extension/BROWSER` directory respectively.
Note: By default the `manifest.json` is set with version `0.0.0`. The webpack loader will update the version in the build with that of the `package.json` version. In order to release a new version, update version in `package.json` and run script.
If you don't want to use `package.json` version, you can disable the option [here](https://github.com/abhijithvijayan/web-extension-starter/blob/e10158c4a49948dea9fdca06592876d9ca04e028/webpack.config.js#L79).
### Generating browser specific manifest.json
Update `source/manifest.json` file with browser vendor prefixed manifest keys
```js
{
"__chrome__name": "SuperChrome",
"__firefox__name": "SuperFox",
"__edge__name": "SuperEdge",
"__opera__name": "SuperOpera"
}
```
if the vendor is `chrome` this compiles to:
```js
{
"name": "SuperChrome",
}
```
---
Add keys to multiple vendors by separating them with | in the prefix
```
{
__chrome|opera__name: "SuperBlink"
}
```
if the vendor is `chrome` or `opera`, this compiles to:
```
{
"name": "SuperBlink"
}
```
See the original [README](https://github.com/abhijithvijayan/wext-manifest-loader) of `wext-manifest-loader` package for more details