@ant-design/web3-ton 0.0.0-alpha-20260209094036

package/CHANGELOG.md

@@ -0,0 +1,174 @@
+# @ant-design/web3-ton
+
+## 0.0.0-alpha-20260209094036
+
+### Patch Changes
+
+- Updated dependencies [01dc595]
+  - @ant-design/web3-common@0.0.0-alpha-20260209094036
+  - @ant-design/web3-assets@0.0.0-alpha-20260209094036
+
+## 1.2.0
+
+### Minor Changes
+
+- 2ae483c: feat: support ignoreConfig for support multiple chain better
+
+### Patch Changes
+
+- Updated dependencies [dfa67c5]
+- Updated dependencies [2ae483c]
+  - @ant-design/web3-common@1.22.0
+  - @ant-design/web3-assets@1.14.3
+
+## 1.1.4
+
+### Patch Changes
+
+- @ant-design/web3-assets@1.14.2
+
+## 1.1.3
+
+### Patch Changes
+
+- @ant-design/web3-assets@1.14.1
+
+## 1.1.2
+
+### Patch Changes
+
+- Updated dependencies [640bce9]
+- Updated dependencies [3d6d7c6]
+  - @ant-design/web3-assets@1.14.0
+  - @ant-design/web3-common@1.21.0
+
+## 1.1.1
+
+### Patch Changes
+
+- Updated dependencies [98dc8ef]
+- Updated dependencies [b309635]
+- Updated dependencies [d9629ed]
+  - @ant-design/web3-assets@1.13.0
+  - @ant-design/web3-common@1.20.0
+
+## 1.1.0
+
+### Minor Changes
+
+- 09565b3: feat: update wallet extension info
+
+### Patch Changes
+
+- Updated dependencies [0f83657]
+  - @ant-design/web3-common@1.19.0
+  - @ant-design/web3-assets@1.12.1
+
+## 1.0.12
+
+### Patch Changes
+
+- Updated dependencies [b6f1f1d]
+  - @ant-design/web3-assets@1.12.0
+  - @ant-design/web3-common@1.18.0
+
+## 1.0.11
+
+### Patch Changes
+
+- Updated dependencies [f896044]
+  - @ant-design/web3-common@1.17.0
+  - @ant-design/web3-assets@1.11.8
+
+## 1.0.10
+
+### Patch Changes
+
+- 8b857d3: chore: update wagmi version
+- Updated dependencies [ad278cd]
+- Updated dependencies [8b857d3]
+  - @ant-design/web3-common@1.16.0
+  - @ant-design/web3-assets@1.11.7
+
+## 1.0.9
+
+### Patch Changes
+
+- @ant-design/web3-assets@1.11.6
+
+## 1.0.8
+
+### Patch Changes
+
+- e0db15a: chore: upgrade pnpm version from 8.9.0 to 9.14.4
+- Updated dependencies [14fae53]
+- Updated dependencies [e0db15a]
+  - @ant-design/web3-assets@1.11.5
+  - @ant-design/web3-common@1.15.1
+
+## 1.0.7
+
+### Patch Changes
+
+- Updated dependencies [0b2a19d]
+  - @ant-design/web3-common@1.15.0
+  - @ant-design/web3-assets@1.11.4
+
+## 1.0.6
+
+### Patch Changes
+
+- @ant-design/web3-assets@1.11.3
+
+## 1.0.5
+
+### Patch Changes
+
+- @ant-design/web3-assets@1.11.2
+
+## 1.0.4
+
+### Patch Changes
+
+- 91801ad: chore: add readme
+- Updated dependencies [c32f8e2]
+- Updated dependencies [613b265]
+  - @ant-design/web3-common@1.14.0
+  - @ant-design/web3-assets@1.11.1
+
+## 1.0.3
+
+### Patch Changes
+
+- Updated dependencies [c22eb4d]
+  - @ant-design/web3-assets@1.11.0
+
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies [9bb1ea1]
+  - @ant-design/web3-common@1.13.0
+  - @ant-design/web3-assets@1.10.2
+
+## 1.0.1
+
+### Patch Changes
+
+- 2e5940c: fix: update okx wallet info in ton provider
+- 3f7d7a6: build: set targets chrome 100
+- Updated dependencies [3f7d7a6]
+  - @ant-design/web3-assets@1.10.1
+  - @ant-design/web3-common@1.12.1
+
+## 1.0.0
+
+### Major Changes
+
+- d49a4b8: feat: add ton chain
+
+### Patch Changes
+
+- Updated dependencies [8f3430b]
+- Updated dependencies [d663c3b]
+  - @ant-design/web3-assets@1.10.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Ant Design Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+# @ant-design/web3-ton
+
+This package provides a [TON](https://ton.org) adapter for [@ant-design/web3](https://www.npmjs.com/package/@ant-design/web3).
+
+## Usage
+
+```bash
+npm install @ant-design/web3 @ant-design/web3-ton --save
+```
+
+```tsx
+import { ConnectButton, Connector } from '@ant-design/web3';
+import { okxTonWallet, tonkeeper, TonWeb3ConfigProvider } from '@ant-design/web3-ton';
+
+const Basic = () => {
+  return (
+    <TonWeb3ConfigProvider wallets={[tonkeeper, okxTonWallet, { key: 'safepalwallet' }]}>
+      <Connector>
+        <ConnectButton />
+      </Connector>
+    </TonWeb3ConfigProvider>
+  );
+};
+
+export default Basic;
+```
+
+For more examples, refer to [TON - Ant Design Web3](https://web3.ant.design/components/ton).
+
+## Documentation
+
+- For more information, visit [Ant Design Web3](https://web3.ant.design).
+- For an introduction to TON, visit [TON](https://ton.org).

package/dist/esm/chains/index.d.ts

@@ -0,0 +1 @@
+export { CHAIN } from '@tonconnect/sdk';

package/dist/esm/chains/index.js

@@ -0,0 +1 @@
+export { CHAIN } from '@tonconnect/sdk';

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useTonConnector';

package/dist/esm/hooks/index.js

@@ -0,0 +1 @@
+export * from "./useTonConnector";

package/dist/esm/hooks/useTonConnector.d.ts

@@ -0,0 +1,7 @@
+export declare const useTonConnector: () => {
+    connector: import("packages/ton/src/ton-provider/TonConnectSdk").default | null | undefined;
+    account: import("@tonconnect/sdk").Account | null | undefined;
+    tonSelectWallet: import("@tonconnect/sdk").Wallet | null | undefined;
+    setTonSelectWallet: ((sdk: import("@tonconnect/sdk").Wallet | null) => void) | undefined;
+    connectConfig: import("packages/ton/src/ton-provider/TonConnectSdk").TonConnectSdkConfigType | undefined;
+};

package/dist/esm/hooks/useTonConnector.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TonConnectorContext } from "../ton-provider/TonWeb3ConfigProvider";
+export const useTonConnector = () => {
+  const provider = React.useContext(TonConnectorContext);
+  return {
+    connector: provider?.tonConnectSdk,
+    account: provider?.tonConnectSdk?.account,
+    tonSelectWallet: provider?.tonSelectWallet,
+    setTonSelectWallet: provider?.setTonSelectWallet,
+    connectConfig: provider?.connectConfig
+  };
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ton-provider';
+export * from './wallets';
+export * from './chains';
+export * from './hooks';

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from "./ton-provider";
+export * from "./wallets";
+export * from "./chains";
+export * from "./hooks";

package/dist/esm/ton-provider/TonConnectSdk.d.ts

@@ -0,0 +1,15 @@
+import TonConnect, { CHAIN, type TonConnectOptions } from '@tonconnect/sdk';
+export interface TonConnectSdkConfigType extends TonConnectOptions {
+    chain?: CHAIN;
+}
+declare class TonConnectSdk extends TonConnect {
+    private _api;
+    private _network;
+    constructor(options: TonConnectSdkConfigType);
+    get network(): CHAIN;
+    set network(network: CHAIN);
+    get api(): string;
+    private _switchNetwork;
+    getBalance(url?: string): Promise<bigint>;
+}
+export default TonConnectSdk;

package/dist/esm/ton-provider/TonConnectSdk.js

@@ -0,0 +1,48 @@
+import TonConnect, { CHAIN } from '@tonconnect/sdk';
+class TonConnectSdk extends TonConnect {
+  _api;
+  _network;
+  constructor(options) {
+    super({
+      manifestUrl: options?.manifestUrl
+    });
+    this._api = '';
+    this._network = CHAIN.MAINNET;
+    this._switchNetwork(options.chain || this._network);
+  }
+  get network() {
+    return this._network;
+  }
+  set network(network) {
+    this._switchNetwork(network);
+  }
+  get api() {
+    return this._api;
+  }
+  _switchNetwork(network) {
+    if (network === CHAIN.MAINNET) {
+      this._api = 'https://toncenter.com/api/v3';
+    } else {
+      this._api = 'https://testnet.toncenter.com/api/v3';
+    }
+    this._network = network;
+  }
+  async getBalance(url) {
+    if (!this.account?.address && !url) return Promise.resolve(0n);
+    const queryUrl = url || `${this._api}/account?address=${this.account?.address}`;
+    return fetch(queryUrl, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }).then(res => {
+      if (!res.ok) {
+        throw new Error('Failed to fetch balance');
+      }
+      return res.json();
+    }).then(res => {
+      return res.balance;
+    });
+  }
+}
+export default TonConnectSdk;

package/dist/esm/ton-provider/TonWeb3ConfigProvider.d.ts

@@ -0,0 +1,27 @@
+import React, { type PropsWithChildren } from 'react';
+import type { Locale } from '@ant-design/web3-common';
+import type { CHAIN, TonConnectOptions, Wallet } from '@tonconnect/sdk';
+import type { TonWalletMetadata } from '../wallets/type';
+import TonConnectSdk, { type TonConnectSdkConfigType } from './TonConnectSdk';
+interface TonConnectorContextProps {
+    tonConnectSdk: TonConnectSdk | null;
+    tonSelectWallet: Wallet | null;
+    setTonSelectWallet: (sdk: Wallet | null) => void;
+    connectConfig: TonConnectSdkConfigType;
+}
+export declare const TonConnectorContext: React.Context<TonConnectorContextProps | null>;
+export interface TonWeb3ConfigProviderProps extends TonConnectOptions {
+    locale?: Locale;
+    balance?: boolean;
+    wallets: TonWalletMetadata[];
+    chain?: CHAIN;
+    reconnect?: boolean;
+    /**
+     * If true, this provider's configuration will be ignored when merging with parent context.
+     * This is useful when you have multiple chain providers and want to switch between them
+     * without causing page flickering. Only the active provider should not have this flag set.
+     */
+    ignoreConfig?: boolean;
+}
+export declare const TonWeb3ConfigProvider: React.FC<PropsWithChildren<TonWeb3ConfigProviderProps>>;
+export {};

package/dist/esm/ton-provider/TonWeb3ConfigProvider.js

@@ -0,0 +1,66 @@
+import React, { useEffect } from 'react';
+import { TonWalletFactory } from "../wallets/factory";
+import TonConfigProvider from "./config-provider";
+import TonConnectSdk from "./TonConnectSdk";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TonConnectorContext = /*#__PURE__*/React.createContext(null);
+export const TonWeb3ConfigProvider = ({
+  children,
+  ...restProps
+}) => {
+  const {
+    balance,
+    locale,
+    wallets,
+    chain,
+    reconnect = true,
+    ignoreConfig
+  } = restProps;
+  const [tonConnectSdk, setTonConnectSdk] = React.useState(null);
+  const [tonSelectWallet, setTonSelectWallet] = React.useState(null);
+  const [tonWallets, setTonWallets] = React.useState([]);
+  useEffect(() => {
+    if (!tonConnectSdk) {
+      const tonSdk = new TonConnectSdk({
+        ...restProps,
+        chain
+      });
+      if (reconnect) {
+        tonSdk.restoreConnection();
+      }
+      tonSdk.onStatusChange(s => {
+        setTonSelectWallet(s);
+      });
+      setTonConnectSdk(tonSdk);
+    }
+  }, [tonConnectSdk, restProps, reconnect, chain]);
+  React.useEffect(() => {
+    if (tonConnectSdk && wallets?.length) {
+      tonConnectSdk.getWallets().then(res => {
+        const availableWallets = wallets.filter(w => res.findIndex(t => t.appName === w.key) >= 0);
+        setTonWallets(availableWallets.map(w => {
+          const tonBasicWallet = res.find(t => t.appName === w.key);
+          return {
+            ...w,
+            ...tonBasicWallet
+          };
+        }));
+      });
+    }
+  }, [wallets, tonConnectSdk]);
+  return /*#__PURE__*/_jsx(TonConnectorContext.Provider, {
+    value: {
+      tonConnectSdk,
+      tonSelectWallet,
+      setTonSelectWallet,
+      connectConfig: restProps
+    },
+    children: /*#__PURE__*/_jsx(TonConfigProvider, {
+      wallets: tonWallets.map(w => TonWalletFactory(w).create()),
+      balance: balance,
+      locale: locale,
+      ignoreConfig: ignoreConfig,
+      children: children
+    })
+  });
+};

package/dist/esm/ton-provider/config-provider.d.ts

@@ -0,0 +1,14 @@
+import React, { type PropsWithChildren } from 'react';
+import type { TonWallet } from '../wallets/type';
+import type { TonWeb3ConfigProviderProps } from './TonWeb3ConfigProvider';
+interface TonConfigProviderProps extends Omit<TonWeb3ConfigProviderProps, 'wallets' | 'connectConfig'> {
+    wallets?: TonWallet[];
+    /**
+     * If true, this provider's configuration will be ignored when merging with parent context.
+     * This is useful when you have multiple chain providers and want to switch between them
+     * without causing page flickering. Only the active provider should not have this flag set.
+     */
+    ignoreConfig?: boolean;
+}
+declare const TonConfigProvider: React.FC<PropsWithChildren<TonConfigProviderProps>>;
+export default TonConfigProvider;

package/dist/esm/ton-provider/config-provider.js

@@ -0,0 +1,63 @@
+import React, { useEffect } from 'react';
+import { Web3ConfigProvider } from '@ant-design/web3-common';
+import { TonCircleColorful } from '@ant-design/web3-icons';
+import { toUserFriendlyAddress } from '@tonconnect/sdk';
+import { useTonConnector } from "../hooks";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TonConfigProvider = ({
+  children,
+  locale,
+  balance: showBalance,
+  wallets,
+  ignoreConfig
+}) => {
+  const {
+    connector,
+    tonSelectWallet,
+    setTonSelectWallet
+  } = useTonConnector();
+  const [balance, setBalance] = React.useState();
+  const [account, setAccount] = React.useState();
+  useEffect(() => {
+    if (!showBalance || !connector) return;
+    connector?.getBalance().then(res => {
+      setBalance({
+        value: BigInt(res)
+      });
+    });
+  }, [connector, showBalance, tonSelectWallet]);
+  useEffect(() => {
+    if (tonSelectWallet) {
+      setAccount({
+        address: toUserFriendlyAddress(tonSelectWallet.account.address)
+      });
+    } else {
+      setAccount(undefined);
+    }
+  }, [tonSelectWallet]);
+  return /*#__PURE__*/_jsx(Web3ConfigProvider, {
+    addressPrefix: false,
+    locale: locale,
+    availableWallets: wallets,
+    balance: balance ? {
+      ...balance,
+      decimals: 9,
+      icon: /*#__PURE__*/_jsx(TonCircleColorful, {}),
+      symbol: 'TON'
+    } : undefined,
+    account: account,
+    connect: async wallet => {
+      const walletInfo = wallets?.find(w => w.appName === wallet?.key);
+      connector?.connect(walletInfo);
+    },
+    disconnect: async () => {
+      await connector?.disconnect();
+      if (!connector?.connected) {
+        setTonSelectWallet?.(null);
+      }
+    },
+    ignoreConfig: ignoreConfig,
+    children: children
+  });
+};
+export default TonConfigProvider;

package/dist/esm/ton-provider/index.d.ts

@@ -0,0 +1 @@
+export * from './TonWeb3ConfigProvider';

package/dist/esm/ton-provider/index.js

@@ -0,0 +1 @@
+export * from "./TonWeb3ConfigProvider";

package/dist/esm/wallets/dewallet.d.ts

@@ -0,0 +1,2 @@
+import type { TonWalletMetadata } from './type';
+export declare const dewallet: TonWalletMetadata;

package/dist/esm/wallets/dewallet.js

@@ -0,0 +1,6 @@
+import { DeWalletCircleColorful } from '@ant-design/web3-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const dewallet = {
+  key: 'dewallet',
+  icon: /*#__PURE__*/_jsx(DeWalletCircleColorful, {})
+};

package/dist/esm/wallets/factory.d.ts

@@ -0,0 +1,2 @@
+import type { TonBasicWallet, WalletFactory } from './type';
+export declare const TonWalletFactory: (metadata: TonBasicWallet) => WalletFactory;

package/dist/esm/wallets/factory.js

@@ -0,0 +1,17 @@
+import { isWalletInfoCurrentlyInjected } from '@tonconnect/sdk';
+export const TonWalletFactory = metadata => {
+  const isReady = isWalletInfoCurrentlyInjected(metadata);
+  return {
+    create: () => {
+      return {
+        ...metadata,
+        name: metadata.name,
+        remark: metadata.appName,
+        key: metadata.appName,
+        icon: metadata.icon ?? metadata.imageUrl,
+        hasWalletReady: () => Promise.resolve(isReady),
+        hasExtensionInstalled: () => Promise.resolve(isReady)
+      };
+    }
+  };
+};

package/dist/esm/wallets/index.d.ts

@@ -0,0 +1,7 @@
+export * from './tonkeeper';
+export * from './telegramWallet';
+export * from './myTonWallet';
+export * from './openmask';
+export * from './tonhub';
+export * from './dewallet';
+export * from './okxTonWallet';

package/dist/esm/wallets/index.js

@@ -0,0 +1,7 @@
+export * from "./tonkeeper";
+export * from "./telegramWallet";
+export * from "./myTonWallet";
+export * from "./openmask";
+export * from "./tonhub";
+export * from "./dewallet";
+export * from "./okxTonWallet";

package/dist/esm/wallets/myTonWallet.d.ts

@@ -0,0 +1,2 @@
+import type { TonWalletMetadata } from './type';
+export declare const myTonWallet: TonWalletMetadata;

package/dist/esm/wallets/myTonWallet.js

@@ -0,0 +1,13 @@
+import { ChromeCircleColorful, MytonWalletCircleColorful } from '@ant-design/web3-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const myTonWallet = {
+  key: 'mytonwallet',
+  icon: /*#__PURE__*/_jsx(MytonWalletCircleColorful, {}),
+  extensions: [{
+    key: 'Chrome',
+    browserIcon: /*#__PURE__*/_jsx(ChromeCircleColorful, {}),
+    browserName: 'Chrome',
+    link: 'https://chromewebstore.google.com/detail/fldfpgipfncgndfolcbkdeeknbbbnhcc',
+    description: 'The most feature-rich TON extension – with support of multi-accounts, tokens, NFT, TON DNS, TON Sites, TON Proxy, and TON Magic.'
+  }]
+};

package/dist/esm/wallets/okxTonWallet.d.ts

@@ -0,0 +1,2 @@
+import type { TonWalletMetadata } from './type';
+export declare const okxTonWallet: TonWalletMetadata;

package/dist/esm/wallets/okxTonWallet.js

@@ -0,0 +1,15 @@
+import { metadata_OkxWallet } from '@ant-design/web3-assets';
+import { ChromeCircleColorful } from '@ant-design/web3-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const okxTonWallet = {
+  ...metadata_OkxWallet,
+  key: 'okxTonWallet',
+  group: 'Popular',
+  extensions: [{
+    key: 'Chrome',
+    browserIcon: /*#__PURE__*/_jsx(ChromeCircleColorful, {}),
+    browserName: 'Chrome',
+    link: 'https://chromewebstore.google.com/detail/mcohilncbfahbmgdjkbpemcciiolgcge',
+    description: 'Access your wallet right from your favorite web browser.'
+  }]
+};

