| 1 | /** |
| 2 | * @description RDP Remote Desktop |
| 3 | * @author Ylian Saint-Hilaire |
| 4 | * @version v0.0.1 |
| 5 | */ |
| 6 | |
| 7 | // Construct a RDP remote desktop object |
| 8 | var CreateRDPDesktop = function (canvasid, domainUrl) { |
| 9 | var obj = {} |
| 10 | obj.m = { KeyAction: { 'NONE': 0, 'DOWN': 1, 'UP': 2, 'SCROLL': 3, 'EXUP': 4, 'EXDOWN': 5, 'DBLCLICK': 6 } }; |
| 11 | obj.State = 0; |
| 12 | obj.canvas = Q(canvasid); |
| 13 | obj.CanvasId = canvasid; |
| 14 | if (typeof canvasid === 'string') obj.CanvasId = Q(canvasid); |
| 15 | obj.Canvas = obj.CanvasId.getContext('2d'); |
| 16 | obj.ScreenWidth = obj.width = 1280; |
| 17 | obj.ScreenHeight = obj.height = 1024; |
| 18 | obj.m.onClipboardChanged = null; |
| 19 | obj.onConsoleMessageChange = null; |
| 20 | |
| 21 | var xMouseCursorActive = true; |
| 22 | var xMouseCursorCurrent = 'default'; |
| 23 | obj.mouseCursorActive = function (x) { if (xMouseCursorActive == x) return; xMouseCursorActive = x; obj.CanvasId.style.cursor = ((x == true) ? xMouseCursorCurrent : 'default'); } |
| 24 | |
| 25 | function mouseButtonMap(button) { |
| 26 | // Swap mouse buttons if needed |
| 27 | if (obj.m.SwapMouse === true) return [2, 0, 1, 0, 0][button]; |
| 28 | return [1, 0, 2, 0, 0][button]; |
| 29 | }; |
| 30 | |
| 31 | obj.Start = function (nodeid, port, credentials) { |
| 32 | changeState(1); |
| 33 | obj.nodeid = nodeid; |
| 34 | obj.port = port; |
| 35 | obj.credentials = credentials; |
| 36 | var options = { savepass: credentials.savecred, useServerCreds: credentials.servercred, width: credentials.width, height: credentials.height, flags: credentials.flags, workingDir: credentials.workdir, alternateShell: credentials.altshell }; |
| 37 | if (credentials.width && credentials.height) { |
| 38 | options.width = obj.ScreenWidth = obj.width = credentials.width; |
| 39 | options.height = obj.ScreenHeight = obj.height = credentials.height; |
| 40 | delete credentials.width; |
| 41 | delete credentials.height; |
| 42 | } |
| 43 | obj.render = new Mstsc.Canvas.create(obj.canvas); |
| 44 | obj.socket = new WebSocket('wss://' + window.location.host + domainUrl + 'mstscrelay.ashx'); |
| 45 | obj.socket.binaryType = 'arraybuffer'; |
| 46 | obj.socket.onopen = function () { |
| 47 | changeState(2); // Setup state |
| 48 | obj.socket.send(JSON.stringify(['infos', { |
| 49 | ip: obj.nodeid, |
| 50 | port: obj.port, |
| 51 | screen: { width: obj.width, height: obj.height }, |
| 52 | domain: credentials.domain, |
| 53 | username: credentials.username, |
| 54 | password: credentials.password, |
| 55 | options: options, |
| 56 | locale: Mstsc.locale() |
| 57 | }])); |
| 58 | }; |
| 59 | obj.socket.onmessage = function (evt) { |
| 60 | if (typeof evt.data == 'string') { |
| 61 | // This is a JSON text string, parse it. |
| 62 | var msg = JSON.parse(evt.data); |
| 63 | switch (msg[0]) { |
| 64 | case 'rdp-connect': { |
| 65 | changeState(3); |
| 66 | obj.rotation = 0; |
| 67 | obj.Canvas.setTransform(1, 0, 0, 1, 0, 0); |
| 68 | obj.Canvas.canvas.width = obj.ScreenWidth; |
| 69 | obj.Canvas.canvas.height = obj.ScreenHeight; |
| 70 | obj.Canvas.fillRect(0, 0, obj.ScreenWidth, obj.ScreenHeight); |
| 71 | if (obj.m.onScreenSizeChange != null) { obj.m.onScreenSizeChange(obj, obj.ScreenWidth, obj.ScreenHeight, obj.CanvasId); } |
| 72 | break; |
| 73 | } |
| 74 | case 'rdp-bitmap': { |
| 75 | if (obj.bitmapData == null) break; |
| 76 | var bitmap = msg[1]; |
| 77 | bitmap.data = obj.bitmapData; // Use the binary data that was sent earlier. |
| 78 | delete obj.bitmapData; |
| 79 | obj.render.update(bitmap); |
| 80 | break; |
| 81 | } |
| 82 | case 'rdp-pointer': { |
| 83 | var pointer = msg[1]; |
| 84 | xMouseCursorCurrent = pointer; |
| 85 | if (xMouseCursorActive) { obj.CanvasId.style.cursor = pointer; } |
| 86 | break; |
| 87 | } |
| 88 | case 'rdp-close': { |
| 89 | obj.Stop(); |
| 90 | break; |
| 91 | } |
| 92 | case 'rdp-error': { |
| 93 | obj.consoleMessageTimeout = 5; // Seconds |
| 94 | obj.consoleMessage = msg[1]; |
| 95 | delete obj.consoleMessageArgs; |
| 96 | if (msg.length > 2) { obj.consoleMessageArgs = [ msg[2] ]; } |
| 97 | switch (msg[1]) { |
| 98 | case 'NODE_RDP_PROTOCOL_X224_NEG_FAILURE': |
| 99 | if (msg[2] == 1) { obj.consoleMessageId = 9; } // "SSL required by server"; |
| 100 | else if (msg[2] == 2) { obj.consoleMessageId = 10; } // "SSL not allowed by server"; |
| 101 | else if (msg[2] == 3) { obj.consoleMessageId = 11; } // "SSL certificate not on server"; |
| 102 | else if (msg[2] == 4) { obj.consoleMessageId = 12; } // "Inconsistent flags"; |
| 103 | else if (msg[2] == 5) { obj.consoleMessageId = 13; } // "Hybrid required by server"; |
| 104 | else if (msg[2] == 6) { obj.consoleMessageId = 14; } // "SSL with user auth required by server"; |
| 105 | else obj.consoleMessageId = 7; // "Protocol negotiation failed"; |
| 106 | break; |
| 107 | case 'NODE_RDP_PROTOCOL_X224_NLA_NOT_SUPPORTED': |
| 108 | obj.consoleMessageId = 8; // "NLA not supported"; |
| 109 | break; |
| 110 | default: |
| 111 | obj.consoleMessageId = null; |
| 112 | break; |
| 113 | } |
| 114 | if (obj.onConsoleMessageChange) { obj.onConsoleMessageChange(); } |
| 115 | obj.Stop(); |
| 116 | break; |
| 117 | } |
| 118 | case 'rdp-clipboard': { obj.lastClipboardContent = msg[1]; if (obj.m.onClipboardChanged) { obj.m.onClipboardChanged(msg[1]); } break; } |
| 119 | case 'ping': { obj.socket.send('["pong"]'); break; } |
| 120 | case 'pong': { break; } |
| 121 | } |
| 122 | } else { |
| 123 | // This is binary bitmap data, store it. |
| 124 | obj.bitmapData = evt.data; |
| 125 | } |
| 126 | }; |
| 127 | obj.socket.onclose = function () { changeState(0); }; |
| 128 | window.addEventListener('blur', obj.m.releaseModifiers); |
| 129 | changeState(1); |
| 130 | } |
| 131 | |
| 132 | obj.Stop = function () { |
| 133 | window.removeEventListener('blur', obj.m.releaseModifiers); |
| 134 | obj.Canvas.fillRect(0, 0, obj.ScreenWidth, obj.ScreenHeight); |
| 135 | if (obj.socket) { obj.socket.close(); } |
| 136 | } |
| 137 | |
| 138 | obj.m.setClipboard = function (content) { if (obj.socket) { obj.socket.send(JSON.stringify(['clipboard', content])); } } |
| 139 | obj.m.getClipboard = function () { return obj.lastClipboardContent; } |
| 140 | |
| 141 | function changeState(newstate) { |
| 142 | if (obj.State == newstate) return; |
| 143 | obj.State = newstate; |
| 144 | if (obj.onStateChanged != null) obj.onStateChanged(obj, obj.State); |
| 145 | } |
| 146 | |
| 147 | function getPositionOfControl(Control) { |
| 148 | var Position = Array(2); |
| 149 | Position[0] = Position[1] = 0; |
| 150 | while (Control) { Position[0] += Control.offsetLeft; Position[1] += Control.offsetTop; Control = Control.offsetParent; } |
| 151 | return Position; |
| 152 | } |
| 153 | |
| 154 | function getMousePosition(event) { |
| 155 | var ScaleFactorHeight = (obj.Canvas.canvas.height / obj.CanvasId.clientHeight); |
| 156 | var ScaleFactorWidth = (obj.Canvas.canvas.width / obj.CanvasId.clientWidth); |
| 157 | var Offsets = getPositionOfControl(obj.Canvas.canvas); |
| 158 | var X = ((event.pageX - Offsets[0]) * ScaleFactorWidth); |
| 159 | var Y = ((event.pageY - Offsets[1]) * ScaleFactorHeight); |
| 160 | if (event.addx) { X += event.addx; } |
| 161 | if (event.addy) { Y += event.addy; } |
| 162 | return { x: X, y: Y }; |
| 163 | } |
| 164 | |
| 165 | obj.m.mousemove = function (e) { |
| 166 | if (!obj.socket || (obj.State != 3)) return; |
| 167 | var m = getMousePosition(e); |
| 168 | if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return; |
| 169 | obj.mouseNagleData = ['mouse', m.x, m.y, 0, false]; |
| 170 | if (obj.mouseNagleTimer == null) { obj.mouseNagleTimer = setTimeout(function () { obj.socket.send(JSON.stringify(obj.mouseNagleData)); obj.mouseNagleTimer = null; }, 50); } |
| 171 | e.preventDefault(); |
| 172 | return false; |
| 173 | } |
| 174 | obj.m.mouseup = function (e) { |
| 175 | if (!obj.socket || (obj.State != 3)) return; |
| 176 | var m = getMousePosition(e); |
| 177 | if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return; |
| 178 | if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; } |
| 179 | obj.socket.send(JSON.stringify(['mouse', m.x, m.y, mouseButtonMap(e.button), false])); |
| 180 | e.preventDefault(); |
| 181 | return false; |
| 182 | } |
| 183 | obj.m.mousedown = function (e) { |
| 184 | if (!obj.socket || (obj.State != 3)) return; |
| 185 | var m = getMousePosition(e); |
| 186 | if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return; |
| 187 | if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; } |
| 188 | obj.socket.send(JSON.stringify(['mouse', m.x, m.y, mouseButtonMap(e.button), true])); |
| 189 | e.preventDefault(); |
| 190 | return false; |
| 191 | } |
| 192 | obj.m.handleKeyUp = function (e) { |
| 193 | if (!obj.socket || (obj.State != 3)) return; |
| 194 | //console.log('handleKeyUp', Mstsc.scancode(e)); |
| 195 | obj.socket.send(JSON.stringify(['scancode', Mstsc.scancode(e), false])); |
| 196 | e.preventDefault(); |
| 197 | return false; |
| 198 | } |
| 199 | obj.m.handleKeyDown = function (e) { |
| 200 | if (!obj.socket || (obj.State != 3)) return; |
| 201 | //console.log('handleKeyDown', Mstsc.scancode(e)); |
| 202 | obj.socket.send(JSON.stringify(['scancode', Mstsc.scancode(e), true])); |
| 203 | e.preventDefault(); |
| 204 | return false; |
| 205 | } |
| 206 | obj.m.releaseModifiers = function () { |
| 207 | if (!obj.socket || (obj.State != 3)) return; |
| 208 | // Release modifier keys so they can't get stuck on the remote when the browser loses |
| 209 | // focus during an Alt+Tab (issue #330). L/R Shift, L/R Ctrl, L/R Alt, L/R Win. |
| 210 | var mods = [42, 54, 29, 57373, 56, 57400, 57435, 57436]; |
| 211 | for (var i = 0; i < mods.length; i++) { obj.socket.send(JSON.stringify(['scancode', mods[i], false])); } |
| 212 | } |
| 213 | obj.m.mousewheel = function (e) { |
| 214 | if (!obj.socket || (obj.State != 3)) return; |
| 215 | var m = getMousePosition(e); |
| 216 | if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return; |
| 217 | if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; } |
| 218 | var delta = 0; |
| 219 | if (e.detail) { delta = (e.detail * 120); } else if (e.wheelDelta) { delta = (e.wheelDelta * 3); } |
| 220 | if (obj.m.ReverseMouseWheel) { delta = -1 * delta; } // Reverse the mouse wheel |
| 221 | if (delta != 0) { obj.socket.send(JSON.stringify(['wheel', m.x, m.y, delta, false, false])); } |
| 222 | e.preventDefault(); |
| 223 | return false; |
| 224 | } |
| 225 | obj.m.SendStringUnicode = function (txt) { |
| 226 | if (!obj.socket || (obj.State != 3)) return; |
| 227 | obj.socket.send(JSON.stringify(['utype', txt])); |
| 228 | } |
| 229 | obj.m.SendKeyMsgKC = function (action, kc, extendedKey) { |
| 230 | if (obj.State != 3) return; |
| 231 | if (typeof action == 'object') { for (var i in action) { obj.m.SendKeyMsgKC(action[i][0], action[i][1], action[i][2]); } } |
| 232 | else { |
| 233 | var scan = shortcutToScan[kc]; |
| 234 | if (scan != null) { obj.socket.send(JSON.stringify(['scancode', scan, ((action & 1) != 0)])); } |
| 235 | } |
| 236 | } |
| 237 | obj.m.mousedblclick = function () { } |
| 238 | obj.m.handleKeyPress = function () { } |
| 239 | obj.m.setRotation = function () { } |
| 240 | obj.m.sendcad = function () { // Ctrl-Alt-Del |
| 241 | obj.socket.send(JSON.stringify(['scancode', 29, true])); // CTRL |
| 242 | obj.socket.send(JSON.stringify(['scancode', 56, true])); // ALT |
| 243 | obj.socket.send(JSON.stringify(['scancode', 57427, true])); // DEL |
| 244 | obj.socket.send(JSON.stringify(['scancode', 57427, false])); |
| 245 | obj.socket.send(JSON.stringify(['scancode', 56, false])); |
| 246 | obj.socket.send(JSON.stringify(['scancode', 29, false])); |
| 247 | } |
| 248 | |
| 249 | var shortcutToScan = { |
| 250 | 9: 15, // Tab |
| 251 | 16: 42, // Shift |
| 252 | 17: 29, // Ctrl |
| 253 | 18: 56, // Alt |
| 254 | 27: 1, // ESC |
| 255 | 33: 57417, // Page Up |
| 256 | 34: 57425, // Page Down |
| 257 | 35: 57423, // End |
| 258 | 36: 57415, // Home |
| 259 | 37: 57419, // Left |
| 260 | 38: 57416, // Up |
| 261 | 39: 57421, // Right |
| 262 | 40: 57424, // Down |
| 263 | 44: 57399, // Print Screen |
| 264 | 45: 57426, // Insert |
| 265 | 46: 57427, // Del |
| 266 | 65: 30, // A |
| 267 | 66: 48, // B |
| 268 | 67: 46, // C |
| 269 | 68: 32, // D |
| 270 | 69: 18, // E |
| 271 | 70: 33, // F |
| 272 | 71: 34, // G |
| 273 | 72: 35, // H |
| 274 | 73: 23, // I |
| 275 | 74: 36, // J |
| 276 | 75: 37, // K |
| 277 | 76: 38, // L |
| 278 | 77: 50, // M |
| 279 | 78: 49, // N |
| 280 | 79: 24, // O |
| 281 | 80: 25, // P |
| 282 | 81: 16, // Q |
| 283 | 82: 19, // R |
| 284 | 83: 31, // S |
| 285 | 84: 20, // T |
| 286 | 85: 22, // U |
| 287 | 86: 47, // V |
| 288 | 87: 17, // W |
| 289 | 88: 45, // X |
| 290 | 89: 21, // Y |
| 291 | 90: 44, // Z |
| 292 | 91: 57435, // Windows left |
| 293 | 112: 59, // F1 |
| 294 | 113: 60, // F2 |
| 295 | 114: 61, // F3 |
| 296 | 115: 62, // F4 |
| 297 | 116: 63, // F5 |
| 298 | 117: 64, // F6 |
| 299 | 118: 65, // F7 |
| 300 | 119: 66, // F8 |
| 301 | 120: 67, // F9 |
| 302 | 121: 68, // F10 |
| 303 | 122: 87, // F11 |
| 304 | 123: 88 // F12 |
| 305 | } |
| 306 | |
| 307 | return obj; |
| 308 | } |