@dynamic-labs/wagmi-connector 0.0.0

package/README.md

@@ -0,0 +1,7 @@
+# wagmi-connector
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test wagmi-connector` to execute the unit tests via [Jest](https://jestjs.io).

package/index.d.ts

@@ -0,0 +1 @@
+export { DynamicWagmiConnector } from './lib/DynamicWagmiConnector';

package/index.esm.js

@@ -0,0 +1,250 @@
+import React, { useRef, useEffect } from 'react';
+import { Connector as Connector$1, useConnect, useDisconnect } from 'wagmi';
+import { getNetwork, useDynamicContext } from '@dynamic-labs/sdk-react';
+import { getAddress, hexValue } from 'ethers/lib/utils.js';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+class Connector extends Connector$1 {
+  constructor({
+    handleLogOut,
+    walletConnector
+  }) {
+    super({
+      options: undefined
+    }); // wagmi properties
+
+    this.id = 'dynamic';
+    this.name = 'Dynamic'; // also a wagmi prop, but is only used for auto-connect
+    // which we have implemented ourselves, so this value
+    // doesn't matter
+
+    this.ready = false;
+
+    this.onAccountsChanged = accounts => __awaiter(this, void 0, void 0, function* () {
+      this.emit('change', {
+        account: getAddress(accounts[0])
+      });
+    });
+
+    this.onChainChanged = chain => __awaiter(this, void 0, void 0, function* () {
+      this.emit('change', {
+        chain: {
+          id: Number(chain),
+          unsupported: false
+        }
+      });
+    });
+
+    this.onDisconnect = () => __awaiter(this, void 0, void 0, function* () {});
+
+    this.handleLogOut = handleLogOut;
+    this.walletConnector = walletConnector;
+    this.setupEventListeners();
+  }
+
+  setupEventListeners() {
+    this.walletConnector.setupEventListeners({
+      onAccountChange: this.onAccountsChanged,
+      onChainChange: this.onChainChanged,
+      onDisconnect: this.onDisconnect
+    });
+  }
+
+  connect(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+      if (!this.walletConnector) {
+        throw new Error('WalletConnector is not defined');
+      }
+
+      const account = yield this.getAccount();
+      this.setupEventListeners();
+      this.emit('message', {
+        type: 'connecting'
+      });
+      const web3Provider = yield this.getProvider();
+      const {
+        provider
+      } = web3Provider;
+      return {
+        account,
+        chain: {
+          id: yield this.getChainId(),
+          unsupported: false
+        },
+        provider
+      };
+    });
+  }
+
+  disconnect() {
+    var _a, _b, _c;
+
+    return __awaiter(this, void 0, void 0, function* () {
+      const web3Provider = yield this.getProvider();
+      const {
+        provider
+      } = web3Provider;
+      provider.removeListener('accountsChanged', this.onAccountsChanged);
+      provider.removeListener('chainChanged', this.onChainChanged);
+      provider.removeListener('disconnect', this.onDisconnect);
+      yield (_b = (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.endSession) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_c = this.handleLogOut) === null || _c === void 0 ? void 0 : _c.call(this);
+    });
+  }
+
+  getAccount() {
+    var _a;
+
+    return __awaiter(this, void 0, void 0, function* () {
+      const address = yield (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.fetchPublicAddress();
+
+      if (!address) {
+        throw new Error('Not connected');
+      }
+
+      return getAddress(address);
+    });
+  }
+
+  getChainId() {
+    return __awaiter(this, void 0, void 0, function* () {
+      if (!this.walletConnector) {
+        throw new Error('WalletConnector is not defined');
+      }
+
+      const network = yield getNetwork(this.walletConnector);
+
+      if (!network) {
+        throw new Error('Network is not defined');
+      }
+
+      return network;
+    });
+  }
+
+  getProvider(config) {
+    var _a;
+
+    return __awaiter(this, void 0, void 0, function* () {
+      return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getWeb3Provider();
+    });
+  }
+
+  getSigner(config) {
+    var _a;
+
+    return __awaiter(this, void 0, void 0, function* () {
+      return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getSigner();
+    });
+  }
+
+  isAuthorized() {
+    var _a, _b;
+
+    return __awaiter(this, void 0, void 0, function* () {
+      const accounts = (_b = yield (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getConnectedAccounts()) !== null && _b !== void 0 ? _b : [];
+      return accounts.length > 0;
+    });
+  }
+
+  switchChain(chainId) {
+    var _a, _b;
+
+    return __awaiter(this, void 0, void 0, function* () {
+      yield (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.switchNetwork({
+        networkChainId: chainId
+      });
+      const id = hexValue(chainId);
+      return (_b = this.chains.find(x => x.id === chainId)) !== null && _b !== void 0 ? _b : {
+        id: chainId,
+        name: `Chain ${id}`,
+        network: `${id}`,
+        rpcUrls: {
+          default: ''
+        }
+      };
+    });
+  }
+
+  watchAsset(asset) {
+    throw new Error('Method not implemented.');
+  }
+
+}
+
+const DynamicWagmiConnector = ({
+  children
+}) => {
+  const {
+    walletConnector,
+    handleLogOut
+  } = useDynamicContext();
+  const {
+    connect,
+    status
+  } = useConnect();
+  const {
+    disconnect
+  } = useDisconnect(); // storing as a singleton so we can re-setup event listeners on the same instance
+
+  const dynamicWagmiConnector = useRef();
+
+  if (walletConnector) {
+    // after connection is successful, re-setup event listeners after a short delay
+    // so that they are not cleared by the teardown in useWalletEventListeners
+    if (status === 'success') {
+      setTimeout(() => {
+        var _a;
+
+        (_a = dynamicWagmiConnector.current) === null || _a === void 0 ? void 0 : _a.setupEventListeners();
+      }, 100);
+    }
+  }
+
+  useEffect(() => {
+    if (!walletConnector) {
+      dynamicWagmiConnector.current = undefined;
+      disconnect();
+    } else if (!dynamicWagmiConnector.current) {
+      dynamicWagmiConnector.current = new Connector({
+        handleLogOut,
+        walletConnector
+      });
+      connect({
+        connector: dynamicWagmiConnector.current
+      });
+    }
+  }, [connect, disconnect, handleLogOut, status, walletConnector]); // use React.createElement to prevent bunding react/jsx-runtime,
+  // which is not compatible when bundling apps using React 17
+  // eslint-disable-next-line react/no-children-prop
+
+  return /*#__PURE__*/React.createElement(React.Fragment, {
+    children
+  });
+};
+
+export { DynamicWagmiConnector };

package/lib/Connector.d.ts

@@ -0,0 +1,38 @@
+import { ethers } from 'ethers';
+import { Address, Connector as BaseWagmiConnector, ConnectorData, Chain } from 'wagmi';
+import { WalletConnector } from '@dynamic-labs/sdk-react';
+export declare class Connector extends BaseWagmiConnector<ethers.providers.Web3Provider, undefined, ethers.providers.JsonRpcSigner> {
+    handleLogOut: () => void;
+    walletConnector: WalletConnector;
+    id: string;
+    name: string;
+    ready: boolean;
+    constructor({ handleLogOut, walletConnector, }: {
+        handleLogOut: () => void;
+        walletConnector: WalletConnector;
+    });
+    setupEventListeners(): void;
+    connect(config?: {
+        chainId?: number;
+    }): Promise<Required<ConnectorData>>;
+    disconnect(): Promise<void>;
+    getAccount(): Promise<Address>;
+    getChainId(): Promise<number>;
+    getProvider(config?: {
+        chainId?: number;
+    } | undefined): Promise<ethers.providers.Web3Provider>;
+    getSigner(config?: {
+        chainId?: number;
+    } | undefined): Promise<ethers.providers.JsonRpcSigner>;
+    isAuthorized(): Promise<boolean>;
+    switchChain?(chainId: number): Promise<Chain>;
+    watchAsset?(asset: {
+        address: string;
+        decimals?: number;
+        image?: string;
+        symbol: string;
+    }): Promise<boolean>;
+    protected onAccountsChanged: (accounts: string[]) => Promise<void>;
+    protected onChainChanged: (chain: number | string) => Promise<void>;
+    protected onDisconnect: () => Promise<void>;
+}

package/lib/DynamicWagmiConnector.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export declare const DynamicWagmiConnector: ({ children, }: {
+    children: ReactNode;
+}) => React.FunctionComponentElement<{
+    children: React.ReactNode;
+}>;

package/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@dynamic-labs/wagmi-connector",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./index.esm.js",
+  "typings": "./index.d.ts",
+  "dependencies": {},
+  "peerDependencies": {
+    "ethers": "^5.6.9",
+    "wagmi": "^0.8.10",
+    "@dynamic-labs/sdk-react": "0.13.56",
+    "react": "^17.0.2 || ^18.0.0"
+  }
+}