Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 24 additions & 22 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,14 +47,13 @@ Whether you're developing with React or Vue, Interchain Kit offers tools and com
<img height="40" src="public/images/logos/frameworks/vue.svg" alt="Vue" />
</p>


## 📦 Packages

| Name | Description |
| ---------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
| [@interchain-kit/core](https://github.com/hyperweb-io/interchain-kit/tree/main/packages/core) | Core Interchain Kit functionality
| [@interchain-kit/react](https://github.com/hyperweb-io/interchain-kit/tree/main/packages/react) | React integration with Interchain UI Modal for simple usage |
| [@interchain-kit/vue](https://github.com/hyperweb-io/interchain-kit/tree/main/packages/vue) | Vue integration with Interchain UI Modal for simple usage |
| Name | Description |
| ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------- |
| [@interchain-kit/core](https://github.com/hyperweb-io/interchain-kit/tree/main/packages/core) | Core Interchain Kit functionality |
| [@interchain-kit/react](https://github.com/hyperweb-io/interchain-kit/tree/main/packages/react) | React integration with Interchain UI Modal for simple usage |
| [@interchain-kit/vue](https://github.com/hyperweb-io/interchain-kit/tree/main/packages/vue) | Vue integration with Interchain UI Modal for simple usage |

## 📦 Wallets

Expand Down Expand Up @@ -93,6 +92,9 @@ Explore the range of wallet adapters available in our [wallets directory](https:
<a href="https://chromewebstore.google.com/detail/galaxy-station-wallet/akckefnapafjbpphkefbpkpcamkoaoai?hl=en">
<img width="30px" src="https://raw.githubusercontent.com/hyperweb-io/interchain-kit/main/public/images/logos/wallets/galaxystation.svg" />
</a>
<a href="https://chromewebstore.google.com/detail/vultisig-extension/ggafhcdaplkhmmnlbfjpnnkepdfjaelb?hl=en">
<img width="30px" src="https://raw.githubusercontent.com/hyperweb-io/interchain-kit/main/public/images/logos/wallets/vultisig.svg" />
</a>
</p>

## 🔌 Integrating Wallets
Expand Down Expand Up @@ -141,8 +143,8 @@ flowchart TD

```


## UML

```mermaid
classDiagram
class BaseWallet{
Expand All @@ -157,7 +159,7 @@ classDiagram

+getAccounts(chainIds: string[])

+getSimpleAccount(chainId: string)
+getSimpleAccount(chainId: string)

+getOfflineSignerAmino(chainId: string)

Expand Down Expand Up @@ -197,12 +199,12 @@ classDiagram
ExtensionWallet <|-- KeplrExtensionWallet
ExtensionWallet <|-- LeapExtensionWallet


class KeplrExtensionWallet {

}
class KeplrMobileWallet {

}

```
Expand Down Expand Up @@ -233,21 +235,21 @@ lerna publish
# lerna publish major
```

## Interchain JavaScript Stack
## Interchain JavaScript Stack

A unified toolkit for building applications and smart contracts in the Interchain ecosystem ⚛️

| Category | Tools | Description |
|----------------------|------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------|
| **Chain Information** | [**Chain Registry**](https://github.com/hyperweb-io/chain-registry), [**Utils**](https://www.npmjs.com/package/@chain-registry/utils), [**Client**](https://www.npmjs.com/package/@chain-registry/client) | Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application. |
| **Wallet Connectors**| [**Interchain Kit**](https://github.com/hyperweb-io/interchain-kit)<sup>beta</sup>, [**Cosmos Kit**](https://github.com/hyperweb-io/cosmos-kit) | Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface. |
| **Signing Clients** | [**InterchainJS**](https://github.com/hyperweb-io/interchainjs)<sup>beta</sup>, [**CosmJS**](https://github.com/cosmos/cosmjs) | A single, universal signing interface for any network |
| **SDK Clients** | [**Telescope**](https://github.com/hyperweb-io/telescope) | Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules. |
| **Starter Kits** | [**Create Interchain App**](https://github.com/hyperweb-io/create-interchain-app)<sup>beta</sup>, [**Create Cosmos App**](https://github.com/hyperweb-io/create-cosmos-app) | Set up a modern Interchain app by running one command. |
| **UI Kits** | [**Interchain UI**](https://github.com/hyperweb-io/interchain-ui) | The Interchain Design System, empowering developers with a flexible, easy-to-use UI kit. |
| **Testing Frameworks** | [**Starship**](https://github.com/hyperweb-io/starship) | Unified Testing and Development for the Interchain. |
| **TypeScript Smart Contracts** | [**Create Hyperweb App**](https://github.com/hyperweb-io/create-hyperweb-app) | Build and deploy full-stack blockchain applications with TypeScript |
| **CosmWasm Contracts** | [**CosmWasm TS Codegen**](https://github.com/CosmWasm/ts-codegen) | Convert your CosmWasm smart contracts into dev-friendly TypeScript classes. |
| Category | Tools | Description |
| ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| **Chain Information** | [**Chain Registry**](https://github.com/hyperweb-io/chain-registry), [**Utils**](https://www.npmjs.com/package/@chain-registry/utils), [**Client**](https://www.npmjs.com/package/@chain-registry/client) | Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application. |
| **Wallet Connectors** | [**Interchain Kit**](https://github.com/hyperweb-io/interchain-kit)<sup>beta</sup>, [**Cosmos Kit**](https://github.com/hyperweb-io/cosmos-kit) | Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface. |
| **Signing Clients** | [**InterchainJS**](https://github.com/hyperweb-io/interchainjs)<sup>beta</sup>, [**CosmJS**](https://github.com/cosmos/cosmjs) | A single, universal signing interface for any network |
| **SDK Clients** | [**Telescope**](https://github.com/hyperweb-io/telescope) | Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules. |
| **Starter Kits** | [**Create Interchain App**](https://github.com/hyperweb-io/create-interchain-app)<sup>beta</sup>, [**Create Cosmos App**](https://github.com/hyperweb-io/create-cosmos-app) | Set up a modern Interchain app by running one command. |
| **UI Kits** | [**Interchain UI**](https://github.com/hyperweb-io/interchain-ui) | The Interchain Design System, empowering developers with a flexible, easy-to-use UI kit. |
| **Testing Frameworks** | [**Starship**](https://github.com/hyperweb-io/starship) | Unified Testing and Development for the Interchain. |
| **TypeScript Smart Contracts** | [**Create Hyperweb App**](https://github.com/hyperweb-io/create-hyperweb-app) | Build and deploy full-stack blockchain applications with TypeScript |
| **CosmWasm Contracts** | [**CosmWasm TS Codegen**](https://github.com/CosmWasm/ts-codegen) | Convert your CosmWasm smart contracts into dev-friendly TypeScript classes. |

## Credits

Expand Down
12 changes: 8 additions & 4 deletions examples/react/src/main.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ import { compassWallet } from '@interchain-kit/compass-extension';
import { trustWallet } from '@interchain-kit/trust-extension';
import { leapCosmosExtensionMetaMask } from '@interchain-kit/leap-cosmos-extension-metamask';
import { xdefinWallet } from '@interchain-kit/xdefi-extension';
import { vultisigWallet } from '@interchain-kit/vultisig-extension';
// import { MockWallet } from "@interchain-kit/mock-wallet";
import { metaMaskWallet } from '@interchain-kit/metamask-extension';
import { exodusWallet } from '@interchain-kit/exodus-extension';
Expand Down Expand Up @@ -61,7 +62,7 @@ const chainNames: string[] = [
// "osmosistestnet",
// 'osmosis',
// "juno",
// "cosmoshub",
'cosmoshub',
// "stargaze",
// "noble",
// "seitestnet2",
Expand Down Expand Up @@ -216,6 +217,7 @@ const _wallets: BaseWallet[] = [
phantomWallet,
backPackWallet,
solflareWallet,
vultisigWallet,
];

ReactDOM.createRoot(document.getElementById('root')!).render(
Expand Down Expand Up @@ -270,9 +272,11 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
>
<BrowserRouter>
<App />
{/* <InterchainWalletModal
modalThemeProviderProps={{ defaultTheme: "light" }}
/> */}
{
<InterchainWalletModal
modalThemeProviderProps={{ defaultTheme: 'light' }}
/>
}
</BrowserRouter>
</ChainProvider>
</React.StrictMode>
Expand Down
4 changes: 2 additions & 2 deletions examples/react/src/pages/all-wallets.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -323,11 +323,11 @@ const WalletConnectTd = ({ wallet }: { wallet: StatefulWallet }) => {
);

const connect = () => {
walletManager.connect(wallet.info?.name as string, 'osmosis');
walletManager.connect(wallet.info?.name as string, 'cosmoshub');
};

const disconnect = () => {
walletManager.disconnect(wallet.info?.name as string, 'osmosis');
walletManager.disconnect(wallet.info?.name as string, 'cosmoshub');
};

const uri = walletManager.walletConnectQRCodeUri;
Expand Down
65 changes: 65 additions & 0 deletions public/images/logos/wallets/vultisig.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading