upgrade chain-registry to 2.0

Author: sdqede

package.json

@@ -42,4 +42,4 @@
     "url": "https://github.com/hyperweb-io/create-hyperweb-app"
   },
   "packageManager": "[email protected]"
-}
+}

templates/chain-admin/components/contract/common/AttachFundsRadio.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from 'react';
 import { Box } from '@interchain-ui/react';
-import { Asset } from '@chain-registry/v2-types';
+import { Asset } from '@chain-registry/types';
 import BigNumber from 'bignumber.js';
 import { TbCurrencyDollarOff } from 'react-icons/tb';
 import { LuListPlus } from 'react-icons/lu';

templates/chain-admin/components/contract/common/SelectAssetContent.tsx

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction, useMemo } from 'react';
-import { assetLists } from '@chain-registry/v2';
+import { assetLists } from 'chain-registry';
 import { LuPlus } from 'react-icons/lu';
 
 import {

templates/chain-admin/components/contract/common/SelectAssetItem.tsx

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction, useState } from 'react';
 import { HiOutlineTrash } from 'react-icons/hi';
-import { Asset } from '@chain-registry/v2-types';
+import { Asset } from '@chain-registry/types';
 import {
   Avatar,
   Box,
@@ -95,7 +95,7 @@ export const SelectAssetItem = ({
         >
           <PopoverTrigger>
             <SelectButton
-              onClick={() => {}}
+              onClick={() => { }}
               placeholder={selectedAssetWithAmount?.asset?.symbol ?? 'Select'}
               _css={{ width: isMobile ? '100px' : '140px' }}
             />
@@ -108,9 +108,8 @@ export const SelectAssetItem = ({
               py="10px"
               bg="$background"
               borderRadius="4px"
-              boxShadow={`0px 4px 20px 0px rgba(${
-                theme === 'light' ? '0,0,0' : '128,128,128'
-              }, 0.1)`}
+              boxShadow={`0px 4px 20px 0px rgba(${theme === 'light' ? '0,0,0' : '128,128,128'
+                }, 0.1)`}
               maxHeight="220px"
               overflowY="auto"
             >

templates/chain-admin/hooks/common/useStarshipChains.ts

@@ -3,7 +3,7 @@ import { AssetList, Chain } from '@chain-registry/types';
 import {
   Chain as ChainV2,
   AssetList as AssetListV2,
-} from '@chain-registry/v2-types';
+} from '@chain-registry/types';
 
 import { StarshipConfig } from '@/starship';
 import { convertKeysToCamelCase } from '@/utils';
@@ -33,7 +33,7 @@ export const useStarshipChains = () => {
 
         const assets = (await Promise.all(
           chains.map((chain) =>
-            fetcher<AssetList>(`${baseUrl}/chains/${chain.chain_id}/assets`)
+            fetcher<AssetList>(`${baseUrl}/chains/${chain.chain_id}/assets`) // if use chainId, got error: Cannot read properties of undefined (reading 'chainName') at const { connect, disconnect, address, wallet } = useChain(selectedChain)
           )
         ).then((assetLists) => assetLists.filter(Boolean))) as AssetList[];
 

templates/chain-admin/package.json

@@ -31,7 +31,7 @@
     "@tanstack/react-query": "4.32.0",
     "ace-builds": "1.35.0",
     "bignumber.js": "9.1.2",
-    "chain-registry": "1.62.3",
+    "chain-registry": "2.0.9",
     "dayjs": "1.11.11",
     "hyperwebjs": "^0.0.5",
     "interchain-kit": "^0.2.1",
@@ -46,7 +46,7 @@
     "zustand": "4.5.2"
   },
   "devDependencies": {
-    "@chain-registry/types": "0.44.3",
+    "@chain-registry/types": "2.0.9",
     "@starship-ci/cli": "^2.10.2",
     "@tanstack/react-query-devtools": "4.32.0",
     "@types/node": "18.11.9",

templates/chain-admin/pages/_app.tsx

@@ -3,7 +3,7 @@ import '@interchain-ui/react/styles';
 
 import type { AppProps } from 'next/app';
 import { ChainProvider } from '@interchain-kit/react';
-import { chains, assetLists } from '@chain-registry/v2';
+import { chains, assetLists } from 'chain-registry';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
 import { Box, Toaster, useTheme } from '@interchain-ui/react';
 // import { ReactQueryDevtools } from '@tanstack/react-query-devtools';

templates/chain-admin/utils/common.ts

@@ -1,5 +1,5 @@
 import { Wallet } from '@interchain-kit/core';
-import { Asset, AssetList, Chain } from '@chain-registry/v2-types';
+import { Asset, AssetList, Chain } from '@chain-registry/types';
 import BigNumber from 'bignumber.js';
 
 export const getNativeAsset = (assets: AssetList) => {

templates/chain-admin/utils/contract.ts

@@ -1,4 +1,4 @@
-import { AssetList, Chain } from '@chain-registry/v2-types';
+import { AssetList, Chain } from '@chain-registry/types';
 import { toBech32, fromBech32 } from '@interchainjs/encoding';
 import { Log, findAttribute } from '@interchainjs/utils';
 import { parseCoins } from '@interchainjs/amino';

templates/chain-admin/utils/staking/staking.ts

@@ -11,7 +11,7 @@ import {
 } from '@interchainjs/react/cosmos/staking/v1beta1/query';
 import BigNumber from 'bignumber.js';
 import { QueryAnnualProvisionsResponse } from '@interchainjs/react/cosmos/mint/v1beta1/query';
-import type { Asset } from '@chain-registry/v2-types';
+import type { Asset } from '@chain-registry/types';
 import type { Coin } from '@interchainjs/react/types';
 
 const DAY_TO_SECONDS = 24 * 60 * 60;