document.addEventListener("DOMContentLoaded", function(){

    var blocks = document.getElementsByClassName('container-block')[0];

    var ws = new WebSocket('wss://ws.golos.io');

    ws.onopen = function(event)
    {
        ws.send(JSON.stringify({

            id: 1, method: 'call', 'params': ["database_api","set_block_applied_callback", [0]]

        }));

        ws.onmessage = function(raw)
        {
            var data = JSON.parse(raw.data);
            if(data.method === "notice" && data.params)
            {
                var hex = data.params[1][0].previous.slice(0, 8);
                var height = parseInt(hex, 16);
                ws.send(JSON.stringify({
                    id: 2,
                    method: 'call',
                    "params": ["database_api", "get_ops_in_block", [height, "false"]]
                }))
            }else if(data.id === 2){
                data.result.forEach(d => {
                    if(d.op[0]=='comment'){
                        console.log(d)
                        var data_block = d.op[1];
                        if(data_block.parent_author == ''){
                            var n_div = document.createElement('div');
                            n_div.className = 'block';
                            metaData = JSON.parse(data_block.json_metadata);
                            var im = '';
                            if( typeof metaData.image != 'undefined' ){
                                im = "<img src='"+metaData.image+"'/>";
                            }
                            n_div.innerHTML = "<a href='https://golos.io/@"+data_block.author+"/"+data_block.permlink+"'>" +
                               im+"<p>" + data_block.title  +"</p></a>";
                            n_div.innerHTML += "<span class='author'><a href='https://golos.io/@"+data_block.author+"'>@"+data_block.author+"</a></span>"
                            blocks.insertBefore(n_div, blocks.firstChild);
                        }
                    }
                })

            }
        }
    }
});