SD WebUI javascript extension mockup

// stable-diffusion-webui/extensions/適当な名前のディレクトリ/javascript/適当な名前(ディレクトリ名と同じ).js として保存
// あとはWebUI再起動で勝手に読み込むようになる

onUiUpdate(async function () {
    let omankoButton = gradioApp().querySelector("#omankoButton")
    if( omankoButton === null){
        let roll_col = gradioApp().querySelector('#roll_col');
        let button = document.createElement('input');
        button.type = 'button';
        button.id = 'omankoButton';
        button.value = 'OMANKO';
        button.className = 'btn';
        button.onclick = function(){
            alert('OCHINPOS!')
        }
        roll_col.appendChild(button);
    }else{
        var randomColor = Math.floor(Math.random()*16777215).toString(16);
        omankoButton.style.cssText = "background: #" + randomColor + "; color: white;";
    }
})