feat(multiverse): Add room creation to multiverse

Author: dragonfly1033

labs/multiverse/src/main.rs

@@ -25,7 +25,7 @@ use matrix_sdk::{
     config::StoreConfig,
     encryption::{BackupDownloadStrategy, EncryptionSettings},
     reqwest::Url,
-    ruma::OwnedRoomId,
+    ruma::{OwnedRoomId, api::client::room::create_room::v3::Request as CreateRoomRequest},
 };
 use matrix_sdk_common::locks::Mutex;
 use matrix_sdk_ui::{
@@ -44,6 +44,7 @@ use widgets::{
 };
 
 use crate::widgets::{
+    create_room::CreateRoomView,
     help::HelpView,
     room_list::{ExtraRoomInfo, RoomInfos, RoomList, Rooms},
     status::Status,
@@ -84,6 +85,8 @@ pub enum GlobalMode {
     Settings { view: SettingsView },
     /// Mode where we are shutting our tasks down and exiting multiverse.
     Exiting { shutdown_task: JoinHandle<()> },
+    /// Mode where we have opened create room screen
+    CreateRoom { view: CreateRoomView },
 }
 
 /// Helper function to create a centered rect using up certain percentage of the
@@ -350,6 +353,10 @@ impl App {
                 }
             }
 
+            Event::Key(KeyEvent { modifiers: KeyModifiers::CONTROL, code: Char('r'), .. }) => {
+                self.set_global_mode(GlobalMode::CreateRoom { view: CreateRoomView::new() })
+            }
+
             _ => self.room_view.handle_event(event).await,
         }
 
@@ -360,7 +367,10 @@ impl App {
         self.state.throbber_state.calc_next();
 
         match &mut self.state.global_mode {
-            GlobalMode::Help | GlobalMode::Default | GlobalMode::Exiting { .. } => {}
+            GlobalMode::Help
+            | GlobalMode::Default
+            | GlobalMode::CreateRoom { .. }
+            | GlobalMode::Exiting { .. } => {}
             GlobalMode::Settings { view } => {
                 view.on_tick();
             }
@@ -411,12 +421,41 @@ impl App {
                             self.set_global_mode(GlobalMode::Default);
                         }
                     }
+                    GlobalMode::CreateRoom { view } => {
+                        if let Event::Key(key) = event
+                            && let KeyModifiers::NONE = key.modifiers
+                        {
+                            match key.code {
+                                Enter => {
+                                    if let Some(room_name) = view.get_text() {
+                                        let mut request = CreateRoomRequest::new();
+                                        request.name = Some(room_name);
+                                        if let Err(err) = self
+                                            .sync_service
+                                            .room_list_service()
+                                            .client()
+                                            .create_room(request)
+                                            .await
+                                        {
+                                            error!("error while creating room: {err:?}");
+                                        }
+                                    }
+                                    self.set_global_mode(GlobalMode::Default);
+                                }
+                                Esc => self.set_global_mode(GlobalMode::Default),
+                                _ => view.handle_key_press(key),
+                            }
+                        }
+                    }
                     GlobalMode::Exiting { .. } => {}
                 }
             }
 
             match &self.state.global_mode {
-                GlobalMode::Default | GlobalMode::Help | GlobalMode::Settings { .. } => {}
+                GlobalMode::Default
+                | GlobalMode::Help
+                | GlobalMode::CreateRoom { .. }
+                | GlobalMode::Settings { .. } => {}
                 GlobalMode::Exiting { shutdown_task } => {
                     if shutdown_task.is_finished() {
                         break;
@@ -480,6 +519,9 @@ impl Widget for &mut App {
                 let mut help_view = HelpView::new();
                 help_view.render(area, buf);
             }
+            GlobalMode::CreateRoom { view } => {
+                view.render(area, buf);
+            }
         }
     }
 }

labs/multiverse/src/widgets/create_room/input.rs

