feat: add support for multiple indexer endpoints

.env.local.example

@@ -1,4 +1,6 @@
 VITE_LOCAL_HOSTNAME=http://127.0.0.1
-VITE_PROXY_URL_REGEN_MAINNET=http://api.registry.regen.network
-VITE_PROXY_URL_REGEN_TESTNET=http://api-staging.registry.regen.network
-VITE_INDEXER_GRAPHQL_API=http://localhost:5000/indexer/v1/graphql
+VITE_PROXY_URL_REGEN_MAINNET=http://api.regen.network
+VITE_PROXY_URL_REGEN_TESTNET=http://api-staging.regen.network
+VITE_INDEXER_GRAPHQL_API_REGEN_LOCAL=http://127.0.0.1:5000/indexer/v1/graphql
+VITE_INDEXER_GRAPHQL_API_REGEN_MAINNET=http://127.0.0.1:5000/indexer/v1/graphql
+VITE_INDEXER_GRAPHQL_API_REGEN_TESTNET=http://127.0.0.1:5000/indexer/v1/graphql

indexer-codegen.ts

@@ -2,7 +2,7 @@ import { CodegenConfig } from '@graphql-codegen/cli'
 
 const config: CodegenConfig = {
   overwrite: true,
-  schema: 'http://localhost:5000/indexer/v1/graphql',
+  schema: 'http://127.0.0.1:5000/indexer/v1/graphql',
   documents: ['src/graphql/indexer/**/*.graphql'],
   generates: {
     './src/gql/': {

netlify.toml

@@ -1,9 +1,3 @@
-[context.production.environment]
-  VITE_INDEXER_GRAPHQL_API="https://api.regen.network/indexer/v1/graphql"
-
-[context.deploy-preview.environment]
-  VITE_INDEXER_GRAPHQL_API="https://api-staging.regen.network/indexer/v1/graphql"
-
 [[redirects]]
   from = "/*"
   to = "/index.html"

src/api/chains/index.ts

@@ -17,13 +17,20 @@ const {
 
 import { regenLocal, regenMainnet, regenTestnet } from './regen'
 
-export const mainnetChainsArray: ChainInfo[] = [
+export interface ChainInfoExtended extends ChainInfo {
+  indexer: string
+}
+
+export const mainnetChainsArray: ChainInfoExtended[] = [
   ...(VITE_PROXY_URL_REGEN_MAINNET ? [regenMainnet] : []),
 ]
 
-export const testnetChainsArray: ChainInfo[] = [
+export const testnetChainsArray: ChainInfoExtended[] = [
   ...(VITE_PROXY_URL_REGEN_TESTNET ? [regenTestnet] : []),
   ...(VITE_LOCAL_HOSTNAME ? [regenLocal] : []),
 ]
 
-export const allChainsArray: ChainInfo[] = [...mainnetChainsArray, ...testnetChainsArray]
+export const allChainsArray: ChainInfoExtended[] = [
+  ...mainnetChainsArray,
+  ...testnetChainsArray,
+]

src/api/chains/regen.ts

@@ -1,11 +1,16 @@
-import type { AppCurrency, ChainInfo } from '@keplr-wallet/types'
+import type { AppCurrency } from '@keplr-wallet/types'
 
 import { Bech32Address } from 'util/bech32'
 
+import { ChainInfoExtended } from './index'
+
 const {
   VITE_LOCAL_HOSTNAME,
   VITE_PROXY_URL_REGEN_MAINNET,
   VITE_PROXY_URL_REGEN_TESTNET,
+  VITE_INDEXER_GRAPHQL_API_REGEN_LOCAL,
+  VITE_INDEXER_GRAPHQL_API_REGEN_MAINNET,
+  VITE_INDEXER_GRAPHQL_API_REGEN_TESTNET,
 } = import.meta.env
 
 const REGEN: AppCurrency = {
@@ -22,10 +27,12 @@ const REGEN: AppCurrency = {
  */
 const currencies: AppCurrency[] = [REGEN]
 
-export const regenLocal: ChainInfo = {
+export const regenLocal: ChainInfoExtended = {
   // hardcoded port values based on makefile
-  rpc: `${VITE_LOCAL_HOSTNAME}:26657`,
-  rest: `${VITE_LOCAL_HOSTNAME}:1317`,
+  rpc: VITE_LOCAL_HOSTNAME ? `${VITE_LOCAL_HOSTNAME}:26657` : 'http://127.0.0.1:26657',
+  rest: VITE_LOCAL_HOSTNAME ? `${VITE_LOCAL_HOSTNAME}:1317` : 'http://127.0.0.1:1317',
+  indexer:
+    VITE_INDEXER_GRAPHQL_API_REGEN_LOCAL || 'http://127.0.0.1:5000/indexer/v1/graphql',
   chainId: 'regen-local',
   chainName: 'Regen Local',
   stakeCurrency: REGEN,
@@ -40,9 +47,16 @@ export const regenLocal: ChainInfo = {
 /**
  * @see https://github.com/cosmos/chain-registry/blob/master/regen/chain.json
  */
-export const regenMainnet: ChainInfo = {
-  rpc: `${VITE_PROXY_URL_REGEN_MAINNET}/ledger`,
-  rest: `${VITE_PROXY_URL_REGEN_MAINNET}/ledger-rest`,
+export const regenMainnet: ChainInfoExtended = {
+  rpc: VITE_PROXY_URL_REGEN_MAINNET
+    ? `${VITE_PROXY_URL_REGEN_MAINNET}/ledger`
+    : 'https://api.regen.network/ledger',
+  rest: VITE_PROXY_URL_REGEN_MAINNET
+    ? `${VITE_PROXY_URL_REGEN_MAINNET}/ledger-rest`
+    : 'https://api.regen.network/ledger-rest',
+  indexer:
+    VITE_INDEXER_GRAPHQL_API_REGEN_MAINNET ||
+    'https://api.regen.network/indexer/v1/graphql',
   chainId: 'regen-1',
   chainName: 'Regen',
   stakeCurrency: REGEN,
@@ -54,9 +68,16 @@ export const regenMainnet: ChainInfo = {
   feeCurrencies: currencies,
 }
 
-export const regenTestnet: ChainInfo = {
-  rpc: `${VITE_PROXY_URL_REGEN_TESTNET}/ledger`,
-  rest: `${VITE_PROXY_URL_REGEN_TESTNET}/ledger-rest`,
+export const regenTestnet: ChainInfoExtended = {
+  rpc: VITE_PROXY_URL_REGEN_TESTNET
+    ? `${VITE_PROXY_URL_REGEN_TESTNET}/ledger`
+    : 'https://api-staging.regen.network/ledger',
+  rest: VITE_PROXY_URL_REGEN_TESTNET
+    ? `${VITE_PROXY_URL_REGEN_TESTNET}/ledger-rest`
+    : 'https://api.regen.network/ledger-rest',
+  indexer:
+    VITE_INDEXER_GRAPHQL_API_REGEN_TESTNET ||
+    'https://api-staging.regen.network/indexer/v1/graphql',
   chainId: 'regen-redwood-1',
   chainName: 'Regen Redwood',
   stakeCurrency: REGEN,

src/graphql-request-provider.tsx

@@ -1,16 +1,16 @@
 import React, { useState } from 'react'
 import { GraphQLClient } from 'graphql-request'
 import { GraphqlRequestContext } from 'graphql-request-context'
+import { useSnapshot } from 'valtio'
 
-const { VITE_INDEXER_GRAPHQL_API } = import.meta.env
+import { Chain } from './store/chain.store'
 
 export const GraphqlProvider = ({ children }: { children?: React.ReactNode }) => {
+  const { active } = useSnapshot(Chain)
   const [client, setClient] = useState<GraphQLClient | undefined>(undefined)
   if (!client) {
     setClient(
-      new GraphQLClient(
-        VITE_INDEXER_GRAPHQL_API || 'http://localhost:5000/indexer/graphql',
-      ),
+      new GraphQLClient(active.indexer || 'http://127.0.0.1:5000/indexer/v1/graphql'),
     )
   }
   return (

src/store/chain.store.ts

@@ -1,11 +1,10 @@
 import type { StdFee } from '@cosmjs/stargate'
-import type { ChainInfo } from '@keplr-wallet/types'
 import { proxy } from 'valtio'
 
 import type { ValidatorSDKType } from 'types'
 import { isJson } from 'util/validation'
 
-import { allChainsArray } from 'api/chains'
+import { allChainsArray, ChainInfoExtended } from 'api/chains'
 
 import { bootstrapKeplr } from './wallet.store'
 
@@ -15,8 +14,8 @@ const savedChain = localStorage.getItem(LOCALSTORAGE_CHAIN_KEY)
 const defaultChain = allChainsArray[0]
 
 type ChainStore = {
-  active: ChainInfo
-  all: ChainInfo[]
+  active: ChainInfoExtended
+  all: ChainInfoExtended[]
   fee?: StdFee // | 'auto' | number
   stakeDenom: string
   validators: ValidatorSDKType[]