forked from alemi/upub
396 lines
13 KiB
Rust
396 lines
13 KiB
Rust
use std::sync::Arc;
|
|
|
|
use apb::{ActivityMut, Actor, Base, Object, ObjectMut};
|
|
|
|
use leptos::*;
|
|
use leptos_router::*;
|
|
use crate::{prelude::*, DEFAULT_AVATAR_URL};
|
|
|
|
#[component]
|
|
pub fn AboutPage() -> impl IntoView {
|
|
view! {
|
|
<div>
|
|
<Breadcrumb>about</Breadcrumb>
|
|
<div class="mt-s mb-s" >
|
|
<p><code>μpub</code>" is a micro social network powered by "<a href="">ActivityPub</a></p>
|
|
<p><i>"the "<a href="https://en.wikipedia.org/wiki/Fediverse">fediverse</a>" is an ensemble of social networks, which, while independently hosted, can communicate with each other"</i></p>
|
|
<p>content is aggregated in timelines, logged out users can only access global server timeline</p>
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
#[component]
|
|
pub fn ConfigPage() -> impl IntoView {
|
|
view! {
|
|
<div>
|
|
<Breadcrumb>config</Breadcrumb>
|
|
<div class="mt-s mb-s" >
|
|
<p><code>"not implemented :("</code></p>
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
fn send_follow_request(target: String) {
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
spawn_local(async move {
|
|
let payload = serde_json::Value::Object(serde_json::Map::default())
|
|
.set_activity_type(Some(apb::ActivityType::Follow))
|
|
.set_object(apb::Node::link(target.clone()))
|
|
.set_to(apb::Node::links(vec![target]));
|
|
if let Err(e) = Http::post(&auth.outbox(), &payload, auth).await {
|
|
tracing::error!("failed sending follow request: {e}");
|
|
}
|
|
})
|
|
}
|
|
|
|
#[component]
|
|
pub fn UserPage(tl: Timeline) -> impl IntoView {
|
|
let params = use_params_map();
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
let id = params.get()
|
|
.get("id")
|
|
.cloned()
|
|
.unwrap_or_default();
|
|
let mut uid = id
|
|
.replace("/web/objects/", "")
|
|
.replacen('+', "https://", 1)
|
|
.replace('@', "/");
|
|
if !uid.starts_with("http") {
|
|
uid = format!("{URL_BASE}/web/objects/{uid}");
|
|
}
|
|
let actor = create_local_resource(move || params.get().get("id").cloned().unwrap_or_default(), move |id| {
|
|
async move {
|
|
match CACHE.get(&Uri::full(FetchKind::User, &id)) {
|
|
Some(x) => Some(x.clone()),
|
|
None => {
|
|
let user : serde_json::Value = Http::fetch(&Uri::api(FetchKind::User, &id, true), auth).await.ok()?;
|
|
let user = Arc::new(user);
|
|
CACHE.put(Uri::full(FetchKind::User, &id), user.clone());
|
|
Some(user)
|
|
},
|
|
}
|
|
}
|
|
});
|
|
view! {
|
|
<div>
|
|
<Breadcrumb back=true >
|
|
users::view
|
|
<a
|
|
class="clean ml-1" href="#"
|
|
class:hidden=move || tl.is_empty()
|
|
on:click=move |_| {
|
|
tl.reset(tl.next.get().split('?').next().unwrap_or_default().to_string());
|
|
spawn_local(async move {
|
|
if let Err(e) = tl.more(auth).await {
|
|
tracing::error!("error fetching more items for timeline: {e}");
|
|
}
|
|
})
|
|
}><span class="emoji">
|
|
"\u{1f5d8}"
|
|
</span></a>
|
|
</Breadcrumb>
|
|
<div>
|
|
{move || {
|
|
let uid = uid.clone();
|
|
match actor.get() {
|
|
None => view! { <p class="center">loading...</p> }.into_view(),
|
|
Some(None) => {
|
|
view! { <p class="center"><code>loading failed</code><sup><small><a class="clean" href={uid} target="_blank">"↗"</a></small></sup></p> }.into_view()
|
|
},
|
|
Some(Some(object)) => {
|
|
let uid = object.id().unwrap_or_default().to_string();
|
|
let avatar_url = object.icon().get().map(|x| x.url().id().unwrap_or(DEFAULT_AVATAR_URL.into())).unwrap_or(DEFAULT_AVATAR_URL.into());
|
|
let background_url = object.image().get().map(|x| x.url().id().unwrap_or(DEFAULT_AVATAR_URL.into())).unwrap_or(DEFAULT_AVATAR_URL.into());
|
|
let display_name = object.name().unwrap_or_default().to_string();
|
|
let username = object.preferred_username().unwrap_or_default().to_string();
|
|
let summary = object.summary().unwrap_or_default().to_string();
|
|
let domain = object.id().unwrap_or_default().replace("https://", "").split('/').next().unwrap_or_default().to_string();
|
|
let actor_type = object.actor_type().unwrap_or(apb::ActorType::Person);
|
|
let actor_type_tag = if actor_type == apb::ActorType::Person { None } else {
|
|
Some(view! { <sup class="ml-s"><small>"["{actor_type.as_ref().to_lowercase()}"]"</small></sup> } )
|
|
};
|
|
let created = object.published();
|
|
let following = object.following_count().unwrap_or(0);
|
|
let followers = object.followers_count().unwrap_or(0);
|
|
let statuses = object.statuses_count().unwrap_or(0);
|
|
let tl_url = format!("{}/outbox/page", Uri::api(FetchKind::User, &id.clone(), false));
|
|
if !tl.next.get().starts_with(&tl_url) {
|
|
tl.reset(tl_url);
|
|
}
|
|
let following_me = object.following_me().unwrap_or(false);
|
|
let followed_by_me = object.followed_by_me().unwrap_or(false);
|
|
let _uid = uid.clone();
|
|
|
|
view! {
|
|
<div class="ml-3 mr-3">
|
|
<div
|
|
class="banner"
|
|
style={format!("background: center / cover url({background_url});")}
|
|
>
|
|
<div style="height: 10em"></div> // TODO bad way to have it fixed height ewwww
|
|
</div>
|
|
<div class="overlap">
|
|
<table class="pl-2 pr-2 align w-100" style="table-layout: fixed">
|
|
<tr>
|
|
<td rowspan=4 style="width: 8em">
|
|
<img class="avatar-circle avatar-border mr-s" src={avatar_url} style="height: 7em; width: 7em"/>
|
|
</td>
|
|
<td rowspan=2 class="bottom">
|
|
<b class="big">{display_name}</b>{actor_type_tag}
|
|
</td>
|
|
<td rowspan=2 class="bottom rev" title="statuses">{statuses}" "<span class="emoji">"\u{1f582}"</span></td>
|
|
</tr>
|
|
<tr></tr>
|
|
<tr>
|
|
<td class="top">
|
|
<small><a class="clean hover" href={uid.clone()} target="_blank">{username.clone()}@{domain}</a></small>
|
|
</td>
|
|
<td class="rev" title="following">{following}" "<span class="emoji">"👥"</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<DateTime t=created />
|
|
</td>
|
|
<td class="rev" title="followers">{followers}" "<span class="emoji">"📢"</span></td>
|
|
</tr>
|
|
</table>
|
|
<div class="rev mr-1" class:hidden=move || !auth.present() || auth.user_id() == uid>
|
|
{if followed_by_me {
|
|
view! { <code class="color">following</code> }.into_view()
|
|
} else {
|
|
view! { <input type="submit" value="follow" on:click=move |_| send_follow_request(_uid.clone()) /> }.into_view()
|
|
}}
|
|
{if following_me {
|
|
Some(view! { <code class="ml-1 color">follows you</code> })
|
|
} else {
|
|
None
|
|
}}
|
|
</div>
|
|
<p class="ml-2 mt-1 center" inner_html={mdhtml::safe_html(&summary)}></p>
|
|
</div>
|
|
</div>
|
|
<TimelineFeed tl=tl />
|
|
}.into_view()
|
|
},
|
|
}
|
|
}}
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
#[component]
|
|
pub fn ObjectPage(tl: Timeline) -> impl IntoView {
|
|
let params = use_params_map();
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
let mut uid = params.get().get("id")
|
|
.cloned()
|
|
.unwrap_or_default()
|
|
.replace("/web/objects/", "")
|
|
.replacen('+', "https://", 1)
|
|
.replace('@', "/");
|
|
if !uid.starts_with("http") {
|
|
uid = format!("{URL_BASE}/web/objects/{uid}");
|
|
}
|
|
let object = create_local_resource(move || params.get().get("id").cloned().unwrap_or_default(), move |oid| {
|
|
async move {
|
|
match CACHE.get(&Uri::full(FetchKind::Object, &oid)) {
|
|
Some(x) => Some(x.clone()),
|
|
None => {
|
|
let obj = Http::fetch::<serde_json::Value>(&Uri::api(FetchKind::Object, &oid, true), auth).await.ok()?;
|
|
let obj = Arc::new(obj);
|
|
CACHE.put(Uri::full(FetchKind::Object, &oid), obj.clone());
|
|
Some(obj)
|
|
}
|
|
}
|
|
}
|
|
});
|
|
view! {
|
|
<div>
|
|
<Breadcrumb back=true >
|
|
objects::view
|
|
<a
|
|
class="clean ml-1" href="#"
|
|
class:hidden=move || tl.is_empty()
|
|
on:click=move |_| {
|
|
tl.reset(tl.next.get().split('?').next().unwrap_or_default().to_string());
|
|
spawn_local(async move {
|
|
if let Err(e) = tl.more(auth).await {
|
|
tracing::error!("error fetching more items for timeline: {e}");
|
|
}
|
|
})
|
|
}><span class="emoji">
|
|
"\u{1f5d8}"
|
|
</span></a>
|
|
</Breadcrumb>
|
|
<div class="ma-2" >
|
|
{move || match object.get() {
|
|
None => view! { <p class="center"> loading ... </p> }.into_view(),
|
|
Some(None) => {
|
|
let uid = uid.clone();
|
|
view! { <p class="center"><code>loading failed</code><sup><small><a class="clean" href={uid} target="_blank">"↗"</a></small></sup></p> }.into_view()
|
|
},
|
|
Some(Some(o)) => {
|
|
let object = o.clone();
|
|
let tl_url = format!("{}/page", Uri::api(FetchKind::Context, &o.context().id().unwrap_or_default(), false));
|
|
if !tl.next.get().starts_with(&tl_url) {
|
|
tl.reset(tl_url);
|
|
}
|
|
view!{
|
|
<Object object=object />
|
|
<div class="ml-1 mr-1 mt-2">
|
|
<TimelineReplies tl=tl root=o.id().unwrap_or_default().to_string() />
|
|
</div>
|
|
}.into_view()
|
|
},
|
|
}}
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
#[component]
|
|
pub fn TimelinePage(name: &'static str, tl: Timeline) -> impl IntoView {
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
view! {
|
|
<div>
|
|
<Breadcrumb back=false>
|
|
{name}
|
|
<a class="clean ml-1" href="#" on:click=move |_| {
|
|
tl.reset(tl.next.get().split('?').next().unwrap_or_default().to_string());
|
|
spawn_local(async move {
|
|
if let Err(e) = tl.more(auth).await {
|
|
tracing::error!("error fetching more items for timeline: {e}");
|
|
}
|
|
})
|
|
}><span class="emoji">
|
|
"\u{1f5d8}"
|
|
</span></a>
|
|
</Breadcrumb>
|
|
<div class="mt-s mb-s" >
|
|
<TimelineFeed tl=tl />
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
#[component]
|
|
pub fn DebugPage() -> impl IntoView {
|
|
let (object, set_object) = create_signal(Arc::new(serde_json::Value::String(
|
|
"use this view to fetch remote AP objects and inspect their content".into())
|
|
));
|
|
let cached_ref: NodeRef<html::Input> = create_node_ref();
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
let (query, set_query) = create_signal("".to_string());
|
|
view! {
|
|
<div>
|
|
<Breadcrumb back=true>debug</Breadcrumb>
|
|
<div class="mt-1" >
|
|
<form on:submit=move|ev| {
|
|
ev.prevent_default();
|
|
let cached = cached_ref.get().map(|x| x.checked()).unwrap_or_default();
|
|
let fetch_url = query.get();
|
|
if cached {
|
|
match CACHE.get(&fetch_url) {
|
|
Some(x) => set_object.set(x),
|
|
None => set_object.set(Arc::new(serde_json::Value::String("not in cache!".into()))),
|
|
}
|
|
} else {
|
|
let url = format!("{URL_BASE}/dbg?id={fetch_url}");
|
|
spawn_local(async move { set_object.set(Arc::new(debug_fetch(&url, auth).await)) });
|
|
}
|
|
} >
|
|
<table class="align w-100" >
|
|
<tr>
|
|
<td>
|
|
<small><a
|
|
href={move|| Uri::web(FetchKind::Object, &query.get())}
|
|
>obj</a>
|
|
" "
|
|
<a
|
|
href={move|| Uri::web(FetchKind::User, &query.get())}
|
|
>usr</a></small>
|
|
</td>
|
|
<td class="w-100"><input class="w-100" type="text" on:input=move|ev| set_query.set(event_target_value(&ev)) placeholder="AP id" /></td>
|
|
<td><input type="submit" class="w-100" value="fetch" /></td>
|
|
<td><input type="checkbox" title="cached" value="cached" node_ref=cached_ref /></td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<pre class="ma-1" >
|
|
{move || serde_json::to_string_pretty(object.get().as_ref()).unwrap_or("unserializable".to_string())}
|
|
</pre>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
#[component]
|
|
pub fn SearchPage() -> impl IntoView {
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
|
|
let user = create_local_resource(
|
|
move || use_query_map().get().get("q").cloned().unwrap_or_default(),
|
|
move |q| {
|
|
let user_fetch = Uri::api(FetchKind::User, &q, true);
|
|
async move { Some(Arc::new(Http::fetch::<serde_json::Value>(&user_fetch, auth).await.ok()?)) }
|
|
}
|
|
);
|
|
|
|
let object = create_local_resource(
|
|
move || use_query_map().get().get("q").cloned().unwrap_or_default(),
|
|
move |q| {
|
|
let object_fetch = Uri::api(FetchKind::Object, &q, true);
|
|
async move { Some(Arc::new(Http::fetch::<serde_json::Value>(&object_fetch, auth).await.ok()?)) }
|
|
}
|
|
);
|
|
|
|
view! {
|
|
<Breadcrumb>search</Breadcrumb>
|
|
<blockquote class="mt-1 mb-1">
|
|
<details open>
|
|
<summary class="mb-2">
|
|
<code class="cw center color ml-s w-100">users</code>
|
|
</summary>
|
|
{move || match user.get() {
|
|
None => None,
|
|
Some(None) => None,
|
|
Some(Some(u)) => Some(view! {
|
|
<ActorBanner object=u />
|
|
}),
|
|
}}
|
|
</details>
|
|
</blockquote>
|
|
|
|
<blockquote class="mt-1 mb-1">
|
|
<details open>
|
|
<summary class="mb-2">
|
|
<code class="cw center color ml-s w-100">objects</code>
|
|
</summary>
|
|
{move || match object.get() {
|
|
None => None,
|
|
Some(None) => None,
|
|
Some(Some(o)) => Some(view! {
|
|
<Object object=o />
|
|
}),
|
|
}}
|
|
</details>
|
|
</blockquote>
|
|
}
|
|
}
|
|
|
|
// this is a rather weird way to fetch but i want to see the bare error text if it fails!
|
|
async fn debug_fetch(url: &str, token: Auth) -> serde_json::Value {
|
|
match Http::request::<()>(reqwest::Method::GET, url, None, token).await {
|
|
Err(e) => serde_json::Value::String(format!("[!] failed sending request: {e}")),
|
|
Ok(res) => match res.text().await {
|
|
Err(e) => serde_json::Value::String(format!("[!] invalid response body: {e}")),
|
|
Ok(x) => match serde_json::from_str(&x) {
|
|
Err(_) => serde_json::Value::String(x),
|
|
Ok(v) => v,
|
|
},
|
|
}
|
|
}
|
|
}
|