upub-web 0.6.0

web frontend for upub
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112

use leptos::prelude::*;
use leptos_router::components::Outlet;
use leptos_router::hooks::use_params_map;
use crate::{app::FeedRoute, prelude::*};

use apb::{ActivityMut, Base, Object};

#[component]
pub fn ListView() -> impl IntoView {
	let params = use_params_map();
	let matched_route = use_context::<ReadSignal<crate::app::FeedRoute>>().expect("missing route context");
	let auth = use_context::<Auth>().expect("missing auth context");
	// TODO do we really need this loading signal?
	let (loading, _set_loading) = signal(false);
	let (error, set_error) = signal(None);
	let id = Signal::derive(move || params.get().get("id").unwrap_or_default());
	let target_ref: NodeRef<leptos::html::Input> = NodeRef::new();
	let list = LocalResource::new(
		move || {
			let (lid, _loading) = (id.get(), loading.get());
			async move {
				tracing::info!("rerunning fetcher");
				let obj = cache::OBJECTS.fetch(&lid, U::List, auth).await?;

				// TODO these two can be parallelized
				if let Ok(author) = obj.attributed_to().id() {
					cache::OBJECTS.fetch(&author, U::Actor, auth).await;
				}

				Some(obj)
			}
		}
	);

	view! {
		{move || match list.try_get() {
			None => ().into_any(), // already disposed
			Some(None) => view! { <Loader /> }.into_any(), // still loading
			Some(Some(None)) => { // error loading
				let raw_id = params.get().get("id").unwrap_or_default();
				let uid =  uriproxy::uri(URL_BASE, uriproxy::UriClass::Object, &raw_id);
				view! { <p class="center"><code>loading failed</code><sup><small><a class="clean" href={uid} target="_blank">"↗"</a></small></sup></p> }.into_any()
			},
			Some(Some(Some(o))) => { // loaded ok
				tracing::info!("redrawing list");
				view! {
					<List list=o.clone() />
					<blockquote class="mt-1">
						<details class="cw">
							<summary>
								<code class="cw center color">add to list</code>
							</summary>
								<table class="align w-100">
									<tr>
										<td class="w-66"><input class="w-100" type="text" node_ref=target_ref placeholder="id" /></td>
										<td class="w-33">
											<input class="w-100" type="submit" value="add" on:click=move |ev| {
												ev.prevent_default();
												let Some(object_id) = target_ref.get().map(|x| x.value()).filter(|x| !x.is_empty()) else {
													set_error.set(Some("missing object/actor id".to_string()));
													return;
												};
												let Ok(target_id) = o.id() else {
													tracing::error!("missing target id, should get loaded with page");
													return;
												};
												let payload = apb::new()
													.set_activity_type(Some(apb::ActivityType::Add))
													.set_target(apb::Node::link(target_id))
													.set_object(apb::Node::link(object_id));
												leptos::task::spawn_local(async move {
													match crate::Http::post(&auth.outbox(), &payload, auth).await {
														Ok(()) => {
															if let Some(target_ref_element) = target_ref.get() {
																target_ref_element.set_value("");
															}
															set_error.set(None);
														},
														Err(e) => {
															tracing::error!("{e}");
															set_error.set(Some(e.to_string()));
														},
													}
												});
											} />
										</td>
									</tr>
									<tr>
										<td colspan="2" class="center"><b>{error}</b></td>
									</tr>
								</table>
						</details>
					</blockquote>

				}.into_any()
			},
		}}

		<p>
			<span class:tab-active=move || matches!(matched_route.get(), FeedRoute::ListMembers)><a class="clean" href=move || format!("/web/lists/{}", id.get())><span class="emoji ml-2">"👥 "</span><span class:hidden-on-mobile=move || !matches!(matched_route.get(), FeedRoute::ListMembers)>" members"</span></a></span>
			<span class:tab-active=move || matches!(matched_route.get(), FeedRoute::ListFeed)><a class="clean" href=move || format!("/web/lists/{}/feed", id.get())><span class="emoji ml-2">"📫 "</span><span class:hidden-on-mobile=move || !matches!(matched_route.get(), FeedRoute::ListFeed)>" feed"</span></a></span>
		</p>
		<hr class="color" />

		{move || if list.try_get().is_some_and(|x| x.is_some()) {
			tracing::info!("redrawing outlet");
			Some(view! { <Outlet /> })
		} else {
			None
		}}
	}
}