Indexing Optimism Bridge Deposits

Introduction

This tutorial will guide you through indexing Optimism Standard Bridge deposits in under 5 minutes using Envio HyperIndex's no-code contract import feature.

The Optimism Standard Bridge enables the movement of ETH and ERC-20 tokens between Ethereum and Optimism. We'll index bridge deposit events by extracting the DepositFinalized logs emitted by the bridge contracts on both networks.

Prerequisites

Before starting, ensure you have the following installed:

• Node.js (v18 or newer recommended)
• pnpm (v8 or newer)
• Docker Desktop (required to run the Envio indexer locally)

Note: Docker is specifically required to run your indexer locally. You can skip Docker installation if you plan only to use Envio's hosted service.

Step 1: Initialize Your Indexer

1. Open your terminal in an empty directory and run:

pnpx envio init

2. Name your indexer (we'll use "optimism-bridge-indexer" in this example):

3. Choose your preferred language (TypeScript, JavaScript, or ReScript):

Step 2: Import the Optimism Bridge Contract

1. Select Contract Import → Block Explorer → Optimism

2. Enter the Optimism bridge contract address:

   0x4200000000000000000000000000000000000010

   View on Optimistic Etherscan

3. Select the DepositFinalized event:

   • Navigate using arrow keys (↑↓)
   • Press spacebar to select the event

Tip: You can select multiple events to index simultaneously.

Step 3: Add the Ethereum Mainnet Bridge Contract

1. When prompted, select Add a new contract

2. Choose Block Explorer → Ethereum Mainnet

3. Enter the Ethereum Mainnet gateway contract address:

   0x99C9fc46f92E8a1c0deC1b1747d010903E884bE1

   View on Etherscan

4. Select the ETHDepositInitiated event

5. When finished adding contracts, select I'm finished

Step 4: Start Your Indexer

1. If you have any running indexers, stop them first:

pnpm envio stop

2. Start your new indexer:

pnpm dev

This command:

• Starts the required Docker containers
• Sets up your database
• Launches the indexing process
• Opens the Hasura GraphQL interface

Step 5: Understanding the Generated Code

Let's examine the key files that Envio generated:

1. config.yaml

This configuration file defines:

• Networks to index (Optimism and Ethereum Mainnet)
• Starting blocks for each network
• Contract addresses and ABIs
• Events to track

2. schema.graphql

This schema defines the data structures for our selected events:

• Entity types based on event data
• Field types matching the event parameters
• Relationships between entities (if applicable)

3. src/EventHandlers.ts

This file contains the business logic for processing events:

• Functions that execute when events are detected
• Data transformation and storage logic
• Entity creation and relationship management

Step 6: Exploring Your Indexed Data

Now you can interact with your indexed data:

Accessing Hasura

1. Open Hasura at http://localhost:8080
2. When prompted, enter the admin password: testing

Monitoring Indexing Progress

1. Click the Data tab in the top navigation
2. Find the _events_sync_state table to check indexing progress
3. Observe which blocks are currently being processed

Note: Thanks to Envio's HyperSync, indexing happens significantly faster than with standard RPC methods.

Querying Indexed Events

1. Click the API tab
2. Construct a GraphQL query to explore your data

Here's an example query to fetch the 10 largest bridge deposits:

query LargestDeposits {
  DepositFinalized(limit: 10, order_by: { amount: desc }) {
    l1Token
    l2Token
    from
    to
    amount
    blockTimestamp
  }
}

3. Click the Play button to execute your query

Conclusion

Congratulations! You've successfully created an indexer for Optimism Bridge deposits across both Ethereum and Optimism networks.

What You've Learned

• How to initialize a multi-network indexer using Envio
• How to import contracts from different blockchains
• How to query and explore indexed blockchain data

Next Steps

• Try customizing the event handlers to add additional logic
• Create relationships between events on different networks
• Deploy your indexer to Envio's hosted service

For more tutorials and advanced features, check out our documentation or watch our video walkthroughs on YouTube.