canonrs-client 0.1.0

CanonRS client-side runtime
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

use leptos::prelude::*;
use canonrs_core::infra::theme::use_theme;

/// Engine que observa contexto e aplica efeitos visuais
#[component]
pub fn ThemeEngine() -> impl IntoView {
    let _theme = use_theme();

    #[cfg(target_arch = "wasm32")]
    {
        use crate::ThemeMode;
        use leptos::logging::log;
        Effect::new(move |_| {
            if let Some(window) = web_sys::window() {
                let current_mode = _theme.mode.get();
                let resolved_mode = match current_mode {
                    ThemeMode::System => {
                        if let Ok(media) = window.match_media("(prefers-color-scheme: dark)") {
                            if let Some(matches) = media {
                                if matches.matches() { ThemeMode::Dark } else { ThemeMode::Light }
                            } else { ThemeMode::Light }
                        } else { ThemeMode::Light }
                    }
                    other => other,
                };
                if let Some(doc) = window.document() {
                    if let Some(html) = doc.document_element() {
                        let class_list = html.class_list();
                        match resolved_mode {
                            ThemeMode::Light => {
                                let _ = class_list.remove_1("dark");
                                log!("Mode applied: light");
                            }
                            ThemeMode::Dark => {
                                let _ = class_list.add_1("dark");
                                log!("Mode applied: dark");
                            }
                            ThemeMode::System => {}
                        }
                    }
                }
            }
        });
    }

    ().into_view()
}