Add support to get an onchain Address

files/assets/lnme.js

@@ -155,6 +155,19 @@ class LnMe {
       });
   }
 
+  newAddress() {
+    let args = {
+      method: 'POST',
+      mode: 'cors',
+      header: { 'Content-Type': 'application/json' }
+    };
+    return this._fetch(`${this.baseURL}/v1/newaddress`, args)
+      .then(address => {
+        this.address = address;
+        return address;
+      });
+  }
+
   requestPayment() {
     return this.addInvoice().then((invoice) => {
       if (typeof webln !== 'undefined') {

files/root/index.html

@@ -24,6 +24,9 @@
         margin: 1em auto;
         text-align: center;
       }
+      .note {
+        font-size: 0.2em;
+      }
       .wrapper h1 {
         font-weight: 700;
       }
@@ -107,6 +110,10 @@
         <button id="send-button">
           Send
         </button>
+        <p id="onchain" class="note">
+          <a href="#" id="get-new-address" class="onchain">Prefer onchain Bitcoin? Click here!</a>
+        </p>
+
         <div id="lnme-wrapper" class="lnme-wrapper" style="display:none">
           <div class="lnme-qrcode"></div>
           <div class="lnme-details">
@@ -128,6 +135,15 @@
 
     <script src="/lnme/lnme.js" id="lnme-script"></script>
     <script>
+
+      document.getElementById("get-new-address").addEventListener('click', function(e) {
+        e.preventDefault();
+        var lnme = new LnMe({});
+        lnme.newAddress().then(address => {
+          document.getElementById("onchain").innerHTML = address;
+        });
+      });
+
       var urlParams = new URLSearchParams(window.location.search);
       if (urlParams.get('amount')) {
         document.getElementById('amount').value = urlParams.get('amount');