windjammer-ui 0.3.6

Cross-platform UI framework for Windjammer (Web, Desktop, Mobile)
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154

#![allow(clippy::all)]
#![allow(noop_method_call)]
use crate::vnode_ffi;

#[derive(Debug, Clone, Copy, PartialEq, Eq)]
pub struct VNode {
    pub handle: u64,
}

impl VNode {
    /// Create a new div element
    #[inline]
    pub fn div() -> VNode {
        VNode {
            handle: vnode_ffi::vnode_element("div"),
        }
    }
    /// Create a new span element
    #[inline]
    pub fn span() -> VNode {
        VNode {
            handle: vnode_ffi::vnode_element("span"),
        }
    }
    /// Create a new button element
    #[inline]
    pub fn button() -> VNode {
        VNode {
            handle: vnode_ffi::vnode_element("button"),
        }
    }
    /// Create a new input element
    #[inline]
    pub fn input() -> VNode {
        VNode {
            handle: vnode_ffi::vnode_element("input"),
        }
    }
    /// Create a new text node
    #[inline]
    pub fn text(content: String) -> VNode {
        VNode {
            handle: vnode_ffi::vnode_text(content.as_str()),
        }
    }
    /// Create any HTML element by tag name
    #[inline]
    pub fn element(tag: String) -> VNode {
        VNode {
            handle: vnode_ffi::vnode_element(tag.as_str()),
        }
    }
    /// Add a CSS class (takes owned String)
    #[inline]
    pub fn add_class(self, class: String) -> VNode {
        vnode_ffi::vnode_class(self.handle, class.as_str());
        self
    }
    /// Add inline style (takes owned String)
    #[inline]
    pub fn add_style(self, style: String) -> VNode {
        vnode_ffi::vnode_style(self.handle, style.as_str());
        self
    }
    /// Add an attribute (takes owned Strings)
    #[inline]
    pub fn add_attr(self, name: String, value: String) -> VNode {
        vnode_ffi::vnode_attr(self.handle, name.as_str(), value.as_str());
        self
    }
    /// Add a child VNode
    #[inline]
    pub fn child(self, child: VNode) -> VNode {
        vnode_ffi::vnode_child(self.handle, child.handle);
        self
    }
    /// Add text content (takes owned String)
    #[inline]
    pub fn add_text(self, text: String) -> VNode {
        let text_node = VNode::text(text);
        vnode_ffi::vnode_child(self.handle, text_node.handle);
        self
    }
    /// Set id attribute
    #[inline]
    pub fn set_id(self, id: String) -> VNode {
        vnode_ffi::vnode_attr(self.handle, "id", id.as_str());
        self
    }
    /// Set placeholder (for inputs)
    #[inline]
    pub fn set_placeholder(self, text: String) -> VNode {
        vnode_ffi::vnode_attr(self.handle, "placeholder", text.as_str());
        self
    }
    /// Set type attribute (for inputs/buttons)
    #[inline]
    pub fn set_type(self, t: String) -> VNode {
        vnode_ffi::vnode_attr(self.handle, "type", t.as_str());
        self
    }
    /// Set value attribute
    #[inline]
    pub fn set_value(self, v: String) -> VNode {
        vnode_ffi::vnode_attr(self.handle, "value", v.as_str());
        self
    }
    /// Set disabled attribute
    #[inline]
    pub fn set_disabled(self, d: bool) -> VNode {
        if d {
            vnode_ffi::vnode_attr(self.handle, "disabled", "true")
        }
        self
    }
    /// Get the raw handle (for interop with Rust code)
    #[inline]
    pub fn raw_handle(&self) -> u64 {
        self.handle
    }
}

/// Create a container with padding
#[inline]
pub fn container() -> VNode {
    VNode::div()
        .add_class("wj-container".to_string())
        .add_style("padding: 16px".to_string())
}

/// Create a flex row
#[inline]
pub fn row() -> VNode {
    VNode::div().add_style("display: flex; flex-direction: row; gap: 8px".to_string())
}

/// Create a flex column
#[inline]
pub fn column() -> VNode {
    VNode::div().add_style("display: flex; flex-direction: column; gap: 8px".to_string())
}

/// Create a spacer element
#[inline]
pub fn spacer() -> VNode {
    VNode::div().add_style("flex: 1".to_string())
}

/// Create a horizontal divider
#[inline]
pub fn divider() -> VNode {
    VNode::element("hr".to_string())
        .add_style("border: 0; border-top: 1px solid #333; margin: 8px 0".to_string())
}