[client] Finish client cursor synchronisation

Nibriboard/ClientFiles/BoardWindow.js

@@ -419,11 +419,11 @@ class BoardWindow extends EventEmitter
 		for (let otherClient of message.ClientStates) {
 			// If this client is new, emit an event about it
 			if(!this.otherClients.has(otherClient.Id)) {
-				this.emit("OtherClientConnect", otherClient);
-				
 				// Convert the raw object into a class instance
-				let otherClientObj = new OtherClient();
+				let otherClientObj = OtherClient.FromRaw(otherClient);
-				otherClientObj.Id = otherClient.Id;
+				this.otherClients.set(otherClientObj.Id, otherClientObj);
+				
+				this.emit("OtherClientConnect", otherClient);
 			}
 			else { // If not, emit a normal update message about it
 				this.emit("OtherClientUpdate", otherClient);

Nibriboard/ClientFiles/OtherClient.js

@@ -17,6 +17,8 @@ class OtherClient
 		this.CursorPosition = new Vector(0, 0);
 		// The position and dimensions of this client's viewport.
 		this.Viewport = Rectangle.Zero.clone();
+		// The time this other client's information was last updated.
+		this.LastUpdated = new Date();
 	}
 	
 	update(data) {
@@ -34,4 +36,28 @@ class OtherClient
 	}
 }
 
+/**
+ * Converts raw NibriClient data sent from the server into an instance of OtherClient.
+ * @param	{object}		raw		The raw data to convert. 
+ * @return	{OtherClient}			The converted data.
+ */
+OtherClient.FromRaw = function(raw) {
+	let newOtherClient = new OtherClient();
+	newOtherClient.Id = raw.Id;
+	newOtherClient.CursorPosition = new Vector(
+		raw.CursorPosition.X,
+		raw.CursorPosition.Y
+	);
+	newOtherClient.Viewport = new Rectangle(
+		raw.Viewport.X,
+		raw.Viewport.Y,
+		raw.Viewport.Width,
+		raw.Viewport.Height
+	);
+	newOtherClient.Colour = raw.Colour;
+	newOtherClient.LastUpdated = new Date();
+	
+	return newOtherClient;
+}
+
 export default OtherClient;