#![allow(clippy::too_many_arguments)] use super::tool_prelude::*; use crate::consts::{COLOR_OVERLAY_BLUE, COLOR_OVERLAY_RED, DRAG_THRESHOLD}; use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn; use crate::messages::portfolio::document::overlays::utility_types::OverlayContext; use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier; use crate::messages::portfolio::document::utility_types::network_interface::InputConnector; use crate::messages::tool::common_functionality::auto_panning::AutoPanning; use crate::messages::tool::common_functionality::color_selector::{ToolColorOptions, ToolColorType}; use crate::messages::tool::common_functionality::graph_modification_utils::{self, is_layer_fed_by_node_of_name}; use crate::messages::tool::common_functionality::pivot::Pivot; use crate::messages::tool::common_functionality::resize::Resize; use crate::messages::tool::common_functionality::snapping::{self, SnapCandidatePoint, SnapData}; use crate::messages::tool::common_functionality::transformation_cage::*; use crate::messages::tool::common_functionality::utility_functions::text_bounding_box; use graph_craft::document::value::TaggedValue; use graph_craft::document::{NodeId, NodeInput}; use graphene_std::Color; use graphene_std::renderer::Quad; use graphene_std::text::{Font, FontCache, TypesettingConfig, lines_clipping, load_font}; use graphene_std::vector::style::Fill; #[derive(Default)] pub struct TextTool { fsm_state: TextToolFsmState, tool_data: TextToolData, options: TextOptions, } pub struct TextOptions { font_size: f64, line_height_ratio: f64, character_spacing: f64, font_name: String, font_style: String, fill: ToolColorOptions, tilt: f64, } impl Default for TextOptions { fn default() -> Self { Self { font_size: 24., line_height_ratio: 1.2, character_spacing: 0., font_name: graphene_std::consts::DEFAULT_FONT_FAMILY.into(), font_style: graphene_std::consts::DEFAULT_FONT_STYLE.into(), fill: ToolColorOptions::new_primary(), tilt: 0., } } } #[impl_message(Message, ToolMessage, Text)] #[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)] pub enum TextToolMessage { // Standard messages Abort, WorkingColorChanged, Overlays(OverlayContext), // Tool-specific messages DragStart, DragStop, EditSelected, Interact, PointerMove { center: Key, lock_ratio: Key }, PointerOutsideViewport { center: Key, lock_ratio: Key }, TextChange { new_text: String, is_left_or_right_click: bool }, UpdateBounds { new_text: String }, UpdateOptions(TextOptionsUpdate), } #[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)] pub enum TextOptionsUpdate { FillColor(Option), FillColorType(ToolColorType), Font { family: String, style: String }, FontSize(f64), LineHeightRatio(f64), CharacterSpacing(f64), WorkingColors(Option, Option), } impl ToolMetadata for TextTool { fn icon_name(&self) -> String { "VectorTextTool".into() } fn tooltip(&self) -> String { "Text Tool".into() } fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType { ToolType::Text } } fn create_text_widgets(tool: &TextTool) -> Vec { let font = FontInput::new(&tool.options.font_name, &tool.options.font_style) .is_style_picker(false) .on_update(|font_input: &FontInput| { TextToolMessage::UpdateOptions(TextOptionsUpdate::Font { family: font_input.font_family.clone(), style: font_input.font_style.clone(), }) .into() }) .widget_holder(); let style = FontInput::new(&tool.options.font_name, &tool.options.font_style) .is_style_picker(true) .on_update(|font_input: &FontInput| { TextToolMessage::UpdateOptions(TextOptionsUpdate::Font { family: font_input.font_family.clone(), style: font_input.font_style.clone(), }) .into() }) .widget_holder(); let size = NumberInput::new(Some(tool.options.font_size)) .unit(" px") .label("Size") .int() .min(1.) .max((1_u64 << f64::MANTISSA_DIGITS) as f64) .on_update(|number_input: &NumberInput| TextToolMessage::UpdateOptions(TextOptionsUpdate::FontSize(number_input.value.unwrap())).into()) .widget_holder(); let line_height_ratio = NumberInput::new(Some(tool.options.line_height_ratio)) .label("Line Height") .int() .min(0.) .max((1_u64 << f64::MANTISSA_DIGITS) as f64) .step(0.1) .on_update(|number_input: &NumberInput| TextToolMessage::UpdateOptions(TextOptionsUpdate::LineHeightRatio(number_input.value.unwrap())).into()) .widget_holder(); let character_spacing = NumberInput::new(Some(tool.options.character_spacing)) .label("Char. Spacing") .int() .min(0.) .max((1_u64 << f64::MANTISSA_DIGITS) as f64) .step(0.1) .on_update(|number_input: &NumberInput| TextToolMessage::UpdateOptions(TextOptionsUpdate::CharacterSpacing(number_input.value.unwrap())).into()) .widget_holder(); vec![ font, Separator::new(SeparatorType::Related).widget_holder(), style, Separator::new(SeparatorType::Related).widget_holder(), size, Separator::new(SeparatorType::Related).widget_holder(), line_height_ratio, Separator::new(SeparatorType::Related).widget_holder(), character_spacing, ] } impl LayoutHolder for TextTool { fn layout(&self) -> Layout { let mut widgets = create_text_widgets(self); widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder()); widgets.append(&mut self.options.fill.create_widgets( "Fill", true, |_| TextToolMessage::UpdateOptions(TextOptionsUpdate::FillColor(None)).into(), |color_type: ToolColorType| WidgetCallback::new(move |_| TextToolMessage::UpdateOptions(TextOptionsUpdate::FillColorType(color_type.clone())).into()), |color: &ColorInput| TextToolMessage::UpdateOptions(TextOptionsUpdate::FillColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(), )); Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }])) } } impl<'a> MessageHandler> for TextTool { fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque, tool_data: &mut ToolActionHandlerData<'a>) { let ToolMessage::Text(TextToolMessage::UpdateOptions(action)) = message else { self.fsm_state.process_event(message, &mut self.tool_data, tool_data, &self.options, responses, true); return; }; match action { TextOptionsUpdate::Font { family, style } => { self.options.font_name = family; self.options.font_style = style; self.send_layout(responses, LayoutTarget::ToolOptions); } TextOptionsUpdate::FontSize(font_size) => self.options.font_size = font_size, TextOptionsUpdate::LineHeightRatio(line_height_ratio) => self.options.line_height_ratio = line_height_ratio, TextOptionsUpdate::CharacterSpacing(character_spacing) => self.options.character_spacing = character_spacing, TextOptionsUpdate::FillColor(color) => { self.options.fill.custom_color = color; self.options.fill.color_type = ToolColorType::Custom; } TextOptionsUpdate::FillColorType(color_type) => self.options.fill.color_type = color_type, TextOptionsUpdate::WorkingColors(primary, secondary) => { self.options.fill.primary_working_color = primary; self.options.fill.secondary_working_color = secondary; } } self.send_layout(responses, LayoutTarget::ToolOptions); } fn actions(&self) -> ActionList { match self.fsm_state { TextToolFsmState::Ready => actions!(TextToolMessageDiscriminant; DragStart, PointerOutsideViewport, PointerMove, ), TextToolFsmState::Editing => actions!(TextToolMessageDiscriminant; DragStart, Abort, ), TextToolFsmState::Placing | TextToolFsmState::Dragging => actions!(TextToolMessageDiscriminant; DragStop, Abort, PointerMove, PointerOutsideViewport, ), TextToolFsmState::ResizingBounds => actions!(TextToolMessageDiscriminant; DragStop, Abort, PointerMove, PointerOutsideViewport, ), } } } impl ToolTransition for TextTool { fn event_to_message_map(&self) -> EventToMessageMap { EventToMessageMap { canvas_transformed: None, tool_abort: Some(TextToolMessage::Abort.into()), working_color_changed: Some(TextToolMessage::WorkingColorChanged.into()), overlay_provider: Some(|overlay_context| TextToolMessage::Overlays(overlay_context).into()), ..Default::default() } } } #[derive(Clone, Copy, Debug, Default, PartialEq, Eq)] enum TextToolFsmState { /// The tool is ready to place or edit text. #[default] Ready, /// The user is typing in the interactive viewport text area. Editing, /// The user is dragging to create a new text area. Placing, /// The user is dragging an existing text layer to move it. Dragging, /// The user is dragging to resize the text area. ResizingBounds, } #[derive(Clone, Debug)] pub struct EditingText { text: String, font: Font, typesetting: TypesettingConfig, color: Option, transform: DAffine2, } #[derive(Clone, Debug, Copy)] struct ResizingLayer { id: LayerNodeIdentifier, /// The transform of the text layer in document space at the start of the transformation. original_transform: DAffine2, } #[derive(Clone, Debug, Default)] struct TextToolData { layer: LayerNodeIdentifier, editing_text: Option, new_text: String, drag_start: DVec2, drag_current: DVec2, resize: Resize, auto_panning: AutoPanning, // Since the overlays must be drawn without knowledge of the inputs cached_resize_bounds: [DVec2; 2], bounding_box_manager: Option, pivot: Pivot, snap_candidates: Vec, // TODO: Handle multiple layers in the future layer_dragging: Option, } impl TextToolData { fn delete_empty_layer(&mut self, font_cache: &FontCache, responses: &mut VecDeque) -> TextToolFsmState { // Remove the editable textbox UI first self.set_editing(false, font_cache, responses); // Delete the empty text layer and update the graph responses.add(NodeGraphMessage::DeleteNodes { node_ids: vec![self.layer.to_node()], delete_children: true, }); responses.add(NodeGraphMessage::RunDocumentGraph); TextToolFsmState::Ready } /// Set the editing state of the currently modifying layer fn set_editing(&self, editable: bool, font_cache: &FontCache, responses: &mut VecDeque) { if let Some(editing_text) = self.editing_text.as_ref().filter(|_| editable) { responses.add(FrontendMessage::DisplayEditableTextbox { text: editing_text.text.clone(), line_height_ratio: editing_text.typesetting.line_height_ratio, font_size: editing_text.typesetting.font_size, color: editing_text.color.unwrap_or(Color::BLACK), url: font_cache.get_preview_url(&editing_text.font).cloned().unwrap_or_default(), transform: editing_text.transform.to_cols_array(), max_width: editing_text.typesetting.max_width, max_height: editing_text.typesetting.max_height, }); } else { // Check if DisplayRemoveEditableTextbox is already in the responses queue let has_remove_textbox = responses.iter().any(|msg| matches!(msg, Message::Frontend(FrontendMessage::DisplayRemoveEditableTextbox))); responses.add(FrontendMessage::DisplayRemoveEditableTextbox); if has_remove_textbox { responses.add(NodeGraphMessage::SelectedNodesSet { nodes: Vec::new() }); } } } fn load_layer_text_node(&mut self, document: &DocumentMessageHandler) -> Option<()> { let transform = document.metadata().transform_to_viewport(self.layer); let color = graph_modification_utils::get_fill_color(self.layer, &document.network_interface).unwrap_or(Color::BLACK); let (text, font, typesetting) = graph_modification_utils::get_text(self.layer, &document.network_interface)?; self.editing_text = Some(EditingText { text: text.clone(), font: font.clone(), typesetting, color: Some(color), transform, }); self.new_text.clone_from(text); Some(()) } fn start_editing_layer(&mut self, layer: LayerNodeIdentifier, tool_state: TextToolFsmState, document: &DocumentMessageHandler, font_cache: &FontCache, responses: &mut VecDeque) { if layer == LayerNodeIdentifier::ROOT_PARENT { log::error!("Cannot edit ROOT_PARENT in TextTooLData") } if tool_state == TextToolFsmState::Editing { self.set_editing(false, font_cache, responses); } self.layer = layer; if self.load_layer_text_node(document).is_some() { responses.add(DocumentMessage::AddTransaction); self.set_editing(true, font_cache, responses); responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![self.layer.to_node()] }); // Make the rendered text invisible while editing responses.add(NodeGraphMessage::SetInput { input_connector: InputConnector::node(graph_modification_utils::get_text_id(self.layer, &document.network_interface).unwrap(), 1), input: NodeInput::value(TaggedValue::String("".to_string()), false), }); responses.add(NodeGraphMessage::RunDocumentGraph); }; } fn new_text(&mut self, document: &DocumentMessageHandler, editing_text: EditingText, font_cache: &FontCache, responses: &mut VecDeque) { // Create new text self.new_text = String::new(); responses.add(DocumentMessage::AddTransaction); self.layer = LayerNodeIdentifier::new_unchecked(NodeId::new()); responses.add(GraphOperationMessage::NewTextLayer { id: self.layer.to_node(), text: String::new(), font: editing_text.font.clone(), typesetting: editing_text.typesetting, parent: document.new_layer_parent(true), insert_index: 0, }); responses.add(Message::StartBuffer); responses.add(GraphOperationMessage::FillSet { layer: self.layer, fill: if editing_text.color.is_some() { Fill::Solid(editing_text.color.unwrap().to_gamma_srgb()) } else { Fill::None }, }); responses.add(GraphOperationMessage::TransformSet { layer: self.layer, transform: editing_text.transform, transform_in: TransformIn::Viewport, skip_rerender: true, }); self.editing_text = Some(editing_text); self.set_editing(true, font_cache, responses); responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![self.layer.to_node()] }); responses.add(NodeGraphMessage::RunDocumentGraph); } fn check_click(document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, font_cache: &FontCache) -> Option { document .metadata() .all_layers() .filter(|&layer| is_layer_fed_by_node_of_name(layer, &document.network_interface, "Text")) .find(|&layer| { let transformed_quad = document.metadata().transform_to_viewport(layer) * text_bounding_box(layer, document, font_cache); let mouse = DVec2::new(input.mouse.position.x, input.mouse.position.y); transformed_quad.contains(mouse) }) } fn get_snap_candidates(&mut self, document: &DocumentMessageHandler, font_cache: &FontCache) { self.snap_candidates.clear(); if let Some(ResizingLayer { id, .. }) = self.layer_dragging { let quad = document.metadata().transform_to_document(id) * text_bounding_box(id, document, font_cache); snapping::get_bbox_points(quad, &mut self.snap_candidates, snapping::BBoxSnapValues::BOUNDING_BOX, document); } } } fn can_edit_selected(document: &DocumentMessageHandler) -> Option { let selected_nodes = document.network_interface.selected_nodes(); let mut selected_layers = selected_nodes.selected_layers(document.metadata()); let layer = selected_layers.next()?; // Check that only one layer is selected if selected_layers.next().is_some() { return None; } if !is_layer_fed_by_node_of_name(layer, &document.network_interface, "Text") { return None; } Some(layer) } impl Fsm for TextToolFsmState { type ToolData = TextToolData; type ToolOptions = TextOptions; fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, transition_data: &mut ToolActionHandlerData, tool_options: &Self::ToolOptions, responses: &mut VecDeque) -> Self { let ToolActionHandlerData { document, global_tool_data, input, font_cache, .. } = transition_data; let fill_color = graphene_std::Color::from_rgb_str(COLOR_OVERLAY_BLUE.strip_prefix('#').unwrap()) .unwrap() .with_alpha(0.05) .to_rgba_hex_srgb(); let ToolMessage::Text(event) = event else { return self }; match (self, event) { (TextToolFsmState::Editing, TextToolMessage::Overlays(mut overlay_context)) => { responses.add(FrontendMessage::DisplayEditableTextboxTransform { transform: document.metadata().transform_to_viewport(tool_data.layer).to_cols_array(), }); if let Some(editing_text) = tool_data.editing_text.as_mut() { let font_data = font_cache.get(&editing_text.font).map(|data| load_font(data)); let far = graphene_std::text::bounding_box(&tool_data.new_text, font_data, editing_text.typesetting, false); if far.x != 0. && far.y != 0. { let quad = Quad::from_box([DVec2::ZERO, far]); let transformed_quad = document.metadata().transform_to_viewport(tool_data.layer) * quad; overlay_context.quad(transformed_quad, None, Some(&("#".to_string() + &fill_color))); } } TextToolFsmState::Editing } (_, TextToolMessage::Overlays(mut overlay_context)) => { if matches!(self, Self::Placing) { // Get the updated selection box bounds let quad = Quad::from_box(tool_data.cached_resize_bounds); // Draw a bounding box on the layers to be selected for layer in document.intersect_quad_no_artboards(quad, input) { overlay_context.quad( Quad::from_box(document.metadata().bounding_box_viewport(layer).unwrap_or([DVec2::ZERO; 2])), None, Some(&("#".to_string() + &fill_color)), ); } overlay_context.quad(quad, None, Some(&("#".to_string() + &fill_color))); } // TODO: implement bounding box for multiple layers let selected = document.network_interface.selected_nodes(); let mut all_layers = selected.selected_visible_and_unlocked_layers(&document.network_interface); let layer = all_layers.find(|layer| is_layer_fed_by_node_of_name(*layer, &document.network_interface, "Text")); let bounds = layer.map(|layer| text_bounding_box(layer, document, font_cache)); let layer_transform = layer.map(|layer| document.metadata().transform_to_viewport(layer)).unwrap_or(DAffine2::IDENTITY); if layer.is_none() || bounds.is_none() || layer_transform.matrix2.determinant() == 0. { return self; } if overlay_context.visibility_settings.transform_cage() { if let Some(bounds) = bounds { let bounding_box_manager = tool_data.bounding_box_manager.get_or_insert(BoundingBoxManager::default()); bounding_box_manager.bounds = [bounds.0[0], bounds.0[2]]; bounding_box_manager.transform = layer_transform; bounding_box_manager.render_quad(&mut overlay_context); // Draw red overlay if text is clipped let transformed_quad = layer_transform * bounds; if let Some((text, font, typesetting)) = graph_modification_utils::get_text(layer.unwrap(), &document.network_interface) { let font_data = font_cache.get(font).map(|data| load_font(data)); if lines_clipping(text.as_str(), font_data, typesetting) { overlay_context.line(transformed_quad.0[2], transformed_quad.0[3], Some(COLOR_OVERLAY_RED), Some(3.)); } } bounding_box_manager.render_overlays(&mut overlay_context, false); tool_data.pivot.update_pivot(document, &mut overlay_context, None); } } else { tool_data.bounding_box_manager.take(); } tool_data.resize.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context); self } (state, TextToolMessage::EditSelected) => { if let Some(layer) = can_edit_selected(document) { tool_data.start_editing_layer(layer, state, document, font_cache, responses); return TextToolFsmState::Editing; } state } (TextToolFsmState::Ready, TextToolMessage::DragStart) => { tool_data.resize.start(document, input); tool_data.cached_resize_bounds = [tool_data.resize.viewport_drag_start(document); 2]; tool_data.drag_start = input.mouse.position; tool_data.drag_current = input.mouse.position; let dragging_bounds = tool_data.bounding_box_manager.as_mut().and_then(|bounding_box| { let edges = bounding_box.check_selected_edges(input.mouse.position); bounding_box.selected_edges = edges.map(|(top, bottom, left, right)| { let selected_edges = SelectedEdges::new(top, bottom, left, right, bounding_box.bounds); bounding_box.opposite_pivot = selected_edges.calculate_pivot(); selected_edges }); edges }); let selected = document.network_interface.selected_nodes(); let mut all_selected = selected.selected_visible_and_unlocked_layers(&document.network_interface); let selected = all_selected.find(|layer| is_layer_fed_by_node_of_name(*layer, &document.network_interface, "Text")); if dragging_bounds.is_some() { responses.add(DocumentMessage::StartTransaction); // Set the original transform if let Some(id) = selected { let original_transform = document.metadata().transform_to_document(id); tool_data.layer_dragging = Some(ResizingLayer { id, original_transform }); } if let Some(bounds) = &mut tool_data.bounding_box_manager { bounds.original_bound_transform = bounds.transform; bounds.center_of_transformation = bounds.transform.transform_point2((bounds.bounds[0] + bounds.bounds[1]) / 2.); } tool_data.get_snap_candidates(document, font_cache); return TextToolFsmState::ResizingBounds; } else if let Some(clicked_layer) = TextToolData::check_click(document, input, font_cache) { responses.add(DocumentMessage::StartTransaction); if selected != Some(clicked_layer) { responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![clicked_layer.to_node()] }); } let original_transform = document.metadata().transform_to_document(clicked_layer); tool_data.layer_dragging = Some(ResizingLayer { id: clicked_layer, original_transform, }); tool_data.get_snap_candidates(document, font_cache); return TextToolFsmState::Dragging; } TextToolFsmState::Placing } (TextToolFsmState::Ready, TextToolMessage::PointerMove { .. }) => { // This ensures the cursor only changes if a layer is selected let selected = document.network_interface.selected_nodes(); let mut all_selected = selected.selected_visible_and_unlocked_layers(&document.network_interface); let layer = all_selected.find(|&layer| is_layer_fed_by_node_of_name(layer, &document.network_interface, "Text")); let mut cursor = tool_data .bounding_box_manager .as_ref() .map_or(MouseCursorIcon::Text, |bounds| bounds.get_cursor(input, false, false, None)); if layer.is_none() || cursor == MouseCursorIcon::Default { cursor = MouseCursorIcon::Text; } responses.add(OverlaysMessage::Draw); responses.add(FrontendMessage::UpdateMouseCursor { cursor }); TextToolFsmState::Ready } (TextToolFsmState::Placing, TextToolMessage::PointerMove { center, lock_ratio }) => { tool_data.cached_resize_bounds = tool_data.resize.calculate_points_ignore_layer(document, input, center, lock_ratio, false); responses.add(OverlaysMessage::Draw); // Auto-panning let messages = [ TextToolMessage::PointerOutsideViewport { center, lock_ratio }.into(), TextToolMessage::PointerMove { center, lock_ratio }.into(), ]; tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses); TextToolFsmState::Placing } (TextToolFsmState::Dragging, TextToolMessage::PointerMove { center, lock_ratio }) => { if let Some(dragging_layer) = &tool_data.layer_dragging { let delta = input.mouse.position - tool_data.drag_current; tool_data.drag_current = input.mouse.position; responses.add(GraphOperationMessage::TransformChange { layer: dragging_layer.id, transform: DAffine2::from_translation(delta), transform_in: TransformIn::Viewport, skip_rerender: false, }); responses.add(NodeGraphMessage::RunDocumentGraph); // Auto-panning let messages = [ TextToolMessage::PointerOutsideViewport { center, lock_ratio }.into(), TextToolMessage::PointerMove { center, lock_ratio }.into(), ]; tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses); } TextToolFsmState::Dragging } (TextToolFsmState::ResizingBounds, TextToolMessage::PointerMove { center, lock_ratio }) => { if let Some(bounds) = &mut tool_data.bounding_box_manager { if let Some(movement) = &mut bounds.selected_edges { let (centered, constrain) = (input.keyboard.key(center), input.keyboard.key(lock_ratio)); let center_position = centered.then_some(bounds.center_of_transformation); let Some(dragging_layer) = tool_data.layer_dragging else { return TextToolFsmState::Ready }; let Some(node_id) = graph_modification_utils::get_text_id(dragging_layer.id, &document.network_interface) else { warn!("Cannot get text node id"); tool_data.layer_dragging.take(); return TextToolFsmState::Ready; }; let selected = vec![dragging_layer.id]; let snap = Some(SizeSnapData { manager: &mut tool_data.resize.snap_manager, points: &mut tool_data.snap_candidates, snap_data: SnapData::ignore(document, input, &selected), }); let (position, size) = movement.new_size(input.mouse.position, bounds.original_bound_transform, center_position, constrain, snap); // Normalize so the size is always positive let (position, size) = (position.min(position + size), size.abs()); // Compute the offset needed for the top left in bounds space let original_position = movement.bounds[0].min(movement.bounds[1]); let translation_bounds_space = position - original_position; // Compute a transformation from bounds->viewport->layer let transform_to_layer = document.metadata().transform_to_viewport(dragging_layer.id).inverse() * bounds.original_bound_transform; let size_layer = transform_to_layer.transform_vector2(size); // Find the translation necessary from the original position in viewport space let translation_viewport = bounds.original_bound_transform.transform_vector2(translation_bounds_space); responses.add(NodeGraphMessage::SetInput { input_connector: InputConnector::node(node_id, 6), input: NodeInput::value(TaggedValue::OptionalF64(Some(size_layer.x)), false), }); responses.add(NodeGraphMessage::SetInput { input_connector: InputConnector::node(node_id, 7), input: NodeInput::value(TaggedValue::OptionalF64(Some(size_layer.y)), false), }); responses.add(GraphOperationMessage::TransformSet { layer: dragging_layer.id, transform: DAffine2::from_translation(translation_viewport) * document.metadata().document_to_viewport * dragging_layer.original_transform, transform_in: TransformIn::Viewport, skip_rerender: false, }); responses.add(NodeGraphMessage::RunDocumentGraph); // Auto-panning let messages = [ TextToolMessage::PointerOutsideViewport { center, lock_ratio }.into(), TextToolMessage::PointerMove { center, lock_ratio }.into(), ]; tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses); } } TextToolFsmState::ResizingBounds } (_, TextToolMessage::PointerMove { .. }) => { tool_data.resize.snap_manager.preview_draw(&SnapData::new(document, input), input.mouse.position); responses.add(OverlaysMessage::Draw); self } (TextToolFsmState::Placing, TextToolMessage::PointerOutsideViewport { .. }) => { // Auto-panning setup let _ = tool_data.auto_panning.shift_viewport(input, responses); TextToolFsmState::Placing } (TextToolFsmState::ResizingBounds | TextToolFsmState::Dragging, TextToolMessage::PointerOutsideViewport { .. }) => { // Auto-panning if let Some(shift) = tool_data.auto_panning.shift_viewport(input, responses) { if let Some(bounds) = &mut tool_data.bounding_box_manager { bounds.center_of_transformation += shift; bounds.original_bound_transform.translation += shift; } } self } (state, TextToolMessage::PointerOutsideViewport { center, lock_ratio }) => { // Auto-panning stop let messages = [ TextToolMessage::PointerOutsideViewport { center, lock_ratio }.into(), TextToolMessage::PointerMove { center, lock_ratio }.into(), ]; tool_data.auto_panning.stop(&messages, responses); state } (TextToolFsmState::ResizingBounds, TextToolMessage::DragStop) => { let drag_too_small = input.mouse.position.distance(tool_data.resize.viewport_drag_start(document)) < 10. * f64::EPSILON; let response = if drag_too_small { DocumentMessage::AbortTransaction } else { DocumentMessage::EndTransaction }; responses.add(response); tool_data.resize.snap_manager.cleanup(responses); if let Some(bounds) = &mut tool_data.bounding_box_manager { bounds.original_transforms.clear(); } TextToolFsmState::Ready } (TextToolFsmState::Placing, TextToolMessage::DragStop) => { let [start, end] = tool_data.cached_resize_bounds; let has_dragged = (start - end).length_squared() > DRAG_THRESHOLD * DRAG_THRESHOLD; // Check if the user has clicked (no dragging) on some existing text if !has_dragged { if let Some(clicked_text_layer_path) = TextToolData::check_click(document, input, font_cache) { tool_data.start_editing_layer(clicked_text_layer_path, self, document, font_cache, responses); return TextToolFsmState::Editing; } } // Otherwise create some new text let constraint_size = has_dragged.then_some((start - end).abs()); let editing_text = EditingText { text: String::new(), transform: DAffine2::from_translation(start), typesetting: TypesettingConfig { font_size: tool_options.font_size, line_height_ratio: tool_options.line_height_ratio, max_width: constraint_size.map(|size| size.x), character_spacing: tool_options.character_spacing, max_height: constraint_size.map(|size| size.y), tilt: tool_options.tilt, }, font: Font::new(tool_options.font_name.clone(), tool_options.font_style.clone()), color: tool_options.fill.active_color(), }; tool_data.new_text(document, editing_text, font_cache, responses); TextToolFsmState::Editing } (TextToolFsmState::Dragging, TextToolMessage::DragStop) => { let drag_too_small = input.mouse.position.distance(tool_data.drag_start) < 10. * f64::EPSILON; let response = if drag_too_small { DocumentMessage::AbortTransaction } else { DocumentMessage::EndTransaction }; responses.add(response); tool_data.resize.snap_manager.cleanup(responses); if let Some(bounds) = &mut tool_data.bounding_box_manager { bounds.original_transforms.clear(); } if drag_too_small { if let Some(layer_info) = &tool_data.layer_dragging { tool_data.start_editing_layer(layer_info.id, self, document, font_cache, responses); return TextToolFsmState::Editing; } } tool_data.layer_dragging.take(); TextToolFsmState::Ready } (TextToolFsmState::Editing, TextToolMessage::TextChange { new_text, is_left_or_right_click }) => { tool_data.new_text = new_text; if !is_left_or_right_click { tool_data.set_editing(false, font_cache, responses); responses.add(NodeGraphMessage::SetInput { input_connector: InputConnector::node(graph_modification_utils::get_text_id(tool_data.layer, &document.network_interface).unwrap(), 1), input: NodeInput::value(TaggedValue::String(tool_data.new_text.clone()), false), }); responses.add(NodeGraphMessage::RunDocumentGraph); TextToolFsmState::Ready } else { if tool_data.new_text.is_empty() { return tool_data.delete_empty_layer(font_cache, responses); } responses.add(FrontendMessage::TriggerTextCommit); TextToolFsmState::Editing } } (TextToolFsmState::Editing, TextToolMessage::UpdateBounds { new_text }) => { tool_data.new_text = new_text; responses.add(OverlaysMessage::Draw); TextToolFsmState::Editing } (_, TextToolMessage::WorkingColorChanged) => { responses.add(TextToolMessage::UpdateOptions(TextOptionsUpdate::WorkingColors( Some(global_tool_data.primary_color), Some(global_tool_data.secondary_color), ))); self } (TextToolFsmState::Editing, TextToolMessage::Abort) => { if tool_data.new_text.is_empty() { return tool_data.delete_empty_layer(font_cache, responses); } responses.add(FrontendMessage::TriggerTextCommit); TextToolFsmState::Editing } (state, TextToolMessage::Abort) => { if matches!(state, TextToolFsmState::ResizingBounds | TextToolFsmState::Dragging) { responses.add(DocumentMessage::AbortTransaction); if let Some(bounds) = &mut tool_data.bounding_box_manager { bounds.original_transforms.clear(); } if matches!(state, TextToolFsmState::Dragging) { tool_data.layer_dragging.take(); } } else { input.mouse.finish_transaction(tool_data.resize.viewport_drag_start(document), responses); } tool_data.resize.cleanup(responses); TextToolFsmState::Ready } _ => self, } } fn update_hints(&self, responses: &mut VecDeque) { let hint_data = match self { TextToolFsmState::Ready => HintData(vec![ HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Place Text")]), HintGroup(vec![ HintInfo::mouse(MouseMotion::LmbDrag, "Place Text Box"), HintInfo::keys([Key::Shift], "Constrain Square").prepend_plus(), HintInfo::keys([Key::Alt], "From Center").prepend_plus(), ]), HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Edit Text")]), ]), TextToolFsmState::Editing => HintData(vec![HintGroup(vec![ HintInfo::keys([Key::Control, Key::Enter], "").add_mac_keys([Key::Command, Key::Enter]), HintInfo::keys([Key::Escape], "Commit Changes").prepend_slash(), ])]), TextToolFsmState::Placing => HintData(vec![ HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]), HintGroup(vec![HintInfo::keys([Key::Shift], "Constrain Square"), HintInfo::keys([Key::Alt], "From Center")]), ]), TextToolFsmState::Dragging => HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]), TextToolFsmState::ResizingBounds => HintData(vec![ HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]), HintGroup(vec![HintInfo::keys([Key::Shift], "Lock Aspect Ratio"), HintInfo::keys([Key::Alt], "From Center")]), ]), }; responses.add(FrontendMessage::UpdateInputHints { hint_data }); } fn update_cursor(&self, responses: &mut VecDeque) { let cursor = match self { TextToolFsmState::Placing => MouseCursorIcon::Crosshair, _ => MouseCursorIcon::Text, }; responses.add(FrontendMessage::UpdateMouseCursor { cursor }); } }