use std::{cell::RefCell, rc::Rc}; use gpui::{ anchored, deferred, div, AnchorCorner, AnyElement, Bounds, DismissEvent, DispatchPhase, Element, ElementContext, ElementId, Hitbox, InteractiveElement, IntoElement, LayoutId, ManagedView, MouseButton, MouseDownEvent, ParentElement, Pixels, Point, View, VisualContext, WindowContext, }; pub struct RightClickMenu { id: ElementId, child_builder: Option AnyElement + 'static>>, menu_builder: Option View + 'static>>, anchor: Option, attach: Option, } impl RightClickMenu { pub fn menu(mut self, f: impl Fn(&mut WindowContext) -> View + 'static) -> Self { self.menu_builder = Some(Rc::new(f)); self } pub fn trigger(mut self, e: E) -> Self { self.child_builder = Some(Box::new(move |_| e.into_any_element())); self } /// anchor defines which corner of the menu to anchor to the attachment point /// (by default the cursor position, but see attach) pub fn anchor(mut self, anchor: AnchorCorner) -> Self { self.anchor = Some(anchor); self } /// attach defines which corner of the handle to attach the menu's anchor to pub fn attach(mut self, attach: AnchorCorner) -> Self { self.attach = Some(attach); self } fn with_element_state( &mut self, cx: &mut ElementContext, f: impl FnOnce(&mut Self, &mut MenuHandleElementState, &mut ElementContext) -> R, ) -> R { cx.with_element_state::, _>( Some(self.id.clone()), |element_state, cx| { let mut element_state = element_state.unwrap().unwrap_or_default(); let result = f(self, &mut element_state, cx); (result, Some(element_state)) }, ) } } /// Creates a [`RightClickMenu`] pub fn right_click_menu(id: impl Into) -> RightClickMenu { RightClickMenu { id: id.into(), child_builder: None, menu_builder: None, anchor: None, attach: None, } } pub struct MenuHandleElementState { menu: Rc>>>, position: Rc>>, } impl Clone for MenuHandleElementState { fn clone(&self) -> Self { Self { menu: Rc::clone(&self.menu), position: Rc::clone(&self.position), } } } impl Default for MenuHandleElementState { fn default() -> Self { Self { menu: Rc::default(), position: Rc::default(), } } } pub struct MenuHandleFrameState { child_layout_id: Option, child_element: Option, menu_element: Option, } impl Element for RightClickMenu { type RequestLayoutState = MenuHandleFrameState; type PrepaintState = Hitbox; fn request_layout( &mut self, cx: &mut ElementContext, ) -> (gpui::LayoutId, Self::RequestLayoutState) { self.with_element_state(cx, |this, element_state, cx| { let mut menu_layout_id = None; let menu_element = element_state.menu.borrow_mut().as_mut().map(|menu| { let mut anchored = anchored().snap_to_window(); if let Some(anchor) = this.anchor { anchored = anchored.anchor(anchor); } anchored = anchored.position(*element_state.position.borrow()); let mut element = deferred(anchored.child(div().occlude().child(menu.clone()))) .with_priority(1) .into_any(); menu_layout_id = Some(element.request_layout(cx)); element }); let mut child_element = this .child_builder .take() .map(|child_builder| (child_builder)(element_state.menu.borrow().is_some())); let child_layout_id = child_element .as_mut() .map(|child_element| child_element.request_layout(cx)); let layout_id = cx.request_layout( &gpui::Style::default(), menu_layout_id.into_iter().chain(child_layout_id), ); ( layout_id, MenuHandleFrameState { child_element, child_layout_id, menu_element, }, ) }) } fn prepaint( &mut self, bounds: Bounds, request_layout: &mut Self::RequestLayoutState, cx: &mut ElementContext, ) -> Hitbox { cx.with_element_id(Some(self.id.clone()), |cx| { let hitbox = cx.insert_hitbox(bounds, false); if let Some(child) = request_layout.child_element.as_mut() { child.prepaint(cx); } if let Some(menu) = request_layout.menu_element.as_mut() { menu.prepaint(cx); } hitbox }) } fn paint( &mut self, _bounds: Bounds, request_layout: &mut Self::RequestLayoutState, hitbox: &mut Self::PrepaintState, cx: &mut ElementContext, ) { self.with_element_state(cx, |this, element_state, cx| { if let Some(mut child) = request_layout.child_element.take() { child.paint(cx); } if let Some(mut menu) = request_layout.menu_element.take() { menu.paint(cx); return; } let Some(builder) = this.menu_builder.take() else { return; }; let attach = this.attach; let menu = element_state.menu.clone(); let position = element_state.position.clone(); let child_layout_id = request_layout.child_layout_id; let child_bounds = cx.layout_bounds(child_layout_id.unwrap()); let hitbox_id = hitbox.id; cx.on_mouse_event(move |event: &MouseDownEvent, phase, cx| { if phase == DispatchPhase::Bubble && event.button == MouseButton::Right && hitbox_id.is_hovered(cx) { cx.stop_propagation(); cx.prevent_default(); let new_menu = (builder)(cx); let menu2 = menu.clone(); let previous_focus_handle = cx.focused(); cx.subscribe(&new_menu, move |modal, _: &DismissEvent, cx| { if modal.focus_handle(cx).contains_focused(cx) { if let Some(previous_focus_handle) = previous_focus_handle.as_ref() { cx.focus(previous_focus_handle); } } *menu2.borrow_mut() = None; cx.refresh(); }) .detach(); cx.focus_view(&new_menu); *menu.borrow_mut() = Some(new_menu); *position.borrow_mut() = if child_layout_id.is_some() { if let Some(attach) = attach { attach.corner(child_bounds) } else { cx.mouse_position() } } else { cx.mouse_position() }; cx.refresh(); } }); }) } } impl IntoElement for RightClickMenu { type Element = Self; fn into_element(self) -> Self::Element { self } }