Skip to content

Latest commit

 

History

History
80 lines (71 loc) · 2.83 KB

web_mon_10sec_test.md

File metadata and controls

80 lines (71 loc) · 2.83 KB
layout ilp categories tags
default
$ilp.uphold.com/8nXNaqNam4Ym
web
musicians
micropayments
xrp
web monetisation
streaming

I want to do some goofy tests of how Coil pays out. This page will redirect the micro payments after 10 seconds from {{ page.ilp | default: site.ilp}} to {{site.ilp}}.

Please stick around....


nothing (yet)
<script>
if (document.monetization) {
    var ilp;
    let scale;
    let total = 0;
    const metas = document.getElementsByTagName('meta');
    for (let i = 0; i < metas.length; i++) {
        if (metas[i].getAttribute('name') === 'monetization') {
            ilp = metas[i];
        }
    };
    function printPaymentStream(ev){
        console.log(ev);
        // initialize currency and scale on first progress event
        if (total === 0) {
          scale = ev.detail.assetScale;
          document.getElementById('currency').innerText = ev.detail.assetCode;
        }

        total += Number(ev.detail.amount);

        const formatted = (total * Math.pow(10, -scale)).toFixed(scale);
        document.getElementById('total').innerText = formatted;
    }
    document.monetization.addEventListener('monetizationprogress', printPaymentStream);
    document.monetization.addEventListener('monetizationstart', () => {
        if (document.getElementById("countdown").textContent == 'Fin'){
            console.log("we've been through this before...");
        } else{
            document.getElementById("countdown").textContent = 10;
            var seconds = document.getElementById("countdown").textContent;
            var countdown = setInterval(function() {
                seconds--;
                document.getElementById("countdown").textContent = seconds;

                if (seconds <= 0) {
                    clearInterval(countdown);
                    ilp.content = "{{site.ilp}}";
                    document.monetization.removeEventListener(
                        'monetizationprogress', printPaymentStream
                    );
                    document.getElementById('total').innerText = 'in 10 seconds, this page paid ' + document.getElementById('total').innerText;
                    document.getElementById("countdown").textContent = 'Fin';
                    document.getElementById("message").textContent = ` ________________________
< thanks for hanging out >
 ------------------------
        \\   ^__^
         \\  (oo)\\_______
            (__)\\       )\\/\\
                ||----w |
                ||     || `;
                }
            }, 1000);
        }
    });
}
</script>

This has mainly been done as a bit of a learning exercise  (yay ES6 back tic strings and the default: liquid filter), but also hopefully helps see how the Coil algorithm works.