add tomo wallet app (#49)

* feat: pnpm 9.12.0

* feat: add tomo wallet

* chore: replace tronlink for now

* fix: keep checking if is in mobile browser

(cherry picked from commit fd9f84d)

* fix: convert adapter to unknown first

* fix: default use tomo wallet

* fix: rpc changed to trongrid

* fix: code cleanup

* test: debug

* feat: add account change event listener

* chore: code cleanup and unit test

* chore: update README

* fix: prefer eth_requestAccounts

* fix: ignore accountsChanged event if adapter is disconnected

* fix: remove comments

Author: fleksin

demos/dev-demo/src/AdapterBasicTest.tsx

@@ -14,6 +14,7 @@ import {
     WalletConnectAdapter,
     FoxWalletAdapter,
     BybitWalletAdapter,
+    TomoWalletAdapter,
     TrustAdapter
 } from '@tronweb3/tronwallet-adapters';
 import { memo, useCallback, useEffect, useMemo, useState } from 'react';
@@ -24,6 +25,7 @@ const receiver = 'TMDKznuDWaZwfZHcM61FVFstyYNmK6Njk1';
 export const AdapterBasicTest = memo(function AdapterBasicTest() {
     const adapters = useMemo(
         () => [
+            new TomoWalletAdapter(),
             new TronLinkAdapter(),
             new TokenPocketAdapter(),
             new OkxWalletAdapter(),

demos/dev-demo/src/components/SignUsage.tsx

@@ -80,7 +80,7 @@ const InformAlertText = styled(Typography)({
 });
 
 // Replace with another address. Don't transfer any assets to this address.
-const receiver = 'TMDKznuDWaZwfZHcM61FVFstyYNmK6Njk1';
+const receiver = 'TM6nL4t3PVeFHcYgePusVX3dhk4zSCEd1s';
 
 export default function SignUsage() {
   const { connectionState, adapter } = useWallet();

demos/dev-demo/src/components/WalletProvider.tsx

@@ -1,17 +1,20 @@
 import { WalletProvider as _WalletProvider, useLocalStorage } from "@tronweb3/tronwallet-adapter-react-hooks";
 import type { PropsWithChildren } from "react";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import {
+  TronLinkAdapter} from '@tronweb3/tronwallet-adapters';
 import {
   BitKeepAdapter,
   GateWalletAdapter,
   ImTokenAdapter,
   LedgerAdapter,
   OkxWalletAdapter,
   TokenPocketAdapter,
-  TronLinkAdapter,
   WalletConnectAdapter,
   FoxWalletAdapter,
   BybitWalletAdapter,
+  TomoWalletAdapterName,
+  TomoWalletAdapter,
   TronLinkAdapterName,
   TrustAdapter
 } from '@tronweb3/tronwallet-adapters';
@@ -35,7 +38,7 @@ export interface WalletContextType {
   disconnect?: () => Promise<void>;
 }
 const Context = createContext<WalletContextType>({
-  selectedAdapterName: TronLinkAdapterName,
+  selectedAdapterName: TomoWalletAdapterName,
   setSelectedAdapterName: () => {
     //
   },
@@ -52,6 +55,7 @@ const Context = createContext<WalletContextType>({
 export default function WalletProvider({ children }: PropsWithChildren) {
   const adapters = useMemo(() => {
     return [
+      new TomoWalletAdapter(),
       new TronLinkAdapter(),
       new TokenPocketAdapter(),
       new OkxWalletAdapter(),
@@ -66,7 +70,7 @@ export default function WalletProvider({ children }: PropsWithChildren) {
     ];
   }, []);
   const walletName = decodeURIComponent(new URLSearchParams(location.search).get('wallet') || '');
-  const [selectedAdapterName, _setSelectedAdapterName] = useState(walletName as AdapterName || TronLinkAdapterName);
+  const [selectedAdapterName, _setSelectedAdapterName] = useState(walletName as AdapterName || TomoWalletAdapterName);
 
   const setSelectedAdapterName = useCallback((selectedAdapterName: AdapterName) => {
     _setSelectedAdapterName(selectedAdapterName);
@@ -98,7 +102,7 @@ export default function WalletProvider({ children }: PropsWithChildren) {
       connected: true,
       address: adapter?.address || '',
     }));
-    (adapter as TronLinkAdapter)?.network?.().then((network) => {
+    (adapter as unknown as TronLinkAdapter)?.network?.().then((network) => {
       setConnectionState(preState => ({
         ...preState,
         chainId: network.chainId,
@@ -142,7 +146,7 @@ export default function WalletProvider({ children }: PropsWithChildren) {
       adapter.on('disconnect', onDisconnect);
       adapter.on('chainChanged', onChainChanged);
       if (adapter?.connected) {
-        (adapter as TronLinkAdapter)?.network?.().then((network) => {
+        (adapter as unknown as TronLinkAdapter)?.network?.().then((network) => {
           setConnectionState(preState => ({
             ...preState,
             chainId: network.chainId,

demos/dev-demo/src/tronweb.ts

@@ -2,7 +2,7 @@
 import { TronWeb } from 'tronweb';
 
 export const tronWeb = new TronWeb({
-    fullHost: 'https://api.nileex.io',
-    // fullHost: 'https://api.trongrid.io',
+    // fullHost: 'https://api.nileex.io',
+    fullHost: 'https://api.trongrid.io',
     privateKey: '',
 });

package.json

@@ -24,6 +24,7 @@
         "./packages/*/*/README.md",
         "./packages/*/*/package.json"
     ],
+    "packageManager": "pnpm@9.12.0",
     "scripts": {
         "nuke": "shx rm -rf packages/*/*/node_modules demos/**/node_modules node_modules || true",
         "reinstall": "pnpm run nuke && pnpm install",
@@ -46,7 +47,7 @@
         "lint:fix": "pnpm run fmt && eslint --fix .",
         "test": "pnpm --recursive --filter \"@tronweb3/*\" run test",
         "example": "pnpm run --filter {demos/react-ui/vite-app} dev",
-        "prepare": "husky install",
+        "prepare": "husky install && pnpm build",
         "update-version": "pnpm changeset add && pnpm changeset version",
         "prerelease": "node ./scripts/check-dep-version.js"
     },

packages/adapters/adapters/package.json

@@ -52,6 +52,7 @@
         "@tronweb3/tronwallet-adapter-gatewallet": "workspace:^",
         "@tronweb3/tronwallet-adapter-foxwallet": "workspace:^",
         "@tronweb3/tronwallet-adapter-bybit": "workspace:^",
+        "@tronweb3/tronwallet-adapter-tomowallet": "workspace:^",
         "@tronweb3/tronwallet-adapter-trust": "workspace:^"
     },
     "devDependencies": {

packages/adapters/adapters/src/index.ts

@@ -8,4 +8,5 @@ export * from '@tronweb3/tronwallet-adapter-gatewallet';
 export * from '@tronweb3/tronwallet-adapter-imtoken';
 export * from '@tronweb3/tronwallet-adapter-foxwallet';
 export * from '@tronweb3/tronwallet-adapter-bybit';
+export * from '@tronweb3/tronwallet-adapter-tomowallet';
 export * from '@tronweb3/tronwallet-adapter-trust';

packages/adapters/adapters/tsconfig.all.json

@@ -34,6 +34,9 @@
         {
             "path": "../bybit/tsconfig.all.json"
         },
+        {
+            "path": "../tomowallet/tsconfig.all.json"
+        },
         {
             "path": "./tsconfig.cjs.json"
         },

packages/adapters/tomowallet/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+Copyright (c) 2022-Present, tronweb3
+
+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.

packages/adapters/tomowallet/README.md

@@ -0,0 +1,76 @@
+# `@tronweb3/tronwallet-adapter-tomowallet`
+
+This package provides an adapter to enable TRON DApps to connect wallet inside the [Tomo Wallet App](https://tomo.inc/)
+
+## Demo
+
+```typescript
+import { TomoWalletAdapter } from '@tronweb3/tronwallet-adapter-tomowallet';
+import TronWeb from 'tronweb';
+
+const tronWeb = new TronWeb({
+    fullHost: 'https://api.trongrid.io',
+    headers: { 'TRON-PRO-API-KEY': 'your api key' },
+});
+
+const adapter = new TomoWalletAdapter();
+// connect
+await adapter.connect();
+
+// then you can get address
+console.log(adapter.address);
+
+// create a send TRX transaction
+const unSignedTransaction = await tronWeb.transactionBuilder.sendTrx(targetAddress, 100, adapter.address);
+// using adapter to sign the transaction
+const signedTransaction = await adapter.signTransaction(unSignedTransaction);
+// broadcast the transaction
+await tronWeb.trx.sendRawTransaction(signedTransaction);
+```
+
+## Documentation
+
+### API
+
+-   `Constructor(config: TomoWalletAdapterConfig)`
+    ```typescript
+    interface TomoWalletAdapterConfig extends BaseAdapterConfig {
+        /**
+         * Timeout in millisecond for checking if Tomo wallet exists.
+        * Default is 30 * 1000ms
+        */
+        checkTimeout?: number;
+        /**
+         * The icon of your dapp. Used when open Tomo app in mobile device browsers.
+        */
+        dappIcon?: string;
+        /**
+         * The name of your dapp. Used when open Tomo app in mobile device browsers.
+        */
+        dappName?: string;
+    }
+    ```
+-   `network()` method is supported to get current network information. 
+    Currently Tomo Wallet only supports TRON mainnet.  
+    The type of returned value is `Network` as follows:
+
+    ```typescript
+    export enum NetworkType {
+        Mainnet = 'Mainnet',
+        Shasta = 'Shasta',
+        Nile = 'Nile',
+        /**
+         * When use custom node
+         */
+        Unknown = 'Unknown',
+    }
+
+    export type Network = {
+        networkType: NetworkType;
+        chainId: string;
+        fullNode: string;
+        solidityNode: string;
+        eventServer: string;
+    };
+    ```
+