@@ -0,0 +1,47 @@
+use crossterm::event::KeyEvent;
+use ratatui::{
+    buffer::Buffer,
+    layout::Rect,
+    style::{Stylize, palette::tailwind},
+    widgets::{Block, Borders, Widget},
+};
+use tui_textarea::TextArea;
+
+#[derive(Default)]
+pub(crate) struct Input {
+    /// The text area that will keep track of what the user has input.
+    textarea: TextArea<'static>,
+}
+
+impl Input {
+    /// Create a new empty [`Input`] widget.
+    pub fn new() -> Self {
+        let textarea = TextArea::default();
+        Self { textarea }
+    }
+
+    /// Receive a key press event and handle it.
+    pub fn handle_key_press(&mut self, key: KeyEvent) {
+        self.textarea.input(key);
+    }
+
+    /// Get the currently input text.
+    pub fn get_input(&self) -> String {
+        self.textarea.lines().join("\n")
+    }
+}
+
+impl Widget for &mut Input {
+    fn render(self, area: Rect, buf: &mut Buffer) {
+        // Set the placeholder text.
+        self.textarea.set_placeholder_text("(Enter new room name)");
+
+        // Let's first create a block to set the background color.
+        let input_block =
+            Block::new().borders(Borders::ALL).bg(tailwind::BLUE.c400).title("Create Room");
+
+        // Now we set the block and we render the textarea.
+        self.textarea.set_block(input_block);
+        self.textarea.render(area, buf);
+    }
+}

labs/multiverse/src/widgets/create_room/mod.rs

@@ -0,0 +1,35 @@
+use crossterm::event::KeyEvent;
+use ratatui::{layout::Flex, prelude::*};
+mod input;
+use input::Input;
+
+#[derive(Default)]
+pub struct CreateRoomView {
+    input: Input,
+}
+
+impl CreateRoomView {
+    pub fn new() -> Self {
+        Self { input: Input::new() }
+    }
+
+    pub fn get_text(&self) -> Option<String> {
+        let name = self.input.get_input();
+        if !name.is_empty() { Some(name) } else { None }
+    }
+
+    pub fn handle_key_press(&mut self, key: KeyEvent) {
+        self.input.handle_key_press(key);
+    }
+}
+
+impl Widget for &mut CreateRoomView {
+    fn render(self, area: Rect, buf: &mut Buffer) {
+        let vertical = Layout::vertical([Constraint::Length(3)]).flex(Flex::Center);
+        let horizontal = Layout::horizontal([Constraint::Percentage(30)]).flex(Flex::Center);
+        let [area] = vertical.areas(area);
+        let [area] = horizontal.areas(area);
+
+        self.input.render(area, buf);
+    }
+}

labs/multiverse/src/widgets/help.rs

@@ -64,6 +64,7 @@ impl Widget for &mut HelpView {
                 Cell::from("Ctrl-t"),
                 Cell::from("Open a thread on the focused timeline item"),
             ]),
+            Row::new(vec![Cell::from("Ctrl-r"), Cell::from("Create a new room")]),
         ];
         let widths = [Constraint::Length(5), Constraint::Length(5)];
 

labs/multiverse/src/widgets/mod.rs

@@ -1,6 +1,7 @@
 use itertools::Itertools;
 use ratatui::{prelude::*, widgets::WidgetRef};
 
+pub mod create_room;
 pub mod help;
 pub mod recovery;
 pub mod room_list;

labs/multiverse/src/widgets/status.rs

@@ -129,6 +129,7 @@ impl StatefulWidget for &mut Status {
             match global_mode {
                 GlobalMode::Help => "Press q to exit the help screen",
                 GlobalMode::Settings { .. } => "Press ESC to exit the settings screen",
+                GlobalMode::CreateRoom { .. } => "Press ESC to exit the create room screen",
                 GlobalMode::Default => "Press F1 to show the help screen",
                 GlobalMode::Exiting { .. } => "",
             }