Evan Carroll
710985638f
* New functionality to set meta data on businesscards. * Can develop a user profile. * Business cards link to user profile.
336 lines
13 KiB
Rust
336 lines
13 KiB
Rust
//! Combined application for lazy-loading admin interface.
|
|
//!
|
|
//! This module provides a unified app that serves both user and admin interfaces,
|
|
//! with the admin interface lazy-loaded to reduce initial WASM bundle size.
|
|
|
|
use leptos::prelude::*;
|
|
use leptos_meta::{MetaTags, Stylesheet, Title, provide_meta_context};
|
|
use leptos_router::{
|
|
ParamSegment, StaticSegment,
|
|
components::{Route, Router, Routes},
|
|
};
|
|
|
|
// Re-export user pages for inline route definitions
|
|
use chattyness_user_ui::pages::{HomePage, LoginPage, PasswordResetPage, ProfilePage, RealmPage, SignupPage, UserProfilePage};
|
|
|
|
// Lazy-load admin pages to split WASM bundle
|
|
// Each lazy function includes the admin CSS stylesheet for on-demand loading
|
|
#[lazy]
|
|
fn lazy_dashboard() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="dashboard" base_path="/admin">
|
|
<chattyness_admin_ui::pages::DashboardPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_login() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::LoginLayout>
|
|
<chattyness_admin_ui::pages::LoginPage />
|
|
</chattyness_admin_ui::components::LoginLayout>
|
|
}
|
|
.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_config() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="config" base_path="/admin">
|
|
<chattyness_admin_ui::pages::ConfigPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_users() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="users" base_path="/admin">
|
|
<chattyness_admin_ui::pages::UsersPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_user_new() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="users" base_path="/admin">
|
|
<chattyness_admin_ui::pages::UserNewPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_user_detail() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="users" base_path="/admin">
|
|
<chattyness_admin_ui::pages::UserDetailPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_staff() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="staff" base_path="/admin">
|
|
<chattyness_admin_ui::pages::StaffPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_realms() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="realms" base_path="/admin">
|
|
<chattyness_admin_ui::pages::RealmsPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_realm_new() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="realms" base_path="/admin">
|
|
<chattyness_admin_ui::pages::RealmNewPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_realm_detail() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="realms" base_path="/admin">
|
|
<chattyness_admin_ui::pages::RealmDetailPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_scenes() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="scenes" base_path="/admin">
|
|
<chattyness_admin_ui::pages::ScenesPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_scene_new() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="scenes_new" base_path="/admin">
|
|
<chattyness_admin_ui::pages::SceneNewPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
#[lazy]
|
|
fn lazy_scene_detail() -> AnyView {
|
|
view! {
|
|
<Stylesheet href="/static/css/admin.css"/>
|
|
<chattyness_admin_ui::components::AuthenticatedLayout current_page="scenes" base_path="/admin">
|
|
<chattyness_admin_ui::pages::SceneDetailPage />
|
|
</chattyness_admin_ui::components::AuthenticatedLayout>
|
|
}.into_any()
|
|
}
|
|
|
|
/// Admin loading fallback - shown on both server (SSR) and client until lazy content loads.
|
|
#[component]
|
|
fn AdminLoading() -> impl IntoView {
|
|
view! {
|
|
<div class="admin-loading">
|
|
<div class="loading-spinner"></div>
|
|
<p>"Loading admin panel..."</p>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
/// Macro to generate lazy admin route view functions.
|
|
/// Both SSR and client render the same Suspense structure initially.
|
|
/// On SSR: Suspense child is empty, so fallback always shows.
|
|
/// On client: Suspense child is the lazy content, which loads after hydration.
|
|
macro_rules! lazy_admin_view {
|
|
($name:ident, $lazy_fn:ident) => {
|
|
fn $name() -> impl IntoView {
|
|
view! {
|
|
<Suspense fallback=AdminLoading>
|
|
{
|
|
// On server: empty content, Suspense shows fallback
|
|
// On client: lazy content loads after hydration
|
|
#[cfg(feature = "ssr")]
|
|
{ () }
|
|
#[cfg(feature = "hydrate")]
|
|
{ Suspend::new(async { $lazy_fn().await }) }
|
|
}
|
|
</Suspense>
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
// Generate view functions for each admin route
|
|
lazy_admin_view!(admin_login_view, lazy_login);
|
|
lazy_admin_view!(admin_dashboard_view, lazy_dashboard);
|
|
lazy_admin_view!(admin_config_view, lazy_config);
|
|
lazy_admin_view!(admin_users_view, lazy_users);
|
|
lazy_admin_view!(admin_user_new_view, lazy_user_new);
|
|
lazy_admin_view!(admin_user_detail_view, lazy_user_detail);
|
|
lazy_admin_view!(admin_staff_view, lazy_staff);
|
|
lazy_admin_view!(admin_realms_view, lazy_realms);
|
|
lazy_admin_view!(admin_realm_new_view, lazy_realm_new);
|
|
lazy_admin_view!(admin_realm_detail_view, lazy_realm_detail);
|
|
lazy_admin_view!(admin_scenes_view, lazy_scenes);
|
|
lazy_admin_view!(admin_scene_new_view, lazy_scene_new);
|
|
lazy_admin_view!(admin_scene_detail_view, lazy_scene_detail);
|
|
|
|
/// Combined app state for unified SSR.
|
|
#[cfg(feature = "ssr")]
|
|
#[derive(Clone)]
|
|
pub struct CombinedAppState {
|
|
pub pool: sqlx::PgPool,
|
|
pub leptos_options: LeptosOptions,
|
|
}
|
|
|
|
#[cfg(feature = "ssr")]
|
|
impl axum::extract::FromRef<CombinedAppState> for LeptosOptions {
|
|
fn from_ref(state: &CombinedAppState) -> Self {
|
|
state.leptos_options.clone()
|
|
}
|
|
}
|
|
|
|
#[cfg(feature = "ssr")]
|
|
impl axum::extract::FromRef<CombinedAppState> for sqlx::PgPool {
|
|
fn from_ref(state: &CombinedAppState) -> Self {
|
|
state.pool.clone()
|
|
}
|
|
}
|
|
|
|
/// Combined shell for SSR.
|
|
pub fn combined_shell(options: LeptosOptions) -> impl IntoView {
|
|
view! {
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<AutoReload options=options.clone() />
|
|
<HydrationScripts options />
|
|
<MetaTags />
|
|
</head>
|
|
<body class="bg-gray-900 text-white antialiased">
|
|
<CombinedApp />
|
|
</body>
|
|
</html>
|
|
}
|
|
}
|
|
|
|
/// Combined application component with lazy-loaded admin routes.
|
|
///
|
|
/// User routes are eagerly loaded, admin routes are lazy-loaded via LocalResource
|
|
/// to ensure consistent SSR/hydration (server renders fallback, client loads lazy content).
|
|
#[component]
|
|
pub fn CombinedApp() -> impl IntoView {
|
|
provide_meta_context();
|
|
|
|
view! {
|
|
<Stylesheet id="leptos" href="/static/chattyness-app.css" />
|
|
<Title text="Chattyness - Virtual Community Spaces" />
|
|
|
|
<Router>
|
|
<main>
|
|
<Routes fallback=|| "Page not found.".into_view()>
|
|
// ==========================================
|
|
// User routes (eager loading)
|
|
// ==========================================
|
|
<Route path=StaticSegment("") view=LoginPage />
|
|
<Route path=StaticSegment("signup") view=SignupPage />
|
|
<Route path=StaticSegment("home") view=HomePage />
|
|
<Route path=StaticSegment("profile") view=ProfilePage />
|
|
<Route path=StaticSegment("password-reset") view=PasswordResetPage />
|
|
<Route path=(StaticSegment("users"), ParamSegment("username")) view=UserProfilePage />
|
|
<Route path=(StaticSegment("realms"), ParamSegment("slug")) view=RealmPage />
|
|
<Route
|
|
path=(
|
|
StaticSegment("realms"),
|
|
ParamSegment("slug"),
|
|
StaticSegment("scenes"),
|
|
ParamSegment("scene_slug"),
|
|
)
|
|
view=RealmPage
|
|
/>
|
|
|
|
// ==========================================
|
|
// Admin routes (lazy loading)
|
|
// Server renders fallback, client loads lazy WASM after hydration.
|
|
// ==========================================
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("login"))
|
|
view=admin_login_view
|
|
/>
|
|
<Route
|
|
path=StaticSegment("admin")
|
|
view=admin_dashboard_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("config"))
|
|
view=admin_config_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("users"))
|
|
view=admin_users_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("users"), StaticSegment("new"))
|
|
view=admin_user_new_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("users"), ParamSegment("user_id"))
|
|
view=admin_user_detail_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("staff"))
|
|
view=admin_staff_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("realms"))
|
|
view=admin_realms_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("realms"), StaticSegment("new"))
|
|
view=admin_realm_new_view
|
|
/>
|
|
// Scene routes (must come before realm detail to match first)
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("realms"), ParamSegment("slug"), StaticSegment("scenes"))
|
|
view=admin_scenes_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("realms"), ParamSegment("slug"), StaticSegment("scenes"), StaticSegment("new"))
|
|
view=admin_scene_new_view
|
|
/>
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("realms"), ParamSegment("slug"), StaticSegment("scenes"), ParamSegment("scene_id"))
|
|
view=admin_scene_detail_view
|
|
/>
|
|
// Realm detail (must come after more specific routes)
|
|
<Route
|
|
path=(StaticSegment("admin"), StaticSegment("realms"), ParamSegment("slug"))
|
|
view=admin_realm_detail_view
|
|
/>
|
|
</Routes>
|
|
</main>
|
|
</Router>
|
|
}
|
|
}
|