Show other peers' pointers

Author: TrueDoctor

editor/src/dispatcher.rs

@@ -291,6 +291,7 @@ impl Dispatcher {
 							preferences: &self.message_handlers.preferences_message_handler,
 							current_tool: &self.message_handlers.tool_message_handler.tool_state.tool_data.active_tool_type,
 							tool_edit_target: &self.message_handlers.tool_message_handler.edit_target,
+							tools: &self.message_handlers.tool_message_handler,
 							reset_node_definitions_on_open: self.message_handlers.portfolio_message_handler.reset_node_definitions_on_open,
 							timing_information: self.message_handlers.animation_message_handler.timing_information(),
 							animation: &self.message_handlers.animation_message_handler,

editor/src/messages/frontend/frontend_message.rs

@@ -6,7 +6,7 @@ use crate::messages::input_mapper::utility_types::misc::ActionShortcut;
 use crate::messages::layout::utility_types::math_expression::MathExpressionCompletions;
 use crate::messages::layout::utility_types::widget_prelude::*;
 use crate::messages::portfolio::document::node_graph::utility_types::{
-	BoxSelection, ContextMenuInformation, FrontendClickTargets, FrontendGraphInput, FrontendGraphOutput, FrontendNode, FrontendNodeType, NodeGraphErrorDiagnostic,
+	BoxSelection, ContextMenuInformation, FrontendClickTargets, FrontendGraphInput, FrontendGraphOutput, FrontendNode, FrontendNodeType, FrontendRemoteCursor, NodeGraphErrorDiagnostic,
 };
 use crate::messages::portfolio::document::utility_types::nodes::{LayerPanelEntry, LayerStructureEntry};
 use crate::messages::portfolio::document::utility_types::wires::{WirePath, WirePathUpdate};
@@ -194,6 +194,12 @@ pub enum FrontendMessage {
 		#[serde(rename = "box")]
 		box_selection: Option<BoxSelection>,
 	},
+	UpdateDocumentCursors {
+		cursors: Vec<FrontendRemoteCursor>,
+	},
+	UpdateNodeGraphCursors {
+		cursors: Vec<FrontendRemoteCursor>,
+	},
 	UpdateContextMenuInformation {
 		#[serde(rename = "contextMenuInformation")]
 		context_menu_information: Option<ContextMenuInformation>,

editor/src/messages/portfolio/document/document_message_handler.rs

@@ -2385,6 +2385,11 @@ impl DocumentMessageHandler {
 		self.network_interface.document_metadata()
 	}
 
+	/// The network the node graph shows, from the document network down.
+	pub fn breadcrumb_network_path(&self) -> &[NodeId] {
+		&self.breadcrumb_network_path
+	}
+
 	/// The name the working copy's registry holds as [`DOCUMENT_NAME_ATTRIBUTE`].
 	fn stored_name(&self) -> Option<&str> {
 		let attribute = self.storage()?.registry().attributes.get(DOCUMENT_NAME_ATTRIBUTE).filter(|attribute| !attribute.deleted)?;

editor/src/messages/portfolio/document/node_graph/utility_types.rs

@@ -233,3 +233,17 @@ pub enum Direction {
 	Left,
 	Right,
 }
+
+/// Another peer's pointer over the node graph, in viewport pixels, with how to label it.
+#[cfg_attr(feature = "wasm", derive(tsify::Tsify))]
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct FrontendRemoteCursor {
+	pub x: f64,
+	pub y: f64,
+	pub name: String,
+	/// A stand-in name for someone who gave none, shown in italics.
+	pub anonymous: bool,
+	pub color: String,
+	/// The icon name of the tool the peer holds, if known.
+	pub tool: Option<String>,
+}

editor/src/messages/portfolio/portfolio_message_handler.rs

@@ -43,6 +43,8 @@ pub struct PortfolioMessageContext<'a> {
 	pub animation: &'a AnimationMessageHandler,
 	pub current_tool: &'a ToolType,
 	pub tool_edit_target: &'a EditTarget,
+	/// Its active tool's icon is shown to peers beside this user's pointer.
+	pub tools: &'a ToolMessageHandler,
 	pub reset_node_definitions_on_open: bool,
 	pub timing_information: TimingInformation,
 	pub viewport: &'a ViewportMessageHandler,
@@ -82,6 +84,7 @@ impl MessageHandler<PortfolioMessage, PortfolioMessageContext<'_>> for Portfolio
 			animation,
 			current_tool,
 			tool_edit_target,
+			tools,
 			reset_node_definitions_on_open,
 			timing_information,
 			viewport,
@@ -142,6 +145,9 @@ impl MessageHandler<PortfolioMessage, PortfolioMessageContext<'_>> for Portfolio
 					active_document_id: self.active_document_id,
 					resource_storage,
 					preferences,
+					ipp,
+					viewport,
+					tools,
 				};
 				self.sync.process_message(message, responses, context);
 			}

editor/src/messages/portfolio/sync/identity.rs

@@ -79,3 +79,22 @@ const ANONYMOUS_ANIMALS: [&str; 64] = [
 	"Tiger",
 	"Turtle",
 ];
+
+/// A hue picked by the user id, at a fixed saturation and lightness, as `#rrggbb`.
+pub(crate) fn user_color(user: UserId) -> String {
+	let hue = (scramble(user) >> 32) % 360;
+	let (h, s, l): (f64, f64, f64) = (hue as f64 / 60., 0.65, 0.5);
+	let c = (1. - (2. * l - 1.).abs()) * s;
+	let x = c * (1. - (h % 2. - 1.).abs());
+	let m = l - c / 2.;
+	let (r, g, b) = match h as u32 {
+		0 => (c, x, 0.),
+		1 => (x, c, 0.),
+		2 => (0., c, x),
+		3 => (0., x, c),
+		4 => (x, 0., c),
+		_ => (c, 0., x),
+	};
+	let channel = |value: f64| ((value + m) * 255.).round() as u8;
+	format!("#{:02x}{:02x}{:02x}", channel(r), channel(g), channel(b))
+}