@interchain-kit/react 0.0.1-beta.4 → 0.0.1-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/enum/connection.js +1 -1
- package/esm/hooks/index.js +1 -0
- package/esm/hooks/useAccount.js +4 -2
- package/esm/hooks/useActiveWallet.js +8 -0
- package/esm/hooks/useChain.js +21 -2
- package/esm/hooks/useConfig.js +10 -0
- package/esm/hooks/useInterchainClient.js +30 -38
- package/esm/hooks/useOfflineSigner.js +15 -0
- package/esm/modal/modal.js +3 -1
- package/hooks/index.d.ts +1 -0
- package/hooks/index.js +1 -0
- package/hooks/useAccount.js +4 -2
- package/hooks/useActiveWallet.d.ts +1 -1
- package/hooks/useActiveWallet.js +8 -0
- package/hooks/useChain.d.ts +2 -2
- package/hooks/useChain.js +21 -2
- package/hooks/useConfig.d.ts +8 -0
- package/hooks/useConfig.js +14 -0
- package/hooks/useInterchainClient.d.ts +4 -5
- package/hooks/useInterchainClient.js +30 -38
- package/hooks/useOfflineSigner.d.ts +4 -0
- package/hooks/useOfflineSigner.js +19 -0
- package/hooks/useWalletManager.d.ts +1 -0
- package/modal/modal.js +3 -1
- package/package.json +3 -3
- package/types/chain.d.ts +16 -7
package/enum/connection.js
CHANGED
|
@@ -6,4 +6,4 @@ var ConnectState;
|
|
|
6
6
|
ConnectState["CONNECTING"] = "connecting";
|
|
7
7
|
ConnectState["CONNECTED"] = "connected";
|
|
8
8
|
ConnectState["DISCONNECTED"] = "disconnected";
|
|
9
|
-
})(ConnectState
|
|
9
|
+
})(ConnectState || (exports.ConnectState = ConnectState = {}));
|
package/esm/hooks/index.js
CHANGED
package/esm/hooks/useAccount.js
CHANGED
|
@@ -6,8 +6,10 @@ export const useAccount = (chainName, walletName) => {
|
|
|
6
6
|
const [account, setAccount] = useState(null);
|
|
7
7
|
const chain = walletManager.chains.find(c => c.chainName === chainName);
|
|
8
8
|
const getAccount = async () => {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
if (wallet && chain && wallet.client) {
|
|
10
|
+
const account = await wallet.getAccount(chain.chainId);
|
|
11
|
+
setAccount(account);
|
|
12
|
+
}
|
|
11
13
|
};
|
|
12
14
|
useEffect(() => {
|
|
13
15
|
if (wallet) {
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
+
import { useEffect } from "react";
|
|
1
2
|
import { useWalletManager } from "./useWalletManager";
|
|
3
|
+
import { useWalletModal } from "../modal";
|
|
2
4
|
export const useActiveWallet = () => {
|
|
3
5
|
const walletManager = useWalletManager();
|
|
6
|
+
const { open } = useWalletModal();
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
if (!walletManager.activeWallet) {
|
|
9
|
+
open();
|
|
10
|
+
}
|
|
11
|
+
}, [walletManager.activeWallet]);
|
|
4
12
|
return walletManager.getActiveWallet();
|
|
5
13
|
};
|
package/esm/hooks/useChain.js
CHANGED
|
@@ -2,18 +2,37 @@ import { useWalletManager } from "./useWalletManager";
|
|
|
2
2
|
import { useAccount } from "./useAccount";
|
|
3
3
|
import { useActiveWallet } from './useActiveWallet';
|
|
4
4
|
import { useInterchainClient } from './useInterchainClient';
|
|
5
|
+
import { useWalletModal } from "../modal";
|
|
5
6
|
export const useChain = (chainName) => {
|
|
6
7
|
const walletManager = useWalletManager();
|
|
7
8
|
const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
|
|
8
9
|
const assetList = walletManager.assetLists.find((a) => a.chainName === chainName);
|
|
9
10
|
const activeWallet = useActiveWallet();
|
|
10
|
-
const account = useAccount(chainName, activeWallet
|
|
11
|
-
const interchainClient = useInterchainClient(chainName, activeWallet
|
|
11
|
+
const account = useAccount(chainName, activeWallet?.option?.name);
|
|
12
|
+
const interchainClient = useInterchainClient(chainName, activeWallet?.option?.name);
|
|
13
|
+
const { open, close } = useWalletModal();
|
|
14
|
+
const cosmosKitUserChainReturnType = {
|
|
15
|
+
connect: () => {
|
|
16
|
+
if (activeWallet) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
open();
|
|
20
|
+
},
|
|
21
|
+
openView: open,
|
|
22
|
+
closeView: close,
|
|
23
|
+
getRpcEndpoint: () => walletManager.getRpcEndpoint(activeWallet, chainName),
|
|
24
|
+
status: activeWallet?.walletState,
|
|
25
|
+
username: account?.username,
|
|
26
|
+
message: activeWallet?.errorMessage,
|
|
27
|
+
getSigningCosmWasmClient: () => walletManager.createClientFactory(activeWallet, chainName).then((c) => c.getSigningCosmwasmClient()),
|
|
28
|
+
getSigningStargateClient: () => walletManager.createClientFactory(activeWallet, chainName).then((c) => c.getSigningStargateClient())
|
|
29
|
+
};
|
|
12
30
|
return {
|
|
13
31
|
chain: chainToShow,
|
|
14
32
|
assetList,
|
|
15
33
|
address: account?.address,
|
|
16
34
|
wallet: activeWallet,
|
|
35
|
+
...cosmosKitUserChainReturnType, //for migration cosmos kit
|
|
17
36
|
...interchainClient
|
|
18
37
|
};
|
|
19
38
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useWalletManager } from "./useWalletManager";
|
|
2
|
+
export const useConfig = () => {
|
|
3
|
+
const walletManager = useWalletManager();
|
|
4
|
+
return {
|
|
5
|
+
updateChains: (chains) => walletManager.chains = chains,
|
|
6
|
+
updateAssetLists: (assetLists) => walletManager.assetLists = assetLists,
|
|
7
|
+
updateSignerOptions: (signerOptions) => walletManager.signerOptions = signerOptions,
|
|
8
|
+
updateEndpoints: (endpointOptions) => walletManager.endpointOptions = endpointOptions,
|
|
9
|
+
};
|
|
10
|
+
};
|
|
@@ -4,56 +4,48 @@ import { useAccount } from './useAccount';
|
|
|
4
4
|
export const useInterchainClient = (chainName, walletName) => {
|
|
5
5
|
const [rpcEndpoint, setRpcEndpoint] = useState();
|
|
6
6
|
const [signingClient, setSigningClient] = useState(null);
|
|
7
|
-
const [
|
|
8
|
-
const [
|
|
9
|
-
const [
|
|
10
|
-
const [cosmWasmSigningClient, setCosmWasmSigningClient] = useState(null);
|
|
7
|
+
const [queryClient, setQueryClient] = useState(null);
|
|
8
|
+
const [signingStargateClient, setSigningStargateClient] = useState(null);
|
|
9
|
+
const [signingCosmWasmClient, setSigningCosmWasmClient] = useState(null);
|
|
11
10
|
const [error, setError] = useState(null);
|
|
12
11
|
const [isLoading, setIsLoading] = useState(false);
|
|
13
12
|
const walletManager = useWalletManager();
|
|
14
13
|
const account = useAccount(chainName, walletName);
|
|
14
|
+
const wallet = walletManager.wallets.find((w) => w.option.name === walletName);
|
|
15
|
+
const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
|
|
15
16
|
const initialize = async () => {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
const signingCosmwasmClient = await clientFactory.getSigningCosmwasmClient();
|
|
38
|
-
setCosmWasmSigningClient(signingCosmwasmClient);
|
|
39
|
-
}
|
|
40
|
-
catch (error) {
|
|
41
|
-
setError(error);
|
|
42
|
-
}
|
|
43
|
-
finally {
|
|
44
|
-
setIsLoading(false);
|
|
17
|
+
if (wallet && chainToShow) {
|
|
18
|
+
try {
|
|
19
|
+
setIsLoading(true);
|
|
20
|
+
const rpcEndpoint = await walletManager.getRpcEndpoint(wallet, chainName);
|
|
21
|
+
setRpcEndpoint(rpcEndpoint);
|
|
22
|
+
const clientFactory = await walletManager.createClientFactory(wallet, chainName);
|
|
23
|
+
const queryClient = await clientFactory.getClient();
|
|
24
|
+
setQueryClient(queryClient);
|
|
25
|
+
const signingClient = await clientFactory.getSigningClient();
|
|
26
|
+
setSigningClient(signingClient);
|
|
27
|
+
const signingStargateClient = await clientFactory.getSigningStargateClient(chainToShow.bech32Prefix);
|
|
28
|
+
setSigningStargateClient(signingStargateClient);
|
|
29
|
+
const signingCosmwasmClient = await clientFactory.getSigningCosmwasmClient();
|
|
30
|
+
setSigningCosmWasmClient(signingCosmwasmClient);
|
|
31
|
+
}
|
|
32
|
+
catch (error) {
|
|
33
|
+
setError(error);
|
|
34
|
+
}
|
|
35
|
+
finally {
|
|
36
|
+
setIsLoading(false);
|
|
37
|
+
}
|
|
45
38
|
}
|
|
46
39
|
};
|
|
47
40
|
useEffect(() => {
|
|
48
41
|
initialize();
|
|
49
|
-
}, [chainName, walletName, account
|
|
42
|
+
}, [chainName, walletName, account]);
|
|
50
43
|
return {
|
|
51
44
|
rpcEndpoint,
|
|
52
45
|
signingClient,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
cosmWasmSigningClient,
|
|
46
|
+
queryClient,
|
|
47
|
+
signingStargateClient,
|
|
48
|
+
signingCosmWasmClient,
|
|
57
49
|
error,
|
|
58
50
|
isLoading
|
|
59
51
|
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
import { useWalletManager } from "./useWalletManager";
|
|
3
|
+
export const useOfflineSigner = (chainName, walletName) => {
|
|
4
|
+
const walletManager = useWalletManager();
|
|
5
|
+
const wallet = walletManager.wallets.find((w) => w.option.name === walletName);
|
|
6
|
+
const [offlineSigner, setOfflineSigner] = useState(null);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
if (wallet && chainName) {
|
|
9
|
+
setOfflineSigner(walletManager.getOfflineSigner(wallet, chainName));
|
|
10
|
+
}
|
|
11
|
+
}, [wallet, chainName]);
|
|
12
|
+
return {
|
|
13
|
+
offlineSigner
|
|
14
|
+
};
|
|
15
|
+
};
|
package/esm/modal/modal.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useWalletManager } from "../hooks";
|
|
3
|
+
import { useWalletModal } from "./provider";
|
|
3
4
|
const style = {
|
|
4
5
|
position: 'absolute',
|
|
5
6
|
top: '50%',
|
|
@@ -10,7 +11,8 @@ const style = {
|
|
|
10
11
|
};
|
|
11
12
|
export const WalletModal = () => {
|
|
12
13
|
const walletManager = useWalletManager();
|
|
14
|
+
const { close } = useWalletModal();
|
|
13
15
|
return (_jsx("ul", { style: style, children: walletManager.wallets.map(wallet => {
|
|
14
|
-
return (_jsxs("li", { children: [_jsx("span", { children: wallet.option.prettyName }), _jsx("button", { onClick: () => walletManager.connect(wallet.option.name), children: "connect" })] }));
|
|
16
|
+
return (_jsxs("li", { children: [_jsx("span", { children: wallet.option.prettyName }), _jsx("button", { onClick: () => walletManager.connect(wallet.option.name).then(close), children: "connect" })] }, wallet.option.name));
|
|
15
17
|
}) }));
|
|
16
18
|
};
|
package/hooks/index.d.ts
CHANGED
package/hooks/index.js
CHANGED
package/hooks/useAccount.js
CHANGED
|
@@ -9,8 +9,10 @@ const useAccount = (chainName, walletName) => {
|
|
|
9
9
|
const [account, setAccount] = (0, react_1.useState)(null);
|
|
10
10
|
const chain = walletManager.chains.find(c => c.chainName === chainName);
|
|
11
11
|
const getAccount = async () => {
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
if (wallet && chain && wallet.client) {
|
|
13
|
+
const account = await wallet.getAccount(chain.chainId);
|
|
14
|
+
setAccount(account);
|
|
15
|
+
}
|
|
14
16
|
};
|
|
15
17
|
(0, react_1.useEffect)(() => {
|
|
16
18
|
if (wallet) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useActiveWallet: () =>
|
|
1
|
+
export declare const useActiveWallet: () => import("@interChain-kit/core").BaseWallet;
|
package/hooks/useActiveWallet.js
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useActiveWallet = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
4
5
|
const useWalletManager_1 = require("./useWalletManager");
|
|
6
|
+
const modal_1 = require("../modal");
|
|
5
7
|
const useActiveWallet = () => {
|
|
6
8
|
const walletManager = (0, useWalletManager_1.useWalletManager)();
|
|
9
|
+
const { open } = (0, modal_1.useWalletModal)();
|
|
10
|
+
(0, react_1.useEffect)(() => {
|
|
11
|
+
if (!walletManager.activeWallet) {
|
|
12
|
+
open();
|
|
13
|
+
}
|
|
14
|
+
}, [walletManager.activeWallet]);
|
|
7
15
|
return walletManager.getActiveWallet();
|
|
8
16
|
};
|
|
9
17
|
exports.useActiveWallet = useActiveWallet;
|
package/hooks/useChain.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { UseChainReturnType } from '../types/chain';
|
|
2
|
-
export declare const useChain: (chainName: string) => UseChainReturnType;
|
|
1
|
+
import { CosmosKitUseChainReturnType, UseChainReturnType } from '../types/chain';
|
|
2
|
+
export declare const useChain: (chainName: string) => UseChainReturnType & CosmosKitUseChainReturnType;
|
package/hooks/useChain.js
CHANGED
|
@@ -5,18 +5,37 @@ const useWalletManager_1 = require("./useWalletManager");
|
|
|
5
5
|
const useAccount_1 = require("./useAccount");
|
|
6
6
|
const useActiveWallet_1 = require("./useActiveWallet");
|
|
7
7
|
const useInterchainClient_1 = require("./useInterchainClient");
|
|
8
|
+
const modal_1 = require("../modal");
|
|
8
9
|
const useChain = (chainName) => {
|
|
9
10
|
const walletManager = (0, useWalletManager_1.useWalletManager)();
|
|
10
11
|
const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
|
|
11
12
|
const assetList = walletManager.assetLists.find((a) => a.chainName === chainName);
|
|
12
13
|
const activeWallet = (0, useActiveWallet_1.useActiveWallet)();
|
|
13
|
-
const account = (0, useAccount_1.useAccount)(chainName, activeWallet
|
|
14
|
-
const interchainClient = (0, useInterchainClient_1.useInterchainClient)(chainName, activeWallet
|
|
14
|
+
const account = (0, useAccount_1.useAccount)(chainName, activeWallet?.option?.name);
|
|
15
|
+
const interchainClient = (0, useInterchainClient_1.useInterchainClient)(chainName, activeWallet?.option?.name);
|
|
16
|
+
const { open, close } = (0, modal_1.useWalletModal)();
|
|
17
|
+
const cosmosKitUserChainReturnType = {
|
|
18
|
+
connect: () => {
|
|
19
|
+
if (activeWallet) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
open();
|
|
23
|
+
},
|
|
24
|
+
openView: open,
|
|
25
|
+
closeView: close,
|
|
26
|
+
getRpcEndpoint: () => walletManager.getRpcEndpoint(activeWallet, chainName),
|
|
27
|
+
status: activeWallet?.walletState,
|
|
28
|
+
username: account?.username,
|
|
29
|
+
message: activeWallet?.errorMessage,
|
|
30
|
+
getSigningCosmWasmClient: () => walletManager.createClientFactory(activeWallet, chainName).then((c) => c.getSigningCosmwasmClient()),
|
|
31
|
+
getSigningStargateClient: () => walletManager.createClientFactory(activeWallet, chainName).then((c) => c.getSigningStargateClient())
|
|
32
|
+
};
|
|
15
33
|
return {
|
|
16
34
|
chain: chainToShow,
|
|
17
35
|
assetList,
|
|
18
36
|
address: account?.address,
|
|
19
37
|
wallet: activeWallet,
|
|
38
|
+
...cosmosKitUserChainReturnType, //for migration cosmos kit
|
|
20
39
|
...interchainClient
|
|
21
40
|
};
|
|
22
41
|
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { AssetList, Chain } from "@chain-registry/v2-types";
|
|
2
|
+
import { EndpointOptions, SignerOptions } from "@interChain-kit/core";
|
|
3
|
+
export declare const useConfig: () => {
|
|
4
|
+
updateChains: (chains: Chain[]) => Chain[];
|
|
5
|
+
updateAssetLists: (assetLists: AssetList[]) => AssetList[];
|
|
6
|
+
updateSignerOptions: (signerOptions: SignerOptions) => SignerOptions;
|
|
7
|
+
updateEndpoints: (endpointOptions: EndpointOptions) => EndpointOptions;
|
|
8
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useConfig = void 0;
|
|
4
|
+
const useWalletManager_1 = require("./useWalletManager");
|
|
5
|
+
const useConfig = () => {
|
|
6
|
+
const walletManager = (0, useWalletManager_1.useWalletManager)();
|
|
7
|
+
return {
|
|
8
|
+
updateChains: (chains) => walletManager.chains = chains,
|
|
9
|
+
updateAssetLists: (assetLists) => walletManager.assetLists = assetLists,
|
|
10
|
+
updateSignerOptions: (signerOptions) => walletManager.signerOptions = signerOptions,
|
|
11
|
+
updateEndpoints: (endpointOptions) => walletManager.endpointOptions = endpointOptions,
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
exports.useConfig = useConfig;
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
+
import { HttpEndpoint } from '@interchainjs/types';
|
|
1
2
|
import { CosmWasmSigningClient } from 'interchainjs/cosmwasm-stargate';
|
|
2
3
|
import { StargateSigningClient } from 'interchainjs/stargate';
|
|
3
|
-
import { StargateClient, HttpEndpoint } from '@cosmjs/stargate';
|
|
4
4
|
import { SigningClient } from 'interchainjs/signing-client';
|
|
5
5
|
import { RpcQuery } from 'interchainjs/query/rpc';
|
|
6
6
|
export declare const useInterchainClient: (chainName: string, walletName: string) => {
|
|
7
7
|
rpcEndpoint: string | HttpEndpoint;
|
|
8
8
|
signingClient: SigningClient;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
cosmWasmSigningClient: CosmWasmSigningClient;
|
|
9
|
+
queryClient: RpcQuery;
|
|
10
|
+
signingStargateClient: StargateSigningClient;
|
|
11
|
+
signingCosmWasmClient: CosmWasmSigningClient;
|
|
13
12
|
error: unknown;
|
|
14
13
|
isLoading: boolean;
|
|
15
14
|
};
|
|
@@ -7,56 +7,48 @@ const useAccount_1 = require("./useAccount");
|
|
|
7
7
|
const useInterchainClient = (chainName, walletName) => {
|
|
8
8
|
const [rpcEndpoint, setRpcEndpoint] = (0, react_1.useState)();
|
|
9
9
|
const [signingClient, setSigningClient] = (0, react_1.useState)(null);
|
|
10
|
-
const [
|
|
11
|
-
const [
|
|
12
|
-
const [
|
|
13
|
-
const [cosmWasmSigningClient, setCosmWasmSigningClient] = (0, react_1.useState)(null);
|
|
10
|
+
const [queryClient, setQueryClient] = (0, react_1.useState)(null);
|
|
11
|
+
const [signingStargateClient, setSigningStargateClient] = (0, react_1.useState)(null);
|
|
12
|
+
const [signingCosmWasmClient, setSigningCosmWasmClient] = (0, react_1.useState)(null);
|
|
14
13
|
const [error, setError] = (0, react_1.useState)(null);
|
|
15
14
|
const [isLoading, setIsLoading] = (0, react_1.useState)(false);
|
|
16
15
|
const walletManager = (0, useWalletManager_1.useWalletManager)();
|
|
17
16
|
const account = (0, useAccount_1.useAccount)(chainName, walletName);
|
|
17
|
+
const wallet = walletManager.wallets.find((w) => w.option.name === walletName);
|
|
18
|
+
const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
|
|
18
19
|
const initialize = async () => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
const signingCosmwasmClient = await clientFactory.getSigningCosmwasmClient();
|
|
41
|
-
setCosmWasmSigningClient(signingCosmwasmClient);
|
|
42
|
-
}
|
|
43
|
-
catch (error) {
|
|
44
|
-
setError(error);
|
|
45
|
-
}
|
|
46
|
-
finally {
|
|
47
|
-
setIsLoading(false);
|
|
20
|
+
if (wallet && chainToShow) {
|
|
21
|
+
try {
|
|
22
|
+
setIsLoading(true);
|
|
23
|
+
const rpcEndpoint = await walletManager.getRpcEndpoint(wallet, chainName);
|
|
24
|
+
setRpcEndpoint(rpcEndpoint);
|
|
25
|
+
const clientFactory = await walletManager.createClientFactory(wallet, chainName);
|
|
26
|
+
const queryClient = await clientFactory.getClient();
|
|
27
|
+
setQueryClient(queryClient);
|
|
28
|
+
const signingClient = await clientFactory.getSigningClient();
|
|
29
|
+
setSigningClient(signingClient);
|
|
30
|
+
const signingStargateClient = await clientFactory.getSigningStargateClient(chainToShow.bech32Prefix);
|
|
31
|
+
setSigningStargateClient(signingStargateClient);
|
|
32
|
+
const signingCosmwasmClient = await clientFactory.getSigningCosmwasmClient();
|
|
33
|
+
setSigningCosmWasmClient(signingCosmwasmClient);
|
|
34
|
+
}
|
|
35
|
+
catch (error) {
|
|
36
|
+
setError(error);
|
|
37
|
+
}
|
|
38
|
+
finally {
|
|
39
|
+
setIsLoading(false);
|
|
40
|
+
}
|
|
48
41
|
}
|
|
49
42
|
};
|
|
50
43
|
(0, react_1.useEffect)(() => {
|
|
51
44
|
initialize();
|
|
52
|
-
}, [chainName, walletName, account
|
|
45
|
+
}, [chainName, walletName, account]);
|
|
53
46
|
return {
|
|
54
47
|
rpcEndpoint,
|
|
55
48
|
signingClient,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
cosmWasmSigningClient,
|
|
49
|
+
queryClient,
|
|
50
|
+
signingStargateClient,
|
|
51
|
+
signingCosmWasmClient,
|
|
60
52
|
error,
|
|
61
53
|
isLoading
|
|
62
54
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useOfflineSigner = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const useWalletManager_1 = require("./useWalletManager");
|
|
6
|
+
const useOfflineSigner = (chainName, walletName) => {
|
|
7
|
+
const walletManager = (0, useWalletManager_1.useWalletManager)();
|
|
8
|
+
const wallet = walletManager.wallets.find((w) => w.option.name === walletName);
|
|
9
|
+
const [offlineSigner, setOfflineSigner] = (0, react_1.useState)(null);
|
|
10
|
+
(0, react_1.useEffect)(() => {
|
|
11
|
+
if (wallet && chainName) {
|
|
12
|
+
setOfflineSigner(walletManager.getOfflineSigner(wallet, chainName));
|
|
13
|
+
}
|
|
14
|
+
}, [wallet, chainName]);
|
|
15
|
+
return {
|
|
16
|
+
offlineSigner
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
exports.useOfflineSigner = useOfflineSigner;
|
package/modal/modal.js
CHANGED
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.WalletModal = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const hooks_1 = require("../hooks");
|
|
6
|
+
const provider_1 = require("./provider");
|
|
6
7
|
const style = {
|
|
7
8
|
position: 'absolute',
|
|
8
9
|
top: '50%',
|
|
@@ -13,8 +14,9 @@ const style = {
|
|
|
13
14
|
};
|
|
14
15
|
const WalletModal = () => {
|
|
15
16
|
const walletManager = (0, hooks_1.useWalletManager)();
|
|
17
|
+
const { close } = (0, provider_1.useWalletModal)();
|
|
16
18
|
return ((0, jsx_runtime_1.jsx)("ul", { style: style, children: walletManager.wallets.map(wallet => {
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("span", { children: wallet.option.prettyName }), (0, jsx_runtime_1.jsx)("button", { onClick: () => walletManager.connect(wallet.option.name), children: "connect" })] }));
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("span", { children: wallet.option.prettyName }), (0, jsx_runtime_1.jsx)("button", { onClick: () => walletManager.connect(wallet.option.name).then(close), children: "connect" })] }, wallet.option.name));
|
|
18
20
|
}) }));
|
|
19
21
|
};
|
|
20
22
|
exports.WalletModal = WalletModal;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@interchain-kit/react",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.7",
|
|
4
4
|
"author": "cosmology-tech <developers@cosmology.zone>",
|
|
5
5
|
"description": "interchain-kit wallet connector react package",
|
|
6
6
|
"main": "index.js",
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
"keywords": [],
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@chain-registry/v2-types": "^0.49.6",
|
|
35
|
-
"@interchain-kit/core": "0.0.1-beta.
|
|
35
|
+
"@interchain-kit/core": "0.0.1-beta.7",
|
|
36
36
|
"@types/react": "^18.3.3",
|
|
37
37
|
"@types/react-dom": "^18.3.0",
|
|
38
38
|
"react": "^18.3.1",
|
|
39
39
|
"react-dom": "^18.3.1"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "d5bf6f92f357b1e4b01da8acef35934542f06df5"
|
|
42
42
|
}
|
package/types/chain.d.ts
CHANGED
|
@@ -1,22 +1,31 @@
|
|
|
1
|
+
import { HttpEndpoint } from '@interchainjs/types';
|
|
1
2
|
import { CosmWasmSigningClient } from 'interchainjs/cosmwasm-stargate';
|
|
2
|
-
import { StargateClient } from '@cosmjs/stargate';
|
|
3
3
|
import { SigningClient } from 'interchainjs/signing-client';
|
|
4
4
|
import { RpcQuery } from 'interchainjs/query/rpc';
|
|
5
5
|
import { StargateSigningClient } from 'interchainjs/stargate';
|
|
6
|
-
import { HttpEndpoint } from '@cosmjs/stargate';
|
|
7
6
|
import { Chain, AssetList } from '@chain-registry/v2-types';
|
|
8
|
-
import { BaseWallet } from '@
|
|
7
|
+
import { BaseWallet, WalletState } from '@interchain-kit/core';
|
|
8
|
+
export type CosmosKitUseChainReturnType = {
|
|
9
|
+
connect: () => void;
|
|
10
|
+
openView: () => void;
|
|
11
|
+
closeView: () => void;
|
|
12
|
+
getRpcEndpoint: () => Promise<string | HttpEndpoint>;
|
|
13
|
+
status: WalletState;
|
|
14
|
+
username: string;
|
|
15
|
+
message: string;
|
|
16
|
+
getSigningCosmWasmClient: () => Promise<CosmWasmSigningClient>;
|
|
17
|
+
getSigningStargateClient: () => Promise<StargateSigningClient>;
|
|
18
|
+
};
|
|
9
19
|
export type UseChainReturnType = {
|
|
10
20
|
chain: Chain;
|
|
11
21
|
assetList: AssetList;
|
|
12
22
|
address: string;
|
|
13
23
|
wallet: BaseWallet;
|
|
14
24
|
rpcEndpoint: string | HttpEndpoint;
|
|
15
|
-
|
|
25
|
+
queryClient: RpcQuery;
|
|
16
26
|
signingClient: SigningClient;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
cosmWasmSigningClient: CosmWasmSigningClient;
|
|
27
|
+
signingStargateClient: StargateSigningClient;
|
|
28
|
+
signingCosmWasmClient: CosmWasmSigningClient;
|
|
20
29
|
isLoading: boolean;
|
|
21
30
|
error: unknown;
|
|
22
31
|
};
|