diff --git a/examples/CMakeLists.txt b/examples/CMakeLists.txt
index 9ffb08ec4468857a767872bc76b5185222d27d59..c733e2d5444f8312be62f66d2aa56ef481e90daf 100644
--- a/examples/CMakeLists.txt
+++ b/examples/CMakeLists.txt
@@ -1,10 +1,8 @@
-add_subdirectory(color)
-add_subdirectory(frame)
-add_subdirectory(gauge)
-add_subdirectory(input)
-add_subdirectory(menu)
-add_subdirectory(menu2)
-add_subdirectory(print_key_press)
-add_subdirectory(separator)
-add_subdirectory(toggle)
-add_subdirectory(vbox_hbox)
+function(example name)
+ add_executable(${name} ${name}.cpp)
+ target_link_libraries(${name} PUBLIC ftxui)
+endfunction(example)
+
+add_subdirectory(component)
+add_subdirectory(dom)
+example(print_key_press)
diff --git a/examples/color/CMakeLists.txt b/examples/color/CMakeLists.txt
deleted file mode 100644
index 78183556cb93af6b9a4dfaab72a8be58a7ab3c08..0000000000000000000000000000000000000000
--- a/examples/color/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(color_main
- main.cpp
-)
-target_link_libraries(color_main PRIVATE ftxui)
diff --git a/examples/component/CMakeLists.txt b/examples/component/CMakeLists.txt
new file mode 100644
index 0000000000000000000000000000000000000000..b6b9615ab436e8b611ffcf10be071fada70b9446
--- /dev/null
+++ b/examples/component/CMakeLists.txt
@@ -0,0 +1,6 @@
+example(color)
+example(gauge)
+example(input)
+example(menu)
+example(menu2)
+example(toggle)
diff --git a/examples/color/main.cpp b/examples/component/color.cpp
similarity index 99%
rename from examples/color/main.cpp
rename to examples/component/color.cpp
index 337da03208bdbcacd34d11ed8268d62a7e28cbba..5eb429ca31c20b6746ac5841eba106707f338730 100644
--- a/examples/color/main.cpp
+++ b/examples/component/color.cpp
@@ -54,7 +54,5 @@ int main(int argc, const char *argv[])
std::cout << screen.ToString();
- getchar();
-
return 0;
}
diff --git a/examples/gauge/main.cpp b/examples/component/gauge.cpp
similarity index 100%
rename from examples/gauge/main.cpp
rename to examples/component/gauge.cpp
diff --git a/examples/input/main.cpp b/examples/component/input.cpp
similarity index 94%
rename from examples/input/main.cpp
rename to examples/component/input.cpp
index d4688c831b746542649c79c341b36a45a29d2e5c..72ea012d44cb39583cdaf3b591ac0189eedd5cda 100644
--- a/examples/input/main.cpp
+++ b/examples/component/input.cpp
@@ -9,6 +9,7 @@
using namespace ftxui::component;
using namespace ftxui::dom;
+using namespace ftxui;
class MyComponent : ComponentVertical {
public:
@@ -44,7 +45,7 @@ class MyComponent : ComponentVertical {
};
int main(int argc, const char* argv[]) {
- ftxui::ScreenInteractive screen(60, 17);
+ ftxui::ScreenInteractive screen(60, 5);
MyComponent component(screen.delegate());
component.on_enter = screen.ExitLoopClosure();
screen.Loop();
diff --git a/examples/menu/main.cpp b/examples/component/menu.cpp
similarity index 100%
rename from examples/menu/main.cpp
rename to examples/component/menu.cpp
diff --git a/examples/menu2/main.cpp b/examples/component/menu2.cpp
similarity index 97%
rename from examples/menu2/main.cpp
rename to examples/component/menu2.cpp
index 80accafc8bbe7cef74ef44368669eb8a0949107f..f2244af4d7c780e088b0eeb6658baef3822d3618 100644
--- a/examples/menu2/main.cpp
+++ b/examples/component/menu2.cpp
@@ -43,6 +43,7 @@ class MyComponent : ComponentHorizontal {
flex(
vbox(
hcenter(bold(text(L"Percentage by 10%"))),
+ separator(),
left_menu.Render()
)
),
@@ -50,6 +51,7 @@ class MyComponent : ComponentHorizontal {
flex(
vbox(
hcenter(bold(text(L"Percentage by 1%"))),
+ separator(),
right_menu.Render()
)
),
diff --git a/examples/toggle/main.cpp b/examples/component/toggle.cpp
similarity index 100%
rename from examples/toggle/main.cpp
rename to examples/component/toggle.cpp
diff --git a/examples/dom/CMakeLists.txt b/examples/dom/CMakeLists.txt
new file mode 100644
index 0000000000000000000000000000000000000000..6aeb8a51974d84ae79c602826aba482bb024c294
--- /dev/null
+++ b/examples/dom/CMakeLists.txt
@@ -0,0 +1,3 @@
+example(frame)
+example(separator)
+example(vbox_hbox)
diff --git a/examples/frame/main.cpp b/examples/dom/frame.cpp
similarity index 100%
rename from examples/frame/main.cpp
rename to examples/dom/frame.cpp
diff --git a/examples/separator/main.cpp b/examples/dom/separator.cpp
similarity index 99%
rename from examples/separator/main.cpp
rename to examples/dom/separator.cpp
index e3426d88718c3e11f9e47ea0d8aa9a59a5e96228..79f1f9afc7a20c0b6a89f1871cc60d9a7af03ffc 100644
--- a/examples/separator/main.cpp
+++ b/examples/dom/separator.cpp
@@ -19,7 +19,6 @@ int main(int argc, const char *argv[])
Render(screen, document.get());
std::cout << screen.ToString();
-
getchar();
return 0;
diff --git a/examples/vbox_hbox/main.cpp b/examples/dom/vbox_hbox.cpp
similarity index 97%
rename from examples/vbox_hbox/main.cpp
rename to examples/dom/vbox_hbox.cpp
index f4efb41e42d007fec9cd2a948458adb21b165d50..77bdc35806e085658a75f890024295171aac7bcd 100644
--- a/examples/vbox_hbox/main.cpp
+++ b/examples/dom/vbox_hbox.cpp
@@ -32,7 +32,5 @@ int main(int argc, const char *argv[])
std::cout << screen.ToString();
- getchar();
-
return 0;
}
diff --git a/examples/frame/CMakeLists.txt b/examples/frame/CMakeLists.txt
deleted file mode 100644
index cef99a5daa21433044fcf788c22568dce4acd893..0000000000000000000000000000000000000000
--- a/examples/frame/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(frame_example
- main.cpp
-)
-target_link_libraries(frame_example PRIVATE ftxui)
diff --git a/examples/gauge/CMakeLists.txt b/examples/gauge/CMakeLists.txt
deleted file mode 100644
index ea0a96440d30bea5868faaa5f4baaf6b62642d55..0000000000000000000000000000000000000000
--- a/examples/gauge/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(gauge_example
- main.cpp
-)
-target_link_libraries(gauge_example PRIVATE ftxui)
diff --git a/examples/input/CMakeLists.txt b/examples/input/CMakeLists.txt
deleted file mode 100644
index 1e37595c455c671619c9cded55de0add148812eb..0000000000000000000000000000000000000000
--- a/examples/input/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(input_main
- main.cpp
-)
-target_link_libraries(input_main PRIVATE ftxui)
diff --git a/examples/menu/CMakeLists.txt b/examples/menu/CMakeLists.txt
deleted file mode 100644
index 3b5e4200c142ed674867a8d241e502d4af574cb4..0000000000000000000000000000000000000000
--- a/examples/menu/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(menu_main
- main.cpp
-)
-target_link_libraries(menu_main PRIVATE ftxui)
diff --git a/examples/menu2/CMakeLists.txt b/examples/menu2/CMakeLists.txt
deleted file mode 100644
index 719d9bc26059fae9846901522477b327e6c96248..0000000000000000000000000000000000000000
--- a/examples/menu2/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(menu2_main
- main.cpp
-)
-target_link_libraries(menu2_main PRIVATE ftxui)
diff --git a/examples/print_key_press/main.cpp b/examples/print_key_press.cpp
similarity index 100%
rename from examples/print_key_press/main.cpp
rename to examples/print_key_press.cpp
diff --git a/examples/print_key_press/CMakeLists.txt b/examples/print_key_press/CMakeLists.txt
deleted file mode 100644
index 8245f948a4ecbcd183f6fb740c104972e3359af1..0000000000000000000000000000000000000000
--- a/examples/print_key_press/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(print_key_press
- main.cpp
-)
-target_link_libraries(print_key_press PRIVATE ftxui)
diff --git a/examples/separator/CMakeLists.txt b/examples/separator/CMakeLists.txt
deleted file mode 100644
index f2922117c333dbc1907088fd292f36639acab8ae..0000000000000000000000000000000000000000
--- a/examples/separator/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(separator_example
- main.cpp
-)
-target_link_libraries(separator_example PRIVATE ftxui)
diff --git a/examples/toggle/CMakeLists.txt b/examples/toggle/CMakeLists.txt
deleted file mode 100644
index a1784e26b949fd0d20202ea16e999b22229fd12c..0000000000000000000000000000000000000000
--- a/examples/toggle/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(toogle_main
- main.cpp
-)
-target_link_libraries(toogle_main PRIVATE ftxui)
diff --git a/examples/vbox_hbox/CMakeLists.txt b/examples/vbox_hbox/CMakeLists.txt
deleted file mode 100644
index 4db6ff6e55f7b39d7f389eebd9b84a847e8cb59a..0000000000000000000000000000000000000000
--- a/examples/vbox_hbox/CMakeLists.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-add_executable(vbox_hbox_example
- main.cpp
-)
-target_link_libraries(vbox_hbox_example PRIVATE ftxui)
diff --git a/ftxui/include/ftxui/component/component_direction.hpp b/ftxui/include/ftxui/component/component_direction.hpp
index 55b99ef84641356a0f0665ef029dc1f57ec57a39..1b7c6a252390d05296c459e304a2402cbd3af823 100644
--- a/ftxui/include/ftxui/component/component_direction.hpp
+++ b/ftxui/include/ftxui/component/component_direction.hpp
@@ -7,6 +7,7 @@ namespace ftxui {
namespace component {
// A component where focus and events are automatically handled for you.
+// Please use ComponentVertical or ComponentHorizontal.
class ComponentDirection : public Component {
public:
ComponentDirection(Delegate* delegate);
diff --git a/ftxui/include/ftxui/dom/elements.hpp b/ftxui/include/ftxui/dom/elements.hpp
index c24a1f6d482bf19457efdb15aa07b8535d3054d5..c2a7c73b5060034082d5a9a2604ab8198ba80b6b 100644
--- a/ftxui/include/ftxui/dom/elements.hpp
+++ b/ftxui/include/ftxui/dom/elements.hpp
@@ -15,6 +15,7 @@ using Children = std::vector<Child>;
Element vbox(Children);
Element hbox(Children);
Element flex();
+Element flex(Element);
// --- Widget --
Element text(std::wstring text);
@@ -23,7 +24,7 @@ Element gauge(float ratio);
Element frame(Child);
Element frame(Child title, Child content);
-// -- Decorator (Style) ---
+// -- Style ---
Element bold(Element);
Element dim(Element);
Element inverted(Element);
@@ -32,11 +33,10 @@ Element blink(Element);
Element color(Color, Element);
Element bgcolor(Color, Element);
-// --- Decorator ---
+// --- Util ---
Element hcenter(Element);
Element vcenter(Element);
Element center(Element);
-Element flex(Element);
// --- Util ---
Element nothing(Element element);
diff --git a/ftxui/include/ftxui/dom/node.hpp b/ftxui/include/ftxui/dom/node.hpp
index 6a5f7beb5334f2f9289f282268de65369dcd78ed..7f92be7fde42723af22c2d111443aa90c933c35b 100644
--- a/ftxui/include/ftxui/dom/node.hpp
+++ b/ftxui/include/ftxui/dom/node.hpp
@@ -17,14 +17,14 @@ class Node {
Node(std::vector<std::unique_ptr<Node>> children);
virtual ~Node();
- // Step 1: Direction parent <= children.
- // Compute layout requirement. Tell parent what dimensions this
+ // Step 1: Compute layout requirement. Tell parent what dimensions this
// element wants to be.
+ // Propagated from Children to Parents.
virtual void ComputeRequirement();
Requirement requirement() { return requirement_; }
- // Step 2: Direction parent => children.
- // Assign this element its final dimensions.
+ // Step 2: Assign this element its final dimensions.
+ // Propagated from Parents to Children.
virtual void SetBox(Box box);
// Step 3: Draw this element.
diff --git a/ftxui/src/ftxui/component/input.cpp b/ftxui/src/ftxui/component/input.cpp
index 77e53d66d649b0f57fe8bdbfbc8287f128119ce6..3da91e423286e391b19179faeeef647b31d28c0f 100644
--- a/ftxui/src/ftxui/component/input.cpp
+++ b/ftxui/src/ftxui/component/input.cpp
@@ -24,6 +24,9 @@ dom::Element Input::Render() {
if (!is_focused)
return flex(text(content));
+ std::wstring sub_content = content;
+ size_t sub_cursor_position = cursor_position;
+
std::wstring part_before_cursor = content.substr(0,cursor_position);
std::wstring part_at_cursor = cursor_position < (int)content.size()
? content.substr(cursor_position, 1)
diff --git a/ftxui/src/ftxui/dom/blink.cpp b/ftxui/src/ftxui/dom/blink.cpp
new file mode 100644
index 0000000000000000000000000000000000000000..a24f20a288549a815963f365b3dac37bc4f99df4
--- /dev/null
+++ b/ftxui/src/ftxui/dom/blink.cpp
@@ -0,0 +1,27 @@
+#include "ftxui/dom/node_decorator.hpp"
+#include "ftxui/dom/elements.hpp"
+
+namespace ftxui {
+namespace dom {
+
+class Blink : public NodeDecorator {
+ public:
+ Blink(Children children) : NodeDecorator(std::move(children)) {}
+ ~Blink() override {}
+
+ void Render(Screen& screen) override {
+ Node::Render(screen);
+ for (int y = box_.top; y <= box_.bottom; ++y) {
+ for (int x = box_.left; x <= box_.right; ++x) {
+ screen.PixelAt(x, y).blink = true;
+ }
+ }
+ }
+};
+
+std::unique_ptr<Node> blink(Child child) {
+ return std::make_unique<Blink>(unpack(std::move(child)));
+}
+
+}; // namespace dom
+}; // namespace ftxui
diff --git a/ftxui/src/ftxui/dom/util.cpp b/ftxui/src/ftxui/dom/util.cpp
new file mode 100644
index 0000000000000000000000000000000000000000..b4dc76f1cf6a1b5181aa2617388ea1c554019933
--- /dev/null
+++ b/ftxui/src/ftxui/dom/util.cpp
@@ -0,0 +1,11 @@
+#include "ftxui/dom/elements.hpp"
+
+namespace ftxui {
+namespace dom {
+
+Element nothing(Element element) {
+ return std::move(element);
+}
+
+}; // namespace dom
+}; // namespace ftxui
diff --git a/ftxui/src/ftxui/screen.cpp b/ftxui/src/ftxui/screen.cpp
index 79cc866a4611529698837a3b7360cb2c7bbeaa8f..c2e051662fa2f5711affb1610bb683dae202b9f9 100644
--- a/ftxui/src/ftxui/screen.cpp
+++ b/ftxui/src/ftxui/screen.cpp
@@ -1,5 +1,5 @@
-#include "ftxui/dom/node.hpp"
#include "ftxui/screen.hpp"
+#include "ftxui/dom/node.hpp"
#include "ftxui/terminal.hpp"
#include "ftxui/util/string.hpp"
@@ -10,6 +10,35 @@ namespace ftxui {
Screen::Screen(size_t dimx, size_t dimy)
: dimx_(dimx), dimy_(dimy), pixels_(dimy, std::vector<Pixel>(dimx)) {}
+void UpdatePixelStyle(std::wstringstream& ss, Pixel& previous, Pixel& next) {
+ if (next.bold != previous.bold)
+ ss << (next.bold ? L"\e[1m" : L"\e[0m");
+
+ if (next.inverted != previous.inverted)
+ ss << (next.inverted ? L"\e[7m" : L"\e[27m");
+
+ if (next.underlined != previous.underlined)
+ ss << (next.underlined ? L"\e[4m" : L"\e[24m");
+
+ if (next.dim != previous.dim)
+ ss << (next.dim ? L"\e[2m" : L"\e[22m");
+
+ if (next.blink != previous.blink)
+ ss << (next.blink ? L"\e[5m" : L"\e[25m");
+
+ if (next.foreground_color != previous.foreground_color) {
+ ss << L"\e[" + to_wstring(std::to_string((uint8_t)next.foreground_color)) +
+ L"m";
+ }
+ if (next.background_color != previous.background_color) {
+ ss << L"\e[" +
+ to_wstring(std::to_string(10 + (uint8_t)next.background_color)) +
+ L"m";
+ }
+
+ previous = next;
+}
+
std::string Screen::ToString() {
std::wstringstream ss;
@@ -17,57 +46,13 @@ std::string Screen::ToString() {
for (size_t y = 0; y < dimy_; ++y) {
for (size_t x = 0; x < dimx_; ++x) {
- if (pixels_[y][x].bold != previous_pixel.bold) {
- if (pixels_[y][x].bold) {
- ss << L"\e[1m";
- } else {
- ss << L"\e[0m";
- }
- }
- if (pixels_[y][x].inverted != previous_pixel.inverted) {
- if (pixels_[y][x].inverted) {
- ss << L"\e[7m";
- } else {
- ss << L"\e[27m";
- }
- }
- if (pixels_[y][x].underlined != previous_pixel.underlined) {
- if (pixels_[y][x].underlined) {
- ss << L"\e[4m";
- } else {
- ss << L"\e[24m";
- }
- }
- if (pixels_[y][x].dim != previous_pixel.dim) {
- if (pixels_[y][x].dim) {
- ss << L"\e[2m";
- } else {
- ss << L"\e[22m";
- }
- }
- if (pixels_[y][x].blink != previous_pixel.blink) {
- if (pixels_[y][x].blink) {
- ss << L"\e[5m";
- } else {
- ss << L"\e[25m";
- }
- }
- if (pixels_[y][x].foreground_color != previous_pixel.foreground_color) {
- ss << L"\e[" + to_wstring(std::to_string(
- (uint8_t)pixels_[y][x].foreground_color)) +
- L"m";
- }
- if (pixels_[y][x].background_color != previous_pixel.background_color) {
- ss << L"\e[" + to_wstring(std::to_string(
- 10 + (uint8_t)pixels_[y][x].background_color)) +
- L"m";
- }
+ UpdatePixelStyle(ss, previous_pixel, pixels_[y][x]);
ss << pixels_[y][x].character;
- previous_pixel = pixels_[y][x];
}
if (y + 1 < dimy_)
ss << '\n';
}
+
return to_string(ss.str());
}
diff --git a/ftxui/src/ftxui/screen_interactive.cpp b/ftxui/src/ftxui/screen_interactive.cpp
index 7e157e352a3fc51f9e88fdcb85ed3266c5a905d3..0ffd1fd527d5cff0f9bb001dfa44fcd68d62e319 100644
--- a/ftxui/src/ftxui/screen_interactive.cpp
+++ b/ftxui/src/ftxui/screen_interactive.cpp
@@ -11,6 +11,7 @@ namespace ftxui {
namespace {
constexpr int ESC = 27;
constexpr int WAT = 195;
+ constexpr int WAT2 = 194;
constexpr int WATWAIT = 91;
Event GetEvent() {
@@ -32,6 +33,11 @@ namespace {
return Event{v1, v2};
}
+ if (v1 == WAT2) {
+ int v2 = getchar();
+ return Event{v1, v2};
+ }
+
return Event{v1};
};
};
diff --git a/tutorial.md b/tutorial.md
index f3920948ebf58b1f9d5cb48e4e953cc83a7c0ae0..955c6bafe24d1a448c459a68db71b8d793677bb0 100644
--- a/tutorial.md
+++ b/tutorial.md
@@ -25,6 +25,7 @@ It declares the following set of elements:
Element vbox(Children);
Element hbox(Children);
Element flex();
+Element flex(Element);
// --- Widget --
Element text(std::wstring text);
@@ -33,24 +34,28 @@ Element gauge(float ratio);
Element frame(Child);
Element frame(Child title, Child content);
-// -- Decorator (Style) ---
+// -- Style ---
Element bold(Element);
Element dim(Element);
Element inverted(Element);
Element underlined(Element);
-Element color(Color,Element);
-Element bgcolor(Element);
+Element blink(Element);
+Element color(Color, Element);
+Element bgcolor(Color, Element);
-// --- Decorator ---
+// --- Util ---
Element hcenter(Element);
Element vcenter(Element);
Element center(Element);
-Element flex(Element);
+
+// --- Util ---
+Element nothing(Element element);
~~~
### Style
A terminal console can usually display colored text and colored background.
-The text can also have different effects: bold, dim, underlined, inverted.
+The text can also have different effects: bold, dim, underlined, inverted,
+blink.
~~~cpp
Element bold(Element);
@@ -164,5 +169,8 @@ frame(gauge(0.5))
## Components.
### Input
+ TODO(arthursonzogni): Add Video
### Menu
+ TODO(arthursonzogni): Add Video
### Toggle.
+ TODO(arthursonzogni): Add video