use crate::{ modal::Modal, notification::{Notification, NotificationList}, theme::{scale::ColorScaleStep, ActiveTheme}, window_border, }; use gpui::{ div, AnyView, App, AppContext, Context, Entity, FocusHandle, InteractiveElement, IntoElement, ParentElement as _, Render, Styled, Window, }; use std::rc::Rc; /// Extension trait for [`WindowContext`] and [`ViewContext`] to add drawer functionality. pub trait ContextModal: Sized { /// Opens a Modal. fn open_modal(&mut self, cx: &mut App, build: F) where F: Fn(Modal, &mut Window, &mut App) -> Modal + 'static; /// Return true, if there is an active Modal. fn has_active_modal(&mut self, cx: &mut App) -> bool; /// Closes the last active Modal. fn close_modal(&mut self, cx: &mut App); /// Closes all active Modals. fn close_all_modals(&mut self, cx: &mut App); /// Returns number of notifications. fn notifications(&mut self, cx: &mut App) -> Rc>>; /// Pushes a notification to the notification list. fn push_notification(&mut self, note: impl Into, cx: &mut App); /// Clear all notifications fn clear_notifications(&mut self, cx: &mut App); } impl ContextModal for Window { fn open_modal(&mut self, cx: &mut App, build: F) where F: Fn(Modal, &mut Window, &mut App) -> Modal + 'static, { Root::update(self, cx, move |root, window, cx| { // Only save focus handle if there are no active modals. // This is used to restore focus when all modals are closed. if root.active_modals.is_empty() { root.previous_focus_handle = window.focused(cx); } let focus_handle = cx.focus_handle(); focus_handle.focus(window); root.active_modals.push(ActiveModal { focus_handle, builder: Rc::new(build), }); cx.notify(); }) } fn has_active_modal(&mut self, cx: &mut App) -> bool { !Root::read(self, cx).active_modals.is_empty() } fn close_modal(&mut self, cx: &mut App) { Root::update(self, cx, move |root, window, cx| { root.active_modals.pop(); if let Some(top_modal) = root.active_modals.last() { // Focus the next modal. top_modal.focus_handle.focus(window); } else { // Restore focus if there are no more modals. root.focus_back(window, cx); } cx.notify(); }) } fn close_all_modals(&mut self, cx: &mut App) { Root::update(self, cx, |root, window, cx| { root.active_modals.clear(); root.focus_back(window, cx); cx.notify(); }) } fn push_notification(&mut self, note: impl Into, cx: &mut App) { let note = note.into(); Root::update(self, cx, move |root, window, cx| { root.notification .update(cx, |view, cx| view.push(note, window, cx)); cx.notify(); }) } fn clear_notifications(&mut self, cx: &mut App) { Root::update(self, cx, move |root, window, cx| { root.notification .update(cx, |view, cx| view.clear(window, cx)); cx.notify(); }) } fn notifications(&mut self, cx: &mut App) -> Rc>> { let entity = Root::read(self, cx).notification.clone(); Rc::new(entity.read(cx).notifications()) } } type Builder = Rc Modal + 'static>; #[derive(Clone)] struct ActiveModal { focus_handle: FocusHandle, builder: Builder, } /// Root is a view for the App window for as the top level view (Must be the first view in the window). /// /// It is used to manage the Drawer, Modal, and Notification. pub struct Root { /// Used to store the focus handle of the previous view. /// When the Modal, Drawer closes, we will focus back to the previous view. previous_focus_handle: Option, active_modals: Vec, pub notification: Entity, view: AnyView, } impl Root { pub fn new(view: AnyView, window: &mut Window, cx: &mut Context) -> Self { Self { previous_focus_handle: None, active_modals: Vec::new(), notification: cx.new(|cx| NotificationList::new(window, cx)), view, } } pub fn update(window: &mut Window, cx: &mut App, f: F) where F: FnOnce(&mut Self, &mut Window, &mut Context) + 'static, { if let Some(Some(root)) = window.root::() { root.update(cx, |root, cx| f(root, window, cx)); } } pub fn read<'a>(window: &'a mut Window, cx: &'a mut App) -> &'a Self { window .root::() .expect("The window root view should be of type `ui::Root`.") .unwrap() .read(cx) } fn focus_back(&mut self, window: &mut Window, _: &mut App) { if let Some(handle) = self.previous_focus_handle.clone() { window.focus(&handle); } } // Render Notification layer. pub fn render_notification_layer( window: &mut Window, cx: &mut App, ) -> Option { let root = window.root::()??; Some(div().child(root.read(cx).notification.clone())) } /// Render the Modal layer. pub fn render_modal_layer(window: &mut Window, cx: &mut App) -> Option { let root = window.root::()??; let active_modals = root.read(cx).active_modals.clone(); let mut has_overlay = false; if active_modals.is_empty() { return None; } Some( div().children(active_modals.iter().enumerate().map(|(i, active_modal)| { let mut modal = Modal::new(window, cx); modal = (active_modal.builder)(modal, window, cx); modal.layer_ix = i; // Give the modal the focus handle, because `modal` is a temporary value, is not possible to // keep the focus handle in the modal. // // So we keep the focus handle in the `active_modal`, this is owned by the `Root`. modal.focus_handle = active_modal.focus_handle.clone(); // Keep only have one overlay, we only render the first modal with overlay. if has_overlay { modal.overlay = false; } if modal.has_overlay() { has_overlay = true; } modal })), ) } /// Return the root view of the Root. pub fn view(&self) -> &AnyView { &self.view } /// Set the root view of the Root. pub fn set_view(&mut self, view: AnyView, cx: &mut Context) { self.view = view; cx.notify(); } } impl Render for Root { fn render(&mut self, window: &mut Window, cx: &mut Context) -> impl IntoElement { let base_font_size = cx.theme().font_size; window.set_rem_size(base_font_size); window_border().child( div() .id("root") .relative() .size_full() .font_family(".SystemUIFont") .bg(cx.theme().base.step(cx, ColorScaleStep::ONE)) .text_color(cx.theme().base.step(cx, ColorScaleStep::TWELVE)) .child(self.view.clone()), ) } }