class PageEvents{ constructor(){ this.allEvents = new Map() this.keyListeners = new Map() this.mouseListeners = new Map() this.blurListeners = new Map() this.lastKeyEvent = -Infinity this.add(window, "keydown", this.keyEvent.bind(this)) this.add(window, "keyup", this.keyEvent.bind(this)) this.add(window, "mousemove", this.mouseEvent.bind(this)) this.add(window, "blur", this.blurEvent.bind(this)) this.kbd = [] } add(target, type, callback){ if(Array.isArray(type)){ type.forEach(type => this.add(target, type, callback)) return } this.remove(target, type) var addedEvent = this.allEvents.get(target) if(!addedEvent){ addedEvent = new Map() this.allEvents.set(target, addedEvent) } addedEvent.set(type, callback) return target.addEventListener(type, callback) } remove(target, type){ if(Array.isArray(type)){ type.forEach(type => this.remove(target, type)) return } var addedEvent = this.allEvents.get(target) if(addedEvent){ var callback = addedEvent.get(type) if(callback){ target.removeEventListener(type, callback) addedEvent.delete(type) if(addedEvent.size == 0){ return this.allEvents.delete(target) } } } } once(target, type){ return new Promise(resolve => { this.add(target, type, event => { this.remove(target, type) return resolve(event) }) }) } race(){ var target = arguments[0] return new Promise(resolve => { for(var i = 1;i < arguments.length; i++){ let type = arguments[i] this.add(target, type, event => { resolve({ type: type, event: event }) }) } }).then(response => { for(var i = 1;i < arguments.length; i++){ this.remove(target, arguments[i]) } return response }) } load(target){ return new Promise((resolve, reject) => { this.race(target, "load", "error", "abort").then(response => { switch(response.type){ case "load": return resolve(response.event) case "error": return reject(["Loading error", target]) case "abort": return reject("Loading aborted") } }) }) } keyEvent(event){ if(this.kbd.indexOf(event.key.toLowerCase()) !== -1){ this.lastKeyEvent = Date.now() event.preventDefault() } this.keyListeners.forEach(addedKeyCode => { this.checkListener(addedKeyCode.get("all"), event) this.checkListener(addedKeyCode.get(event.keyCode), event) }) } checkListener(keyObj, event){ if(keyObj && ( keyObj.type === "both" || keyObj.type === "down" && event.type === "keydown" || keyObj.type === "up" && event.type === "up" )){ keyObj.callback(event) } } keyAdd(target, keyCode, type, callback){ // keyCode="all", type="both" var addedKeyCode = this.keyListeners.get(target) if(!addedKeyCode){ addedKeyCode = new Map() this.keyListeners.set(target, addedKeyCode) } addedKeyCode.set(keyCode, { type: type, callback: callback }) } keyRemove(target, keyCode){ var addedKeyCode = this.keyListeners.get(target) if(addedKeyCode){ var keyObj = addedKeyCode.get(keyCode) if(keyObj){ addedKeyCode.delete(keyCode) if(addedKeyCode.size == 0){ return this.keyListeners.delete(target) } } } } keyOnce(target, keyCode, type){ return new Promise(resolve => { this.keyAdd(target, keyCode, type, event => { this.keyRemove(target, keyCode) return resolve(event) }) }) } mouseEvent(event){ this.lastMouse = event this.mouseListeners.forEach(callback => callback(event)) } mouseAdd(target, callback){ this.mouseListeners.set(target, callback) } mouseRemove(target){ this.mouseListeners.delete(target) } blurEvent(event){ this.blurListeners.forEach(callback => callback(event)) } blurAdd(target, callback){ this.blurListeners.set(target, callback) } blurRemove(target){ this.blurListeners.delete(target) } getMouse(){ return this.lastMouse } send(name, detail){ dispatchEvent(new CustomEvent(name, {detail: detail})) } setKbd(){ this.kbd = [] var kbdSettings = settings.getItem("keyboardSettings") for(var name in kbdSettings){ var keys = kbdSettings[name] for(var i in keys){ this.kbd.push(keys[i]) } } } }