Feature/component

Cargo.toml

@@ -13,11 +13,12 @@ path = "src/main.rs"
 [dependencies]
 clap = "4.6.1"
 anyhow = "1.0.102"
-tokio = "1.52.3"
+tokio = { version = "1.52.3", features = ["full"] }
 colored = "3.1.1"
 indicatif = "0.18.4"
 reqwest = "0.13.3"
 tokio-stream = "0.1.18"
+futures = "0.3.32"
 futures-util = "0.3.32"
 serde = { version = "1.0.228", features = ["derive"] }
 serde_json = "1.0.149"
@@ -29,4 +30,5 @@ log = "0.4.29"
 flexi_logger = "0.31.8"
 chrono = "0.4.44"
 rust-i18n = "4.0.0"
-once_cell = "1.21.4"
+once_cell = "1.21.4"
+ratatui-kit = { version = "0.5.9", features = ["full"] }

locales/en.yml

@@ -4,4 +4,11 @@ logger_is_initialized: "Logger is initialized."
 current_locale: "Current locale: %{locale_name}"
 database_path: "Connecting to database at: %{database_path}"
 database_initialized: "Database initialized."
-database_table_create: "Database table %{table_name} is created."
+database_table_create: "Database table %{table_name} is created."
+
+welcome.version: "Version: %{version}"
+welcome.text: "Welcome to Omega Code!"
+welcome.menu: "Quick Menu(use ↑/↓ keys to navigate, press enter to select an item):"
+welcome.menu_items.0: "Open Omega Code Console Panel, to configure the application."
+welcome.menu_items.1: "Start a new project."
+welcome.menu_items.2: "Quit"

locales/zh-CN.yml

@@ -4,4 +4,12 @@ logger_is_initialized: "日志已经初始化了喵~"
 current_locale: "当前语言: %{locale_name}"
 database_path: "数据库位置: %{database_path}"
 database_initialized: "数据库初始化成功"
-database_table_create: "数据表 %{table_name} 已创建"
+database_table_create: "数据表 %{table_name} 已创建"
+
+welcome.version: "版本: %{version}"
+welcome.text: "欢迎来到 Omega Code !"
+welcome.menu: "快速菜单(使用 ↑/↓ 键导航，按 enter 选择项):"
+menu_items:
+  - "打开 Omega Code 控制台面板，配置应用程序"
+  - "开始新项目"
+  - "退出"

src/components/input_bar.rs

@@ -0,0 +1,67 @@
+use ratatui_kit::{
+    crossterm::event::{Event, KeyCode, KeyEventKind},
+    prelude::*,
+    ratatui::{
+        layout::Constraint,
+        style::{Style, Stylize},
+        text::Line,
+    },
+};
+
+#[component]
+pub fn InputBar(mut hooks: Hooks) -> impl Into<AnyElement<'static>> {
+    let mut value = hooks.use_state(String::new);
+
+    let mut should_exit = hooks.use_state(|| false);
+
+    let mut system_ctx = hooks.use_context_mut::<SystemContext>();
+    let insert_before = hooks.use_insert_before();
+
+    if should_exit.get() {
+        system_ctx.exit();
+    }
+
+    hooks.use_events(move |event| {
+        if let Event::Key(key_event) = event {
+            if key_event.kind == KeyEventKind::Press {
+                match key_event.code {
+                    KeyCode::Esc => {
+                        should_exit.set(true);
+                    }
+                    KeyCode::Enter => {
+                        if !value.read().is_empty() {
+                            insert_before
+                                .render_before(Line::from(format!("message: {value}")), 1)
+                                .finish();
+
+                            value.set(String::new());
+                        }
+                    }
+                    _ => {}
+                }
+            }
+        }
+    });
+
+    element!(Border(
+        height: Constraint::Length(4),
+        style: Style::default().green(),
+        bottom_title: Line::styled(
+            "Press 'Enter' to submit, 'Esc' to exit",
+            Style::default().yellow(),
+        ).centered(),
+    ) {
+        TextArea(
+            value: value.read().to_string(),
+            is_focus: true,
+            on_change: move |new_value: String| {
+                value.set(new_value);
+            },
+            multiline: false,
+            cursor_style: Style::default().on_green(),
+            placeholder: Some("Type something...".to_string()),
+            placeholder_style: Style::default().green(),
+        )
+
+    })
+}

src/components/mod.rs

@@ -1 +1,3 @@
 pub mod welcome;
+pub(crate) mod input_bar;
+mod status_bar;