diff --git a/examples/README.md b/examples/README.md index 732b19ba8..2533722ed 100644 --- a/examples/README.md +++ b/examples/README.md @@ -134,31 +134,33 @@ cargo run --example hello_world ## Terminal UI -[tui_border](./tui_border.rs) +[tui_all_events](../packages/tui/examples/tui_all_events.rs) - All of the terminal events -[tui_buttons](./tui_buttons.rs) +[tui_border](../packages/tui/examples/tui_border.rs) - Different styles of borders and corners -[tui_color_test](./tui_color_test.rs) +[tui_buttons](../packages/tui/examples/tui_buttons.rs) - A grid of buttons that work demonstrate the focus system -[tui_components](./tui_components.rs) +[tui_color_test](../packages/tui/examples/tui_color_test.rs) - Grid of colors to demonstrate compatablility with different terminal color rendering modes -[tui_frame](./tui_frame.rs) +[tui_colorpicker](../packages/tui/examples/tui_colorpicker.rs) - A colorpicker -[tui_hover](./tui_hover.rs) +[tui_components](../packages/tui/examples/tui_components.rs) - Simple component example -[tui_keys](./tui_keys.rs) +[tui_flex](../packages/tui/examples/tui_flex.rs) - Flexbox support -[tui_list](./tui_list.rs) +[tui_hover](../packages/tui/examples/tui_hover.rs) - Detect hover and mouse events -[tui_margin](./tui_margin.rs) +[tui_list](../packages/tui/examples/tui_list.rs) - Renders a list of items -[tui_quadrants](./tui_quadrants.rs) +[tui_margin](../packages/tui/examples/tui_margin.rs) - Margins around flexboxes -[tui_readme](./tui_readme.rs) +[tui_quadrants](../packages/tui/examples/tui_quadrants.rs) - Four quadrants -[tui_task](./tui_task.rs) +[tui_readme](../packages/tui/examples/tui_readme.rs) - The readme example -[tui_text](./tui_text.rs) +[tui_task](../packages/tui/examples/tui_task.rs) - Background tasks + +[tui_text](../packages/tui/examples/tui_text.rs) - Simple text example # TODO Missing Features diff --git a/packages/tui/examples/tui_frame.rs b/packages/tui/examples/tui_flex.rs similarity index 100% rename from packages/tui/examples/tui_frame.rs rename to packages/tui/examples/tui_flex.rs diff --git a/packages/tui/examples/tui_keys.rs b/packages/tui/examples/tui_keys.rs deleted file mode 100644 index 3c3d04cf2..000000000 --- a/packages/tui/examples/tui_keys.rs +++ /dev/null @@ -1,66 +0,0 @@ -use dioxus::events::WheelEvent; -use dioxus::prelude::*; -use dioxus_html::geometry::ScreenPoint; -use dioxus_html::input_data::keyboard_types::Code; -use dioxus_html::input_data::MouseButtonSet; -use dioxus_html::on::{KeyboardEvent, MouseEvent}; - -fn main() { - dioxus_tui::launch(app); -} - -fn app(cx: Scope) -> Element { - let key = use_state(&cx, || "".to_string()); - let mouse = use_state(&cx, ScreenPoint::zero); - let count = use_state(&cx, || 0); - let buttons = use_state(&cx, MouseButtonSet::empty); - let mouse_clicked = use_state(&cx, || false); - - let key_down_handler = move |evt: KeyboardEvent| { - match evt.data.code() { - Code::ArrowLeft => count.set(count + 1), - Code::ArrowRight => count.set(count - 1), - Code::ArrowUp => count.set(count + 10), - Code::ArrowDown => count.set(count - 10), - _ => {} - } - key.set(format!( - "{:?} repeating: {:?}", - evt.key(), - evt.is_auto_repeating() - )); - }; - - cx.render(rsx! { - div { - width: "100%", - height: "10px", - background_color: "red", - justify_content: "center", - align_items: "center", - flex_direction: "column", - onkeydown: key_down_handler, - onwheel: move |evt: WheelEvent| { - count.set(count + evt.data.delta().strip_units().y as i64); - }, - ondrag: move |evt: MouseEvent| { - mouse.set(evt.data.screen_coordinates()); - }, - onmousedown: move |evt: MouseEvent| { - mouse.set(evt.data.screen_coordinates()); - buttons.set(evt.data.held_buttons()); - mouse_clicked.set(true); - }, - onmouseup: move |evt: MouseEvent| { - buttons.set(evt.data.held_buttons()); - mouse_clicked.set(false); - }, - - "count: {count:?}", - "key: {key}", - "mouse buttons: {buttons:?}", - "mouse pos: {mouse:?}", - "mouse button pressed: {mouse_clicked}" - } - }) -}