fix: hyperchain base address (#276)

# What ❔

Adding missing baseTokenAddress to the hyperchain configuration.
Adding a fallback to use the default L2 base token address if it's not
specified in the config.

## Why ❔

When configuring the block explorer using npm run hyperchain:configure,
the resulting configuration was missing the baseTokenAddress value. This
absence was causing an error
[here](https://github.com/matter-labs/block-explorer/blob/main/packages/app/src/composables/useEnvironmentConfig.ts#L31).
As a result of this error, the system was defaulting to Sepolia (which I
assume is not the intended behavior for your hyperchain setup).

## Checklist

<!-- Check your PR fulfills the following items. -->
<!-- For draft PRs check the boxes as you complete them. -->

- [X] PR title corresponds to the body of PR (we generate changelog
entries from PRs).
- [X] Tests for the changes have been added / updated.
- [X] Documentation comments have been added / updated.

---------

Signed-off-by: Vasyl Ivanchuk <[email protected]>
Co-authored-by: Alexander Melnikov <[email protected]>

.github/workflows/api-e2e.yml

@@ -29,7 +29,7 @@ jobs:
 
       - name: Start docker containers
         run: |
-          docker-compose -f "docker-compose.e2e.yaml" up -d --build
+          docker compose -f "docker-compose.e2e.yaml" up -d --build
 
       - name: Setup Node.js
         uses: actions/setup-node@v3
@@ -56,4 +56,4 @@ jobs:
 
       - name: Stop containers
         if: always()
-        run: docker-compose -f "docker-compose.e2e.yaml" down
+        run: docker compose -f "docker-compose.e2e.yaml" down

packages/app/src/composables/useEnvironmentConfig.ts

@@ -2,6 +2,7 @@ import { computed, ref } from "vue";
 
 import type { EnvironmentConfig, NetworkConfig, RuntimeConfig } from "@/configs";
 
+import { BASE_TOKEN_L2_ADDRESS } from "@/utils/constants";
 import { checksumAddress } from "@/utils/formatters";
 
 const config = ref<EnvironmentConfig | null>(null);
@@ -28,7 +29,7 @@ export async function loadEnvironmentConfig(runtimeConfig: RuntimeConfig): Promi
   }
 
   envConfig.networks?.forEach((networkConfig) => {
-    networkConfig.baseTokenAddress = checksumAddress(networkConfig.baseTokenAddress);
+    networkConfig.baseTokenAddress = checksumAddress(networkConfig.baseTokenAddress || BASE_TOKEN_L2_ADDRESS);
   });
 
   config.value = envConfig;

packages/app/src/utils/constants.ts

@@ -1,3 +1,4 @@
+export const BASE_TOKEN_L2_ADDRESS = "0x000000000000000000000000000000000000800A";
 export const PROXY_CONTRACT_IMPLEMENTATION_ABI = [
   {
     inputs: [],

scripts/setup-hyperchain-config.ts

@@ -18,6 +18,7 @@ const buildAppConfig = (zkSyncEnvs: { [key: string]: string }) => ({
     name: zkSyncEnvs.CHAIN_ETH_ZKSYNC_NETWORK || "",
     published: true,
     rpcUrl: zkSyncEnvs.API_WEB3_JSON_RPC_HTTP_URL || "",
+    baseTokenAddress: zkSyncEnvs.ETH_TOKEN_L2_ADDRESS || "0x000000000000000000000000000000000000800A",
   }]
 });