aetna-core 0.3.4

Aetna — backend-agnostic UI library core
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

//! inline_runs_highlight — exercises sub-word inline backgrounds.
//!
//! Three paragraphs:
//!
//! - **A search-result row** with the matched term highlighted mid-word.
//! - **A diff-style line** with added / removed tinted spans flowing
//!   inside one prose paragraph (no per-word `<span>` chrome — the
//!   shaper places the rects at the actual glyph extents).
//! - **A wrapping highlight** that splits across two lines so the rect
//!   per-line emission is visible in the artifact.
//!
//! Inspect `out/inline_runs_highlight.draw_ops.txt` — each Attr line
//! reports `runs=N bg_runs=M`, and the SVG fallback emits one
//! `<rect data-node="…run-bg">` per highlighted run on the first line.
//! The wgpu / vulkano paths shape once and emit one quad per line per
//! styled span.
//!
//! Run: `cargo run -p aetna-core --example inline_runs_highlight`

use aetna_core::prelude::*;

const HIGHLIGHT_YELLOW: Color = Color::token("inline-mark", 240, 210, 90, 200);
const DIFF_ADD: Color = Color::token("diff-add", 64, 130, 88, 220);
const DIFF_REMOVE: Color = Color::token("diff-remove", 180, 70, 80, 220);

fn fixture() -> El {
    column([
        h2("Inline run backgrounds"),
        paragraph(
            "RunStyle.bg paints a per-line solid quad behind the glyphs of \
             a styled span — the shaper computes the rect from the actual \
             glyph extents, so wrapping splits the highlight cleanly.",
        )
        .muted(),
        // Search-result style.
        text_runs([
            text("…the matcher finds "),
            text("aetna").background(HIGHLIGHT_YELLOW).bold(),
            text(" in "),
            text("aetna_core::widgets").mono(),
            text(" — the highlight tracks the glyph extent."),
        ])
        .wrap_text()
        .width(Size::Fill(1.0))
        .height(Size::Hug),
        // Diff-style: add + remove tints inside the same line.
        text_runs([
            text("- "),
            text("error::Custom").mono().background(DIFF_REMOVE),
            text("(\"too narrow\")"),
            hard_break(),
            text("+ "),
            text("error::WrapTooNarrow").mono().background(DIFF_ADD),
            text(" { available }"),
        ])
        .wrap_text()
        .width(Size::Fill(1.0))
        .height(Size::Hug),
        // Wrapping highlight: long span that spans two lines.
        text_runs([
            text("Long highlight: "),
            text("the quick brown fox jumps over the lazy dog and keeps going")
                .background(HIGHLIGHT_YELLOW),
            text(" — the rect is split per line."),
        ])
        .wrap_text()
        .width(Size::Fill(1.0))
        .height(Size::Hug),
    ])
    .gap(tokens::SPACE_4)
    .padding(tokens::SPACE_7)
    .width(Size::Fixed(640.0))
}

fn main() -> std::io::Result<()> {
    let mut root = fixture();

    let viewport = Rect::new(0.0, 0.0, 640.0, 360.0);
    let bundle = render_bundle(&mut root, viewport);

    let out_dir = std::path::PathBuf::from(env!("CARGO_MANIFEST_DIR")).join("out");
    let written = write_bundle(&bundle, &out_dir, "inline_runs_highlight")?;
    for p in &written {
        println!("wrote {}", p.display());
    }

    if !bundle.lint.findings.is_empty() {
        eprintln!("\nlint findings ({}):", bundle.lint.findings.len());
        eprint!("{}", bundle.lint.text());
    }

    Ok(())
}