src/components/Widget.ce.vue Payments note fix with Page Title fallback for TwentyOneUno Wordpress Widget

[satwise]

This change fixes issues where raw LNURL metadata was appearing in the transaction Note, as well as not populating a Note when the user specifies one, so I have added a helper function getPaymentNote() that ensures:

1. If the user types a note, that note is used.
2. If the user does not type a note, the document title is used (removing the " - WordPress" suffix).
3. The transaction note is always a clean string, preventing JSON objects from being passed to the wallet.

Use this function inside payKeysend and payInvoice so alll notes will be passed clean, tag-free, and bracket-free:

getPaymentNote: function() { // 1. Priority: User's manual note if (this.comment && this.comment.trim() !== '') { return this.comment; } // 2. Fallback: Page Title // document.title is ALREADY plain text (no HTML tags). // We just remove the WordPress suffix to keep it short. return document.title ? document.title.replace(' - WordPress', '') : 'Zap'; },

New vue file candidate is attached

Widget.ce.txt

[reneaaron]

1. Thanks for your zap! 😊
2. The JSON string you see is the invoice description it seems (you won't be able to get rid of that unless you change the default description, probably you are using LNBits?)
3. I don't like to explicitly add rules for Wordpress (or any other content publishing platform), I think it would be better to possibly add a defaultTitle property maybe?

[satwise]

1. Thanks for your zap! 😊

   2. The JSON string you see is the invoice description it seems (you won't be able to get rid of that unless you change the default description, probably you are using LNBits?)

   3. I don't like to explicitly add rules for Wordpress (or any other content publishing platform), I think it would be better to possibly add a defaultTitle property maybe?

Thanks for your response Rene! I'm a retired IT Architect who hasn't coded in 20 years so used AI to generate this fix. I wasn't thinking of it as a WordPress specific fix, but rather benefit any client by adding a Note method, but I defer to whatever you believe would fix the out of the box experience that people need when first experiencing lightning, if it happens to be from your plugin on my site :-)

But as is, Notes don't get passed and it then defaults to the title which has the garbage formatting, that's then passed as the description when I receive it in my lightning wallet.

I don't use LNBits. I'm on Umbrel OS 1.5 / Raspberry Pi and use AlbyHub LDK as my lightning node. I wanted to help get an out-of-box WordPress plugin to work to continue orange pilling people using my own site which is also hosted on the same Umbrel so I can use my own domain name for NIP-05 and LNRURL. I was excited to see that Alby actually created the plugins.

It's up to you whether you tweak it or not so that dumb WordPress users don't have to think about whether or not they have a clean site title, which I believe I do.

It would be ideal if these plugin could support a BOLT12 offer and I'd offer a bounty for that, as the reusable address and secure private payments through tor will become the disruptive technology for lightning to challenge bankster debit cards as the internet's native currency.

Thanks and whatever you do to fix it would be appreciated