https://github.com/tintinweb/smart-contract-storage-viewer

🔆🔎👀 Smart Contract Storage Viewer, DataType Guesser, Toolbox & Transaction Decoder
https://github.com/tintinweb/smart-contract-storage-viewer

ethereum smart-contract-tools

Last synced: 15 days ago
JSON representation

🔆🔎👀 Smart Contract Storage Viewer, DataType Guesser, Toolbox & Transaction Decoder

• Host: GitHub
• URL: https://github.com/tintinweb/smart-contract-storage-viewer
• Owner: tintinweb
• Created: 2022-08-02T10:10:03.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-02-28T18:21:41.000Z (9 months ago)
• Last Synced: 2024-10-23T07:54:14.118Z (24 days ago)
• Topics: ethereum, smart-contract-tools
• Language: JavaScript
• Homepage: https://tintinweb.github.io/smart-contract-storage-viewer/
• Size: 933 KB
• Stars: 117
• Watchers: 4
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🔆🔎👀 Smart Contract Storage HexViewer









## Demo

- **Target** - the target contract

- **API Endpoint** - your [infura](https://infura.io/register) (or equivalent) api key

Retrieves smart contract storage and displays it in a hex viewer. Attempts to make sense of the values by guessing the datatype for each slot. Guesses are displayed in the tree-view. Note that you can click on an address to open it on etherscan.

👉 https://tintinweb.github.io/smart-contract-storage-viewer/ 

🗒️ This is a standalone demo with a trial infura key. I suggest you get your own key as this one will likely be rate-limited very soon ;)

## Development

### Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Acknowledgements

* [infura.io](https://infura.io/) - as a provider for storage slot data

* [react-hex-editor](https://www.npmjs.com/package/react-hex-editor) - hex view component

* [react-json-view](https://www.npmjs.com/package/react-json-view) - tree view component