soma-ui 0.1.1

A Leptos 0.8 component library: 160+ accessible UI components, blocks, charts, and a ChartDB-style schema diagram — with a prebuilt stylesheet.
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

use leptos::prelude::*;
use wasm_bindgen::prelude::*;
use wasm_bindgen::JsCast;

pub fn use_window_size() -> (Signal<f64>, Signal<f64>) {
    let get_w = || {
        js_sys::eval("window.innerWidth")
            .ok()
            .and_then(|v| v.as_f64())
            .unwrap_or(0.0)
    };
    let get_h = || {
        js_sys::eval("window.innerHeight")
            .ok()
            .and_then(|v| v.as_f64())
            .unwrap_or(0.0)
    };

    let width = RwSignal::new(get_w());
    let height = RwSignal::new(get_h());

    Effect::new(move |_| {
        let cb = Closure::<dyn Fn()>::new(move || {
            width.set(get_w());
            height.set(get_h());
        });

        let window = web_sys::window().expect("no window");
        let _ = window.add_event_listener_with_callback("resize", cb.as_ref().unchecked_ref());

        let cb_fn = cb.as_ref().unchecked_ref::<js_sys::Function>().clone();
        on_cleanup(move || {
            let w = web_sys::window().expect("no window");
            let _ = w.remove_event_listener_with_callback("resize", &cb_fn);
        });

        cb.forget();
    });

    (width.into(), height.into())
}