use leptos::*; use leptos_router::*; use crate::prelude::*; use leptos_use::{use_cookie, use_cookie_with_options, utils::FromToStringCodec, UseCookieOptions}; #[component] pub fn App() -> impl IntoView { let (token, set_token) = use_cookie_with_options::( "token", UseCookieOptions::default() .max_age(1000 * 60 * 60 * 6) ); let (userid, set_userid) = use_cookie::("user_id"); let auth = Auth { token, userid }; provide_context(auth); let username = auth.userid.get_untracked() .map(|x| x.split('/').last().unwrap_or_default().to_string()) .unwrap_or_default(); let home_tl = Timeline::new(format!("{URL_BASE}/users/{username}/inbox/page")); let server_tl = Timeline::new(format!("{URL_BASE}/inbox/page")); let user_tl = Timeline::new(format!("{URL_BASE}/users/{username}/outbox/page")); let context_tl = Timeline::new(format!("{URL_BASE}/outbox/page")); let reply_controls = ReplyControls::default(); provide_context(reply_controls); let screen_width = window().screen().map(|x| x.avail_width().unwrap_or_default()).unwrap_or_default(); let (menu, set_menu) = create_signal(screen_width <= 786); let (advanced, set_advanced) = create_signal(false); spawn_local(async move { if let Err(e) = server_tl.more(auth).await { tracing::error!("error populating timeline: {e}"); } }); let auth_present = auth.token.get_untracked().is_some(); // skip helper to use get_untracked if auth_present { spawn_local(async move { if let Err(e) = home_tl.more(auth).await { tracing::error!("error populating timeline: {e}"); } }); } let title_target = if auth_present { "/web/home" } else { "/web/server" }; view! {


{move || if advanced.get() { view! { }} else { view! { }}}

nothing to see here!

}.into_view() > // TODO this is kind of ugly: the whole router gets rebuilt every time we log in/out // in a sense it's what we want: refreshing the home tl is main purpose, but also // server tl may contain stuff we can no longer see, or otherwise we may now be // entitled to see new posts. so while being ugly it's techically correct ig? {move || { view! {
} } else { view! { } } /> } /> } /> } /> } /> } />
} }}
} }