ElyOffice/crates/ely-ui/src/shell/mod.rs

use std::time::Instant;

use ely_gpui_component::{
    layout::AppShell,
    menus::MenuBar,
    motion,
    navigation::EditorTabs,
    primitives::FocusScope,
    shell::{ResizeBorder, StatusBar, TitleBar},
    theme::{ActiveTheme, TextSize},
};
use gpui::{
    AnyElement, AnyView, App, ElementId, FocusHandle, IntoElement, ParentElement, RenderOnce,
    SharedString, Styled, Window, div,
};

mod page;
mod panel;
mod root;

use page::Fade;
use panel::{Side, SidePanel};
pub use root::{Root, blank, document_root, root, set_document_menus, tool_root};

/// The window frame; empty panels take no room.
#[derive(IntoElement)]
pub struct Shell {
    focus: FocusHandle,
    title: SharedString,
    tabs: Option<EditorTabs>,
    left: Option<AnyView>,
    right: Option<AnyView>,
    status: Option<StatusBar>,
    page: Option<ElementId>,
    body: Vec<AnyElement>,
}

impl Shell {
    pub fn new(title: impl Into<SharedString>, focus: &FocusHandle) -> Self {
        Self {
            focus: focus.clone(),
            title: title.into(),
            tabs: None,
            left: None,
            right: None,
            status: None,
            page: None,
            body: Vec::new(),
        }
    }

    pub fn tabs(mut self, tabs: EditorTabs) -> Self {
        self.tabs = Some(tabs);
        self
    }

    /// Navigation: outline, pages, folders. None leaves no strip.
    pub fn left(mut self, view: Option<AnyView>) -> Self {
        self.left = view;
        self
    }

    /// The selection's properties. None leaves no strip.
    pub fn right(mut self, view: Option<AnyView>) -> Self {
        self.right = view;
        self
    }

    pub fn status(mut self, bar: StatusBar) -> Self {
        self.status = Some(bar);
        self
    }

    /// The content fades in each time this key changes.
    pub fn page(mut self, key: impl Into<ElementId>) -> Self {
        self.page = Some(key.into());
        self
    }
}

#[cfg(target_os = "macos")]
fn menu_bar(_: &App) -> Option<MenuBar> {
    None
}

#[cfg(not(target_os = "macos"))]
fn menu_bar(cx: &App) -> Option<MenuBar> {
    cx.get_menus().map(|menus| MenuBar::new("menu-bar", menus))
}

impl ParentElement for Shell {
    fn extend(&mut self, elements: impl IntoIterator<Item = AnyElement>) {
        self.body.extend(elements);
    }
}

impl RenderOnce for Shell {
    fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
        let length = motion::duration(motion::BASE, cx);
        let content = div()
            .flex_1()
            .min_w_0()
            .h_full()
            .flex()
            .flex_col()
            .children(self.body);
        let content = match self.page {
            Some(page) => {
                let now = Instant::now();
                let state =
                    window.use_keyed_state("page-fade", cx, |_, _| Fade::new(page.clone(), now));
                let (opacity, running) = state.update(cx, |fade, _| {
                    fade.show(&page, now);
                    (fade.opacity(now, length), fade.running(now, length))
                });
                if running {
                    window.request_animation_frame();
                }
                content.opacity(opacity).into_any_element()
            }
            None => content.into_any_element(),
        };
        let header = div()
            .flex()
            .flex_col()
            .child(TitleBar::new("titlebar").title(self.title))
            .children(crate::updates::updater(cx))
            .children(menu_bar(cx))
            .children(self.tabs);
        // Panels give way so the content keeps its room.
        let (left, right) = (panel::fitted(Side::Left, window, cx), panel::fitted(Side::Right, window, cx));
        let (shown_left, shown_right) = panel::room(
            window.viewport_size().width,
            self.left.as_ref().map(|_| left),
            self.right.as_ref().map(|_| right),
        );
        let row = div().flex_1().min_h_0().flex().child(content).child(SidePanel::new(
            "right-panel",
            Side::Right,
            self.right.filter(|_| shown_right.is_some()),
            shown_right.unwrap_or(right),
        ));
        let frame = AppShell::new()
            .title_bar(header)
            .sidebar(SidePanel::new(
                "left-panel",
                Side::Left,
                self.left.filter(|_| shown_left.is_some()),
                shown_left.unwrap_or(left),
            ))
            .child(row);
        let frame = match self.status {
            Some(bar) => frame.status_bar(bar),
            None => frame,
        };
        let theme = cx.theme();
        ResizeBorder::new().child(
            FocusScope::new(&self.focus)
                .root()
                .size_full()
                .font_family(theme.font_family.clone())
                .text_size(theme.text_size(TextSize::Base))
                .child(frame),
        )
    }
}