gpuicn-cli 0.5.0

Install editable gpuicn Rust components without Node.js.
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

#![allow(dead_code)]

mod ui;

use std::borrow::Cow;

use gpui_kit::{
    App, AppContext as _, Context, IntoElement, ParentElement as _, Render, Styled,
    Window, WindowOptions, div, px,
};
use gpui_icons::LucideAssetSource;
use ui::{button::Button, theme::UiTheme};

fn main() {
    gpui_kit::platform::application()
        .with_assets(LucideAssetSource)
        .run(|cx: &mut App| {
            ui::theme::init(cx);
            cx.text_system()
                .add_fonts(vec![
                    Cow::Borrowed(include_bytes!("../assets/fonts/Geist-Regular.ttf")),
                    Cow::Borrowed(include_bytes!("../assets/fonts/Geist-Medium.ttf")),
                    Cow::Borrowed(include_bytes!("../assets/fonts/GeistMono-Regular.ttf")),
                ])
                .expect("load bundled Geist fonts");
            UiTheme::set(cx, UiTheme::neutral_light());
            cx.open_window(WindowOptions::default(), |_, cx| {
                cx.new(|_| Hello { count: 0 })
            })
            .expect("open application window");
            cx.activate(true);
        });
}

struct Hello {
    count: usize,
}

impl Render for Hello {
    fn render(&mut self, _window: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
        let theme = UiTheme::read(cx);
        div()
            .size_full()
            .flex()
            .items_center()
            .justify_center()
            .p(px(24.))
            .bg(theme.colors.background)
            .text_color(theme.colors.foreground)
            .font_family(theme.fonts.body.clone())
            .child(
                Button::new("hello.increment")
                    .aria_label(format!("Clicked {} times", self.count))
                    .on_click(cx.listener(|this, _, _, cx| {
                        this.count += 1;
                        cx.notify();
                    }))
                    .label(format!("Clicked {} times", self.count)),
            )
    }
}