Merge branch 'main' into examples

Eason Smith · Eason Smith · commit b0e64491c26e · 2025-01-24T23:26:27.000+08:00
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2024 Interweb, inc. <developers@cosmology.zone>
+Copyright (c) 2024 Interweb, inc. <developers@hyperweb.io>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/README.md b/README.md
@@ -54,15 +54,17 @@ Now your app should be running on `http://localhost:3000`!
 
 ### Get Started Immediately
 
-You don’t need to install or configure cosmjs, keplr, nextjs, webpack or Babel.
+#### Interchain JavaScript Stack Template
+
+This template provides everything you need to build modern Interchain applications. You don't need to install or configure interchainjs, keplr, nextjs, webpack or Babel.
 
 Everything is preconfigured, ready-to-go, so you can focus on your code!
 
-- ⚡️ Connect easily to 20+ wallets via [Interchain Kit](https://github.com/hyperweb-io/interchain-kit) — including Ledger, Keplr, Cosmostation, Leap, Trust Wallet, OKX, XDEFI, Exodus, Wallet Connect and more!
-- ⚛️ Sign and broadcast with [interchainjs](https://github.com/hyperweb-io/interchainjs) stargate + cosmwasm signers
-- 🎨 Build awesome UI with [Interchain UI](https://hyperweb.io/products/interchain-ui) and [Explore Components](https://hyperweb.io/components)
+- ⚡️ Connect easily to 20+ wallets via [Interchain Kit](https://github.com/hyperweb-io/interchain-kit) — including Ledger, Keplr, Cosmostation, Leap, Trust Wallet, OKX, XDEFI, Exodus, Wallet Connect and more!
+- ⚛️ Sign and broadcast with [InterchainJS](https://github.com/hyperweb-io/interchainjs)
+- 🎨 Build awesome UI with [Interchain UI](https://cosmology.zone/products/interchain-ui) and [Explore Components](https://hyperweb.io/components)
 - 🛠 Render pages with [next.js](https://nextjs.org/) hybrid static & server rendering
-- 📝 Leverage [chain-registry](https://github.com/hyperweb-io/chain-registry) for Chain and Asset info for all Cosmos chains
+- 📝 Leverage [chain-registry](https://github.com/hyperweb-io/chain-registry) for Chain and Asset info for all IBC-connected chains
 
 ## Education & Resources
 
@@ -263,7 +265,7 @@ yarn locks
 
 Checkout these related projects:
 
-- [@cosmology/telescope](https://github.com/hyperweb-io/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
+- [telescope](https://github.com/cosmology-tech/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
 - [@cosmwasm/ts-codegen](https://github.com/CosmWasm/ts-codegen) Convert your CosmWasm smart contracts into dev-friendly TypeScript classes.
 - [chain-registry](https://github.com/hyperweb-io/chain-registry) Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application.
 - [interchain-kit](https://github.com/hyperweb-io/interchain-kit) Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface.
@@ -273,7 +275,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by HyperWeb — if you like our tools, please consider delegating to [our validator ⚛️](https://hyperweb.io/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 ## Disclaimer
 
diff --git a/boilerplates/lerna-module/README.md b/boilerplates/lerna-module/README.md
@@ -50,7 +50,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 
 ## Disclaimer
diff --git a/boilerplates/lerna-tsx-module/README.md b/boilerplates/lerna-tsx-module/README.md
@@ -41,7 +41,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 
 ## Disclaimer
diff --git a/boilerplates/lerna-workspace/README.md b/boilerplates/lerna-workspace/README.md
@@ -50,7 +50,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 
 ## Disclaimer
diff --git a/boilerplates/telescope/README.md b/boilerplates/telescope/README.md
@@ -313,7 +313,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 
 ## Disclaimer
diff --git a/boilerplates/ts-codegen-npm-module/README.md b/boilerplates/ts-codegen-npm-module/README.md
@@ -58,7 +58,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 
 ## Disclaimer
diff --git a/boilerplates/website/CHANGELOG.md b/boilerplates/website/CHANGELOG.md
@@ -429,4 +429,4 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## 0.1.1 (2022-08-24)
 
-**Note:** Version bump only for package @cosmos-app/connect-chain
+**Note:** Version bump only for package @interchain-app/connect-chain
diff --git a/boilerplates/website/README.md b/boilerplates/website/README.md
@@ -78,7 +78,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 
 ## Disclaimer
diff --git a/examples/injective/README.md b/examples/injective/README.md
@@ -76,7 +76,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 
 ## Disclaimer
diff --git a/packages/create-interchain-app/LICENSE b/packages/create-interchain-app/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2024 Interweb, inc. <developers@cosmology.zone>
+Copyright (c) 2024 Interweb, inc. <developers@hyperweb.io>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/packages/create-interchain-app/README.md b/packages/create-interchain-app/README.md
@@ -54,15 +54,17 @@ Now your app should be running on `http://localhost:3000`!
 
 ### Get Started Immediately
 
-You don’t need to install or configure cosmjs, keplr, nextjs, webpack or Babel.
+#### Interchain JavaScript Stack Template
+
+This template provides everything you need to build modern Interchain applications. You don't need to install or configure interchainjs, keplr, nextjs, webpack or Babel.
 
 Everything is preconfigured, ready-to-go, so you can focus on your code!
 
-- ⚡️ Connect easily to 20+ wallets via [Interchain Kit](https://github.com/cosmology-tech/interchain-kit) — including Ledger, Keplr, Cosmostation, Leap, Trust Wallet, OKX, XDEFI, Exodus, Wallet Connect and more!
-- ⚛️ Sign and broadcast with [cosmjs](https://github.com/cosmos/cosmjs) stargate + cosmwasm signers
-- 🎨 Build awesome UI with [Interchain UI](https://cosmology.zone/products/interchain-ui) and [Explore Components](https://cosmology.zone/components)
+- ⚡️ Connect easily to 20+ wallets via [Interchain Kit](https://github.com/hyperweb-io/interchain-kit) — including Ledger, Keplr, Cosmostation, Leap, Trust Wallet, OKX, XDEFI, Exodus, Wallet Connect and more!
+- ⚛️ Sign and broadcast with [InterchainJS](https://github.com/hyperweb-io/interchainjs)
+- 🎨 Build awesome UI with [Interchain UI](https://cosmology.zone/products/interchain-ui) and [Explore Components](https://hyperweb.io/components)
 - 🛠 Render pages with [next.js](https://nextjs.org/) hybrid static & server rendering
-- 📝 Leverage [chain-registry](https://github.com/cosmology-tech/chain-registry) for Chain and Asset info for all Cosmos chains
+- 📝 Leverage [chain-registry](https://github.com/hyperweb-io/chain-registry) for Chain and Asset info for all IBC-connected chains
 
 ## Education & Resources
 
@@ -101,13 +103,13 @@ npx create-interchain-app
 ### npm
 
 ```sh
-npm init cosmos-app
+npm init interchain-app
 ```
 
 ### Yarn
 
 ```sh
-yarn create cosmos-app
+yarn create interchain-app
 ```
 
 ## Examples
@@ -263,7 +265,7 @@ yarn locks
 
 Checkout these related projects:
 
-- [@cosmology/telescope](https://github.com/cosmology-tech/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
+- [telescope](https://github.com/cosmology-tech/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
 - [@cosmwasm/ts-codegen](https://github.com/CosmWasm/ts-codegen) Convert your CosmWasm smart contracts into dev-friendly TypeScript classes.
 - [chain-registry](https://github.com/cosmology-tech/chain-registry) Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application.
 - [interchain-kit](https://github.com/cosmology-tech/interchain-kit) Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface.
@@ -273,7 +275,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 ## Disclaimer
 
diff --git a/templates/chain-template/CHANGELOG.md b/templates/chain-template/CHANGELOG.md
@@ -437,4 +437,4 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## 0.1.1 (2022-08-24)
 
-**Note:** Version bump only for package @cosmos-app/connect-multi-chain
+**Note:** Version bump only for package @interchain-app/connect-multi-chain
diff --git a/templates/chain-template/README.md b/templates/chain-template/README.md
@@ -75,7 +75,7 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/deploym
 
 Checkout these related projects:
 
-- [@cosmology/telescope](https://github.com/cosmology-tech/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
+- [telescope](https://github.com/cosmology-tech/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
 - [@cosmwasm/ts-codegen](https://github.com/CosmWasm/ts-codegen) Convert your CosmWasm smart contracts into dev-friendly TypeScript classes.
 - [chain-registry](https://github.com/cosmology-tech/chain-registry) Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application.
 - [interchain-kit](https://github.com/cosmology-tech/interchain-kit) Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface.
@@ -85,7 +85,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 ## Disclaimer
 
diff --git a/templates/connect-chain/CHANGELOG.md b/templates/connect-chain/CHANGELOG.md
@@ -457,4 +457,4 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## 0.1.1 (2022-08-24)
 
-**Note:** Version bump only for package @cosmos-app/connect-chain
+**Note:** Version bump only for package @interchain-app/connect-chain
diff --git a/templates/connect-chain/README.md b/templates/connect-chain/README.md
@@ -78,7 +78,7 @@ Checkout these related projects:
 
 ## Credits
 
-🛠 Built by Cosmology — if you like our tools, please consider delegating to [our validator ⚛️](https://cosmology.zone/validator)
+🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to [our github ⚛️](https://github.com/hyperweb-io)
 
 
 ## Disclaimer
diff --git a/templates/connect-chain/components/wallet/Wallet.tsx b/templates/connect-chain/components/wallet/Wallet.tsx
@@ -4,8 +4,8 @@ import {
   Stack,
   useColorModeValue,
 } from "@interchain-ui/react";
-import { WalletStatus } from "cosmos-kit";
-import { useChain } from "@cosmos-kit/react";
+import { WalletState as WalletStatus } from "@interchain-kit/core";
+import { useChain } from "@interchain-kit/react";
 import { getChainLogo } from "@/utils";
 import { CHAIN_NAME } from "@/config";
 import { User } from "./User";
@@ -37,17 +37,17 @@ export function Wallet() {
     [WalletStatus.Connected]: <ButtonConnected onClick={openView} />,
     [WalletStatus.Connecting]: <ButtonConnecting />,
     [WalletStatus.Disconnected]: <ButtonDisconnected onClick={connect} />,
-    [WalletStatus.Error]: <ButtonError onClick={openView} />,
+    // [WalletStatus.Error]: <ButtonError onClick={openView} />,
     [WalletStatus.Rejected]: <ButtonRejected onClick={connect} />,
-    [WalletStatus.NotExist]: <ButtonNotExist onClick={openView} />,
+    // [WalletStatus.NotExist]: <ButtonNotExist onClick={openView} />,
   }[status] || <ButtonConnect onClick={connect} />;
 
   return (
     <Box py="$16">
       <Stack attributes={{ mb: "$12", justifyContent: "center" }}>
         <Chain
-          name={chain.pretty_name}
-          logo={getChainLogo(chain.chain_name)!}
+          name={chain.prettyName!}
+          logo={getChainLogo(chain.chainName)!}
         />
       </Stack>
       <Stack
@@ -83,8 +83,11 @@ export function Wallet() {
           {ConnectButton}
         </Box>
 
-        {message && [WalletStatus.Error, WalletStatus.Rejected].includes(status)
-          ? <Warning text={`${wallet?.prettyName}: ${message}`} />
+        {message && [
+          // WalletStatus.Error,
+          WalletStatus.Rejected
+        ].includes(status)
+          ? <Warning text={`${wallet?.info?.prettyName}: ${message}`} />
           : null}
       </Stack>
     </Box>
diff --git a/templates/connect-chain/package.json b/templates/connect-chain/package.json
@@ -19,16 +19,17 @@
   },
   "dependencies": {
     "@chain-registry/types": "^0.50.18",
-    "@cosmjs/cosmwasm-stargate": "0.31.3",
-    "@cosmjs/stargate": "0.32.3",
-    "@cosmos-kit/react": "2.17.0",
     "@emotion/react": "11.10.6",
     "@emotion/styled": "11.10.6",
-    "@interchain-ui/react": "1.23.22",
+    "@interchain-kit/core": "^0.0.1-beta.62",
+    "@interchain-kit/keplr-extension": "^0.0.1-beta.62",
+    "@interchain-kit/leap-extension": "^0.0.1-beta.62",
+    "@interchain-kit/react": "^0.0.1-beta.62",
+    "@interchain-ui/react": "1.26.1",
     "@interchain-ui/react-no-ssr": "^0.1.6",
-    "chain-registry": "^1.69.32",
-    "cosmos-kit": "2.18.0",
+    "bech32": "^2.0.0",
     "framer-motion": "9.0.7",
+    "interchain-kit": "0.0.1-beta.62",
     "next": "^13",
     "react": "18.2.0",
     "react-dom": "18.2.0",
diff --git a/templates/connect-chain/pages/_app.tsx b/templates/connect-chain/pages/_app.tsx
@@ -2,47 +2,34 @@ import "../styles/globals.css";
 import "@interchain-ui/react/styles";
 
 import type { AppProps } from "next/app";
-import { SignerOptions, wallets } from "cosmos-kit";
-import { ChainProvider } from "@cosmos-kit/react";
-import { assets, chains } from "chain-registry";
+import { ChainProvider } from "@interchain-kit/react";
+import { assetLists, chains } from "@chain-registry/v2";
+import { keplrWallet } from "@interchain-kit/keplr-extension";
+import { leapWallet } from "@interchain-kit/leap-extension";
 import {
   Box,
   ThemeProvider,
   useColorModeValue,
   useTheme,
 } from "@interchain-ui/react";
 
+const chain = chains.find((chain) => chain.chainName === 'cosmoshub')!
+
+console.log('keplrWallet', keplrWallet)
+
 function CreateCosmosApp({ Component, pageProps }: AppProps) {
   const { themeClass } = useTheme();
 
-  const signerOptions: SignerOptions = {
-    // signingStargate: () => {
-    //   return getSigningCosmosClientOptions();
-    // }
-  };
-
   return (
     <ThemeProvider>
       <ChainProvider
+        chains={[{ ...chain }]}
+        assetLists={assetLists}
         // @ts-ignore
-        chains={chains}
-        // @ts-ingore
-        assetLists={assets}
-        wallets={wallets}
-        walletConnectOptions={{
-          signClient: {
-            projectId: "a8510432ebb71e6948cfd6cde54b70f7",
-            relayUrl: "wss://relay.walletconnect.org",
-            metadata: {
-              name: 'Interchain Kit dApp',
-              description: 'Interchain Kit dApp built by Create Interchain App',
-              url: "https://docs.cosmology.zone/interchain-kit/",
-              icons: [],
-            },
-          },
-        }}
+        wallets={[keplrWallet, leapWallet]}
         // @ts-ignore
-        signerOptions={signerOptions}
+        signerOptions={{}}
+        endpointOptions={{ endpoints: {} }}
       >
         <Box
           className={themeClass}
diff --git a/templates/connect-chain/utils/index.ts b/templates/connect-chain/utils/index.ts
@@ -1,11 +1,11 @@
-import { chains } from 'chain-registry';
-import { Asset, Chain } from '@chain-registry/types';
+import { chains } from '@chain-registry/v2';
+import { Asset, Chain } from '@chain-registry/v2-types';
 
 export function getLogo(from: Asset | Chain) {
-  return from.logo_URIs?.svg || from.logo_URIs?.png;
+  return from.logoURIs?.svg || from.logoURIs?.png;
 }
 
 export function getChainLogo(name: string) {
-  const chain = chains.find(chain => chain.chain_name === name)
+  const chain = chains.find(chain => chain.chainName === name)
   return chain ? getLogo(chain) : null;
 }
diff --git a/templates/connect-chain/yarn.lock b/templates/connect-chain/yarn.lock
diff --git a/templates/connect-multi-chain/CHANGELOG.md b/templates/connect-multi-chain/CHANGELOG.md
diff --git a/templates/connect-multi-chain/README.md b/templates/connect-multi-chain/README.md
diff --git a/templates/connect-multi-chain/components/wallet/Chain.tsx b/templates/connect-multi-chain/components/wallet/Chain.tsx
diff --git a/templates/connect-multi-chain/components/wallet/Wallet.tsx b/templates/connect-multi-chain/components/wallet/Wallet.tsx
diff --git a/templates/connect-multi-chain/package.json b/templates/connect-multi-chain/package.json
diff --git a/templates/connect-multi-chain/pages/_app.tsx b/templates/connect-multi-chain/pages/_app.tsx
diff --git a/templates/connect-multi-chain/utils/index.ts b/templates/connect-multi-chain/utils/index.ts
diff --git a/templates/connect-multi-chain/yarn.lock b/templates/connect-multi-chain/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -429,4 +429,4 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline`
`429`	`429`
`430`	`430`	`## 0.1.1 (2022-08-24)`
`431`	`431`
`432`		`-Note: Version bump only for package @cosmos-app/connect-chain`
	`432`	`+Note: Version bump only for package @interchain-app/connect-chain`