feat: work in progress

src/env.ts

@@ -35,9 +35,11 @@ export const CELATONE_APP_CONTRACT_ADDRESS = (
   }
 };
 
-export const LCD_ENDPOINT: Record<string, string> = {
+export const FALLBACK_LCD_ENDPOINT: Record<string, string> = {
   osmosis: "https://lcd.osmosis.zone",
   osmosistestnet: "https://lcd-test.osmosis.zone",
+  terra2: "https://phoenix-lcd.terra.dev",
+  terra2testnet: "https://pisco-lcd.terra.dev",
 };
 
 export const MAX_FILE_SIZE = 800_000;
@@ -50,9 +52,10 @@ export const MSG_TYPE_URL = {
 
 export const CELATONE_CONSTANTS: CelatoneConstants = {
   gasAdjustment: 1.6,
-  lcdEndpoint: LCD_ENDPOINT,
   maxFileSize: MAX_FILE_SIZE,
   msgTypeUrl: MSG_TYPE_URL,
 };
 
 export const DUMMY_MNEMONIC = process.env.NEXT_PUBLIC_DUMMY_MNEMONIC;
+
+export const SUPPORTED_CHAIN = process.env.NEXT_PUBLIC_SUPPORTED_CHAIN;

src/lib/app-provider/contexts/app.tsx

@@ -12,7 +12,7 @@ import {
   getExplorerUserAddressUrl,
 } from "lib/app-fns/explorer";
 import { LoadingOverlay } from "lib/components/LoadingOverlay";
-import { DEFAULT_ADDRESS, DEFAULT_CHAIN } from "lib/data";
+import { DEFAULT_ADDRESS, getDefaultChainName } from "lib/data";
 import { useCodeStore, useContractStore } from "lib/hooks";
 import type { ChainGasPrice, Token, U } from "lib/types";
 import { formatUserKey } from "lib/utils";
@@ -113,7 +113,7 @@ export const AppProvider = <ContractAddress, Constants extends AppConstants>({
   }, [currentChainName, setCodeUserKey, setContractUserKey]);
 
   useEffect(() => {
-    setCurrentChain(DEFAULT_CHAIN);
+    setCurrentChain(getDefaultChainName());
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 

src/lib/app-provider/hooks/useQueryCmds.ts

@@ -2,7 +2,7 @@ import { useQuery } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 import { useState } from "react";
 
-import { useEndpoint } from "lib/hooks";
+import { useLCDEndpoint } from "lib/hooks";
 import { queryData } from "lib/services/contract";
 import type { ContractAddr, RpcQueryError } from "lib/types";
 
@@ -11,7 +11,7 @@ interface UseQueryCmdsProps {
 }
 export const useQueryCmds = ({ contractAddress }: UseQueryCmdsProps) => {
   const [queryCmds, setQueryCmds] = useState<[string, string][]>([]);
-  const endpoint = useEndpoint();
+  const endpoint = useLCDEndpoint();
 
   const { isFetching } = useQuery(
     ["query", "cmds", endpoint, contractAddress, '{"": {}}'],

src/lib/app-provider/query-client/index.ts

@@ -1,12 +1,11 @@
 import { GraphQLClient } from "graphql-request";
 
 export const GRAPH_URL: Record<string, string> = {
-  osmosistestnet: "https://osmosis-testnet-graphql.alleslabs.dev/v1/graphql",
   /**
-   * Revisit graphql for terra2 mainnet and keplr key for testnet (currently non-existent)
+   * Revisit graphql for terra2 mainnet and osmosis mainnet
    */
-  terra2: "https://terra-testnet-graphql.alleslabs.dev/console",
-  terra2testnet: "https://terra-testnet-graphql.alleslabs.dev/console",
+  osmosistestnet: "https://osmosis-testnet-graphql.alleslabs.dev/v1/graphql",
+  terra2testnet: "https://terra-testnet-graphql.alleslabs.dev/v1/graphql",
 };
 
 export const getIndexerGraphClient = (currentChainName: string) =>

src/lib/components/ContractSelectSection.tsx

@@ -5,7 +5,7 @@ import { useEffect, useMemo } from "react";
 import { useForm } from "react-hook-form";
 import { MdMode, MdOutlineBookmarkBorder } from "react-icons/md";
 
-import { useContractStore, useEndpoint, useMobile } from "lib/hooks";
+import { useContractStore, useLCDEndpoint, useMobile } from "lib/hooks";
 import { queryInstantiateInfo } from "lib/services/contract";
 import type { ContractInfo } from "lib/stores/contract";
 import type { ContractAddr, Option } from "lib/types";
@@ -103,7 +103,7 @@ export const ContractSelectSection = observer(
   ({ contractAddress, onContractSelect }: ContractSelectSectionProps) => {
     const { getContractInfo } = useContractStore();
     const isMobile = useMobile();
-    const endpoint = useEndpoint();
+    const endpoint = useLCDEndpoint();
 
     const contractInfo = getContractInfo(contractAddress);
     const {

src/lib/components/modal/code/SaveNewCode.tsx

@@ -11,7 +11,7 @@ import {
   getMaxCodeDescriptionLengthError,
   MAX_CODE_DESCRIPTION_LENGTH,
 } from "lib/data";
-import { useCodeStore, useEndpoint } from "lib/hooks";
+import { useCodeStore, useLCDEndpoint } from "lib/hooks";
 import { getCodeIdInfo } from "lib/services/code";
 
 interface ModalProps {
@@ -50,7 +50,7 @@ export function SaveNewCodeModal({ buttonProps }: ModalProps) {
   const toast = useToast();
   const { isCodeIdExist, saveNewCode, updateCodeInfo, getCodeLocalInfo } =
     useCodeStore();
-  const endpoint = useEndpoint();
+  const endpoint = useLCDEndpoint();
 
   const { refetch, isFetching, isRefetching } = useQuery(
     ["query", endpoint, codeId],

src/lib/components/modal/contract/SaveNewContract.tsx

@@ -13,7 +13,11 @@ import { ActionModal } from "lib/components/modal/ActionModal";
 import type { OffchainDetail } from "lib/components/OffChainForm";
 import { OffChainForm } from "lib/components/OffChainForm";
 import { DEFAULT_RPC_ERROR, INSTANTIATED_LIST_NAME } from "lib/data";
-import { useContractStore, useEndpoint, useValidateAddress } from "lib/hooks";
+import {
+  useContractStore,
+  useLCDEndpoint,
+  useValidateAddress,
+} from "lib/hooks";
 import { useHandleContractSave } from "lib/hooks/useHandleSave";
 import { queryInstantiateInfo } from "lib/services/contract";
 import type { ContractAddr, LVPair, RpcQueryError } from "lib/types";
@@ -31,7 +35,7 @@ interface SaveNewContractProps {
   buttonProps: ButtonProps;
 }
 export function SaveNewContract({ list, buttonProps }: SaveNewContractProps) {
-  const endpoint = useEndpoint();
+  const endpoint = useLCDEndpoint();
   const { getContractInfo } = useContractStore();
   const { validateContractAddress } = useValidateAddress();
 

src/lib/components/modal/select-contract/SelectContract.tsx

@@ -22,7 +22,11 @@ import { MdChevronLeft } from "react-icons/md";
 
 import { useCelatoneApp } from "lib/app-provider";
 import { DEFAULT_RPC_ERROR } from "lib/data";
-import { useContractStore, useEndpoint, useValidateAddress } from "lib/hooks";
+import {
+  useContractStore,
+  useLCDEndpoint,
+  useValidateAddress,
+} from "lib/hooks";
 import { useInstantiatedByMe } from "lib/model/contract";
 import { queryContract } from "lib/services/contract";
 import type { ContractAddr, RpcQueryError } from "lib/types";
@@ -55,7 +59,7 @@ export const SelectContract = ({
   const contractLists = [useInstantiatedByMe(true), ...getContractLists()];
   const contractList = contractLists.find((item) => item.slug === listSlug);
 
-  const endpoint = useEndpoint();
+  const endpoint = useLCDEndpoint();
 
   const resetOnClose = () => {
     setListSlug("");

src/lib/config/terra2testnet.ts

@@ -0,0 +1,89 @@
+import type { Chain, AssetList } from "@chain-registry/types";
+
+export const terra2testnet: Chain = {
+  $schema: "../../chain.schema.json",
+  chain_name: "terra2testnet",
+  status: "live",
+  network_type: "testnet",
+  pretty_name: "Terra Testnet",
+  chain_id: "pisco-1",
+  bech32_prefix: "terra",
+  daemon_name: "terrad",
+  node_home: "$HOME/.terrad",
+  slip44: 330,
+  fees: {
+    fee_tokens: [
+      {
+        denom: "uluna",
+        fixed_min_gas_price: 0,
+        low_gas_price: 0.015,
+        average_gas_price: 0.015,
+        high_gas_price: 0.015,
+      },
+    ],
+  },
+  staking: {
+    staking_tokens: [
+      {
+        denom: "uluna",
+      },
+    ],
+  },
+  codebase: {
+    git_repo: "https://github.com/terra-money/core",
+    recommended_version: "v2.2.0",
+    compatible_versions: ["v2.2.0"],
+    cosmos_sdk_version: "0.45.10",
+    tendermint_version: "0.34.22",
+    cosmwasm_version: "0.27",
+    cosmwasm_enabled: true,
+  },
+  apis: {
+    rpc: [
+      {
+        address: "https://terra-testnet-rpc.polkachu.com/",
+      },
+    ],
+    rest: [
+      {
+        address: "https://pisco-lcd.terra.dev/",
+      },
+    ],
+    grpc: [],
+  },
+  logo_URIs: {
+    png: "https://raw.githubusercontent.com/cosmos/chain-registry/master/terra2/images/luna.png",
+  },
+  keywords: ["testnet"],
+};
+
+export const terra2testnetAssets: AssetList = {
+  $schema: "../../assetlist.schema.json",
+  chain_name: "terra2testnet",
+  assets: [
+    {
+      description: "The native token of Terra",
+      denom_units: [
+        {
+          denom: "uluna",
+          exponent: 0,
+          aliases: [],
+        },
+        {
+          denom: "luna",
+          exponent: 6,
+          aliases: [],
+        },
+      ],
+      base: "uluna",
+      name: "Luna",
+      display: "luna",
+      symbol: "LUNA",
+      logo_URIs: {
+        png: "https://raw.githubusercontent.com/cosmos/chain-registry/master/terra2/images/luna.png",
+      },
+      coingecko_id: "terra",
+      keywords: ["staking"],
+    },
+  ],
+};

src/lib/data/chain.ts

@@ -0,0 +1,23 @@
+import { SUPPORTED_CHAIN } from "env";
+
+export const TERRA_CHAIN_NAMES = ["terra2", "terra2testnet"];
+
+export const OSMOSIS_CHAIN_NAMES = ["osmosis", "osmosistestnet"];
+
+export const ALL_CHAIN_NAMES = [...TERRA_CHAIN_NAMES, ...OSMOSIS_CHAIN_NAMES];
+
+export const getSupportedChainNames = () => {
+  switch (SUPPORTED_CHAIN) {
+    case "terra":
+      return TERRA_CHAIN_NAMES;
+    case "osmosis":
+      return OSMOSIS_CHAIN_NAMES;
+    default:
+      throw new Error(`Unsupported chain: ${SUPPORTED_CHAIN}`);
+  }
+};
+
+export const getDefaultChainName = () => {
+  const supportedChainNames = getSupportedChainNames();
+  return supportedChainNames[0];
+};

src/lib/data/constant.ts

@@ -62,8 +62,3 @@ export const typeUrlDict = {
 };
 
 export const DEFAULT_RPC_ERROR = "Invalid format, or Something went wrong";
-// TODO
-export const LCD_ENDPOINT: Record<string, string> = {
-  osmosis: "https://lcd.osmosis.zone",
-  osmosistestnet: "https://lcd-test.osmosis.zone",
-};

src/lib/data/index.ts

@@ -1,2 +1,2 @@
 export * from "./constant";
-export * from "./wallet";
+export * from "./chain";

src/lib/hooks/index.ts

@@ -1,7 +1,7 @@
 export * from "./store";
 export * from "./useMediaQuery";
 export * from "./useToast";
-export * from "./useEndpoint";
+export * from "./useLCDEndpoint";
 export * from "./useUserKey";
 export * from "./useDummyWallet";
 export * from "./useAddress";

src/lib/hooks/useAddress.ts

@@ -19,6 +19,14 @@ const addressLengthMap: {
     43: "user_address",
     63: "contract_address",
   },
+  terra2: {
+    44: "user_address",
+    64: "contract_address",
+  },
+  terra2testnet: {
+    44: "user_address",
+    64: "contract_address",
+  },
 };
 
 const getAddressTypeByLength = (

src/lib/hooks/useLCDEndpoint.ts

@@ -0,0 +1,12 @@
+import { useWallet } from "@cosmos-kit/react";
+
+import { FALLBACK_LCD_ENDPOINT } from "env";
+
+export const useLCDEndpoint = () => {
+  const { currentChainRecord, currentChainName } = useWallet();
+
+  return (
+    currentChainRecord?.preferredEndpoints?.rest?.at(0) ??
+    FALLBACK_LCD_ENDPOINT[currentChainName]
+  );
+};

src/lib/layout/Header.tsx

@@ -13,7 +13,7 @@ import Link from "next/link";
 import { FiChevronDown } from "react-icons/fi";
 
 import { WalletSection } from "lib/components/Wallet";
-import { CHAIN_NAMES } from "lib/data";
+import { getSupportedChainNames } from "lib/data";
 
 const Header = () => {
   const { currentChainRecord, setCurrentChain, getChainRecord } = useWallet();
@@ -64,21 +64,20 @@ const Header = () => {
             </Flex>
           </MenuButton>
           <MenuList>
-            {CHAIN_NAMES.map((chainName) => {
-              return (
-                <MenuItem
-                  key={chainName}
-                  onClick={() => setCurrentChain(chainName)}
-                  flexDirection="column"
-                  alignItems="flex-start"
-                >
-                  <Text>{getChainRecord(chainName)?.chain.pretty_name}</Text>
-                  <Text color="text.dark" fontSize="sm">
-                    {getChainRecord(chainName)?.chain.chain_id}
-                  </Text>
-                </MenuItem>
-              );
-            })}
+            {getSupportedChainNames().map((chainName) => (
+              <MenuItem
+                key={chainName}
+                onClick={() => setCurrentChain(chainName)}
+                disabled={currentChainRecord?.chain.chain_id === chainName}
+                flexDirection="column"
+                alignItems="flex-start"
+              >
+                <Text>{getChainRecord(chainName)?.chain.pretty_name}</Text>
+                <Text color="text.dark" fontSize="sm">
+                  {getChainRecord(chainName)?.chain.chain_id}
+                </Text>
+              </MenuItem>
+            ))}
           </MenuList>
         </Menu>
         <WalletSection />