Add frontend.rs
This commit is contained in:
parent
2c148ea6d5
commit
e3d207f343
7 changed files with 418 additions and 3352 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -1 +1,2 @@
|
|||
/target
|
||||
/dist
|
||||
3674
Cargo.lock
generated
3674
Cargo.lock
generated
File diff suppressed because it is too large
Load diff
|
|
@ -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
6
Trunk.toml
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
[serve]
|
||||
addresses = ["127.0.0.1"]
|
||||
port = 8000
|
||||
|
||||
[build]
|
||||
target = "index.html"
|
||||
10
index.html
Normal file
10
index.html
Normal 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
32
src/frontend.rs
Normal 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>
|
||||
}
|
||||
}
|
||||
42
src/main.rs
42
src/main.rs
|
|
@ -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) {}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue