@portal-hq/connect 1.1.0 → 1.1.2

package/lib/commonjs/index.js

@@ -77,6 +77,7 @@ class PortalConnect {
                     Authorization: `Bearer ${this.apiKey}`,
                 },
             });
+            this.uri = uri;
             this.bindToSocketEvents(this.socket, uri);
         });
     }
@@ -86,6 +87,16 @@ class PortalConnect {
     disconnect() {
         this.sendFinalMessageAndClose();
     }
+    /**
+     * Triggers the chain on the dapp to change to match the chain of the wallet
+     *
+     * @param chainId The number of the chainId to switch to
+     */
+    setChainId(chainId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.provider.setChainId(chainId, this);
+        });
+    }
     /**
      * Invokes all registered event handlers with the data provided
      * - If any `once` handlers exist, they are removed after all handlers are invoked
@@ -186,6 +197,18 @@ class PortalConnect {
                 },
             }));
         });
+        this.on('portalConnect_chainChanged', (data) => {
+            var _a;
+            // Tell the proxy server where to connect to downstream
+            (_a = this.socket) === null || _a === void 0 ? void 0 : _a.send(JSON.stringify({
+                event: 'portal_chainChanged',
+                data: {
+                    topic: this.topic,
+                    uri: this.uri,
+                    chainId: data.chainId,
+                },
+            }));
+        });
         socket.onerror = (event) => __awaiter(this, void 0, void 0, function* () {
             let errorMessage = 'An unexpected error occurred.';
             if (event instanceof ErrorEvent) {

package/lib/esm/index.js

@@ -74,6 +74,7 @@ class PortalConnect {
                     Authorization: `Bearer ${this.apiKey}`,
                 },
             });
+            this.uri = uri;
             this.bindToSocketEvents(this.socket, uri);
         });
     }
@@ -83,6 +84,16 @@ class PortalConnect {
     disconnect() {
         this.sendFinalMessageAndClose();
     }
+    /**
+     * Triggers the chain on the dapp to change to match the chain of the wallet
+     *
+     * @param chainId The number of the chainId to switch to
+     */
+    setChainId(chainId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.provider.setChainId(chainId, this);
+        });
+    }
     /**
      * Invokes all registered event handlers with the data provided
      * - If any `once` handlers exist, they are removed after all handlers are invoked
@@ -183,6 +194,18 @@ class PortalConnect {
                 },
             }));
         });
+        this.on('portalConnect_chainChanged', (data) => {
+            var _a;
+            // Tell the proxy server where to connect to downstream
+            (_a = this.socket) === null || _a === void 0 ? void 0 : _a.send(JSON.stringify({
+                event: 'portal_chainChanged',
+                data: {
+                    topic: this.topic,
+                    uri: this.uri,
+                    chainId: data.chainId,
+                },
+            }));
+        });
         socket.onerror = (event) => __awaiter(this, void 0, void 0, function* () {
             let errorMessage = 'An unexpected error occurred.';
             if (event instanceof ErrorEvent) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portal-hq/connect",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "main": "lib/commonjs/index",
   "module": "lib/esm/index",
   "source": "src/index",
@@ -32,5 +32,5 @@
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "b65beeaf1dd0423244a099aaa0f3d55734ae676a"
+  "gitHead": "fe11c271c1d85aca8f4e323a5a69b277483dbe89"
 }

package/src/index.ts

@@ -8,13 +8,16 @@ import type {
   SessionRequest,
   WebsocketMessage,
 } from '../types.d'
+import { IPortalProvider } from '@portal-hq/utils'
+import { SwitchEthereumChainParameter } from '@portal-hq/provider/types'
 
 class PortalConnect {
   private apiKey: string
   private connectionState: ConnectionStates = ConnectionStates.DISCONNECTED
-  private provider: Provider
+  private provider: IPortalProvider
   private socket?: WebSocket
   private topic?: string
+  private uri?: string
   private websocketServer: string
 
   private events: Record<string, RegisteredEventHandler[]>
@@ -108,6 +111,7 @@ class PortalConnect {
         },
       },
     )
+    this.uri = uri
     this.bindToSocketEvents(this.socket, uri)
   }
 
@@ -119,6 +123,15 @@ class PortalConnect {
     this.sendFinalMessageAndClose()
   }
 
+  /**
+   * Triggers the chain on the dapp to change to match the chain of the wallet
+   *
+   * @param chainId The number of the chainId to switch to
+   */
+  public async setChainId(chainId: number): Promise<void> {
+    this.provider.setChainId(chainId, this)
+  }
+
   /**
    * Invokes all registered event handlers with the data provided
    * - If any `once` handlers exist, they are removed after all handlers are invoked
@@ -240,6 +253,20 @@ class PortalConnect {
       )
     }
 
+    this.on('portalConnect_chainChanged', (data) => {
+      // Tell the proxy server where to connect to downstream
+      this.socket?.send(
+        JSON.stringify({
+          event: 'portal_chainChanged',
+          data: {
+            topic: this.topic,
+            uri: this.uri,
+            chainId: (data as SwitchEthereumChainParameter).chainId,
+          },
+        }),
+      )
+    })
+
     socket.onerror = async (event: Event) => {
       let errorMessage = 'An unexpected error occurred.'
 

package/lib/commonjs/components/scanner/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const WalletScanner = () => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_native_1.Text, null, "Yo!")));
-};
-exports.default = WalletScanner;

package/lib/esm/components/scanner/index.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-const WalletScanner = () => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Text, null, "Yo!")));
-};
-export default WalletScanner;