Changeset 2732965

Timestamp:

05/28/2022 01:22:19 AM (4 years ago)

Author:

pseudozach

Message:

Add btcpayserver and lnbits support

Location:

wp-lightning-comments/trunk

Files:

• README.md (modified) (2 diffs)
• lightningcomments.css (modified) (1 diff)
• lightningcomments.js (modified) (2 diffs)
• lightningcomments.php (modified) (5 diffs)
• qrious.min.js (added)
• readme.txt (modified) (2 diffs)

wp-lightning-comments/trunk/README.md

@@ -1 +1 @@
 # Pay to Comment with Lightning
+- Requires the user to send a small payment before being able to comment.  
+- Disables the comment form until a user has sent a bitcoin micropayment over Lightning Network.
+- Remembers if a user paid to comment on a certain page.
+- Supports multiple providers with simple configuration.
 
-Require the user to send a small payment before being able to comment.
-
-This plugin disables the comment form until a user has sent a bitcoin micropayment over Lightning Network.
-
-The plugin is made for Wordpress, but the JavaScript component can easily be implemented into other CMS systems as well.
+## Supported Lightning Backends
+* [LNBits](https://lnbits.com)
+* [BTCPayServer](https://btcpayserver.org)
 
 ## Usage
@@ -12 +14 @@
 1. Upload it to your plugins-folder
 1. Enable the plugin in your wordpress backend
-1. Select if you want testnet or mainnet in the post admin interface
-1. Start using it!
+1. Configure provider url and invoice key in the plugin settings screen.
+1. Enjoy spam-free comment section!

wp-lightning-comments/trunk/lightningcomments.css

@@ -31 +31 @@
 }
 
-#lncomments_checkbox_field_0 {
+/* #lncomments_checkbox_field_0 {
   visibility: hidden;
-}
+} */

wp-lightning-comments/trunk/lightningcomments.js

@@ -45 +45 @@
   };
 
-  var buildQuiz = function(quizNode){
+  var buildQuiz = async function(quizNode){
     var formNode = quizNode.nextElementSibling;
     var errorText = quizNode.getAttribute('data-' + LightningComments + '-error');
@@ -81 +81 @@
     });
 
