Fixed XRPL Modal and No Modal examples

Author: ihsraham

web-modal-sdk/blockchain-connection-examples/xrpl-modal-example/src/App.tsx

@@ -18,12 +18,12 @@ function App() {
     chainId: "0x2",
     // Avoid using public rpcTarget & wsTarget in production.
     // Use services like Infura, Quicknode etc
-    rpcTarget: "https://xrplcluster.com",
-    wsTarget: "wss://xrplcluster.com",
+    rpcTarget: "https://testnet.xrpl-labs.com",
+    wsTarget: "wss://testnet.xrpl-labs.com/",
     ticker: "XRP",
     tickerName: "XRPL",
-    displayName: "xrpl mainnet",
-    blockExplorerUrl: "https://livenet.xrpl.org",
+    displayName: "xrpl testnet",
+    blockExplorerUrl: "https://testnet.xrpl.org",
   };
 
   useEffect(() => {

web-modal-sdk/blockchain-connection-examples/xrpl-modal-example/src/xrplRPC.ts

@@ -67,10 +67,11 @@ export default class XrplRPC {
     try {
       const msg = "Hello world";
       const hexMsg = convertStringToHex(msg);
+      console.log("hexMsg", hexMsg);
       const txSign = await this.provider.request<{ signature: string }, never>({
         method: "xrpl_signMessage",
         params: {
-          signature: hexMsg,
+          message: hexMsg,
         },
       });
       return txSign;

web-modal-sdk/blockchain-connection-examples/xrpl-modal-example/vite.config.ts

@@ -7,6 +7,8 @@ export default defineConfig({
   resolve: {
     alias: {
       crypto: "empty-module",
+      stream: "stream-browserify",
+      assert: "assert",
     },
   },
   define: {

web-no-modal-sdk/blockchain-connection-examples/xrpl-no-modal-example/src/App.tsx

@@ -19,8 +19,8 @@ function App() {
         const chainConfig = {
           chainNamespace: CHAIN_NAMESPACES.XRPL,
           chainId: "0x2",
-          rpcTarget: "https://testnet-ripple-node.tor.us",
-          wsTarget: "wss://s.altnet.rippletest.net",
+          rpcTarget: "https://testnet.xrpl-labs.com",
+          wsTarget: "wss://testnet.xrpl-labs.com/",
           ticker: "XRP",
           tickerName: "XRPL",
           displayName: "xrpl testnet",
@@ -36,6 +36,7 @@ function App() {
           clientId,
           privateKeyProvider,
           web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET,
+          enableLogging: true,
         });
 
         const authAdapter = new AuthAdapter({

web-no-modal-sdk/blockchain-connection-examples/xrpl-no-modal-example/src/xrplRPC.ts

@@ -13,6 +13,7 @@ export default class XrplRPC {
       const accounts = await this.provider.request<never, string[]>({
         method: "xrpl_getAccounts",
       });
+      console.log("accounts", accounts);
       if (accounts) {
         const accInfo = await this.provider.request({
           method: "account_info",

web-no-modal-sdk/blockchain-connection-examples/xrpl-no-modal-example/vite.config.ts

@@ -7,18 +7,13 @@ export default defineConfig({
   resolve: {
     alias: {
       crypto: "empty-module",
-      assert: "empty-module",
+      assert: "assert",
       http: "empty-module",
       https: "empty-module",
       os: "empty-module",
       url: "empty-module",
       zlib: "empty-module",
-      stream: "empty-module",
-      _stream_duplex: "empty-module",
-      _stream_passthrough: "empty-module",
-      _stream_readable: "empty-module",
-      _stream_writable: "empty-module",
-      _stream_transform: "empty-module",
+      stream: "stream-browserify",
     },
   },
   define: {