agent-rdp-0.0.1.js 13 KB

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