From 03f48f3211646989ea0ff825ec4579ea62c11fba Mon Sep 17 00:00:00 2001
From: lxsang <xsang.le@gmail.com>
Date: Thu, 18 Aug 2022 21:35:37 +0200
Subject: [PATCH] improve UI handling

---
 RemoteDesktop/README.md                       |   1 +
 RemoteDesktop/assets/main.css                 |   2 +-
 RemoteDesktop/build/debug/README.md           |   1 +
 RemoteDesktop/build/debug/main.css            |   2 +-
 RemoteDesktop/build/debug/main.js             |   2 +-
 RemoteDesktop/build/debug/package.json        |   2 +-
 RemoteDesktop/build/release/RemoteDesktop.zip | Bin 77770 -> 77813 bytes
 RemoteDesktop/coffees/WVNC.coffee             |   7 +++++++
 RemoteDesktop/coffees/main.coffee             |  16 ++++++++--------
 RemoteDesktop/package.json                    |   2 +-
 packages.json                                 |  12 +-----------
 11 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/RemoteDesktop/README.md b/RemoteDesktop/README.md
index dbb57ff..d46bef1 100644
--- a/RemoteDesktop/README.md
+++ b/RemoteDesktop/README.md
@@ -7,6 +7,7 @@ Further information on **wvnc**: [https://blog.lxsang.me/post/id/23](https://blo
 
 
 ## Change logs
+* v0.1.12 - improve UI handling
 * v0.1.11 - Support 16 bits per pixel
 * v0.1.10 - Allow to sync clipboard between local and remote machine, CTRL+SHIF+V to paste text from local to remote machine
 * v0.1.9 - improve stability
diff --git a/RemoteDesktop/assets/main.css b/RemoteDesktop/assets/main.css
index f784c19..ecb3e43 100644
--- a/RemoteDesktop/assets/main.css
+++ b/RemoteDesktop/assets/main.css
@@ -5,6 +5,6 @@ afx-app-window[data-id="RemoteDesktop"] div[data-id="container"]
 afx-app-window[data-id="RemoteDesktop"] canvas[data-id="screen"]
 {
     border:0;
-    margin: auto;
+    /*margin: auto;*/
     display: block;
 }
\ No newline at end of file
diff --git a/RemoteDesktop/build/debug/README.md b/RemoteDesktop/build/debug/README.md
index dbb57ff..d46bef1 100644
--- a/RemoteDesktop/build/debug/README.md
+++ b/RemoteDesktop/build/debug/README.md
@@ -7,6 +7,7 @@ Further information on **wvnc**: [https://blog.lxsang.me/post/id/23](https://blo
 
 
 ## Change logs
+* v0.1.12 - improve UI handling
 * v0.1.11 - Support 16 bits per pixel
 * v0.1.10 - Allow to sync clipboard between local and remote machine, CTRL+SHIF+V to paste text from local to remote machine
 * v0.1.9 - improve stability
diff --git a/RemoteDesktop/build/debug/main.css b/RemoteDesktop/build/debug/main.css
index f784c19..ecb3e43 100644
--- a/RemoteDesktop/build/debug/main.css
+++ b/RemoteDesktop/build/debug/main.css
@@ -5,6 +5,6 @@ afx-app-window[data-id="RemoteDesktop"] div[data-id="container"]
 afx-app-window[data-id="RemoteDesktop"] canvas[data-id="screen"]
 {
     border:0;
-    margin: auto;
+    /*margin: auto;*/
     display: block;
 }
\ No newline at end of file
diff --git a/RemoteDesktop/build/debug/main.js b/RemoteDesktop/build/debug/main.js
index 32543f1..b35ef4b 100644
--- a/RemoteDesktop/build/debug/main.js
+++ b/RemoteDesktop/build/debug/main.js
@@ -1 +1 @@
-(function(){var e,t,n,s;(e=class e extends this.OS.GUI.BasicDialog{constructor(){super("ConnectionDialog",e.scheme)}main(){return super.main(),this.find("bbp").data=[{text:"16 bits",value:16,selected:!0},{text:"32 bits",value:32}],this.find("jq").value=40,this.find("bt-ok").onbtclick=e=>{var t;if(this.handle)return t={wvnc:this.find("txtWVNC").value,server:this.find("txtServer").value,bbp:this.find("bbp").selectedItem.data.value,quality:this.find("jq").value},this.handle(t),this.quit()},this.find("bt-cancel").onbtclick=e=>this.quit()}}).scheme='<afx-app-window width=\'350\' height=\'270\'>\n    <afx-hbox>\n        <div data-width="5"></div>\n        <afx-vbox>\n            <afx-label text="__(WVNC Websocket)" data-height="25" class="header" ></afx-label>\n            <input data-height="25" data-id="txtWVNC" value="wss://app.iohub.dev/wbs/wvnc"></input>\n            <afx-label text="__(VNC Server)" data-height="25" class="header" ></afx-label>\n            <input data-height="25" data-id="txtServer" value="192.168.1.27:5900"></input>\n            <div data-height="5"></div>\n            <afx-label text="__(Bits per pixel)" data-height="25" class="header" ></afx-label>\n            <afx-list-view dropdown = "true" data-id ="bbp" data-height="25" ></afx-list-view>\n            <div data-height="5"></div>\n            <afx-label text="__(JPEG quality)" data-height="25" class="header" ></afx-label>\n            <afx-slider data-id ="jq" data-height="25" ></afx-slider>\n            <afx-hbox data-height = \'30\'>\n                <div  style=\' text-align:right;\'>\n                    <afx-button data-id = "bt-ok" text = "__(Connect)"></afx-button>\n                    <afx-button data-id = "bt-cancel" text = "__(Cancel)"></afx-button>\n                </div>\n                <div data-width="5"></div>\n            </afx-hbox>\n        </afx-vbox>\n        <div data-width="5"></div>\n    </afx-hbox>\n</afx-app-window>\n',(t=class e extends this.OS.GUI.BasicDialog{constructor(){super("CredentialDialog",e.scheme)}main(){return this.find("bt-ok").onbtclick=()=>{var e;return this.handle?(e={username:this.find("txtUser").value,password:this.find("txtPass").value},this.handle(e),this.quit()):this.quit()},this.find("bt-cancel").onbtclick=()=>this.quit()}}).scheme='<afx-app-window width=\'350\' height=\'150\'>\n    <afx-vbox>\n        <afx-label text="__(Username)" data-height="25" class="header" ></afx-label>\n        <input data-height="30" data-id="txtUser"></input>\n        <afx-label text="__(Password)" data-height="25" class="header" ></afx-label>\n        <input type="password" data-height="30" data-id="txtPass"></input>\n        <afx-hbox data-height = \'30\'>\n            <div  style=\' text-align:right;\'>\n                <afx-button data-id = "bt-ok" text = "__(Ok)"></afx-button>\n                <afx-button data-id = "bt-cancel" text = "__(Cancel)"></afx-button>\n            </div>\n            <div data-width="5"></div>\n        </afx-hbox>\n    </afx-vbox>\n</afx-app-window>',n=class extends this.OS.application.BaseApplication{constructor(e){super("RemoteDesktop",e)}main(){return this.canvas=this.find("screen"),this.container=this.find("container"),this.client=new s({element:this.canvas}),this.bindKey("CTRL-SHIFT-V",e=>this.pasteText()),this.client.onerror=e=>(this.error(e),this.showConnectionDialog()),this.client.onresize=()=>this.setScale(),this.client.onpassword=()=>new Promise((e,t)=>this.openDialog("PromptDialog",{title:__("VNC password"),label:__("VNC password"),value:"password",type:"password"}).then((function(t){return e(t)}))),this.client.oncopy=e=>this._api.setClipboard(e),this.client.oncredential=()=>new Promise((e,n)=>this.openDialog(new t,{title:__("User credential")}).then((function(t){return e(t.username,t.password)}))),this.on("resize",e=>this.setScale()),this.on("focus",e=>$(this.canvas).focus()),this.client.init().then(()=>this.showConnectionDialog())}pasteText(){var e;if(this.client)return e=e=>{if(e&&""!==e)return this.client.sendTextAsClipboard(e)},this._api.getClipboard().then(t=>e(t)).catch(t=>(this.error(__("Unable to paste"),t),this.openDialog("TextDialog",{title:"Paste text"}).then(t=>e(t)).catch(e=>this.error(e.toString(),e))))}setScale(){var e,t,n,s;if(this.client&&this.client.resolution)return s=$(this.container).width(),e=$(this.container).height(),(t=s/this.client.resolution.w)>(n=e/this.client.resolution.h)?this.client.setScale(n):this.client.setScale(t)}menu(){return[{text:"__(Connection)",nodes:[{text:"__(New Connection)",dataid:this.name+"-new"},{text:"__(Disconnect)",dataid:this.name+"-close"}],onchildselect:e=>this.actionConnection()}]}actionConnection(e){return this.client&&this.client.disconnect(!1),this.showConnectionDialog()}showConnectionDialog(){return this.openDialog(new e,{title:__("Connection")}).then(e=>(this.client.ws=e.wvnc,this.client.connect(e.server,e)))}cleanup(){if(this.client)return this.client.disconnect(!0)}},this.OS.register("RemoteDesktop",n),s=class{constructor(e){var t,n;this.socket=void 0,this.ws=void 0,this.canvas=void 0,n="pkg://RemoteDesktop/decoder_asm.js".asFileHandle().getlink(),this.scale=1,e.ws&&(this.ws=e.ws),this.canvas=e.element,"string"==typeof this.canvas&&(this.canvas=document.getElementById(this.canvas)),this.decoder=new Worker(n),this.enableEvent=!1,this.pingto=!1,t=this,this.mouseMask=0,this.decoder.onmessage=function(e){return t.process(e.data)}}init(){var e;return e=this,new Promise((function(t,n){return e.canvas?($(e.canvas).attr("tabindex","1"),$(e.canvas).on("focus",()=>e.resetModifierKeys()),e.initInputEvent(),t()):n("Canvas is not set")}))}initInputEvent(){var e,t,n,s;if(n=this,this.canvas&&(t=function(e){var t;return t=n.canvas.getBoundingClientRect(),{x:Math.floor((e.clientX-t.left)/n.scale),y:Math.floor((e.clientY-t.top)/n.scale)}},s=function(e){var s;if(n.enableEvent)return s=t(e),n.sendPointEvent(s.x,s.y,n.mouseMask)},n.canvas))return n.canvas.oncontextmenu=function(e){return e.preventDefault(),!1},n.canvas.onmousemove=function(e){return s(e)},n.canvas.onmousedown=function(e){var t;return t=1<<e.button,n.mouseMask=n.mouseMask|t,s(e)},n.canvas.onmouseup=function(e){var t;return t=1<<e.button,n.mouseMask=n.mouseMask&~t,s(e)},n.canvas.onkeydown=n.canvas.onkeyup=function(e){var t;switch(e.keyCode){case 8:t=65288;break;case 9:t=65289;break;case 13:t=65293;break;case 27:t=65307;break;case 46:t=65535;break;case 38:t=65362;break;case 40:t=65364;break;case 37:t=65361;break;case 39:t=65363;break;case 91:t=65511;break;case 93:t=65512;break;case 16:t=65505;break;case 17:t=65507;break;case 18:t=65513;break;case 20:t=65509;break;case 113:t=65471;break;case 112:t=65470;break;case 114:t=65472;break;case 115:t=65473;break;case 116:t=65474;break;case 117:t=65475;break;case 118:t=65476;break;case 119:t=65477;break;case 120:t=65478;break;case 121:t=65479;break;case 122:t=65480;break;case 123:t=65481;break;default:t=e.key.charCodeAt(0)}if(e.preventDefault(),t)return"keydown"===e.type?n.sendKeyEvent(t,1):"keyup"===e.type?n.sendKeyEvent(t,0):void 0},this.canvas.addEventListener("wheel",(function(e){var s;if(n.enableEvent)return s=t(e),e.preventDefault(),e.deltaY<0?(n.sendPointEvent(s.x,s.y,8),void n.sendPointEvent(s.x,s.y,0)):(n.sendPointEvent(s.x,s.y,16),n.sendPointEvent(s.x,s.y,0))})),this.canvas.onpaste=function(e){var t;if(n.enableEvent)return t=void 0,window.clipboardData&&window.clipboardData.getData?t=window.clipboardData.getData("Text"):e.clipboardData&&e.clipboardData.getData&&(t=e.clipboardData.getData("text/plain")),!!t&&(e.preventDefault(),n.sendTextAsClipboard(t))},e=e=>this.disconnect(!0),window.addEventListener("unload",e),window.addEventListener("beforeunload",e)}initCanvas(e,t,n){return this.canvas.width=e,this.canvas.height=t,this.resolution={w:e,h:t},this.decoder.postMessage(this.resolution),this.setScale(this.scale)}process(e){var t,n,s;if(this.socket)return n=new Uint8Array(e.pixels),(s=(t=this.canvas.getContext("2d",{alpha:!1})).createImageData(e.w,e.h)).data.set(n),t.putImageData(s,e.x,e.y)}setScale(e){if(this.scale=e,this.canvas)return this.canvas.style.transformOrigin="0 0",this.canvas.style.transform="scale("+e+")"}connect(e,t){var n;if(n=this,this.disconnect(!1),this.ws)return this.socket=new WebSocket(this.ws),this.socket.binaryType="arraybuffer",this.socket.onopen=function(){return console.log("socket opened"),n.initConnection(e,t)},this.socket.onmessage=function(e){return n.consume(e)},this.socket.onclose=function(){return n.socket=null,n.canvas.style.cursor="auto",n.canvas&&n.resolution&&n.canvas.getContext("2d").clearRect(0,0,n.resolution.w,n.resolution.h),n.pingto&&clearTimeout(n.pingto),n.pingto=void 0,console.log("socket closed")}}disconnect(e){return this.socket&&this.socket.close(),this.socket=void 0,e&&this.decoder.terminate(),this.enableEvent=!1}initConnection(e,t){var n;return(n=new Uint8Array(e.length+2))[0]=16,n[1]=50,t&&(t.bbp&&(n[0]=t.bbp),t.quality&&(n[1]=t.quality)),n.set((new TextEncoder).encode(e),2),this.socket.send(this.buildCommand(1,n))}resetModifierKeys(){if(this.socket&&this.enableEvent)return this.sendKeyEvent(65511,0),this.sendKeyEvent(65512,0),this.sendKeyEvent(65505,0),this.sendKeyEvent(65507,0),this.sendKeyEvent(65513,0)}sendPointEvent(e,t,n){var s;if(this.socket&&this.enableEvent)return(s=new Uint8Array(5))[0]=255&e,s[1]=e>>8,s[2]=255&t,s[3]=t>>8,s[4]=n,this.socket.send(this.buildCommand(5,s))}sendKeyEvent(e,t){var n;if(this.socket&&this.enableEvent)return(n=new Uint8Array(3))[0]=255&e,n[1]=e>>8&255,n[2]=t,this.socket.send(this.buildCommand(6,n))}sendPing(){if(this.socket)return this.socket.send(this.buildCommand(8,"PING WVNC"))}buildCommand(e,t){var n,s;switch(s=void 0,typeof t){case"string":s=(new TextEncoder).encode(t);break;case"number":s=new Uint8Array([t]);break;default:s=t}return(n=new Uint8Array(s.length+3))[0]=e,n[2]=s.length>>8,n[1]=15&s.length,n.set(s,3),n.buffer}oncopy(e){return console.log("Get clipboard text: "+e)}onpassword(){return new Promise((function(e,t){return t("onpassword is not implemented")}))}sendTextAsClipboard(e){var t;if(this.socket)return this.socket.send(this.buildCommand(7,e)),t="v".charCodeAt(0),this.sendKeyEvent(65507,1),this.sendKeyEvent(t,1),this.sendKeyEvent(t,0),this.sendKeyEvent(65507,0)}oncredential(){return new Promise((function(e,t){return t("oncredential is not implemented")}))}onerror(e){return console.log("Error",e)}onresize(){return console.log("resize")}consume(e){var t,n,s,i,a,o,r;switch(t=(n=new Uint8Array(e.data))[0],o=this,t){case 254:return n=n.subarray(1,n.length-1),s=new TextDecoder("utf-8"),this.onerror(s.decode(n));case 129:return console.log("Request for password"),this.enableEvent=!1,this.onpassword().then((function(e){return o.socket.send(o.buildCommand(2,e)),o.enableEvent=!0}));case 130:return console.log("Request for login"),this.enableEvent=!1,this.oncredential().then((function(e,t){var n;return(n=new Uint8Array(e.length+t.length+1)).set((new TextEncoder).encode(e),0),n.set(["\0"],e.length),n.set((new TextEncoder).encode(t),e.length+1),o.socket.send(o.buildCommand(3,n)),o.enableEvent=!0}));case 131:if(r=n[1]|n[2]<<8,a=n[3]|n[4]<<8,this.initCanvas(r,a),this.socket.send(this.buildCommand(4,1)),this.enableEvent=!0,this.onresize(),this.pingto)return;return i=()=>(this.sendPing(),this.pingto=setTimeout(i,5e3)),this.pingto=setTimeout(i,5e3);case 132:return this.decoder.postMessage(n.buffer,[n.buffer]),this.socket.send(this.buildCommand(4,1));case 133:return n=n.subarray(1),s=new TextDecoder("utf-8"),this.oncopy(s.decode(n)),this.socket.send(this.buildCommand(4,1));default:return console.log(t)}}},window.WVNC=s}).call(this);
\ No newline at end of file
+(function(){var e,t,n,s;(e=class e extends this.OS.GUI.BasicDialog{constructor(){super("ConnectionDialog",e.scheme)}main(){return super.main(),this.find("bbp").data=[{text:"16 bits",value:16,selected:!0},{text:"32 bits",value:32}],this.find("jq").value=40,this.find("bt-ok").onbtclick=e=>{var t;if(this.handle)return t={wvnc:this.find("txtWVNC").value,server:this.find("txtServer").value,bbp:this.find("bbp").selectedItem.data.value,quality:this.find("jq").value},this.handle(t),this.quit()},this.find("bt-cancel").onbtclick=e=>this.quit()}}).scheme='<afx-app-window width=\'350\' height=\'270\'>\n    <afx-hbox>\n        <div data-width="5"></div>\n        <afx-vbox>\n            <afx-label text="__(WVNC Websocket)" data-height="25" class="header" ></afx-label>\n            <input data-height="25" data-id="txtWVNC" value="wss://app.iohub.dev/wbs/wvnc"></input>\n            <afx-label text="__(VNC Server)" data-height="25" class="header" ></afx-label>\n            <input data-height="25" data-id="txtServer" value="192.168.1.27:5900"></input>\n            <div data-height="5"></div>\n            <afx-label text="__(Bits per pixel)" data-height="25" class="header" ></afx-label>\n            <afx-list-view dropdown = "true" data-id ="bbp" data-height="25" ></afx-list-view>\n            <div data-height="5"></div>\n            <afx-label text="__(JPEG quality)" data-height="25" class="header" ></afx-label>\n            <afx-slider data-id ="jq" data-height="25" ></afx-slider>\n            <afx-hbox data-height = \'30\'>\n                <div  style=\' text-align:right;\'>\n                    <afx-button data-id = "bt-ok" text = "__(Connect)"></afx-button>\n                    <afx-button data-id = "bt-cancel" text = "__(Cancel)"></afx-button>\n                </div>\n                <div data-width="5"></div>\n            </afx-hbox>\n        </afx-vbox>\n        <div data-width="5"></div>\n    </afx-hbox>\n</afx-app-window>\n',(t=class e extends this.OS.GUI.BasicDialog{constructor(){super("CredentialDialog",e.scheme)}main(){return this.find("bt-ok").onbtclick=()=>{var e;return this.handle?(e={username:this.find("txtUser").value,password:this.find("txtPass").value},this.handle(e),this.quit()):this.quit()},this.find("bt-cancel").onbtclick=()=>this.quit()}}).scheme='<afx-app-window width=\'350\' height=\'150\'>\n    <afx-vbox>\n        <afx-label text="__(Username)" data-height="25" class="header" ></afx-label>\n        <input data-height="30" data-id="txtUser"></input>\n        <afx-label text="__(Password)" data-height="25" class="header" ></afx-label>\n        <input type="password" data-height="30" data-id="txtPass"></input>\n        <afx-hbox data-height = \'30\'>\n            <div  style=\' text-align:right;\'>\n                <afx-button data-id = "bt-ok" text = "__(Ok)"></afx-button>\n                <afx-button data-id = "bt-cancel" text = "__(Cancel)"></afx-button>\n            </div>\n            <div data-width="5"></div>\n        </afx-hbox>\n    </afx-vbox>\n</afx-app-window>',n=class extends this.OS.application.BaseApplication{constructor(e){super("RemoteDesktop",e)}main(){return this.canvas=this.find("screen"),this.container=this.find("container"),this.client=new s({element:this.canvas}),this.bindKey("CTRL-SHIFT-V",e=>this.pasteText()),this.client.ondisconnect=()=>this.showConnectionDialog(),this.client.onresize=()=>this.setScale(),this.client.onpassword=()=>new Promise((e,t)=>this.openDialog("PromptDialog",{title:__("VNC password"),label:__("VNC password"),value:"password",type:"password"}).then((function(t){return e(t)}))),this.client.oncopy=e=>this._api.setClipboard(e),this.client.oncredential=()=>new Promise((e,n)=>this.openDialog(new t,{title:__("User credential")}).then((function(t){return e(t.username,t.password)}))),this.on("resize",e=>this.setScale()),this.on("focus",e=>$(this.canvas).focus()),this.client.init().then(()=>this.showConnectionDialog())}pasteText(){var e;if(this.client)return e=e=>{if(e&&""!==e)return this.client.sendTextAsClipboard(e)},this._api.getClipboard().then(t=>e(t)).catch(t=>(this.error(__("Unable to paste"),t),this.openDialog("TextDialog",{title:"Paste text"}).then(t=>e(t)).catch(e=>this.error(e.toString(),e))))}setScale(){var e,t,n,s;if(this.client&&this.client.resolution)return s=$(this.container).width(),e=$(this.container).height(),(t=s/this.client.resolution.w)>(n=e/this.client.resolution.h)?this.client.setScale(n):this.client.setScale(t)}menu(){return[{text:"__(Connection)",nodes:[{text:"__(New Connection)",dataid:this.name+"-new"},{text:"__(Disconnect)",dataid:this.name+"-close"}],onchildselect:e=>{if(this.client)return this.client.disconnect(!1)}}]}showConnectionDialog(){if(this.client)return this.openDialog(new e,{title:__("Connection")}).then(e=>(this.client.ws=e.wvnc,this.client.connect(e.server,e)))}cleanup(){return this.client&&this.client.disconnect(!0),this.client=void 0}},this.OS.register("RemoteDesktop",n),s=class{constructor(e){var t,n;this.socket=void 0,this.ws=void 0,this.canvas=void 0,n="pkg://RemoteDesktop/decoder_asm.js".asFileHandle().getlink(),this.scale=1,e.ws&&(this.ws=e.ws),this.canvas=e.element,"string"==typeof this.canvas&&(this.canvas=document.getElementById(this.canvas)),this.decoder=new Worker(n),this.enableEvent=!1,this.pingto=!1,t=this,this.mouseMask=0,this.decoder.onmessage=function(e){return t.process(e.data)}}init(){var e;return e=this,new Promise((function(t,n){return e.canvas?($(e.canvas).attr("tabindex","1"),$(e.canvas).on("focus",()=>e.resetModifierKeys()),e.initInputEvent(),t()):n("Canvas is not set")}))}initInputEvent(){var e,t,n,s;if(n=this,this.canvas&&(t=function(e){var t;return t=n.canvas.getBoundingClientRect(),{x:Math.floor((e.clientX-t.left)/n.scale),y:Math.floor((e.clientY-t.top)/n.scale)}},s=function(e){var s;if(n.enableEvent)return s=t(e),n.sendPointEvent(s.x,s.y,n.mouseMask)},n.canvas))return n.canvas.oncontextmenu=function(e){return e.preventDefault(),!1},n.canvas.onmousemove=function(e){return s(e)},n.canvas.onmousedown=function(e){var t;return t=1<<e.button,n.mouseMask=n.mouseMask|t,s(e)},n.canvas.onmouseup=function(e){var t;return t=1<<e.button,n.mouseMask=n.mouseMask&~t,s(e)},n.canvas.onkeydown=n.canvas.onkeyup=function(e){var t;switch(e.keyCode){case 8:t=65288;break;case 9:t=65289;break;case 13:t=65293;break;case 27:t=65307;break;case 46:t=65535;break;case 38:t=65362;break;case 40:t=65364;break;case 37:t=65361;break;case 39:t=65363;break;case 91:t=65511;break;case 93:t=65512;break;case 16:t=65505;break;case 17:t=65507;break;case 18:t=65513;break;case 20:t=65509;break;case 113:t=65471;break;case 112:t=65470;break;case 114:t=65472;break;case 115:t=65473;break;case 116:t=65474;break;case 117:t=65475;break;case 118:t=65476;break;case 119:t=65477;break;case 120:t=65478;break;case 121:t=65479;break;case 122:t=65480;break;case 123:t=65481;break;default:t=e.key.charCodeAt(0)}if(e.preventDefault(),t)return"keydown"===e.type?n.sendKeyEvent(t,1):"keyup"===e.type?n.sendKeyEvent(t,0):void 0},this.canvas.addEventListener("wheel",(function(e){var s;if(n.enableEvent)return s=t(e),e.preventDefault(),e.deltaY<0?(n.sendPointEvent(s.x,s.y,8),void n.sendPointEvent(s.x,s.y,0)):(n.sendPointEvent(s.x,s.y,16),n.sendPointEvent(s.x,s.y,0))})),this.canvas.onpaste=function(e){var t;if(n.enableEvent)return t=void 0,window.clipboardData&&window.clipboardData.getData?t=window.clipboardData.getData("Text"):e.clipboardData&&e.clipboardData.getData&&(t=e.clipboardData.getData("text/plain")),!!t&&(e.preventDefault(),n.sendTextAsClipboard(t))},e=e=>this.disconnect(!0),window.addEventListener("unload",e),window.addEventListener("beforeunload",e)}initCanvas(e,t,n){return this.canvas.width=e,this.canvas.height=t,this.resolution={w:e,h:t},this.decoder.postMessage(this.resolution),this.setScale(this.scale)}process(e){var t,n,s;if(this.socket)return n=new Uint8Array(e.pixels),(s=(t=this.canvas.getContext("2d",{alpha:!1})).createImageData(e.w,e.h)).data.set(n),t.putImageData(s,e.x,e.y)}setScale(e){if(this.scale=e,this.canvas)return this.canvas.style.transformOrigin="0 0",this.canvas.style.transform="scale("+e+")"}connect(e,t){var n;if(n=this,this.disconnect(!1),this.ws)return this.socket=new WebSocket(this.ws),this.socket.binaryType="arraybuffer",this.socket.onopen=function(){return console.log("socket opened"),n.initConnection(e,t)},this.socket.onmessage=function(e){return n.consume(e)},this.socket.onerror=e=>n.onerror("Websocket error"),this.socket.onclose=function(){return n.socket=null,n.canvas.style.cursor="auto",n.canvas&&n.resolution&&n.canvas.getContext("2d").clearRect(0,0,n.resolution.w,n.resolution.h),n.pingto&&clearTimeout(n.pingto),n.pingto=void 0,n.ondisconnect(),console.log("socket closed")}}disconnect(e){return this.socket&&this.socket.close(),this.socket=void 0,e&&this.decoder.terminate(),this.enableEvent=!1}initConnection(e,t){var n;return(n=new Uint8Array(e.length+2))[0]=16,n[1]=50,t&&(t.bbp&&(n[0]=t.bbp),t.quality&&(n[1]=t.quality)),n.set((new TextEncoder).encode(e),2),this.socket.send(this.buildCommand(1,n))}resetModifierKeys(){if(this.socket&&this.enableEvent)return this.sendKeyEvent(65511,0),this.sendKeyEvent(65512,0),this.sendKeyEvent(65505,0),this.sendKeyEvent(65507,0),this.sendKeyEvent(65513,0)}sendPointEvent(e,t,n){var s;if(this.socket&&this.enableEvent)return(s=new Uint8Array(5))[0]=255&e,s[1]=e>>8,s[2]=255&t,s[3]=t>>8,s[4]=n,this.socket.send(this.buildCommand(5,s))}sendKeyEvent(e,t){var n;if(this.socket&&this.enableEvent)return(n=new Uint8Array(3))[0]=255&e,n[1]=e>>8&255,n[2]=t,this.socket.send(this.buildCommand(6,n))}sendPing(){if(this.socket)return this.socket.send(this.buildCommand(8,"PING WVNC"))}buildCommand(e,t){var n,s;switch(s=void 0,typeof t){case"string":s=(new TextEncoder).encode(t);break;case"number":s=new Uint8Array([t]);break;default:s=t}return(n=new Uint8Array(s.length+3))[0]=e,n[2]=s.length>>8,n[1]=15&s.length,n.set(s,3),n.buffer}oncopy(e){return console.log("Get clipboard text: "+e)}onpassword(){return new Promise((function(e,t){return t("onpassword is not implemented")}))}sendTextAsClipboard(e){var t;if(this.socket)return this.socket.send(this.buildCommand(7,e)),t="v".charCodeAt(0),this.sendKeyEvent(65507,1),this.sendKeyEvent(t,1),this.sendKeyEvent(t,0),this.sendKeyEvent(65507,0)}oncredential(){return new Promise((function(e,t){return t("oncredential is not implemented")}))}onerror(e){return console.log("Error",e)}onresize(){return console.log("resize")}ondisconnect(){return console.log("disconnect")}consume(e){var t,n,s,i,a,o,r;switch(t=(n=new Uint8Array(e.data))[0],o=this,t){case 254:return n=n.subarray(1,n.length-1),s=new TextDecoder("utf-8"),this.onerror(s.decode(n));case 129:return console.log("Request for password"),this.enableEvent=!1,this.onpassword().then((function(e){return o.socket.send(o.buildCommand(2,e)),o.enableEvent=!0}));case 130:return console.log("Request for login"),this.enableEvent=!1,this.oncredential().then((function(e,t){var n;return(n=new Uint8Array(e.length+t.length+1)).set((new TextEncoder).encode(e),0),n.set(["\0"],e.length),n.set((new TextEncoder).encode(t),e.length+1),o.socket.send(o.buildCommand(3,n)),o.enableEvent=!0}));case 131:if(r=n[1]|n[2]<<8,a=n[3]|n[4]<<8,this.initCanvas(r,a),this.socket.send(this.buildCommand(4,1)),this.enableEvent=!0,this.onresize(),this.pingto)return;return i=()=>(this.sendPing(),this.pingto=setTimeout(i,5e3)),this.pingto=setTimeout(i,5e3);case 132:return this.decoder.postMessage(n.buffer,[n.buffer]),this.socket.send(this.buildCommand(4,1));case 133:return n=n.subarray(1),s=new TextDecoder("utf-8"),this.oncopy(s.decode(n)),this.socket.send(this.buildCommand(4,1));default:return console.log(t)}}},window.WVNC=s}).call(this);
\ No newline at end of file
diff --git a/RemoteDesktop/build/debug/package.json b/RemoteDesktop/build/debug/package.json
index c303358..c44f669 100644
--- a/RemoteDesktop/build/debug/package.json
+++ b/RemoteDesktop/build/debug/package.json
@@ -7,7 +7,7 @@
         "author": "Dany LE",
         "email": "contact@iohub.dev"
     },
-    "version":"0.1.11-b",
+    "version":"0.1.12-b",
     "dependencies": [],
     "category":"Internet",
     "icon": "icon.png",
diff --git a/RemoteDesktop/build/release/RemoteDesktop.zip b/RemoteDesktop/build/release/RemoteDesktop.zip
index b28f36608998558f73b93566affc5b8bb2e545cf..af5df0397e84fa608e88c045dc75b9e912bdc7b7 100644
GIT binary patch
delta 4962
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

delta 4947
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
D8lv(a

diff --git a/RemoteDesktop/coffees/WVNC.coffee b/RemoteDesktop/coffees/WVNC.coffee
index 014c2b1..ef3268c 100644
--- a/RemoteDesktop/coffees/WVNC.coffee
+++ b/RemoteDesktop/coffees/WVNC.coffee
@@ -175,12 +175,16 @@ class WVNC
 
         @socket.onmessage =  (e) ->
             me.consume e
+        @socket.onerror = (e) =>
+            me.onerror("Websocket error")
+            
         @socket.onclose = () ->
             me.socket = null
             me.canvas.style.cursor = "auto"
             me.canvas.getContext('2d').clearRect 0,0, me.resolution.w, me.resolution.h if me.canvas and me.resolution
             clearTimeout(me.pingto) if me.pingto
             me.pingto = undefined
+            me.ondisconnect()
             console.log "socket closed"
 
     disconnect: (close_worker) ->
@@ -279,6 +283,9 @@ class WVNC
 
     onresize: () ->
         console.log "resize"
+    
+    ondisconnect: () ->
+        console.log "disconnect"
         
     consume: (e) ->
         data = new Uint8Array e.data
diff --git a/RemoteDesktop/coffees/main.coffee b/RemoteDesktop/coffees/main.coffee
index f9e3dd9..cf71884 100644
--- a/RemoteDesktop/coffees/main.coffee
+++ b/RemoteDesktop/coffees/main.coffee
@@ -98,8 +98,10 @@ class RemoteDesktop extends this.OS.application.BaseApplication
         }
         @bindKey "CTRL-SHIFT-V", (e) =>
             @pasteText()
-        @client.onerror = (m) =>
-            @error m
+        #@client.onerror = (m) =>
+        #    @error m.toString()
+        #    @showConnectionDialog()
+        @client.ondisconnect = () =>
             @showConnectionDialog()
         @client.onresize = ()=>
             @setScale()
@@ -160,16 +162,13 @@ class RemoteDesktop extends this.OS.application.BaseApplication
                     { text: "__(New Connection)", dataid: "#{@name}-new", },
                     { text: "__(Disconnect)", dataid: "#{@name}-close" }
                 ],
