import { Key } from "./logic.js";

const debug_style = document.body.appendChild(document.createElement("style"))
var debug_enabled = false

export function startInputListener() {
	let dir = 0;
	let start = false;
	
	// document.getElementById("start").onclick = e => {
	// 	e.preventDefault();
	// 	start = true;
	// }
	
	let keymap = {
		"KeyW": Key.UP,
        "KeyA": Key.LEFT,
		"KeyS": Key.DOWN,
        "KeyD": Key.RIGHT,
	};

    document.getElementById("start").onclick = function() {
        start = true
    }

	window.addEventListener("keydown", ev => {
		if(ev.repeat) {
			return;
		}
		if(!(ev.code in keymap)) {
            if (ev.code === "KeyB") {
                debug_enabled = !debug_enabled
                if (debug_enabled) {
                    debug_style.innerHTML = ` \
                        #container img { \
                            box-shadow: 0 0 1px red inset; \
                        } \
                        #container .sprite { \
                            box-shadow: 0 0 1px white inset; \
                        } \
                    `
                } else {
                    debug_style.innerHTML = ""
                }
            }
			return;
		}
		dir = keymap[ev.code];
	});

    window.addEventListener("keyup", ev => {
        if (ev.repeat) {
            return;
        }
        if (!(ev.code in keymap)) {
            return
        }
        if (dir == keymap[ev.code]) {
            dir = Key.NOTHING
        }
    })

	let last = {
		dir: 0,
	}
	
	return function() {

		if(dir === last.dir && !start) {
			return;
		}

		last = {
			dir,
		};

		let s = start;
		start = false;
		return {
            dir,
			start: s,
		}
	}
}