idea: hybrid tui-gui apps

This may be a spin off project, but looking for thoughts

If we take the elements like <box>, <list>, <checkbox>, <table> and so on, most of these can be equated to CSS frameworks like bootstrap - so what if we create a plugin that does just that - renders using blessed in the terminal, and outputs bootstrap DOM structure equivalents for browser rendering

approaches:

Approach Option 1: Hybrid Fundamental Components

instead of using <box>, <list> etc. we supply a <Box>, <List> etc components (e.g. import {Box} from react-blessed). Some kind of transpilation flag (e.g. env=tui or env=gui) supplies either the react-blessed element or a DOM structure

Approach Option 2: React elements plugin

create a library that adds react-blessed element namespaces to react on the gui side, these then render the dom structures. This options requires zero changes to code, other than requiring react-blessed-bootstrap-dom-shim (better name needed) instead of react-blessed - however it’s not as clean, there’s potential for namespace clashes between dom elements and blessed elements

[revolunet]

related : https://medium.com/styled-components/announcing-primitives-support-for-truly-universal-component-systems-5772c7d14bc7

[piranna]

Each time I think about it, I find it a better fit to have a react-native-tty project and use it instead of raw blessed…