-                onchildselect: (e) => @actionConnection()
+                onchildselect: (e) =>
+                    @client.disconnect(false) if @client
             }
         ]
     
-    actionConnection: (e) ->
-        @client.disconnect(false) if @client
-        @showConnectionDialog()
-    
     showConnectionDialog: () ->
-        
+        return unless @client
         @openDialog new ConnectionDialog, { title: __("Connection")}
         .then (d) =>
             @client.ws = d.wvnc
@@ -177,5 +176,6 @@ class RemoteDesktop extends this.OS.application.BaseApplication
     
     cleanup: () ->
         @client.disconnect(true) if @client
+        @client = undefined
 
 this.OS.register "RemoteDesktop", RemoteDesktop
\ No newline at end of file
diff --git a/RemoteDesktop/package.json b/RemoteDesktop/package.json
index c303358..c44f669 100644
--- a/RemoteDesktop/package.json
+++ b/RemoteDesktop/package.json
@@ -7,7 +7,7 @@
         "author": "Dany LE",
         "email": "contact@iohub.dev"
     },
-    "version":"0.1.11-b",
+    "version":"0.1.12-b",
     "dependencies": [],
     "category":"Internet",
     "icon": "icon.png",
diff --git a/packages.json b/packages.json
index d092f95..91cbfa0 100644
--- a/packages.json
+++ b/packages.json
@@ -69,16 +69,6 @@
 		"dependencies": ["Antunnel@0.2.0-b"],
 		"download": "https://raw.githubusercontent.com/lxsang/antosdk-apps/master/AntunnelPlugins/build/release/AntunnelPlugins.zip"
 	},
-	{
-		"pkgname": "AntunnelTestClient",
-		"name": "AntunnelTestClient",
-		"description": "https://raw.githubusercontent.com/lxsang/antosdk-apps/master/AntunnelTestClient/README.md",
-		"category": "Development",
-		"author": "Dany LE",
-		"version": "0.1.0-a",
-		"dependencies": ["Antunnel@0.2.1-b"],
-		"download": "https://raw.githubusercontent.com/lxsang/antosdk-apps/master/AntunnelTestClient/build/release/AntunnelTestClient.zip"
-	},
 	{
 		"pkgname": "Archive",
 		"name": "Archive",
@@ -365,7 +355,7 @@
 		"description": "https://raw.githubusercontent.com/lxsang/antosdk-apps/master/RemoteDesktop/README.md",
 		"category": "Internet",
 		"author": "Dany LE",
-		"version": "0.1.11-b",
+		"version": "0.1.12-b",
 		"dependencies": [],"category":"Internet","icon":"icon.png","mimes":["none"],
 		"download": "https://raw.githubusercontent.com/lxsang/antosdk-apps/master/RemoteDesktop/build/release/RemoteDesktop.zip"
 	},