From 3d76c3d021d7533b0a30264d798e0da237cc150d Mon Sep 17 00:00:00 2001
From: fsociety <fsociety.mp3@pm.me>
Date: Tue, 10 Sep 2024 21:51:17 +0200
Subject: [PATCH] feat: add keysend payment method in webln.js and update
 button action in web-l-n.blade.php

---
 resources/js/webln/webln.js                   | 19 +++++++++++++++++++
 .../views/livewire/test/web-l-n.blade.php     |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/resources/js/webln/webln.js b/resources/js/webln/webln.js
index 4bacb519..ea660eb6 100644
--- a/resources/js/webln/webln.js
+++ b/resources/js/webln/webln.js
@@ -19,6 +19,25 @@ export default (livewireComponent) => ({
             });
     },
 
+    async keySendMethod() {
+        // keysend(args: KeysendArgs): Promise<SendPaymentResponse>;
+        // Send a keysend payment to the specified node.
+        await webln.keysend({
+            destination: '0363662a4ae8b8b7a73d9f4e459a9b25d4786f4ecc7315b5401934f3a2ef609750', amount: 1,
+        })
+            .then(response => {
+                console.log('Payment response:', response);
+                this.$wire.call('logThis', 'Payment response: ' + JSON.stringify(response));
+                this.$wire.call('reloadMe');
+            })
+            .catch(error => {
+                console.error('Payment failed:', error);
+                this.$wire.call('logThis', 'Payment failed: ' + error);
+                this.$wire.call('reloadMe');
+            });
+
+    },
+
     async init() {
         console.log('WebLN initialized');
 
diff --git a/resources/views/livewire/test/web-l-n.blade.php b/resources/views/livewire/test/web-l-n.blade.php
index f5591b61..47a8a69b 100644
--- a/resources/views/livewire/test/web-l-n.blade.php
+++ b/resources/views/livewire/test/web-l-n.blade.php
@@ -6,7 +6,7 @@
         <div class="text-xs sm:text-base break-words">payment_request: {{ $invoice['payment_request'] }}</div>
         <div class="mt-6">
             <div class="flex justify-center">
-                <button x-on:click="pay" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Pay Invoice</button>
+                <button x-on:click="keySendMethod" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Pay Invoice</button>
             </div>
         </div>
     </div>