alemi/upub
alemi/upub
1
0
Fork 1
Code Issues 4 Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: routing under /web, scroll only tl

Browse source
This commit is contained in:
əlemi 2024-04-15 05:00:23 +02:00
parent 639a982bd0
commit 268265e34a
Signed by: alemi
GPG key ID: A4895B84D311642C
3 changed files with 52 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
web/index.html
View file

@ -20,6 +20,15 @@
max-height: 2em;
border-radius: 50%;
}
div.boxscroll {
max-height: calc(100vh - 8rem);
overflow-y: scroll;
}
@media screen and (max-width: 786px) {
div.boxscroll {
max-height: 100%;
}
}
table.align {
line-height: 1rem;
}

24
web/src/lib.rs
View file

@ -3,9 +3,10 @@ use std::sync::Arc;
use apb::{target::Addressed, Activity, ActivityMut, Actor, Base, Collection, Object, ObjectMut};
use dashmap::DashMap;
use leptos::{leptos_dom::logging::console_log, *};
use leptos_router::use_params_map;
use leptos_router::*;
pub const BASE_URL: &str = "https://feditest.alemi.dev";
pub const URL_BASE: &str = "https://feditest.alemi.dev";
pub const URL_PREFIX: &str = "/web";
#[derive(Debug, serde::Serialize)]
struct LoginForm {
@ -23,7 +24,7 @@ pub fn LoginBox(
view! {
<div>
<div class="w-100" class:hidden=move || { rx.get().unwrap_or_default().is_empty() }>
"Hello "<a href="/users/test" >test</a>
"Hello "<a href="/web/users/test" >test</a>
<input style="float:right" type="submit" value="logout" on:click=move |_| {
tx.set(None);
} />
@ -38,7 +39,7 @@ pub fn LoginBox(
let password = password_ref.get().map(|x| x.value()).unwrap_or("".into());
spawn_local(async move {
let auth = reqwest::Client::new()
.post(format!("{BASE_URL}/auth"))
.post(format!("{URL_BASE}/auth"))
.json(&LoginForm { email, password })
.send()
.await.unwrap()
@ -66,7 +67,7 @@ pub fn PostBox(token: Signal<Option<String>>) -> impl IntoView {
let summary = summary_ref.get().map(|x| x.value());
let content = content_ref.get().map(|x| x.value()).unwrap_or("".into());
reqwest::Client::new()
.post(format!("{BASE_URL}/users/test/outbox"))
.post(format!("{URL_BASE}/users/test/outbox"))
.header("Authorization", format!("Bearer {}", token.get().unwrap_or_default()))
.json(
&serde_json::Value::Object(serde_json::Map::default())
@ -74,7 +75,7 @@ pub fn PostBox(token: Signal<Option<String>>) -> impl IntoView {
.set_summary(summary.as_deref())
.set_content(Some(&content))
.set_to(apb::Node::links(vec![apb::target::PUBLIC.to_string()]))
.set_cc(apb::Node::links(vec![format!("{BASE_URL}/users/test/followers")]))
.set_cc(apb::Node::links(vec![format!("{URL_BASE}/users/test/followers")]))
)
.send()
.await.unwrap()
@ -114,6 +115,7 @@ pub fn ActorBanner(object: serde_json::Value) -> impl IntoView {
<div><b>{id}</b></div>
},
serde_json::Value::Object(_) => {
let uid = object.id().unwrap_or_default().split('/').last().unwrap_or_default().to_string();
let avatar_url = object.icon().get().map(|x| x.url().id().unwrap_or_default()).unwrap_or_default();
let display_name = object.name().unwrap_or_default().to_string();
let username = object.preferred_username().unwrap_or_default().to_string();
@ -126,7 +128,7 @@ pub fn ActorBanner(object: serde_json::Value) -> impl IntoView {
<td><b>{display_name}</b></td>
</tr>
<tr>
<td class="top" ><small>{username}@{domain}</small></td>
<td class="top" ><a class="clean" href={format!("/web/users/{uid}")} ><small>{username}@{domain}</small></a></td>
</tr>
</table>
</div>
@ -143,7 +145,7 @@ pub fn Actor() -> impl IntoView {
let params = use_params_map();
let actor = create_local_resource(move || params.get().get("id").cloned().unwrap_or_default(), |uid| {
async move {
reqwest::get(format!("{BASE_URL}/users/{uid}"))
reqwest::get(format!("{URL_BASE}/users/{uid}"))
.await
.unwrap()
.json::<serde_json::Value>()
@ -228,7 +230,7 @@ struct OmgReqwestErrorIsNotClonable(String);
pub fn Timeline(
token: Signal<Option<String>>,
) -> impl IntoView {
let (timeline, set_timeline) = create_signal(format!("{BASE_URL}/inbox/page"));
let (timeline, set_timeline) = create_signal(format!("{URL_BASE}/inbox/page"));
let users : Arc<DashMap<String, serde_json::Value>> = Arc::new(DashMap::new());
let _users = users.clone(); // TODO i think there is syntactic sugar i forgot?
let items = create_local_resource(move || timeline.get(), move |feed_url| {
@ -238,6 +240,7 @@ pub fn Timeline(
view! {
<div class="ml-1">
<TimelinePicker tx=set_timeline rx=timeline />
<div class="boxscroll mt-1" >
<ErrorBoundary fallback=move |err| view! { <p>{format!("{:?}", err.get())}</p> } >
{move || items.with(|x| match x {
None => Ok(view! { <p>loading...</p> }.into_view()),
@ -251,7 +254,7 @@ pub fn Timeline(
serde_json::Value::String(object.actor().id().unwrap_or_default())
);
view! {
<div class="post-card ml-1 mr-1 mt-1">
<div class="ml-1 mr-1 mt-1">
<ActorBanner object=actor />
<Activity activity=object.clone() />
</div>
@ -265,6 +268,7 @@ pub fn Timeline(
})}
</ErrorBoundary>
</div>
</div>
}
}

7
web/src/main.rs
View file

@ -6,6 +6,7 @@ use upub_web::{
Actor, LoginBox, PostBox, Timeline
};
fn main() {
_ = console_log::init_with_level(log::Level::Debug);
console_error_panic_hook::set_once();
@ -15,7 +16,7 @@ fn main() {
<nav class="w-100">
<p>
<code>μpub</code>
<small class="ml-1 mr-1" ><a class="clean" href="/" >micro social network, federated</a></small>
<small class="ml-1 mr-1" ><a class="clean" href="/web" >micro social network, federated</a></small>
/* TODO kinda jank with the float but whatever, will do for now */
<small style="float: right" ><a href="https://git.alemi.dev/upub.git" >src</a></small>
</p>
@ -36,8 +37,8 @@ fn main() {
<Router>
<main>
<Routes>
<Route path="/" view=move || view! { <Timeline token=cookie /> } />
<Route path="/users/:id" view=Actor />
<Route path="/web" view=move || view! { <Timeline token=cookie /> } />
<Route path="/web/users/:id" view=Actor />
// <Route path="/object/:id" view=Object />
</Routes>
</main>