Feature Request: Add Local Block Explorer Integration

Problem

Developers using the devkit avs start command often need to visualize and interact with their local blockchain's state. Currently, the project lacks a user-friendly interface for exploring transactions, blocks, accounts, and contracts beyond logs. This makes debugging and demos more difficult.

Solution

Integrate a local block explorer (like Otterscan) that connects to the Anvil node. This would provide a web-based UI for querying and displaying blockchain data.

Motivation

This change improves developer experience by:

1. Allowing developers to visually inspect transactions, blocks, token balances, and contract events without relying solely on logs
2. Enabling easier debugging of smart contracts during development
3. Providing a user-friendly interface for demonstrations and external consumption

Implementation

Update the project's docker-compose.yaml to include a service for running Otterscan. Since Anvil runs on http://localhost:8545 by default, we can configure Otterscan to connect to this node.

Steps:

1. Add a new service in docker-compose.yaml for the block explorer

Details

Example docker-compose.yaml modification:

services:
  devkit-devnet:
    image: ${FOUNDRY_IMAGE}
    container_name: ${AVS_CONTAINER_NAME} 
    entrypoint: anvil
    command: "--host 0.0.0.0 --fork-url ${FORK_RPC_URL} --fork-block-number ${FORK_BLOCK_NUMBER}  ${ANVIL_ARGS}"
    ports:
      - "${DEVNET_PORT}:8545"
    extra_hosts:
      - "host.docker.internal:host-gateway"
  
  devkit-explorer:
    image: "otterscan/otterscan:v2.8.0"
    ports:
      - "5100:80"
    environment:
      ERIGON_URL: "http://devkit-devnet:8545"

Additional Considerations

1. Performance: Ensure this change doesn't significantly impact developer machine performance during local development.

Documentation

Update the README.md to explain how the new block explorer service can be accessed.

Expected Outcome

1. Developers will be able to view and interact with their local network using a visual interface.
2. Existing workflows remain unchanged unless explicitly modified by the user.

Bonus Points

• A sourcify instance coupled with the otterscan instance so that developer deployed contracts can be verified and interacted with.

References

1. Otterscan Documentation
   • https://docs.otterscan.io/install/dockerhub
   • https://docs.otterscan.io/config/reading/devel
   • https://docs.otterscan.io/intro/networks
   • https://github.com/otterscan/otterscan
   • https://hub.docker.com/r/otterscan/otterscan

Beginne mit der Durchsicht von docker/anvil/docker-compose.yaml und den vorhandenen Anweisungen in README.md. Überprüfe die Docker-Konfiguration von Otterscan und ihre Verbindung zum Anvil-Dienst. Starte anschließend den lokalen Stack und verifiziere, dass der Explorer über Port 5100 erreichbar ist und den Node abfragen kann. Als erledigt gilt die Aufgabe, wenn der Dienst funktioniert, ohne bestehende Workflows zu ändern, und README.md den Zugriff erklärt.