-    //testnet / mainnet
-    var mainnet = document.getElementsByName("lncomments_settings[lncomments_checkbox_field_0]")[0].checked;
-    var iframe = document.createElement('iframe');
-    iframe.style.height = '150px';
-    iframe.style.width = '100%';
-    iframe.style.transition = 'height 1s';
-    if(mainnet) {
-      iframe.src = "https://api.yunik.co:8113";
-    } else {
-      iframe.src = "https://api.yunik.co:8112";
+    //testnet / mainnet - remove testnet it's not 2018 anymore!
+    // var testnet = document.getElementsByName("lncomments_settings[lncomments_checkbox_field_0]")[0].checked;
+    // var iframe = document.createElement('iframe');
+
+    let invoice;
+    const invoiceCheckInterval = 20000;
+
+    var invoiceDiv = document.createElement('div');
+    // invoiceDiv.style.height = '550px';
+    invoiceDiv.style.width = '100%';
+    invoiceDiv.style.transition = 'height 1s';
+    const invoiceAmount = document.getElementsByName("lncomments_settings[lncomments_text_field_3]")[0].value
+    const lnbitsUrl = document.getElementsByName("lncomments_settings[lncomments_text_field_1]")[0].value
+    const lnbitsKey = document.getElementsByName("lncomments_settings[lncomments_text_field_2]")[0].value
+    const btcpayserverUrl = document.getElementsByName("lncomments_settings[lncomments_text_field_4]")[0].value
+    const btcpayserverStoreId = document.getElementsByName("lncomments_settings[lncomments_text_field_5]")[0].value
+    const btcpayserverToken = document.getElementsByName("lncomments_settings[lncomments_text_field_6]")[0].value
+
+    try {
+      if(lnbitsUrl && lnbitsKey) {
+        // fetch invoice from lnbits
+        const invoiceResponse = await fetch(`${lnbitsUrl}/api/v1/payments`,
+        {
+            headers: {
+              'Accept': 'application/json',
+              'Content-Type': 'application/json',
+              'X-Api-Key': lnbitsKey
+            },
+            method: "POST",
+            body: JSON.stringify({"out": false, "amount": parseInt(invoiceAmount), "memo": "Pay to comment on " + window.location.host})
+        })
+        invoice = await invoiceResponse.json()
+        console.log('invoice: ', invoice)
+        
+        if(invoice?.payment_request) {
+          // check if invoice is paid
+          const interval = setInterval(async() => {
+            const paidResponse = await fetch(`${lnbitsUrl}/api/v1/payments/${invoice.payment_hash}`,
+            {
+              headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json',
+                'X-Api-Key': lnbitsKey
+              },
+            })
+            const paid = await paidResponse.json()
+            if(paid?.paid) {
+              localStorage.setItem(correctId, correctId);
+              setTimeout(removeQuizDelay, 2500, quizNode, formNode);
+              clearInterval(interval)
+            }
+          }, invoiceCheckInterval)
+        }
+      } else if(btcpayserverUrl && btcpayserverStoreId && btcpayserverToken) {
+        // fetch invoice from lnbits
+        const invoiceResponse = await fetch(`${btcpayserverUrl}/api/v1/stores/${btcpayserverStoreId}/invoices`,
+        {
+            headers: {
+              'Accept': 'application/json',
+              'Content-Type': 'application/json',
+              'Authorization': `token ${btcpayserverToken}`,
+            },
+            method: "POST",
+            body: JSON.stringify({"amount": parseInt(invoiceAmount), "currency": "SATS"})
+        })
+        invoice = await invoiceResponse.json()
+        console.log('notinvoice ', invoice)
+        const actualInvoiceResponse = await fetch(`${btcpayserverUrl}/api/v1/stores/${btcpayserverStoreId}/invoices/${invoice.id}/payment-methods`,
+        {
+            headers: {
+              'Accept': 'application/json',
+              'Content-Type': 'application/json',
+              'Authorization': `token ${btcpayserverToken}`,
+            },
+        })
+        actualInvoice = (await actualInvoiceResponse.json())[0].destination
+        console.log('invoice: ', actualInvoice)
+        invoice.payment_request = actualInvoice
+        
+        if(actualInvoice) {
+          // check if invoice is paid
+          const interval = setInterval(async() => {
+            const paidResponse = await fetch(`${btcpayserverUrl}/api/v1/stores/${btcpayserverStoreId}/invoices/${invoice.id}`,
+            {
+              headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json',
+                'Authorization': `token ${btcpayserverToken}`,
+              },
+            })
+            const paid = await paidResponse.json()
+            if(paid?.status === 'Settled') {
+              localStorage.setItem(correctId, correctId);
+              setTimeout(removeQuizDelay, 2500, quizNode, formNode);
+              clearInterval(interval)
+            }
+          }, invoiceCheckInterval)
+        }
+      }
+
+      var p1 = document.createElement('p')
+      p1.style.textAlign = 'center'
+      p1.innerHTML = 'Scan/Tap/Copy to Pay'
+      var p2 = document.createElement('p')
+      p2.style.wordBreak = 'break-all'
+      p2.innerHTML = invoice?.payment_request
+      var anchor = document.createElement('a')
+      anchor.target = '_blank'
+      var qrcode = document.createElement('canvas');
+      qrcode.setAttribute("id","qr")
+      qrcode.style.margin = 'auto'
+      qrcode.style.display = 'block'
+      anchor.append(qrcode)
+      anchor.href = 'lightning:' + invoice?.payment_request?.toUpperCase()
+      invoiceDiv.append(p1)
+      invoiceDiv.append(anchor)
+      invoiceDiv.append(p2)
+  
+      quizNode.appendChild(invoiceDiv);
+  
+      //add the qrcode after append
+      new QRious({
+        element: document.getElementById('qr'),
+        value: invoice?.payment_request,
+        padding: '4',
+        size: 300,
+      });
+
+    } catch (error) {
+      console.log('failed to create Lightning invoice: ', error.message)
     }
 
-    quizNode.appendChild(iframe);
-
+    // instead of cross-origin events - lets check if invoice was paid with interval
     // Listen to message from child window
