cargo-reef 0.2.3

CLI scaffolder + tooling for Reef apps. `cargo reef new my-app` to scaffold; `cargo reef dev` to run; `cargo reef migrate` for DB migrations.
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

use dioxus::prelude::*;

use crate::types::Status;

#[derive(Props, Clone, PartialEq)]
pub struct SplashProps {
    pub logo: Asset,
    pub status: Option<Result<Status, String>>,
}

#[component]
pub fn Splash(props: SplashProps) -> Element {
    rsx! {
        main { class: "splash",
            div { class: "splash-card",
                div { class: "splash-logo-wrap",
                    // Decorative bubbles drifting up behind the logo. Pure CSS,
                    // no JS — keyframes in main.css.
                    span { class: "bubble bubble-1" }
                    span { class: "bubble bubble-2" }
                    span { class: "bubble bubble-3" }
                    span { class: "bubble bubble-4" }
                    img { class: "splash-logo", src: "{props.logo}", alt: "Reef" }
                }
                h1 { class: "splash-title", "Welcome to the Reef" }
                p { class: "splash-tagline",
                    "A modern full-stack framework for Rust. "
                    em { "Pure" } ", " em { "clean" } ", and " em { "fast" }
                    " — ship a thick client, a 30 MB cloud binary, and an "
                    "offline-capable edge node from one codebase. 🪸"
                }

                div { class: "splash-status",
                    match &props.status {
                        Some(Ok(s)) => rsx! {
                            span { class: "status-dot status-ok" }
                            span { "Server: {s.message} (v{s.version})" }
                        },
                        Some(Err(e)) => rsx! {
                            span { class: "status-dot status-err" }
                            span { "Server unreachable: {e}" }
                        },
                        None => rsx! {
                            span { class: "status-dot" }
                            span { "Connecting…" }
                        },
                    }
                }

                div { class: "splash-links",
                    a { href: "https://reef.rs", "Docs" }
                    a { href: "https://github.com/reef-rs", "GitHub" }
                    a { href: "https://crates.io/crates/reef", "crates.io" }
                }
            }
        }
    }
}