Jonathan Kelley
f2b1c6d97f
overhaul dioxus fullstack using a new implementation of server_fn This PR is a complete rewrite of dioxus fullstack designed to improve compatibility with axum and to fix a number of compilation errors based on feature flag unification plumbing through macros.
91 lines
3.9 KiB
Rust
91 lines
3.9 KiB
Rust
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus::launch(app)
|
|
}
|
|
|
|
fn app() -> Element {
|
|
let mut scan = use_action(|| async {
|
|
use btleplug::api::{Central, Manager as _, Peripheral, ScanFilter};
|
|
|
|
let manager = btleplug::platform::Manager::new().await?;
|
|
|
|
// get the first bluetooth adapter
|
|
let adapters = manager.adapters().await?;
|
|
let central = adapters
|
|
.into_iter()
|
|
.next()
|
|
.context("No Bluetooth adapter found")?;
|
|
|
|
// start scanning for devices
|
|
central.start_scan(ScanFilter::default()).await?;
|
|
tokio::time::sleep(std::time::Duration::from_secs(2)).await;
|
|
|
|
// Return the list of peripherals after scanning
|
|
let mut devices = vec![];
|
|
for p in central.peripherals().await? {
|
|
if let Some(p) = p.properties().await? {
|
|
devices.push(p);
|
|
}
|
|
}
|
|
|
|
// Sort them by RSSI (signal strength)
|
|
devices.sort_by_key(|p| p.rssi.unwrap_or(-100));
|
|
|
|
dioxus::Ok(devices)
|
|
});
|
|
|
|
rsx! {
|
|
Stylesheet { href: asset!("/assets/tailwind.css") }
|
|
div {
|
|
div { class: "py-8 px-6",
|
|
div { class: "container px-4 mx-auto",
|
|
h2 { class: "text-2xl font-bold", "Scan for Bluetooth Devices" }
|
|
button {
|
|
class: "inline-block w-full md:w-auto px-6 py-3 font-medium text-white bg-indigo-500 hover:bg-indigo-600 rounded transition duration-200",
|
|
disabled: scan.is_pending(),
|
|
onclick: move |_| {
|
|
scan.call();
|
|
},
|
|
if scan.is_pending() { "Scanning" } else { "Scan" }
|
|
}
|
|
}
|
|
}
|
|
|
|
section { class: "py-8",
|
|
div { class: "container px-4 mx-auto",
|
|
div { class: "p-4 mb-6 bg-white shadow rounded overflow-x-auto",
|
|
table { class: "table-auto w-full",
|
|
thead {
|
|
tr { class: "text-xs text-gray-500 text-left",
|
|
th { class: "pl-6 pb-3 font-medium", "Strength" }
|
|
th { class: "pb-3 font-medium", "Network" }
|
|
th { class: "pb-3 font-medium", "Channel" }
|
|
th { class: "pb-3 px-2 font-medium", "Security" }
|
|
}
|
|
}
|
|
match scan.result() {
|
|
None if scan.is_pending() => rsx! { "Scanning..." },
|
|
None => rsx! { "Press Scan to start scanning" },
|
|
Some(Err(_err)) => rsx! { "Failed to scan" },
|
|
Some(Ok(peripherals)) => rsx! {
|
|
tbody {
|
|
for peripheral in peripherals.read().iter().rev() {
|
|
tr { class: "text-xs bg-gray-50",
|
|
td { class: "py-5 px-6 font-medium", "{peripheral.rssi.unwrap_or(-100)}" }
|
|
td { class: "flex py-3 font-medium", "{peripheral.local_name.clone().unwrap_or_default()}" }
|
|
td { span { class: "inline-block py-1 px-2 text-white bg-green-500 rounded-full", "{peripheral.address}" } }
|
|
td { span { class: "inline-block py-1 px-2 text-purple-500 bg-purple-50 rounded-full", "{peripheral.tx_power_level.unwrap_or_default()}" } }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|