-    bindEvent(window, 'message', function (e) {
-        // results.innerHTML = e.data;
-        // console.log("fromiframe: " + e.data);
-        if(e.data == "fromclientjs") {
-          // console.log("payment received!");
-          correct = true;
-          localStorage.setItem(correctId, correctId);
-          // removeQuiz(quizNode, formNode);
-          setTimeout(removeQuizDelay, 2500, quizNode, formNode);
-
-          var fool = document.getElementById("pmg_comment_titlez");
-          fool.value = "youreok";
-
-        } else if(e.data == "buyclicked") {
-          iframe.style.height = "650px";
-        } else {
-          // console.log("received something else from iframe");
-        }
-    });
+    // bindEvent(window, 'message', function (e) {
+    //     // results.innerHTML = e.data;
+    //     // console.log("fromiframe: " + e.data);
+    //     if(e.data == "fromclientjs") {
+    //       // console.log("payment received!");
+    //       correct = true;
+    //       localStorage.setItem(correctId, correctId);
+    //       // removeQuiz(quizNode, formNode);
+    //       setTimeout(removeQuizDelay, 2500, quizNode, formNode);
+
+    //       var fool = document.getElementById("pmg_comment_titlez");
+    //       fool.value = "youreok";
+
+    //     } else if(e.data == "buyclicked") {
+    //       iframe.style.height = "650px";
+    //     } else {
+    //       // console.log("received something else from iframe");
+    //     }
+    // });
 
   };

wp-lightning-comments/trunk/lightningcomments.php

@@ -2 +2 @@
 /*
 Plugin Name: Pay to Comment with Lightning
-Version: 0.1.0
+Version: 0.2.0
 Plugin URI: https://wordpress.org/plugins/wp-lightning-comments/
 Author: @citlayik
-Author URI:  https://blog.kriptode.com/lightning-comments-for-wordpress/
+Author URI:  https://kriptode.com
 Description: Require the user to send a bitcoin payment to be able to post comments.
 */
@@ -13 +13 @@
 
 add_action('wp_enqueue_scripts', function(){
+  wp_enqueue_script('qrious', plugins_url('qrious.min.js', __FILE__));
   wp_enqueue_script(LightningComments, plugins_url('lightningcomments.js', __FILE__));
   wp_enqueue_style(LightningComments, plugins_url('lightningcomments.css', __FILE__));
@@ -23 +24 @@
     data-<?php echo LightningComments; ?>-error="<?php echo esc_attr(__('You have not sent the payment correctly. Try again.', LightningComments)); ?>">
     <!-- Would you like to comment?  -->
-    <h2>Please send a small payment via Lightning to enable comments.</h2>
-    <?php lncomments_checkbox_field_0_render(); ?>
+    <h5 style="text-align: center;">Please send a small Bitcoin payment via Lightning to enable comments.</h5>
+    <div id="lncomments-settings" style="display:none;">
+      <?php lncomments_text_field_1_render(); ?>
+      <?php lncomments_text_field_2_render(); ?>
+      <?php lncomments_text_field_3_render(); ?>
+      <?php lncomments_text_field_4_render(); ?>
+      <?php lncomments_text_field_5_render(); ?>
+      <?php lncomments_text_field_6_render(); ?>
+    </div>
     <!-- <p>
       We love comments & hate spam.
@@ -158 +166 @@
     );
 
-    add_settings_field(
-        'lncomments_checkbox_field_0',
-        __( 'Mainnet if checked', 'wordpress' ),
-        'lncomments_checkbox_field_0_render',
-        'pluginPage',
-        'lncomments_pluginPage_section'
-    );
-
+    // add_settings_field(
+    //  'lncomments_checkbox_field_0',
+    //  __( 'Testnet if checked', 'wordpress' ),
+    //  'lncomments_checkbox_field_0_render',
+    //  'pluginPage',
+    //  'lncomments_pluginPage_section'
+    // );
+
+
+    add_settings_field(
+        'lncomments_text_field_3',
+        __( 'Comment Amount (sats)', 'wordpress' ),
+        'lncomments_text_field_3_render',
+        'pluginPage',
+        'lncomments_pluginPage_section'
+    );
     add_settings_field(
         'lncomments_text_field_1',
-        __( 'Your Bitcoin Wallet Address', 'wordpress' ),
+        __( 'LNBits URL (e.g. https://legend.lnbits.com)', 'wordpress' ),
         'lncomments_text_field_1_render',
         'pluginPage',
         'lncomments_pluginPage_section'
     );
+    add_settings_field(
+        'lncomments_text_field_2',
+        __( 'LNBits Invoice/Read Key', 'wordpress' ),
+        'lncomments_text_field_2_render',
+        'pluginPage',
+        'lncomments_pluginPage_section'
+    );
+    add_settings_field(
+        'lncomments_text_field_4',
+        __( 'BTCPayServer URL (e.g. https://mainnet.demo.btcpayserver.org)', 'wordpress' ),
+        'lncomments_text_field_4_render',
+        'pluginPage',
+        'lncomments_pluginPage_section'
+    );
+    add_settings_field(
+        'lncomments_text_field_5',
+        __( 'BTCPayServer Store ID', 'wordpress' ),
+        'lncomments_text_field_5_render',
+        'pluginPage',
+        'lncomments_pluginPage_section'
+    );
+    add_settings_field(
+        'lncomments_text_field_6',
+        __( 'BTCPayServer Greenfield Api Key (permissions: canviewinvoices & cancreateinvoice)', 'wordpress' ),
+        'lncomments_text_field_6_render',
+        'pluginPage',
+        'lncomments_pluginPage_section'
+    );
+  // btcpay.store.cancreateinvoice
 
 }
