How to output stdout into a box?

[mscofield0]

I would like to create a chat app, where I have the main message window, an input window and an additional "info" window that just displays in whatever gets sent to stdout and stderr normally.

[ArthurSonzogni]

FTXUI reads from stdin, and write to stdout. So, if you write to stdout directly it would break the interface.

So I recommand not writting to stdout directly, but create your special set of function to write elsewhere.

(Note: One can also try to reroute file descriptor. For instance I redirected stdin here)

Let's say the data is stored into:

std::string data;

Then, you can update the data:

void Write(const std::string& new_data) {
  data += new_data;
}

Then you need an DOM Element drawing it:

auto element = text(data);

I guess, you want a component producing the DOM element for every new frame. You can use:

auto component = Renderer([&data] {
  return text(data)
});

A text only support drawing a single line. You probably don't like this. So you can instead store std::vectorstd::string data and draw:

Elements elements;
for(auto& line : data) {
  elements.push_back(text(line));
}
return vbox(std::move(elements));

Or you can continue to store in a std::string and break by new lines dynamically:

auto component = Renderer([&data] {
  // Break `data` by new lines:
  auto lines = lines();
  auto start = 0U;
  auto end = s.find('\n');
  while (end != std::string::npos) {
    lines.push_back(text(s.substr(start, end-start)));
    start = end + 1;
    end = s.find('\n', start);
  }
  lines.push_back(text(s.substr(start, end)));

  return vbox(std::move(lines));
});

[nullbyto]

Thanks it helped a lot!
I'm trying to make a box with text getting updated which works, but also i need to make it scrollable which i can't figure out how to do it correctly, it just makes draws a scrollbar but it cant be controlled. Is there any way to make such scrollable text area ?

[ArthurSonzogni]

Maybe you can take Scroller from: https://github.com/ArthurSonzogni/git-tui/tree/master/src and wrap your component? Le dim. 19 juin 2022, 18:51, Amin D. ***@***.***> a écrit :

…

Thanks it helped a lot! I'm trying to make a box with text getting updated which works, but also i need to make it scrollable which i can't figure out how to do it correctly, it just makes draws a scrollbar but it cant be controlled. Is there any way to make such scrollable text area ? — Reply to this email directly, view it on GitHub <#273 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABEJ4QRKRF35N3QJPKALSVTVP5FYPANCNFSM5JNK633A> . You are receiving this because you commented.Message ID: ***@***.***>

[nullbyto]

i will try that thank you :D