refactor(app): register components

app/Cargo.toml

@@ -37,3 +37,6 @@ hex.workspace = true
 default = []
 hydrate = ["leptos/hydrate"]
 ssr = ["leptos/ssr", "leptos_meta/ssr", "leptos_router/ssr", "dep:leptos_axum"]
+
+[lints]
+workspace = true

app/src/components/app.rs

@@ -0,0 +1,30 @@
+use leptos::prelude::*;
+use leptos_meta::{provide_meta_context, Stylesheet, Title};
+use leptos_router::{
+    components::{Route, Router, Routes},
+    StaticSegment,
+};
+
+use crate::components::homepage::HomePage;
+
+#[component]
+pub fn App() -> impl IntoView {
+    // Provides context that manages stylesheets, titles, meta tags, etc.
+    provide_meta_context();
+
+    view! {
+        <Stylesheet id="leptos" href="/pkg/echoes-of-ascension.css" />
+
+        // sets the document title
+        <Title text="Welcome to Leptos" />
+
+        // content for this welcome page
+        <Router>
+            <main>
+                <Routes fallback=|| "Page not found.".into_view()>
+                    <Route path=StaticSegment("") view=HomePage />
+                </Routes>
+            </main>
+        </Router>
+    }
+}

app/src/components/homepage.rs

@@ -0,0 +1,14 @@
+use leptos::prelude::*;
+
+/// Renders the home page of your application.
+#[component]
+pub fn HomePage() -> impl IntoView {
+    // Creates a reactive value to update the button
+    let count = RwSignal::new(0);
+    let on_click = move |_| *count.write() += 1;
+
+    view! {
+        <h1>"Welcome to Leptos!"</h1>
+        <button on:click=on_click>"Click Me: " {count}</button>
+    }
+}

app/src/components/mod.rs

@@ -0,0 +1,3 @@
+pub mod app;
+mod homepage;
+mod register;

app/src/components/register.rs

@@ -0,0 +1,75 @@
+use leptos::prelude::*;
+
+use crate::server_fn::auth::register_user;
+
+#[component]
+pub fn RegisterPage() -> impl IntoView {
+    let (username, set_username) = signal(String::new());
+    let register_action = Action::new(|input: &RegisterUserForm| {
+        let input = input.clone();
+        async move { register_user(input).await }
+    });
+
+    let response = register_action.value();
+    let pending = register_action.pending();
+
+    view! {
+        <div class="container">
+            <form on:submit=move |ev| {
+                ev.prevent_default();
+                register_action
+                    .dispatch(RegisterUserForm {
+                        username: username.get(),
+                    });
+            }>
+                <h1>"Register"</h1>
+                <div class="input-group">
+                    <label for="username">"Username"</label>
+                    <input
+                        type="text"
+                        id="username"
+                        name="username"
+                        on:input=move |ev| {
+                            set_username(event_target_value(&ev));
+                        }
+                        prop:value=username
+                    />
+                    <div class="error">
+                        {move || {
+                            response
+                                .get()
+                                .and_then(|result| result.err())
+                                .map(|err| err.to_string())
+                        }}
+                    </div>
+                </div>
+                <button type="submit" disabled=pending>
+                    {move || {
+                        response
+                            .with(|r| {
+                                r.as_ref()
+                                    .and_then(|result| result.as_ref().err())
+                                    .map(|err| err.to_string())
+                            })
+                    }}
+                    "Register"
+                </button>
+            </form>
+            {move || {
+                response
+                    .with(|r| {
+                        r.as_ref()
+                            .and_then(|result| result.as_ref().ok())
+                            .map(|res| {
+                                view! {
+                                    <div class="success">
+                                        <p>"Reistration successful!"</p>
+                                        <p>"Your code ir: "{res.code.clone()}</p>
+                                    </div>
+                                }
+                            })
+                    })
+            }}
+        </div>
+    }
+}

app/src/server_fn/auth.rs

@@ -5,11 +5,12 @@ use crate::{models::response::RegisterResponse, startup::AppState};
 use leptos::{prelude::*, server};
 
 #[server(RegisterUser, "/api/v1/users")]
-pub async fn register_user(username: String) -> Result<RegisterResponse, ServerFnError<String>> {
+pub async fn register_user(
+    form: RegisterUserForm,
+) -> Result<RegisterResponse, ServerFnError<String>> {
     let state = use_context::<AppState>()
         .ok_or_else(|| ServerFnError::ServerError("AppState not found".into()))?;
 
-    let form = RegisterUserForm { username };
     let new_user = form.try_into().map_err(|e| ServerFnError::ServerError(e))?;
 
     match insert_user(&state.pool, &new_user).await {
@@ -20,9 +21,7 @@ pub async fn register_user(username: String) -> Result<RegisterResponse, ServerF
         ))),
         Err(e) => {
             tracing::error!("Failed to register user: {}", e);
-            Err(ServerFnError::ServerError(
-                "Internal server error".to_string(),
-            ))
+            Err(ServerFnError::ServerError("Internal server error".into()))
         }
     }
 }

app/src/server_fn/mod.rs

@@ -1 +1 @@
-mod auth;
+pub mod auth;

frontend/Cargo.toml

@@ -14,3 +14,6 @@ leptos = { workspace = true, features = ["hydrate"] }
 
 tracing.workspace = true
 wasm-bindgen.workspace = true
+
+[lints]
+workspace = true

justfile

@@ -18,7 +18,7 @@ setup:
 
 # Start development server with hot reload
 dev: kill-server db-migrate
-    cargo leptos watch | bunyan
+    RUST_BACKTRACE=full cargo leptos watch | bunyan
 
 # Run cargo check on both native and wasm targets
 check:

server/Cargo.toml

@@ -17,3 +17,6 @@ tower-http.workspace = true
 tracing.workspace = true
 tracing-log.workspace = true
 uuid.workspace = true
+
+[lints]
+workspace = true