@rango-dev/provider-walletconnect-2 0.1.1-next.1 → 0.1.1-next.3

package/dist/session.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../src/session.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAW9B,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAWzE,wBAAgB,cAAc,CAAC,MAAM,EAAE,UAAU,uBAEhD;AAED;;;;;GAKG;AACH,wBAAsB,cAAc,CAClC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,YAAY,CAAC,MAAM,GAC3B,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,CAW1C;AAED;;;;;;;GAOG;AACH,wBAAsB,aAAa,CACjC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAiC9B;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,GACjB,YAAY,CAAC,MAAM,GAAG,SAAS,CAMjC;AAED;;;;GAIG;AACH,wBAAsB,UAAU,CAC9B,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAkC9B;AAED;;;;GAIG;AACH,wBAAsB,6BAA6B,CACjD,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CA0B9B;AAoBD;;;;GAIG;AACH,wBAAsB,oBAAoB,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iBAiB3E;AAED;;;;GAIG;AACH,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,UAAU,mBAwB1D;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM;;;IAgBlE;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,CAAC,aAAa,CAAC;IACnC,UAAU,EAAE,YAAY,CAAC,UAAU,CAAC;CACrC,CAAC;;;IAeH"}
+{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../src/session.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAW9B,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEzE,wBAAgB,cAAc,CAAC,MAAM,EAAE,UAAU,uBAEhD;AAED;;;;;GAKG;AACH,wBAAsB,cAAc,CAClC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,YAAY,CAAC,MAAM,GAC3B,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,CAW1C;AAED;;;;;;;GAOG;AACH,wBAAsB,aAAa,CACjC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAiC9B;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,GACjB,YAAY,CAAC,MAAM,GAAG,SAAS,CAMjC;AAED;;;;GAIG;AACH,wBAAsB,UAAU,CAC9B,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAkC9B;AAED;;;;GAIG;AACH,wBAAsB,6BAA6B,CACjD,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CA0B9B;AAoBD;;;;GAIG;AACH,wBAAsB,oBAAoB,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iBAiB3E;AAED;;;;GAIG;AACH,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,UAAU,mBAwB1D;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM;;;IAgBlE;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,CAAC,aAAa,CAAC;IACnC,UAAU,EAAE,YAAY,CAAC,UAAU,CAAC;CACrC,CAAC;;;IAeH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/provider-walletconnect-2",
-  "version": "0.1.1-next.1",
+  "version": "0.1.1-next.3",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -21,8 +21,8 @@
   },
   "dependencies": {
     "@keplr-wallet/simple-fetch": "^0.12.14",
-    "@rango-dev/signer-evm": "^0.8.1-next.3",
-    "@rango-dev/wallets-shared": "^0.8.1-next.4",
+    "@rango-dev/signer-evm": "^0.8.1-next.4",
+    "@rango-dev/wallets-shared": "^0.8.1-next.7",
     "@walletconnect/encoding": "^1.0.2",
     "@walletconnect/sign-client": "^2.8.1",
     "@walletconnect/utils": "^2.9.1",

package/src/constants.ts

@@ -79,5 +79,4 @@ export const DEFAULT_APP_METADATA = {
   icons: ['https://avatars.githubusercontent.com/u/37784886'],
 };
 
-export const PROJECT_ID = 'f5196d081862c6f2b81c04520ea9301c';
 export const RELAY_URL = 'wss://relay.walletconnect.com';

package/src/helpers.ts

@@ -3,6 +3,7 @@ import { Networks } from '@rango-dev/wallets-shared';
 import { ProposalTypes } from '@walletconnect/types';
 import { ChainId } from 'caip';
 import { BlockchainMeta, cosmosBlockchains, evmBlockchains } from 'rango-types';
+import { Web3Modal } from '@web3modal/standalone';
 
 import {
   DEFAULT_COSMOS_METHODS,
@@ -15,6 +16,20 @@ import {
 import { getLastSession } from './session';
 import { CosmosMeta } from './types';
 
+let web3Modal: Web3Modal;
+export function createModalInstance(projectId: string) {
+  if (!web3Modal) {
+    web3Modal = new Web3Modal({
+      projectId,
+      themeMode: 'light',
+      walletConnectVersion: 2,
+    });
+  }
+}
+export function getModal(): Web3Modal {
+  return web3Modal;
+}
+
 type FinalNamespaces = {
   [key in NAMESPACES]?: ProposalTypes.BaseRequiredNamespace;
 };

package/src/index.ts

@@ -26,14 +26,24 @@ import {
   DEFAULT_APP_METADATA,
   DEFAULT_NETWORK,
   EthereumEvents,
-  PROJECT_ID,
   RELAY_URL,
 } from './constants';
-import { simulateRequest } from './helpers';
+import { createModalInstance, simulateRequest } from './helpers';
 import type { WCInstance } from './types';
 
 const WALLET = WalletTypes.WALLET_CONNECT_2;
 
+// TODO: In version 2, It will be moved to constructor.
+type Enviroments = Record<string, string>;
+let envs: Enviroments = {
+  WC_PROJECT_ID: '',
+};
+export const init = (enviroments: Enviroments) => {
+  envs = enviroments;
+
+  createModalInstance(envs.WC_PROJECT_ID);
+};
+
 export const config: WalletConfig = {
   type: WALLET,
   checkInstallation: false,
@@ -50,9 +60,15 @@ export const getInstance: GetInstance = async (options) => {
   */
   let provider: ISignClient;
   if (!currentProvider) {
+    if (!envs.WC_PROJECT_ID) {
+      throw new Error(
+        'You need to set `WC_PROJECT_ID` in Wallet Connect provider.'
+      );
+    }
+
     provider = await Client.init({
       relayUrl: RELAY_URL,
-      projectId: PROJECT_ID,
+      projectId: envs.WC_PROJECT_ID,
       metadata: DEFAULT_APP_METADATA,
     });
   } else {

package/src/session.ts

@@ -6,27 +6,18 @@ import {
   SessionTypes,
   SignClientTypes,
 } from '@walletconnect/types';
-import { Web3Modal } from '@web3modal/standalone';
 import { getSdkError } from '@walletconnect/utils';
 
 import {
   generateOptionalNamespace,
   generateRequiredNamespace,
   getChainIdByNetworkName,
+  getModal,
   solanaChainIdToNetworkName,
 } from './helpers';
-import { PING_TIMEOUT, PROJECT_ID } from './constants';
+import { PING_TIMEOUT } from './constants';
 import { ConnectParams, CreateSessionParams, WCInstance } from './types';
 
-/**
- * Create a Web3Modal instance
- */
-const web3Modal = new Web3Modal({
-  projectId: PROJECT_ID,
-  themeMode: 'light',
-  walletConnectVersion: 2,
-});
-
 export function getLastSession(client: SignClient) {
   return client.session.values[client.session.values.length - 1];
 }
@@ -86,7 +77,7 @@ export async function createSession(
         .map((namespace) => namespace.chains)
         .flat() as string[];
 
-      web3Modal.openModal({ uri, standaloneChains });
+      getModal().openModal({ uri, standaloneChains });
     }
 
     const session = await approval();
@@ -95,7 +86,7 @@ export async function createSession(
     console.error(e);
     throw e;
   } finally {
-    web3Modal.closeModal();
+    getModal().closeModal();
   }
 }