Add frontend.rs

This commit is contained in:
cediackermann 2025-01-06 13:16:55 +01:00
parent 2c148ea6d5
commit e3d207f343
7 changed files with 418 additions and 3352 deletions

1
.gitignore vendored
View file

@ -1 +1,2 @@
/target
/dist

3674
Cargo.lock generated

File diff suppressed because it is too large Load diff

View file

@ -5,8 +5,7 @@ edition = "2021"
[dependencies]
bincode = "1.3.3"
eframe = "0.29.1"
egui_extras = { version = "0.29.1", features = ["all_loaders"] }
rodio = "0.20.1"
wasm-bindgen = "0.2"
serde = { version = "1.0.216", features = ["derive"] }
yew = { version = "0.20", features = ["csr"] }

6
Trunk.toml Normal file
View file

@ -0,0 +1,6 @@
[serve]
addresses = ["127.0.0.1"]
port = 8000
[build]
target = "index.html"

10
index.html Normal file
View file

@ -0,0 +1,10 @@
<html>
<html>
<head>
<title>Trunk App</title>
</head>
<body>
<h1>Hello Trunk</h1>
</body>
</html>
</html>

32
src/frontend.rs Normal file
View file

@ -0,0 +1,32 @@
use yew::prelude::*;
use yew::Properties;
#[derive(Properties, PartialEq)]
pub struct Props {
pub is_loading: bool,
}
#[function_component]
pub fn App() -> Html {
let cool_bool = use_state(|| false);
let onclick = {
let cool_bool = cool_bool.clone();
move |_| {
cool_bool.set(!*cool_bool);
}
};
html! {
<div>
<button {onclick}>{"change it"}</button>
<HelloWorld is_loading={*cool_bool} />
</div>
}
}
#[function_component]
fn HelloWorld(props: &Props) -> Html {
html! {
<p>{props.is_loading.clone()}</p>
}
}

View file

@ -2,52 +2,22 @@
use std::{sync::Arc, thread};
use eframe::egui;
mod app_service;
mod network_handler;
mod frontend;
mod network_dispatcher;
mod sound_engine;
mod network_handler;
mod protocol;
mod sound_engine;
use crate::app_service::AppService;
fn main() -> eframe::Result {
fn main() {
yew::Renderer::<frontend::App>::new().render();
let app_service = Arc::new(AppService::new());
let app_service_listener = Arc::clone(&app_service);
thread::spawn(move || {
app_service_listener.listen();
});
app_service.dispatch_sample();
let options = eframe::NativeOptions {
viewport: egui::ViewportBuilder::default().with_inner_size([320.0, 240.0]),
..Default::default()
};
let app_ui = UIApp {
name: "Arthur".to_owned(),
age: 42,
};
eframe::run_native(
"Syncaud",
options,
Box::new(|cc| {
// This gives us image support:
egui_extras::install_image_loaders(&cc.egui_ctx);
Ok(Box::new(app_ui))
}),
)
}
struct UIApp {
username: String,
ip_address: String,
}
impl eframe::App for UIApp {
fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {}
}