lenn
/
dioxus-mirror
mirror of https://github.com/DioxusLabs/dioxus.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							#![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)
}