adk-ui 0.8.0

Dynamic UI generation for ADK-Rust agents - render forms, cards, tables, charts and more
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
94
95
96
97
98
99
100
101
102
103
104

use serde_json::{Value, json};

/// Helper functions to create A2UI v0.9 components using the flat catalog shape.
///
/// Create a Text component
pub fn text(id: &str, text: &str, variant: Option<&str>) -> Value {
    let mut component = json!({
        "id": id,
        "component": "Text",
        "text": text
    });

    if let Some(v) = variant {
        component["variant"] = json!(v);
    }

    component
}

/// Create a Column layout component
pub fn column(id: &str, children: Vec<&str>) -> Value {
    json!({
        "id": id,
        "component": "Column",
        "children": children,
        "justify": "start",
        "align": "stretch"
    })
}

/// Create a Row layout component
pub fn row(id: &str, children: Vec<&str>) -> Value {
    json!({
        "id": id,
        "component": "Row",
        "children": children,
        "justify": "start",
        "align": "center"
    })
}

/// Create a Button component
pub fn button(id: &str, child_text_id: &str, action_name: &str) -> Value {
    json!({
        "id": id,
        "component": "Button",
        "child": child_text_id,
        "action": {
            "event": {
                "name": action_name
            }
        }
    })
}

/// Create an Image component
pub fn image(id: &str, url: &str) -> Value {
    json!({
        "id": id,
        "component": "Image",
        "url": url
    })
}

/// Create a Divider component
pub fn divider(id: &str, axis: &str) -> Value {
    json!({
        "id": id,
        "component": "Divider",
        "axis": axis
    })
}

#[cfg(test)]
mod tests {
    use super::*;

    #[test]
    fn test_text_component() {
        let comp = text("title", "Hello World", Some("h1"));
        assert_eq!(comp["id"], "title");
        assert_eq!(comp["component"], "Text");
        assert_eq!(comp["text"], "Hello World");
        assert_eq!(comp["variant"], "h1");
    }

    #[test]
    fn test_column_component() {
        let comp = column("root", vec!["child1", "child2"]);
        assert_eq!(comp["id"], "root");
        assert_eq!(comp["component"], "Column");
        assert_eq!(comp["children"][0], "child1");
        assert_eq!(comp["children"][1], "child2");
    }

    #[test]
    fn test_button_component() {
        let comp = button("btn1", "btn_text", "submit");
        assert_eq!(comp["id"], "btn1");
        assert_eq!(comp["component"], "Button");
        assert_eq!(comp["child"], "btn_text");
        assert_eq!(comp["action"]["event"]["name"], "submit");
    }
}