feat(mode): create mode hook

Author: sehnryr

crates/midoku-theme/src/mode.rs

@@ -1,4 +1,5 @@
 /// Represents the theme modes available in the system.
+#[derive(Clone, Copy, PartialEq, Eq)]
 pub enum Mode {
     /// Dark theme mode.
     Dark,

src/hook/mod.rs

@@ -1,5 +1,7 @@
 mod gallery;
+mod mode;
 mod state;
 
 pub use gallery::*;
+pub use mode::*;
 pub use state::*;

src/hook/mode.rs

@@ -0,0 +1,31 @@
+use dioxus::prelude::*;
+
+use crate::model::Mode;
+
+pub fn use_mode_provider() {
+    let mut mode_signal = Signal::new(Mode::default());
+
+    #[cfg(not(target_os = "android"))]
+    spawn(async move {
+        use dioxus::desktop::tao::window::Theme;
+        use midoku_theme::prelude::*;
+
+        let window = dioxus::desktop::window();
+
+        let mut stream = midoku_theme::subscribe().await;
+        while let Some(mode) = stream.next().await {
+            mode_signal.set(mode.into());
+            match mode {
+                Mode::Dark => window.set_theme(Some(Theme::Dark)),
+                Mode::Light => window.set_theme(Some(Theme::Light)),
+                Mode::Unspecified => window.set_theme(None),
+            }
+        }
+    });
+
+    use_context_provider(|| mode_signal);
+}
+
+pub fn use_mode() -> Signal<Mode> {
+    use_context::<Signal<Mode>>()
+}

src/main.rs

@@ -12,7 +12,7 @@ use const_format::concatcp;
 use dioxus::prelude::*;
 use rayon::ThreadPool;
 
-use crate::hook::{use_gallery_handler, use_state_provider};
+use crate::hook::{use_gallery_handler, use_mode_provider, use_state_provider};
 use crate::layout::Navbar;
 
 use crate::page::{
@@ -97,23 +97,7 @@ fn main() {
 fn App() -> Element {
     use_gallery_handler();
     use_state_provider();
-
-    #[cfg(not(target_os = "android"))]
-    spawn(async move {
-        use dioxus::desktop::tao::window::Theme;
-        use midoku_theme::prelude::*;
-
-        let window = dioxus::desktop::window();
-
-        let mut stream = midoku_theme::subscribe().await;
-        while let Some(mode) = stream.next().await {
-            match mode {
-                Mode::Dark => window.set_theme(Some(Theme::Dark)),
-                Mode::Light => window.set_theme(Some(Theme::Light)),
-                Mode::Unspecified => window.set_theme(None),
-            }
-        }
-    });
+    use_mode_provider();
 
     rsx! {
         div { class: "flex flex-col h-screen",

src/model/mod.rs

@@ -1,7 +1,9 @@
 mod extension;
 mod manifest;
+mod mode;
 mod source;
 
 pub use extension::{Extension, Extensions};
 pub use manifest::{Manifest, Manifests};
+pub use mode::Mode;
 pub use source::Source;

src/model/mode.rs

@@ -0,0 +1,16 @@
+#[derive(Default, Clone, Copy, PartialEq, Eq)]
+pub enum Mode {
+    Dark,
+    #[default]
+    Light,
+}
+
+impl From<midoku_theme::prelude::Mode> for Mode {
+    fn from(value: midoku_theme::prelude::Mode) -> Self {
+        match value {
+            midoku_theme::prelude::Mode::Dark => Mode::Dark,
+            midoku_theme::prelude::Mode::Light => Mode::Light,
+            midoku_theme::prelude::Mode::Unspecified => Mode::default(),
+        }
+    }
+}