@ton/appkit-react 0.0.3 → 0.0.5-alpha.0

package/README.md

@@ -1,3 +1,9 @@
+<!--
+This file is auto-generated. Do not edit manually.
+Changes will be overwritten when running the docs update script.
+Source template: template/packages/appkit-react/README.md
+-->
+
 # @ton/appkit-react
 
 React components and hooks for AppKit.
@@ -164,7 +170,7 @@ npm install @ston-fi/omniston-sdk
 Initialize `AppKit` with `OmnistonSwapProvider`:
 
 ```ts
-// Initialize AppKit with swap provider
+// Initialize AppKit with swap providers
 const appKit = new AppKit({
     networks: {
         [Network.mainnet().chainId]: {
@@ -176,10 +182,13 @@ const appKit = new AppKit({
     },
     providers: [
         new OmnistonSwapProvider({
-            // Optional configuration
             apiUrl: 'https://api.ston.fi',
             defaultSlippageBps: 100, // 1%
         }),
+        new DeDustSwapProvider({
+            defaultSlippageBps: 100,
+            referralAddress: 'EQ...', // Optional
+        }),
     ],
 });
 ```

package/dist/esm/features/network/hooks/use-default-network.js

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) TonTech.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useSyncExternalStore, useCallback } from 'react';
+import { getDefaultNetwork, setDefaultNetwork, watchDefaultNetwork } from '@ton/appkit';
+import { useAppKit } from '../../../hooks/use-app-kit';
+/**
+ * Hook to get and set the default network for wallet connections.
+ */
+export const useDefaultNetwork = () => {
+    const appKit = useAppKit();
+    const subscribe = useCallback((onChange) => {
+        return watchDefaultNetwork(appKit, { onChange });
+    }, [appKit]);
+    const getSnapshot = useCallback(() => {
+        return getDefaultNetwork(appKit);
+    }, [appKit]);
+    const network = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+    const setNetwork = useCallback((newNetwork) => {
+        setDefaultNetwork(appKit, { network: newNetwork });
+    }, [appKit]);
+    return [network, setNetwork];
+};
+//# sourceMappingURL=use-default-network.js.map

package/dist/esm/features/network/hooks/use-default-network.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-default-network.js","sourceRoot":"","sources":["../../../../../src/features/network/hooks/use-default-network.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGxF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAOvD;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAgC,EAAE;IAC/D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,mBAAmB,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,OAAO,GAAG,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;IAE1E,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,UAA+B,EAAE,EAAE;QAChC,iBAAiB,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;IACvD,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACjC,CAAC,CAAC"}

package/dist/esm/features/network/hooks/use-networks.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { useSyncExternalStore, useCallback } from 'react';
+import { useSyncExternalStore, useCallback, useRef } from 'react';
 import { getNetworks, watchNetworks } from '@ton/appkit';
 import { useAppKit } from '../../../hooks/use-app-kit';
 /**
@@ -13,12 +13,19 @@ import { useAppKit } from '../../../hooks/use-app-kit';
  */
 export const useNetworks = () => {
     const appKit = useAppKit();
+    const cachedRef = useRef([]);
     const subscribe = useCallback((onChange) => {
         return watchNetworks(appKit, { onChange });
     }, [appKit]);
     const getSnapshot = useCallback(() => {
-        return getNetworks(appKit);
+        const networks = getNetworks(appKit);
+        if (networks.length === cachedRef.current.length &&
+            networks.every((n, i) => n.chainId === cachedRef.current[i]?.chainId)) {
+            return cachedRef.current;
+        }
+        cachedRef.current = networks;
+        return networks;
     }, [appKit]);
-    return useSyncExternalStore(subscribe, getSnapshot, () => []);
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 };
 //# sourceMappingURL=use-networks.js.map

package/dist/esm/features/network/hooks/use-networks.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-networks.js","sourceRoot":"","sources":["../../../../../src/features/network/hooks/use-networks.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAA0B,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AAClE,CAAC,CAAC"}
+{"version":3,"file":"use-networks.js","sourceRoot":"","sources":["../../../../../src/features/network/hooks/use-networks.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAA0B,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAwB,EAAE,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,QAAoB,EAAE,EAAE;QACrB,OAAO,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;QAErC,IACI,QAAQ,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO,CAAC,MAAM;YAC5C,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EACvE,CAAC;YACC,OAAO,SAAS,CAAC,OAAO,CAAC;QAC7B,CAAC;QAED,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC7B,OAAO,QAAQ,CAAC;IACpB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrE,CAAC,CAAC"}

package/dist/esm/features/network/index.js

@@ -8,4 +8,5 @@
 // Hooks
 export { useNetworks } from './hooks/use-networks';
 export { useNetwork } from './hooks/use-network';
+export { useDefaultNetwork } from './hooks/use-default-network';
 //# sourceMappingURL=index.js.map

package/dist/esm/features/network/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/network/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,QAAQ;AACR,OAAO,EAAE,WAAW,EAA8B,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAA6B,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/network/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,QAAQ;AACR,OAAO,EAAE,WAAW,EAA8B,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAA6B,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAoC,MAAM,6BAA6B,CAAC"}

package/dist/esm/features/nft/hooks/use-nfts-by-address.js

@@ -11,7 +11,7 @@ import { useQuery } from '../../../libs/query';
 /**
  * Hook to get NFTs
  */
-export const useNFTsByAddress = (parameters = {}) => {
+export const useNftsByAddress = (parameters = {}) => {
     const appKit = useAppKit();
     return useQuery(getNFTsQueryOptions(appKit, parameters));
 };

package/dist/esm/features/nft/hooks/use-nfts.js

@@ -6,12 +6,12 @@
  *
  */
 import { useAddress } from '../../wallets/hooks/use-address';
-import { useNFTsByAddress } from './use-nfts-by-address';
+import { useNftsByAddress } from './use-nfts-by-address';
 /**
  * Hook to get NFTs of the selected wallet
  */
 export const useNfts = (parameters = {}) => {
     const address = useAddress();
-    return useNFTsByAddress({ ...parameters, address });
+    return useNftsByAddress({ ...parameters, address });
 };
 //# sourceMappingURL=use-nfts.js.map