bfg-common 1.5.511 → 1.5.513

package/public/spice-console/process/mainprocess.js

@@ -1,78 +1,210 @@
-/*
-    Copyright (c) 2016 eyeOS
-
-    This file is part of Open365.
-
-    Open365 is free software: you can redistribute it and/or modify
-    it under the terms of the GNU Affero General Public License as
-    published by the Free Software Foundation, either version 3 of the
-    License, or (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU Affero General Public License for more details.
-
-    You should have received a copy of the GNU Affero General Public License
-    along with this program. If not, see <http://www.gnu.org/licenses/>.
-*/
-
-wdi.MainProcess = $.spcExtend(wdi.EventObject.prototype, {
-	init: function(c) {
-		this.superInit();
-		this.app = c.app;
-		this.spiceConnection = c.app.spiceConnection;
-		this.agent = c.app.agent;
-	},
-
-	dispose: function() {
-		this.clearEvents();
-		this.app = null;
-		this.spiceConnection = null;
-		this.agent = null;
-	},
-
-	process: function(spiceMessage) {
-		var channel = this.spiceConnection.channels[wdi.SpiceVars.SPICE_CHANNEL_MAIN];
-
-		switch(spiceMessage.messageType) {
-			case wdi.SpiceVars.SPICE_MSG_MAIN_INIT:
-				channel.connectionId = spiceMessage.args.session_id;
-				channel.fire('connectionId', channel.connectionId);
-				if(spiceMessage.args.agent_connected == 1) {
-					channel.fire('initAgent', spiceMessage.args.agent_tokens);
-				}
-				if (spiceMessage.args.current_mouse_mode == 1) {
-					channel.fire('mouseMode', spiceMessage.args.current_mouse_mode);
-				}
-				// the mouse mode must be change both if we have agent or not
-				this.changeMouseMode();
-				break;
-			case wdi.SpiceVars.SPICE_MSG_MAIN_AGENT_DATA:
-				var packet = spiceMessage.args;
-				this.agent.onAgentData(packet);
-			   	break;
-			case wdi.SpiceVars.SPICE_MSG_MAIN_AGENT_CONNECTED:
-				channel.fire('initAgent', spiceMessage.args.agent_tokens);
-				this.changeMouseMode();
-				break;
-			case wdi.SpiceVars.SPICE_MSG_MAIN_MULTI_MEDIA_TIME:
-				this.app.multimediaTime = spiceMessage.args.multimedia_time;
-				break;
-			case wdi.SpiceVars.SPICE_MSG_MAIN_CHANNELS_LIST:
-				channel.fire('channelListAvailable', spiceMessage.args.channels);
-				break;
-		}
-	},
-
-	changeMouseMode: function() {
-		var packet = new wdi.SpiceMessage({
-			messageType: wdi.SpiceVars.SPICE_MSGC_MAIN_MOUSE_MODE_REQUEST,
-			channel: wdi.SpiceVars.SPICE_CHANNEL_MAIN,
-			args: new wdi.SpiceMouseModeRequest({
-				request_mode: wdi.SpiceMouseModeTypes.SPICE_MOUSE_MODE_CLIENT
-			})
-		});
-		this.spiceConnection.send(packet);
-	}
-});
+/*
+    Copyright (c) 2016 eyeOS
+
+    This file is part of Open365.
+
+    Open365 is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as
+    published by the Free Software Foundation, either version 3 of the
+    License, or (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*/
+
+wdi.MainProcess = $.spcExtend(wdi.EventObject.prototype, {
+	init: function (c) {
+		this.superInit()
+		this.app = c.app
+		this.spiceConnection = c.app.spiceConnection
+		this.agent = c.app.agent
+		this.currentMouseMode = wdi.SpiceMouseModeTypes.SPICE_MOUSE_MODE_CLIENT
+	},
+
+	dispose: function () {
+		this.clearEvents()
+		this.app = null
+		this.spiceConnection = null
+		this.agent = null
+	},
+
+	process: function (spiceMessage) {
+		var channel =
+			this.spiceConnection.channels[wdi.SpiceVars.SPICE_CHANNEL_MAIN]
+
+		switch (spiceMessage.messageType) {
+			case wdi.SpiceVars.SPICE_MSG_MAIN_INIT:
+				channel.connectionId = spiceMessage.args.session_id
+				channel.fire('connectionId', channel.connectionId)
+				if (spiceMessage.args.agent_connected == 1) {
+					channel.fire('initAgent', spiceMessage.args.agent_tokens)
+				}
+				if (spiceMessage.args.current_mouse_mode == 1) {
+					channel.fire('mouseMode', spiceMessage.args.current_mouse_mode)
+				}
+				// the mouse mode must be change both if we have agent or not
+				this.changeMouseMode()
+				break
+			case wdi.SpiceVars.SPICE_MSG_MAIN_AGENT_DATA:
+				var packet = spiceMessage.args
+				this.agent.onAgentData(packet)
+				break
+			case wdi.SpiceVars.SPICE_MSG_MAIN_AGENT_CONNECTED:
+				channel.fire('initAgent', spiceMessage.args.agent_tokens)
+				this.changeMouseMode()
+				break
+			case wdi.SpiceVars.SPICE_MSG_MAIN_MULTI_MEDIA_TIME:
+				this.app.multimediaTime = spiceMessage.args.multimedia_time
+				break
+			case wdi.SpiceVars.SPICE_MSG_MAIN_CHANNELS_LIST:
+				channel.fire('channelListAvailable', spiceMessage.args.channels)
+				break
+		}
+	},
+
+	changeMouseMode: function (
+		mode = wdi.SpiceMouseModeTypes.SPICE_MOUSE_MODE_CLIENT
+	) {
+		var packet = new wdi.SpiceMessage({
+			messageType: wdi.SpiceVars.SPICE_MSGC_MAIN_MOUSE_MODE_REQUEST,
+			channel: wdi.SpiceVars.SPICE_CHANNEL_MAIN,
+			args: new wdi.SpiceMouseModeRequest({
+				request_mode: mode, // Custom code
+			}),
+		})
+		this.spiceConnection.send(packet)
+
+		// Custom code
+		this.currentMouseMode = mode
+		const { $mouse } = useNuxtApp()
+		$mouse.changeMode(mode)
+		// Initialize the cursor
+		if (mode === wdi.SpiceMouseModeTypes.SPICE_MOUSE_MODE_SERVER) {
+			wdi.VirtualMouse.initCursor();
+
+			const canvas = document.getElementById('eventLayer');
+			canvas.requestPointerLock?.();
+
+			const rect = canvas.getBoundingClientRect();
+
+			let posX = 0;
+			let posY = 0;
+
+			function initPosDefault() {
+				posX = canvas.width / 2;
+				posY = canvas.height / 2;
+			}
+
+			function dispatchMouseEventToCanvas(type, options = {}) {
+				// console.log(clientX, 111111, clientY)
+				const ev = new MouseEvent(type, {
+					bubbles: false,
+					cancelable: true,
+					view: window,
+					clientX: posX,
+					clientY: posY,
+					button: options.button ?? 0,
+					buttons: options.buttons ?? 0,
+					ctrlKey: options.ctrlKey ?? false,
+					shiftKey: options.shiftKey ?? false,
+					altKey: options.altKey ?? false,
+					metaKey: options.metaKey ?? false,
+					isLocked: true
+				});
+
+				canvas.dispatchEvent(ev);
+			}
+
+			function dispatchWheelToCanvas(sourceEvent) {
+				const we = new WheelEvent('wheel', {
+					bubbles: false,
+					cancelable: true,
+					clientX: posX,
+					clientY: posY,
+					deltaX: sourceEvent.deltaX,
+					deltaY: sourceEvent.deltaY,
+					deltaZ: sourceEvent.deltaZ,
+					deltaMode: sourceEvent.deltaMode,
+				});
+				canvas.dispatchEvent(we);
+			}
+
+			function onDocMouseMove(e) {
+				if (!e.isTrusted) return;
+
+				const dx = e.movementX || 0;
+				const dy = e.movementY || 0;
+
+				posX += dx;
+				posY += dy;
+
+				dispatchMouseEventToCanvas('mousemove', {
+					buttons: e.buttons,
+					ctrlKey: e.ctrlKey,
+					shiftKey: e.shiftKey,
+					altKey: e.altKey,
+					metaKey: e.metaKey,
+				});
+			}
+
+			function onDocMouseDown(e) {
+				if (!e.isTrusted) return;
+				dispatchMouseEventToCanvas('mousedown', {
+					button: e.button,
+					buttons: e.buttons,
+					ctrlKey: e.ctrlKey,
+					shiftKey: e.shiftKey,
+					altKey: e.altKey,
+					metaKey: e.metaKey,
+				});
+			}
+			function onDocMouseUp(e) {
+				if (!e.isTrusted) return;
+				dispatchMouseEventToCanvas('mouseup', {
+					button: e.button,
+					buttons: e.buttons,
+					ctrlKey: e.ctrlKey,
+					shiftKey: e.shiftKey,
+					altKey: e.altKey,
+					metaKey: e.metaKey,
+				});
+			}
+			function onDocWheel(e) {
+				if (!e.isTrusted) return;
+				dispatchWheelToCanvas(e);
+			}
+
+			// Регистрируем pointerlockchange один раз (защита от повторной регистрации)
+			if (!this._pointerLockInitialized) {
+				this._pointerLockInitialized = true;
+				const onPointerLockChange = () => {
+					const locked = document.pointerLockElement === canvas;
+					if (locked) {
+						document.addEventListener('mousemove', onDocMouseMove);
+						document.addEventListener('mousedown', onDocMouseDown);
+						document.addEventListener('mouseup', onDocMouseUp);
+						document.addEventListener('wheel', onDocWheel, { passive: false });
+					} else {
+						document.removeEventListener('mousemove', onDocMouseMove);
+						document.removeEventListener('mousedown', onDocMouseDown);
+						document.removeEventListener('mouseup', onDocMouseUp);
+						document.removeEventListener('wheel', onDocWheel, { passive: false });
+
+						this.changeMouseMode(wdi.SpiceMouseModeTypes.SPICE_MOUSE_MODE_CLIENT)
+						wdi.VirtualMouse.removeCursor()
+					}
+				};
+
+				document.addEventListener('pointerlockchange', onPointerLockChange);
+			}
+
+			// Инициализация позиции (можно взять из последнего известного положения)
+			initPosDefault();
+		}
+	},
+})