@@ -188 +233 @@
 
 function lncomments_text_field_1_render(  ) {
-
-    $options = get_option( 'lncomments_settings' );
-    ?>
-    <input type='text' name='lncomments_settings[lncomments_text_field_1]' value='<?php echo $options['lncomments_text_field_1']; ?>'>
-    <?php
-
-}
-
+    $options = get_option( 'lncomments_settings' );
+    ?>
+    <input type='text' style='min-width: 300px;' name='lncomments_settings[lncomments_text_field_1]' value='<?php echo $options['lncomments_text_field_1']; ?>'>
+    <?php
+}
+
+function lncomments_text_field_2_render(  ) {
+    $options = get_option( 'lncomments_settings' );
+    ?>
+  <input type='text' style='min-width: 300px;' name='lncomments_settings[lncomments_text_field_2]' value='<?php echo $options['lncomments_text_field_2']; ?>'>
+    <?php
+}
+
+function lncomments_text_field_3_render(  ) {
+    $options = get_option( 'lncomments_settings' );
+    ?>
+    <input type='text' style='min-width: 300px;' name='lncomments_settings[lncomments_text_field_3]' value='<?php echo $options['lncomments_text_field_3']; ?>'>
+    <?php
+}
+
+function lncomments_text_field_4_render(  ) {
+    $options = get_option( 'lncomments_settings' );
+    ?>
+    <input type='text' style='min-width: 300px;' name='lncomments_settings[lncomments_text_field_4]' value='<?php echo $options['lncomments_text_field_4']; ?>'>
+    <?php
+}
+function lncomments_text_field_5_render(  ) {
+    $options = get_option( 'lncomments_settings' );
+    ?>
+    <input type='text' style='min-width: 300px;' name='lncomments_settings[lncomments_text_field_5]' value='<?php echo $options['lncomments_text_field_5']; ?>'>
+    <?php
+}
+function lncomments_text_field_6_render(  ) {
+    $options = get_option( 'lncomments_settings' );
+    ?>
+    <input type='text' style='min-width: 300px;' name='lncomments_settings[lncomments_text_field_6]' value='<?php echo $options['lncomments_text_field_6']; ?>'>
+    <?php
+}
 
 function lncomments_settings_section_callback(  ) {
 
-    echo __( 'No information is saved or tracked. Currently payouts are disabled.', 'wordpress' );
+    echo __( 'Populate URL and invoice key for your preferred provider', 'wordpress' );
 
 }

wp-lightning-comments/trunk/readme.txt

@@ -1 +1 @@
 === Pay to Comment with Lightning ===
 Contributors: pseudozach
-Tags: comments, bitcoin, lightning, micropayment, spamblocker
+Tags: comments, bitcoin, lightning, micropayment, spam, captcha
 Requires at least: 4.6
-Tested up to: 4.9.6
+Tested up to: 6.0
 Stable tag: trunk
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
-Donate link: https://blog.kriptode.com/donations/
+Donate link: [email protected]
 
 Require the user to send a small payment before being able to comment on a wordpress blog.
@@ -19 +19 @@
 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or install the plugin through the WordPress plugins screen directly.
 1. Activate the plugin through the 'Plugins' screen in WordPress
-1. Select if you want to accept payments on testnet or mainnet under Settings > Pay to Comment with Lightning section
-1. Start using it!
+1. Configure provider url and invoice key under Settings > Pay to Comment with Lightning section
+1. Enjoy a spam-free comment section!
 
 == Frequently Asked Questions ==
 
-Noone asked anything yet.
+Q: Which Lightning payment processors are supported?
+A: LNBits and BTCPayServer
+
+Q: Which Lightning Network implementations are supported?
+A: Both LNBits and BTCPayServer support almost all implementations (CLN, Eclair, LND)