@gluwa/connect-kit 0.1.0-next.3 → 0.2.0-next.1
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/CHANGELOG.md +6 -0
- package/dist/credit-connect.js +148 -133
- package/dist/index.css +561 -0
- package/dist/index.d.ts +39 -25
- package/dist/index.js +315 -655
- package/dist/package.json +11 -6
- package/package.json +8 -5
- package/src/ConnectKitProvider.tsx +75 -49
- package/src/ConnectModal.tsx +39 -25
- package/src/api/account.ts +21 -0
- package/src/api/balance.ts +10 -0
- package/src/api/chain.ts +17 -0
- package/src/api/contract.ts +33 -0
- package/src/api/transaction.ts +12 -0
- package/src/components/QRFrame.tsx +2 -2
- package/src/core/config.ts +83 -0
- package/src/creditConnectConnector.ts +175 -159
- package/src/events/account.ts +49 -0
- package/src/hooks/useWCState.ts +24 -9
- package/src/hooks/useWagmiConnect.ts +13 -8
- package/src/index.ts +33 -0
- package/src/types.ts +9 -0
- package/src/utils/platform.ts +1 -4
- package/src/views/CreditWalletView.tsx +0 -1
- package/src/views/MetaMaskView.tsx +4 -2
- package/src/views/SwitchChainView.tsx +9 -4
- package/tsup.config.ts +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useState, type FC } from 'react';
|
|
1
|
+
import { useEffect, useRef, useState, type FC } from 'react';
|
|
2
2
|
import { useSwitchChain } from 'wagmi';
|
|
3
3
|
|
|
4
4
|
interface SwitchChainViewProps {
|
|
@@ -18,6 +18,13 @@ export const SwitchChainView: FC<SwitchChainViewProps> = ({
|
|
|
18
18
|
}) => {
|
|
19
19
|
const { switchChainAsync, isPending } = useSwitchChain();
|
|
20
20
|
const [error, setError] = useState<Error | null>(null);
|
|
21
|
+
const isMountedRef = useRef(true);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
isMountedRef.current = true;
|
|
24
|
+
return () => {
|
|
25
|
+
isMountedRef.current = false;
|
|
26
|
+
};
|
|
27
|
+
}, []);
|
|
21
28
|
|
|
22
29
|
const targetLabel = requiredChainName ?? `chain ${requiredChainId}`;
|
|
23
30
|
|
|
@@ -25,8 +32,6 @@ export const SwitchChainView: FC<SwitchChainViewProps> = ({
|
|
|
25
32
|
setError(null);
|
|
26
33
|
switchChainAsync({ chainId: requiredChainId }).catch((err: unknown) => {
|
|
27
34
|
const normalized = err instanceof Error ? err : new Error(String(err));
|
|
28
|
-
// wagmi's MetaMask connector handles 4902 (chain not added) via wallet_addEthereumChain
|
|
29
|
-
// automatically when chain metadata is configured. We only surface what reaches us.
|
|
30
35
|
const code =
|
|
31
36
|
typeof err === 'object' && err !== null && 'code' in err
|
|
32
37
|
? (err as { code: unknown }).code
|
|
@@ -36,7 +41,7 @@ export const SwitchChainView: FC<SwitchChainViewProps> = ({
|
|
|
36
41
|
} else {
|
|
37
42
|
onLog?.(`[connect-kit] switch chain failed: ${normalized.message}`, normalized);
|
|
38
43
|
}
|
|
39
|
-
setError(normalized);
|
|
44
|
+
if (isMountedRef.current) setError(normalized);
|
|
40
45
|
});
|
|
41
46
|
};
|
|
42
47
|
|
package/tsup.config.ts
CHANGED
|
@@ -26,7 +26,7 @@ export default defineConfig({
|
|
|
26
26
|
banner: {
|
|
27
27
|
js: 'import React from "react";',
|
|
28
28
|
},
|
|
29
|
-
esbuildPlugins: [sassPlugin({ type: '
|
|
29
|
+
esbuildPlugins: [sassPlugin({ type: 'css' })],
|
|
30
30
|
esbuildOptions(options) {
|
|
31
31
|
options.loader = { ...options.loader, '.png': 'dataurl' };
|
|
32
32
|
},
|