use tokio to spawn server

Cargo.toml

@@ -18,6 +18,7 @@ eframe = { version = "0.29", default-features = false, features = [
   "glow",          # Use the glow rendering backend. Alternative: "wgpu".
   "persistence",   # Enable restoring app state when restarting the app.
 ] }
+
 log = "0.4"
 
 # You only need serde if you want app persistence:
@@ -29,6 +30,13 @@ tracing = "0.1"
 # native:
 [target.'cfg(not(target_arch = "wasm32"))'.dependencies]
 tracing-subscriber = { version = "0.3", features = ["env-filter"] }
+tokio = { version = "1", features = [
+  "time",
+  "rt",
+  "macros",
+  "sync",
+  "rt-multi-thread",
+] }
 
 # web:
 [target.'cfg(target_arch = "wasm32")'.dependencies]

src/app.rs

@@ -19,7 +19,7 @@ pub struct TemplateApp {
     // Platform specific fields
     #[serde(skip)]
     /// Any platform that impls both [platform::PlatformTrait] and [Default]
-    platform: PlatformEnum,
+    platform: Platform,
 }
 
 impl Default for TemplateApp {
@@ -70,8 +70,10 @@ impl eframe::App for TemplateApp {
 
     /// Called each time the UI needs repainting, which may be many times per second.
     fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
-        // Put your widgets into a `SidePanel`, `TopBottomPanel`, `CentralPanel`, `Window` or `Area`.
-        // For inspiration and more examples, go to https://emilk.github.io/egui
+        // pass the ctx to the platform
+        if !self.platform.egui_ctx() {
+            self.platform.set_egui_ctx(ctx.clone());
+        }
 
         // set the style
         style::style(ctx);
@@ -93,27 +95,32 @@ impl eframe::App for TemplateApp {
             });
         });
 
+        egui::TopBottomPanel::bottom("footer").show(ctx, |ui| {
+            ui.with_layout(egui::Layout::bottom_up(egui::Align::LEFT), |ui| {
+                powered_by_egui_and_eframe(ui);
+                ui.add(egui::github_link_file!(
+                    "https://github.com/PeerPiper/egui-multinode/blob/main/",
+                    "Source code"
+                ));
+                egui::warn_if_debug_build(ui);
+            });
+        });
+
         egui::CentralPanel::default().show(ctx, |ui| {
             // The central panel the region left after adding TopPanel's and SidePanel's
             ui.heading("PeerPiper Multinode");
 
-            platform::show(self, ui);
+            ui.vertical(|ui| {
+                platform::show(self, ui);
+                self.platform.show(ctx, ui);
+            });
 
             ui.add(egui::Slider::new(&mut self.value, 0.0..=10.0).text("value"));
             if ui.button("Increment").clicked() {
                 self.value += 1.0;
             }
 
             ui.separator();
-
-            ui.with_layout(egui::Layout::bottom_up(egui::Align::LEFT), |ui| {
-                powered_by_egui_and_eframe(ui);
-                ui.add(egui::github_link_file!(
-                    "https://github.com/PeerPiper/egui-multinode/blob/main/",
-                    "Source code"
-                ));
-                egui::warn_if_debug_build(ui);
-            });
         });
     }
 }

src/app/platform.rs

@@ -44,6 +44,16 @@ impl PlatformEnum {
             Self::Web(platform) => platform.close(),
         }
     }
+
+    /// Show
+    pub fn show(&mut self, ctx: &egui::Context, ui: &mut egui::Ui) {
+        match self {
+            #[cfg(not(target_arch = "wasm32"))]
+            Self::Native(platform) => platform.show(ctx, ui),
+            #[cfg(target_arch = "wasm32")]
+            Self::Web(platform) => platform.show(ui),
+        }
+    }
 }
 
 pub(crate) fn show(this: &mut super::TemplateApp, ui: &mut egui::Ui) {