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.
94 lines
2.5 KiB
Rust
94 lines
2.5 KiB
Rust
// This test checks the CLI optimizes assets correctly without breaking them
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
const SOME_IMAGE: Asset = asset!("/images/toasts.png", AssetOptions::image().with_avif());
|
|
const SOME_IMAGE_WITH_THE_SAME_URL: Asset =
|
|
asset!("/images/toasts.png", AssetOptions::image().with_jpg());
|
|
#[used]
|
|
static SOME_IMAGE_WITHOUT_HASH: Asset = asset!(
|
|
"/images/toasts.png",
|
|
AssetOptions::image().with_avif().with_hash_suffix(false)
|
|
);
|
|
// This asset is unused, but it should still be bundled because it is an external asset
|
|
#[used]
|
|
static _ASSET: Asset = asset!(
|
|
"/images/toasts.png",
|
|
AssetOptions::builder().with_hash_suffix(false)
|
|
);
|
|
|
|
fn main() {
|
|
dioxus::launch(App);
|
|
}
|
|
|
|
#[component]
|
|
fn App() -> Element {
|
|
// todo: test monaco more....
|
|
// const MONACO_FOLDER: Asset = asset!("/monaco-editor/package/min/vs");
|
|
// let script = format!("(() => {{
|
|
// require.config({{ paths: {{ vs: '{MONACO_FOLDER}' }} }});
|
|
|
|
// require(['vs/editor/editor.main'], () => {{
|
|
// var model = monaco.editor.createModel('fn main() {{\\n\\tprintln!(\\\"hi\\\")\\n}}', 'rust');
|
|
// var editor = monaco.editor.create(document.getElementById('editor'));
|
|
// editor.setModel(model);
|
|
// }})
|
|
// }})()");
|
|
|
|
rsx! {
|
|
div {
|
|
id: "editor",
|
|
width: "100vw",
|
|
height: "100vw",
|
|
}
|
|
// // Monaco script
|
|
// script {
|
|
// src: "{MONACO_FOLDER}/loader.js",
|
|
// "onload": script
|
|
// }
|
|
img {
|
|
id: "some_image",
|
|
src: "{SOME_IMAGE}"
|
|
}
|
|
img {
|
|
id: "some_image_with_the_same_url",
|
|
src: "{SOME_IMAGE_WITH_THE_SAME_URL}"
|
|
}
|
|
img {
|
|
id: "some_image_without_hash",
|
|
src: "{SOME_IMAGE_WITHOUT_HASH}"
|
|
}
|
|
LoadsAsset {}
|
|
}
|
|
}
|
|
|
|
const JSON: Asset = asset!("/assets/data.json");
|
|
|
|
#[derive(Debug, Clone, serde::Deserialize)]
|
|
struct Data {
|
|
list: Vec<i32>,
|
|
}
|
|
|
|
#[component]
|
|
fn LoadsAsset() -> Element {
|
|
let data = use_resource(|| async {
|
|
let bytes = dioxus::asset_resolver::read_asset_bytes(&JSON)
|
|
.await
|
|
.unwrap();
|
|
serde_json::from_slice::<Data>(&bytes).unwrap()
|
|
});
|
|
match data() {
|
|
Some(data) => rsx! {
|
|
div {
|
|
id: "resolved-data",
|
|
"List: {data.list:?}"
|
|
}
|
|
},
|
|
None => rsx! {
|
|
div {
|
|
"Loading..."
|
|
}
|
|
},
|
|
}
|
|
}
|