Merge branch 'develop' into Ahmed/sign-tx

Emurgo · Nov 25, 2021 · 7074a6b · 7074a6b
2 parents 2217e45 + 0148fb6
commit 7074a6b
Show file tree

Hide file tree

Showing 38 changed files with 1,362 additions and 116 deletions.
diff --git a/packages/yoroi-ergo-connector/example-cardano/index.html b/packages/yoroi-ergo-connector/example-cardano/index.html
@@ -35,6 +35,9 @@ <h1 class="display-4 text-center">Cardano dApp Example</h1>
         <div class="col-6 mb-4">
           <button id="sign-tx" class="btn btn-light w-100">Sign Tx</button>
         </div>
+        <div class="col-6 mb-4">
+          <button id="create-tx" class="btn btn-light w-100">Create Tx</button>
+        </div>
       </div>
       <div class="w-100 d-flex justify-content-center my-2">
         <div class="d-none" id="spinner" role="status"></div>

diff --git a/packages/yoroi-ergo-connector/example-cardano/index.js b/packages/yoroi-ergo-connector/example-cardano/index.js
@@ -8,6 +8,7 @@ const getAccountBalance = document.querySelector('#get-balance')
 const getUtxos = document.querySelector('#get-utxos')
 const submitTx = document.querySelector('#submit-tx')
 const signTx = document.querySelector('#sign-tx')
+const createTx = document.querySelector('#create-tx')
 const alertEl = document.querySelector('#alert')
 const spinner = document.querySelector('#spinner')
 
@@ -229,6 +230,48 @@ signTx.addEventListener('click', () => {
   })
 })
 
+createTx.addEventListener('click', () => {
+  toggleSpinner('show');
+
+  if (!accessGranted) {
+    alertError('Should request access first');
+    return;
+  }
+
+  const output = CardanoWasm.TransactionOutput.new(
+    CardanoWasm.Address.from_bech32(SEND_TO_ADDRESS),
+    CardanoWasm.Value.new(CardanoWasm.BigNum.from_str('1000002'))
+  )
+
+  const txReq = {
+    includeInputs: [
+      'a8ecebf0632518736474012f8d644b6b287859713f60624e961d230422e45c192'
+    ],
+    includeOutputs: [
+      Buffer.from(output.to_bytes()).toString('hex'),
+    ],
+    includeTargets: [
+      {
+        // do not specify value, the connector will use minimum value
+        address: '00756c95f9967c214e571500a0140b88f6dd9c4a7444e74acc1841ce92c3892366f174a76af9252f78368f5747d3055ab3568ea3b6bf40b01e',
+        assets: {
+          '2c9d0ecfc2ee1288056df15be4196d8ded73db345ea5b4cd5c7fac3f.76737562737465737435': 1,
+        },
+      }
+    ]
+  }
+
+  cardanoApi.create_tx(txReq, true).then(txHex => {
+    toggleSpinner('hide')
+    alertSuccess('Creating tx succeeds: ' + txHex)
+    transactionHex = txHex
+  }).catch(error => {
+    console.error(error)
+    toggleSpinner('hide')
+    alertWarrning('Creating tx fails')
+  })
+})
+
 if (typeof cardano === "undefined") {
     alert("Cardano not found");
 } else {

diff --git a/packages/yoroi-ergo-connector/example-ergo/index.html b/packages/yoroi-ergo-connector/example-ergo/index.html
@@ -3,12 +3,46 @@
   <head>
     <meta charset="utf-8">
     <link rel="shortcut icon" href="favicon.ico">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous"> 
     <title>Ergo Test dApp</title>
   </head>
   <body>
-    <div id = "balance">Balance: n/a</div>
-    <div id = "status">Wallet not connected</div>
+    <!-- <div id = "balance">Balance: n/a</div>
+    <div id = "status">Wallet not connected</div> -->
+    <div class="container">
+      <div class="my-3">
+        <h1 class="display-4 text-center">Ergo dApp Example</h1>
+      </div>
+      <div class="row">
+        <div class="col-12 text-center my-3">
+          <button id="request-access" class="btn btn-primary">Request access to yoroi</button>
+        </div>
+        <div class="col-6 mb-4">
+          <button id="get-balance"  class="btn btn-light w-100" >Get Balance</button>
+        </div>
+        <div class="col-6 mb-4">
+          <button id="get-unused-addresses" class="btn btn-light w-100" >Get Unused Addresses</button>
+        </div>
+        <div class="col-6 mb-4">
+          <button id="get-used-addresses" class="btn btn-light w-100" >Get Used Addresses</button>
+        </div>
+        <div class="col-6 mb-4">
+          <button id="get-change-address" class="btn btn-light w-100" >Get Change Address</button>
+        </div>
+        <div class="col-6 mb-4">
+          <button id="get-utxos" class="btn btn-light w-100" >Get Utxos</button>
+        </div>
+        <div class="col-6 mb-4">
+          <button id="sign-tx" class="btn btn-light w-100">Sign Tx</button>
+        </div>
+        <div class="w-100 d-flex justify-content-center my-2">
+          <div class="d-none" id="spinner" role="status"></div>
+        </div>
+        <div class="d-none" id="alert" role="alert"></div>
+        <div id="sign-tx-container" class="mt-1"></div>
+    </div>
     <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>
     <script src="./bootstrap.js"></script>
   </body>
 </html>