fix: UI doesn't show any error if sequencer is down or unavailable (#981)

* fix: Catch function in send function is not working

* Add a test file to test voting with connected wallet

* Add a test file to test voting with connected wallet

* v0.11.13

Author: ChaituVR

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapshot-labs/snapshot.js",
-  "version": "0.11.12",
+  "version": "0.11.13",
   "repository": "snapshot-labs/snapshot.js",
   "license": "MIT",
   "main": "dist/snapshot.cjs.js",

src/sign/index.ts

@@ -97,7 +97,7 @@ export default class Client {
           if (res.ok) return resolve(res.json());
           throw res;
         })
-        .catch((e) => e.json().then((json) => reject(json)));
+        .catch((e) => reject(e));
     });
   }
 

test/test.html

@@ -0,0 +1,40 @@
+<!-- This is a simple example of how to use snapshot.js to vote using a web3 provider -->
+<!-- serve -p 9000 -->
+<!-- Go to http://localhost:9000/test/test.html -->
+<script src="../dist/snapshot.min.js"></script>
+<script src="https://cdn.ethers.io/lib/ethers-5.6.umd.min.js" type="text/javascript">
+</script>
+
+
+
+<button id="connectButton">Connect</button>
+<button id="voteButton">Vote</button>
+
+<script>
+  const hub = 'http://localhost:3001'; // or https://testnet.hub.snapshot.org for testnet
+  const client = new snapshot.Client712(hub);
+
+  // Connect to Ethereum wallet
+  document.getElementById("connectButton").addEventListener("click", async () => {
+    await window.ethereum.request({ method: 'eth_requestAccounts' });
+    console.log('Connected to wallet', await window.ethereum.request({ method: 'eth_accounts' }));
+  });
+
+  // Vote using snapshot.js
+  document.getElementById("voteButton").addEventListener("click", async () => {
+    const web3 = new ethers.providers.Web3Provider(window.ethereum);
+    const [account] = await web3.listAccounts();
+    try {
+      const receipt = await client.vote(web3, account, {
+        space: 'yam.eth',
+        proposal: '0x21ea31e896ec5b5a49a3653e51e787ee834aaf953263144ab936ed756f36609f',
+        type: 'single-choice',
+        choice: 1,
+        reason: 'Choice 1 make lot of sense',
+        app: 'my-app'
+      });
+    } catch (error) {
+      console.log('catched an error', error);
+    }
+  });
+</script>