mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-12-18 16:43:21 +00:00
163 lines
3.1 KiB
Rust
163 lines
3.1 KiB
Rust
#![allow(non_snake_case)]
|
|
|
|
use std::time::Duration;
|
|
|
|
use dioxus::prelude::*;
|
|
use dioxus_router::prelude::*;
|
|
|
|
use dioxus_ssr::incremental::{DefaultRenderer, IncrementalRendererConfig};
|
|
|
|
#[tokio::main]
|
|
async fn main() {
|
|
let mut renderer = IncrementalRendererConfig::new(DefaultRenderer {
|
|
before_body: r#"<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,
|
|
initial-scale=1.0">
|
|
<title>Dioxus Application</title>
|
|
</head>
|
|
<body>"#
|
|
.to_string(),
|
|
after_body: r#"</body>
|
|
</html>"#
|
|
.to_string(),
|
|
})
|
|
.static_dir("./static")
|
|
.invalidate_after(Duration::from_secs(10))
|
|
.build();
|
|
|
|
println!(
|
|
"SITE MAP:\n{}",
|
|
Route::SITE_MAP
|
|
.iter()
|
|
.flat_map(|route| route.flatten().into_iter())
|
|
.map(|route| {
|
|
route
|
|
.iter()
|
|
.map(|segment| segment.to_string())
|
|
.collect::<Vec<_>>()
|
|
.join("")
|
|
})
|
|
.collect::<Vec<_>>()
|
|
.join("\n")
|
|
);
|
|
|
|
pre_cache_static_routes::<Route, _>(&mut renderer)
|
|
.await
|
|
.unwrap();
|
|
}
|
|
|
|
#[inline_props]
|
|
fn Blog(cx: Scope) -> Element {
|
|
render! {
|
|
div {
|
|
"Blog"
|
|
}
|
|
}
|
|
}
|
|
|
|
#[inline_props]
|
|
fn Post(cx: Scope, id: usize) -> Element {
|
|
render! {
|
|
div {
|
|
"PostId: {id}"
|
|
}
|
|
}
|
|
}
|
|
|
|
#[inline_props]
|
|
fn PostHome(cx: Scope) -> Element {
|
|
render! {
|
|
div {
|
|
"Post"
|
|
}
|
|
}
|
|
}
|
|
|
|
#[inline_props]
|
|
fn Home(cx: Scope) -> Element {
|
|
render! {
|
|
div {
|
|
"Home"
|
|
}
|
|
}
|
|
}
|
|
|
|
mod inner {
|
|
use dioxus::prelude::*;
|
|
use dioxus_router::prelude::*;
|
|
|
|
#[rustfmt::skip]
|
|
#[derive(Clone, Debug, PartialEq, Routable)]
|
|
pub enum Route {
|
|
#[nest("/blog")]
|
|
#[route("/")]
|
|
Blog {},
|
|
#[route("/post/index")]
|
|
PostHome {},
|
|
#[route("/post/:id")]
|
|
Post {
|
|
id: usize,
|
|
},
|
|
#[end_nest]
|
|
#[route("/")]
|
|
Home {},
|
|
}
|
|
|
|
#[inline_props]
|
|
fn Blog(cx: Scope) -> Element {
|
|
render! {
|
|
div {
|
|
"Blog"
|
|
}
|
|
}
|
|
}
|
|
|
|
#[inline_props]
|
|
fn Post(cx: Scope, id: usize) -> Element {
|
|
render! {
|
|
div {
|
|
"PostId: {id}"
|
|
}
|
|
}
|
|
}
|
|
|
|
#[inline_props]
|
|
fn PostHome(cx: Scope) -> Element {
|
|
render! {
|
|
div {
|
|
"Post"
|
|
}
|
|
}
|
|
}
|
|
|
|
#[inline_props]
|
|
fn Home(cx: Scope) -> Element {
|
|
render! {
|
|
div {
|
|
"Home"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#[rustfmt::skip]
|
|
#[derive(Clone, Debug, PartialEq, Routable)]
|
|
enum Route {
|
|
#[nest("/blog")]
|
|
#[route("/")]
|
|
Blog {},
|
|
#[route("/post/index")]
|
|
PostHome {},
|
|
#[route("/post/:id")]
|
|
Post {
|
|
id: usize,
|
|
},
|
|
#[end_nest]
|
|
#[route("/")]
|
|
Home {},
|
|
#[child("/hello_world")]
|
|
HelloWorldRoute(inner::Route)
|
|
}
|