Bitcoinjs-lib: Created basic UI using bitcoinjs-lib (PSBT, Transaction, Payment)

[motorina0]

I have created a small web app that uses bitcoinjs-lib.
You can find it here: https://bitcoincoretech.github.io/apps/bitcoinjs-ui/index.html
Github Repo here

It covers _most_ of the psbt.ts, transaction.ts and p2*.ts APIs.

I have also created a wiki with some UI Samples using the bitcoinjs-lib test data.
For the PSBT Wiki I have used one of the BIP 174 Test Vectors.

If anyone has time to check the app, it would be great!
Any kind of feedback is welcome, as I plan to improve the UI in the future.

Notes:
  - this is an alpha version
  - it can also be used as a standalone html file, no need for build process or a local server
    - clone the repo and open the index.html file
  - I'm not sure if an issue is the right place to post this message

[motorina0]

I have also added a video tutorial, click for full version.

[AndreasGassmann]

I just wanted to say thanks for this amazing tool. It helped me a lot to understand how PSBTs work and debug the PSBT implementation in our wallet. 🎉

[junderw]

You should put a link in the README

[motorina0]

Thanks!

I see 3 places where the link could be inserted. Please let me know which one you prefer:

1. on top, just above the "Released under the terms of..." (most visible)
2. on the Documentation section (visble, but the user has to scroll)
3. on the Browser section (less visible)

Suggested text:
You can find a Web UI that covers most of the psbt.ts, transaction.ts and p2*.ts APIs here.

[junderw]

2, Documentation seems best

[motorina0]

I just wanted to say thanks for this amazing tool. It helped me a lot to understand how PSBTs work and debug the PSBT implementation in our wallet. 🎉

@AndreasGassmann thanks for the positive feedback!
If you find bugs or have any sugestions for features please submit an issue on the app repo

[motorina0]

PR created: https://github.com/bitcoinjs/bitcoinjs-lib/pull/1669

[motorina0]

I have added annotation support for Transactions. You can add notes to inputs, outputs and scripts and share them with others, or reference them from a tutorial/documentation/blog.

Sample here

Wiki Page: https://github.com/bitcoincoretech/bitcoinjs-ui/wiki/Annotations