ratatui-style 0.1.0

A CSS cascade engine for ratatui — selectors, specificity, inheritance, pseudo-states, and data-driven styling.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

//! Real ratatui integration — render a computed style into an offscreen
//! `Buffer` and dump it as text. No TTY needed: fully deterministic.
//!
//! ```sh
//! cargo run -p ratatui-style --example render
//! ```

use ratatui::{buffer::Buffer, layout::Rect, widgets::Widget};

use ratatui_style::{CssStyle, Origin, OwnedNode, Stylesheet};

fn main() {
    let mut sheet = Stylesheet::new();
    sheet
        .add(
            "Card",
            CssStyle::new()
                .border("rounded #00d4ff")
                .padding("1")
                .background("#1e1e2e"),
            Origin::User,
        )
        .unwrap();

    let computed = sheet.compute(&OwnedNode::new("Card"), None);
    let block = computed.to_block().title(" ratatui-style ");

    let area = Rect::new(0, 0, 44, 8);
    let mut buf = Buffer::empty(area);
    block.render(area, &mut buf);

    println!("Rendered `Card` block into a Buffer ({area:?}):\n");
    dump(&buf, area);
    println!("\nThe block style: {:?}", computed.to_style());
}

fn dump(buf: &Buffer, area: Rect) {
    for y in 0..area.height {
        let mut line = String::new();
        for x in 0..area.width {
            line.push_str(buf[(x, y)].symbol());
        }
        println!("│{line}│");
    }
}