emblem-vault-sdk 1.3.1 → 1.4.0

package/docs/index.html

@@ -16,7 +16,8 @@
     <h1>Testing Emblem Vault SDK in the Browser</h1>
     <script src="./bundle.js"></script>
     <script>
-        const sdk = new EmblemVaultSDK('demo');
+        const sdk = new EmblemVaultSDK('demo');        
+
         sdk.fetchCuratedContracts(false).then(curatedContracts => {
             window.curatedContracts = curatedContracts;
             generateDropdown(curatedContracts);
@@ -160,6 +161,19 @@
     </script>
 
 
+    <button id="connectButton" onclick="connectWeb3()">Connect to Web3</button>
+
+    <script>
+        async function connectWeb3() {
+            sdk.loadWeb3().then(async (web3) => {
+                console.log('Web3 loaded');                
+                let accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
+                document.getElementById('ethAddress').value = accounts[0];
+            }).catch(error => {
+                console.error('Failed to load Web3:', error);
+            });        
+        }
+    </script>
     <input type="text" id="ethAddress" placeholder="Enter ETH Address" oninput="localStorage.setItem('ethAddress', this.value)" value="">
 
     <input type="checkbox" id="hideNotMintableCheckbox" checked onchange="generateDropdown(window.curatedContracts)">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emblem-vault-sdk",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -24,13 +24,14 @@
     "browserify": "^17.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-puppeteer": "^9.0.2",
+    "puppeteer": "^21.6.1",
     "ts-jest": "^29.1.1",
     "tsify": "^5.0.2",
-    "typescript": "^5.3.3",
-    "jest-puppeteer": "^9.0.2",
-    "puppeteer": "^21.6.1"
+    "typescript": "^5.3.3"
   },
   "dependencies": {
-    "node-fetch": "^2.6.6"
+    "node-fetch": "^2.6.6",
+    "web3": "^4.4.0"
   }
 }

package/src/index.ts

@@ -77,11 +77,40 @@ class EmblemVaultSDK {
         return vaults;
     }
 
+    // ** Web3 **
+    //
+    // Function to load web3 dynamically and attach it to the window object
+    async loadWeb3() {
+        try {
+            // Dynamically import the Web3 module
+            const { default: Web3 } = await import('web3');
+
+            // Check if MetaMask (window.ethereum) is available
+            if (window.ethereum) {                
+
+                // Initialize Web3 with MetaMask's provider
+                const web3 = new Web3(window.ethereum);
+
+                // Attach Web3 to the window object
+                window.web3 = web3;
+
+                return web3;
+            } else {
+                console.error('MetaMask is not installed!');
+            }
+        } catch (error) {
+            console.error('Error loading Web3 or connecting to MetaMask', error);
+        }
+    }
+
+
 }
 
 declare global {
     interface Window {
         EmblemVaultSDK: any;
+        web3: any;
+        ethereum: any
     }
 }