package/dist/esm/wallets/openmask.d.ts

@@ -0,0 +1,2 @@
+import type { TonWalletMetadata } from './type';
+export declare const openmask: TonWalletMetadata;

package/dist/esm/wallets/openmask.js

@@ -0,0 +1,13 @@
+import { ChromeCircleColorful, OpenmaskCircleColorful } from '@ant-design/web3-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const openmask = {
+  key: 'openmask',
+  icon: /*#__PURE__*/_jsx(OpenmaskCircleColorful, {}),
+  extensions: [{
+    key: 'Chrome',
+    browserIcon: /*#__PURE__*/_jsx(ChromeCircleColorful, {}),
+    browserName: 'Chrome',
+    link: 'https://chromewebstore.google.com/detail/penjlddjkjgpnkllboccdgccekpkcbin',
+    description: 'OpenMask is an extension for accessing TON enabled decentralized applications, or "dApps" in your browser! MetaMask analog for The Open Network.'
+  }]
+};

package/dist/esm/wallets/telegramWallet.d.ts

@@ -0,0 +1,2 @@
+import type { TonWalletMetadata } from './type';
+export declare const telegramWallet: TonWalletMetadata;

package/dist/esm/wallets/telegramWallet.js

@@ -0,0 +1,6 @@
+import { TgWalletCircleColorful } from '@ant-design/web3-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const telegramWallet = {
+  key: 'telegram-wallet',
+  icon: /*#__PURE__*/_jsx(TgWalletCircleColorful, {})
+};

package/dist/esm/wallets/tonhub.d.ts

@@ -0,0 +1,2 @@
+import type { TonWalletMetadata } from './type';
+export declare const tonhub: TonWalletMetadata;

package/dist/esm/wallets/tonhub.js

@@ -0,0 +1,6 @@
+import { TonhubCircleColorful } from '@ant-design/web3-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const tonhub = {
+  key: 'tonhub',
+  icon: /*#__PURE__*/_jsx(TonhubCircleColorful, {})
+};

package/dist/esm/wallets/tonkeeper.d.ts

@@ -0,0 +1,2 @@
+import type { TonWalletMetadata } from './type';
+export declare const tonkeeper: TonWalletMetadata;