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
|
/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]
|
[dependencies]
|
||||||
bincode = "1.3.3"
|
bincode = "1.3.3"
|
||||||
eframe = "0.29.1"
|
|
||||||
egui_extras = { version = "0.29.1", features = ["all_loaders"] }
|
|
||||||
rodio = "0.20.1"
|
rodio = "0.20.1"
|
||||||
|
wasm-bindgen = "0.2"
|
||||||
serde = { version = "1.0.216", features = ["derive"] }
|
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 std::{sync::Arc, thread};
|
||||||
|
|
||||||
use eframe::egui;
|
|
||||||
|
|
||||||
mod app_service;
|
mod app_service;
|
||||||
mod network_handler;
|
mod frontend;
|
||||||
mod network_dispatcher;
|
mod network_dispatcher;
|
||||||
mod sound_engine;
|
mod network_handler;
|
||||||
mod protocol;
|
mod protocol;
|
||||||
|
mod sound_engine;
|
||||||
|
|
||||||
use crate::app_service::AppService;
|
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 = Arc::new(AppService::new());
|
||||||
|
|
||||||
let app_service_listener = Arc::clone(&app_service);
|
let app_service_listener = Arc::clone(&app_service);
|
||||||
thread::spawn(move || {
|
thread::spawn(move || {
|
||||||
app_service_listener.listen();
|
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