Basic frontend rendering

Cargo.toml

@@ -14,3 +14,5 @@ time = { version = "0.3.34" }
 uuid = { version = "1.7.0", features = ["v4", "serde"] }
 serde_json = "1.0.114"
 joinrs = { path = "../joinrs/joinrs" }
+leptos = { version = "0.6.11", features = ["ssr"] }
+regex = "1.10.4"

src/main.rs

@@ -6,6 +6,8 @@ use dotenv::dotenv;
 
 mod db;
 mod routes;
+mod ui;
+mod util;
 
 #[rocket::main]
 async fn main() {

src/routes.rs

@@ -1,11 +1,17 @@
 use rocket::{http::Status, State};
 
 use crate::db::DB;
+use crate::ui::layouts::index::Index;
+use crate::util::render_bare;
 
 #[get("/")]
 pub async fn site_index(db : &State<DB>) -> Result<String, (Status, String)> {
     let site = db.get_site_data().await.unwrap();
-    let response = serde_json::to_string(&site).unwrap();
+
+    let response = render_bare(leptos::view! {
+        <Index site={site}/>
+    });
 
     Ok(response)
 }
+

src/ui/components/header.rs

@@ -0,0 +1,10 @@
+use leptos::{component, view, IntoView};
+
+use crate::db::objects::Site;
+
+#[component]
+pub fn Header(site: Site) -> impl IntoView {
+    view!(
+        <h1>{site.title}</h1>
+    )
+}

src/ui/components/mod.rs

@@ -0,0 +1 @@
+pub mod header;

src/ui/layouts/index.rs

@@ -0,0 +1,11 @@
+use leptos::{component, view, IntoView};
+use crate::{db::objects::Site, ui::components::header::Header};
+
+#[component]
+pub fn Index(site: Site) -> impl IntoView {
+    view!(
+        <>
+            <Header site={site}/>
+        </>
+    )
+}

src/ui/layouts/mod.rs

@@ -0,0 +1 @@
+pub mod index;

src/ui/mod.rs

@@ -0,0 +1,2 @@
+pub mod components;
+pub mod layouts;

src/util.rs

@@ -0,0 +1,10 @@
+pub fn render_bare<N>(view: N) -> String
+where N: leptos::IntoView + 'static {
+    let render_result = leptos::ssr::render_to_string(|| {view});
+
+    let html_comment: regex::Regex = regex::Regex::new(r"<!--.*-->").unwrap();
+    let leptos_string = render_result.to_string();
+    let bare_string = html_comment.replace_all(&leptos_string, "");
+
+    bare_string.to_string()
+}