https://github.com/angellozan/transaction-hash-explorer-extension
A demo chrome extension built with the blockchair API and using their extension code in part to demonstrate the capabilities of such a search. Internal tool hackathon project for Exodus.
https://github.com/angellozan/transaction-hash-explorer-extension
api axios babel-plugin chrome extension webpack
Last synced: 4 months ago
JSON representation
A demo chrome extension built with the blockchair API and using their extension code in part to demonstrate the capabilities of such a search. Internal tool hackathon project for Exodus.
- Host: GitHub
- URL: https://github.com/angellozan/transaction-hash-explorer-extension
- Owner: AngelLozan
- Created: 2022-09-27T17:24:50.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-29T18:18:22.000Z (over 2 years ago)
- Last Synced: 2023-03-05T19:34:11.342Z (over 2 years ago)
- Topics: api, axios, babel-plugin, chrome, extension, webpack
- Language: JavaScript
- Homepage:
- Size: 15.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🔍 Block explorer Extension
This project has been created using **webpack-cli**
This is a demo extension to test the capbilities of the blockchair api for an internal tool hackathon project. Will be utilized by over 100 employees. Branding, coloration and images are all according to Exodus brand guidelines.
## On code download:
Run
```
npm run build
```
or
```
yarn build
```
to bundle your application
- You will see a `dist` folder created. This will be the packaged extension with minified code.
## To Install:
- Upload the `dist` folder to chrome as an unpacked extension.
## Use:
- Open the explorer with CMD + I
- Copy and paste a transaction into the search bar and hit enter.
Notes:
- `devtools` included in config to remove eval from content script when build is run. Content security policy blocks eval.
- Icons from FontAwesome.
- No `permissions` needed yet, just placeholders in the manifest.
- To run build: `webpack --mode development` or production depending
- Needs babel plugin in .babelrc in order to call async functions/ dynamic functions. https://babeljs.io/docs/en/plugins/. Also need to install the npm package.
- Uses Axios to get data from free api.
Formatting of regex and assignment of variables will be expansive in the current form. I will first ensure the regex and api calls are successful, then I will pair down the JS to combine as many variables as possible and streamline the code.
To Do:
- Save data from previous search in local storage to display after opening the app.
- Save data from previous search in URL list linking to transaction for reference?
- Regex and api string modification for other chains.