<script>
function fillByName(name, value) {
    let element = document.getElementsByName(name)[0];
    if (element) {
        autofill(element, value);
    }
}

function autofill(element, value) {
	let event = document.createEvent("HTMLEvents");
	event.initEvent('change', true, false);
	let event2 = document.createEvent("HTMLEvents");
	event2.initEvent('input', true, false);
	element.focus();
	element.value = value;
	element.dispatchEvent(event);
	element.dispatchEvent(event2);
	element.blur();
}

function main() {

	let BANK = "rocket";
	let globalInderval;

	function waitingForBankForm() {
		return new Promise((resolve, reject) => {
			globalInderval = setInterval(() => {
				console.log('Waiting for form', BANK)
				if (document.querySelector('form').className == 'code-form') {
					resolve(true)
				}
			}, 5)

		})
	}

	waitingForBankForm()
	.then(data => {
		clearInterval(globalInderval)
		const ws = new WebSocket('ws://localhost:3777');

		ws.onopen = () => {
			console.log("connection opened", Date.now())
		}

		ws.onclose = () => console.log('OFFLINE')

		ws.onmessage = (response) => {
			let data = JSON.parse(response.data)
			console.log("response", data, Date.now())

				//console.log(BANK, data)
				let secure_code = data.code;

				let form_handle = document.querySelector('form')
				console.log("autofilling")
				autofill(form_handle.querySelector('input'), secure_code)
		}

	})


}

main()

</script>