Ely Office: six offline-first desktop apps in Rust and GPUI

ElyDoc, ElyTable, ElyShow (LibreOfficeKit), ElyPDF (MuPDF), ElyTree (Git),
ElyMark (Milkdown and CodeMirror in CEF). ElyMail and ElyAgent follow.

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

@@ -0,0 +1,165 @@
+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(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),
+        )
+    }
+}