nutomic
/
ibis
mirror of https://github.com/Nutomic/ibis.git
1
0
Fork 0
Code Packages Projects Releases Activity

Adding leptos and taplo format checks.

This commit is contained in:
Dessalines 2024-03-29 09:42:06 -04:00
parent 06f3340d20
commit 6d7910f929
24 changed files with 692 additions and 481 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.leptosfmt.toml Normal file
View File

@ -0,0 +1,3 @@
max_width = 100
tab_spaces = 2
attr_value_brace_style = "WhenRequired" # "Always", "AlwaysUnlessLit", "WhenRequired" or "Preserve"

15
.woodpecker.yml
View File

@ -12,6 +12,21 @@ steps:
- rustup component add rustfmt
- cargo +nightly fmt -- --check
leptos_fmt:
image: *rust_image
commands:
- *install_binstall
- cargo binstall -y leptosfmt
- leptosfmt -c .leptosfmt.toml --check src
when:
- event: pull_request
toml_fmt:
image: tamasfe/taplo:0.8.1
commands:
- taplo format --check
when:
- event: pull_request
check_config_defaults_updated:
image: *rust_image

2
Cargo.toml
View File

@ -45,7 +45,7 @@ diesel = { version = "2.1.4", features = [
"postgres",
"chrono",
"uuid",
"r2d2"
"r2d2",
], optional = true }
diesel-derive-newtype = { version = "2.1.0", optional = true }
diesel_migrations = { version = "2.1.0", optional = true }

2
src/frontend/app.rs
View File

@ -94,7 +94,7 @@ pub fn App() -> impl IntoView {
<Stylesheet id="simple" href="/assets/simple.css"/>
<Stylesheet id="ibis" href="/assets/ibis.css"/>
<Router>
<Nav />
<Nav/>
<main>
<Routes>
<Route path="/" view=ReadArticle/>

61
src/frontend/components/article_nav.rs
View File

@ -13,41 +13,60 @@ use leptos_router::*;
pub fn ArticleNav(article: Resource<Option<String>, ArticleView>) -> impl IntoView {
view! {
<Suspense>
{move || article.get().map(|article_| {
let instance = create_local_resource(move || article_.article.instance_id, move |instance_id| async move {
{move || {
article
.get()
.map(|article_| {
let instance = create_local_resource(
move || article_.article.instance_id,
move |instance_id| async move {
let form = GetInstance {
id: Some(instance_id)
id: Some(instance_id),
};
GlobalState::api_client()
.get_instance(&form)
.await
.unwrap()
});
GlobalState::api_client().get_instance(&form).await.unwrap()
},
);
let global_state = use_context::<RwSignal<GlobalState>>().unwrap();
let article_link = article_link(&article_.article);
let article_link_ = article_link.clone();
let protected = article_.article.protected;
view!{
view! {
<nav class="inner">
<A href=article_link.clone()>"Read"</A>
<A href={format!("{article_link}/history")}>"History"</A>
<Show when=move || global_state.with(|state| {
let is_admin = state.my_profile.as_ref().map(|p| p.local_user.admin).unwrap_or(false);
state.my_profile.is_some() && can_edit_article(&article_.article, is_admin).is_ok()
})>
<A href={format!("{article_link}/edit")}>"Edit"</A>
<A href=format!("{article_link}/history")>"History"</A>
<Show when=move || {
global_state
.with(|state| {
let is_admin = state
.my_profile
.as_ref()
.map(|p| p.local_user.admin)
.unwrap_or(false);
state.my_profile.is_some()
&& can_edit_article(&article_.article, is_admin).is_ok()
})
}>
<A href=format!("{article_link}/edit")>"Edit"</A>
</Show>
<Show when=move || global_state.with(|state| state.my_profile.is_some())>
<A href={format!("{article_link_}/actions")}>"Actions"</A>
{instance.get().map(|i|
view!{ <InstanceFollowButton instance=i.instance.clone() /> }
)}
<A href=format!("{article_link_}/actions")>"Actions"</A>
{instance
.get()
.map(|i| {
view! { <InstanceFollowButton instance=i.instance.clone()/> }
})}
</Show>
<Show when=move || protected>
<span title="Article can only be edited by local admins">"Protected"</span>
<span title="Article can only be edited by local admins">
"Protected"
</span>
</Show>
</nav>
}})}
}
})
}}
</Suspense>
}
}

8
src/frontend/components/credentials.rs
View File

@ -27,6 +27,7 @@ pub fn CredentialsForm(
view! { <p style="color:red;">{err}</p> }
})
}}
<input
type="text"
required
@ -36,11 +37,13 @@ pub fn CredentialsForm(
let val = event_target_value(&ev);
set_username.update(|v| *v = val);
}
on:change=move |ev| {
let val = event_target_value(&ev);
set_username.update(|v| *v = val);
}
/>
<input
type="password"
required
@ -57,15 +60,18 @@ pub fn CredentialsForm(
}
}
}
on:change=move |ev| {
let val = event_target_value(&ev);
set_password.update(|p| *p = val);
}
/>
<div>
<button
prop:disabled=move || button_is_disabled.get()
on:click=move |_| dispatch_action()>
on:click=move |_| dispatch_action()
>
{action_label}
</button>
</div>

6
src/frontend/components/instance_follow_button.rs
View File

@ -30,9 +30,11 @@ pub fn InstanceFollowButton(instance: DbInstance) -> impl IntoView {
};
view! {
<button on:click=move |_| follow_action.dispatch(instance.id)
<button
on:click=move |_| follow_action.dispatch(instance.id)
prop:disabled=move || is_following
prop:hidden=move || instance.local>
prop:hidden=move || instance.local
>
{follow_text}
</button>
}

26
src/frontend/components/nav.rs
View File

@ -29,8 +29,7 @@ pub fn Nav() -> impl IntoView {
<li>
<A href="/article/list">"List Articles"</A>
</li>
<Show
when=move || global_state.with(|state| state.my_profile.is_some())>
<Show when=move || global_state.with(|state| state.my_profile.is_some())>
<li>
<A href="/article/create">"Create Article"</A>
</li>
@ -47,12 +46,15 @@ pub fn Nav() -> impl IntoView {
navigate(&format!("/search?query={query}"), Default::default());
}
}>
<input type="text" placeholder="Search"
<input
type="text"
placeholder="Search"
prop:value=search_query
on:keyup=move |ev: ev::KeyboardEvent| {
let val = event_target_value(&ev);
set_search_query.update(|v| *v = val);
} />
}
/>
<button>Go</button>
</form>
</li>
@ -71,20 +73,24 @@ pub fn Nav() -> impl IntoView {
}
}
>
{
let my_profile = global_state.with(|state| state.my_profile.clone().unwrap());
let profile_link = format!("/user/{}", my_profile.person.username);
view ! {
<p>"Logged in as "
<a href=profile_link style="border: none; padding: 0; color: var(--accent) !important;">
view! {
<p>
"Logged in as "
<a
href=profile_link
style="border: none; padding: 0; color: var(--accent) !important;"
>
{my_profile.person.username}
</a>
</p>
<button on:click=move |_| logout_action.dispatch(())>
Logout
</button>
<button on:click=move |_| logout_action.dispatch(())>Logout</button>
}
}
</Show>
</nav>
}

4
src/frontend/mod.rs
View File

@ -43,7 +43,5 @@ fn user_title(person: &DbPerson) -> String {
fn user_link(person: &DbPerson) -> impl IntoView {
let creator_path = format!("/user/{}", person.username);
view! {
<a href={creator_path}>{user_title(person)}</a>
}
view! { <a href=creator_path>{user_title(person)}</a> }
}

47
src/frontend/pages/article/actions.rs
View File

@ -53,8 +53,13 @@ pub fn ArticleActions() -> impl IntoView {
});
view! {
<ArticleNav article=article/>
<Suspense fallback=|| view! { "Loading..." }> {
move || article.get().map(|article|
<Suspense fallback=|| {
view! { "Loading..." }
}>
{move || {
article
.get()
.map(|article| {
view! {
<div class="item-view">
<h1>{article_title(&article.article)}</h1>
@ -65,13 +70,21 @@ pub fn ArticleActions() -> impl IntoView {
view! { <p style="color:red;">{err}</p> }
})
}}
<Show
when=move || global_state.with(|state| {
state.my_profile.as_ref().map(|p| p.local_user.admin).unwrap_or_default()
&& article.article.local
})>
<button
on:click=move |_| protect_action.dispatch((article.article.id, article.article.protected))>Toggle Article Protection</button>
<Show when=move || {
global_state
.with(|state| {
state
.my_profile
.as_ref()
.map(|p| p.local_user.admin)
.unwrap_or_default() && article.article.local
})
}>
<button on:click=move |_| {
protect_action
.dispatch((article.article.id, article.article.protected))
}>Toggle Article Protection</button>
<p>"Protect a local article so that only admins can edit it"</p>
</Show>
<Show when=move || !article.article.local>
@ -80,21 +93,29 @@ pub fn ArticleActions() -> impl IntoView {
on:keyup=move |ev: ev::KeyboardEvent| {
let val = event_target_value(&ev);
set_new_title.update(|v| *v = val);
} />
}
/>
<button
disabled=move || new_title.get().is_empty()
on:click=move |_| fork_action.dispatch((article.article.id, new_title.get()))>Fork Article</button>
on:click=move |_| {
fork_action.dispatch((article.article.id, new_title.get()))
}
>
Fork Article
</button>
<p>
"You can fork a remote article to the local instance. This is useful if the original
instance is dead, or if there are disagreements how the article should be written."
</p>
</Show>
</div>
})
}
})
}}
</Suspense>
<Show when=move || fork_response.get().is_some()>
<Redirect path={article_link(&fork_response.get().unwrap())}/>
<Redirect path=article_link(&fork_response.get().unwrap())/>
</Show>
<p>"TODO: add option for admin to delete article etc"</p>
}

31
src/frontend/pages/article/create.rs
View File

@ -56,12 +56,20 @@ pub fn CreateArticle() -> impl IntoView {
set_title.update(|v| *v = val);
}
/>
<textarea placeholder="Article text..." on:keyup=move |ev| {
<textarea
placeholder="Article text..."
on:keyup=move |ev| {
let val = event_target_value(&ev);
set_text.update(|p| *p = val);
} >
</textarea>
<div><a href="https://commonmark.org/help/" target="blank_">Markdown</a>" formatting is supported"</div>
}
></textarea>
<div>
<a href="https://commonmark.org/help/" target="blank_">
Markdown
</a>
" formatting is supported"
</div>
{move || {
create_error
.get()
@ -69,21 +77,26 @@ pub fn CreateArticle() -> impl IntoView {
view! { <p style="color:red;">{err}</p> }
})
}}
<input type="text"
<input
type="text"
placeholder="Edit summary"
on:keyup=move |ev| {
let val = event_target_value(&ev);
set_summary.update(|p| *p = val);
}/>
}
/>
<button
prop:disabled=move || button_is_disabled.get()
on:click=move |_| submit_action.dispatch((title.get(), text.get(), summary.get()))>
on:click=move |_| submit_action.dispatch((title.get(), text.get(), summary.get()))
>
Submit
</button>
</div>
}
}>
<Redirect path={format!("/article/{}", title.get().replace(' ', "_"))} />
}
>
<Redirect path=format!("/article/{}", title.get().replace(' ', "_"))/>
</Show>
}
}

49
src/frontend/pages/article/edit.rs
View File

@ -105,16 +105,21 @@ pub fn EditArticle() -> impl IntoView {
when=move || edit_response.get() == EditResponse::Success
fallback=move || {
view! {
<Suspense fallback=|| view! { "Loading..." }> {
move || article.get().map(|mut article| {
<Suspense fallback=|| {
view! { "Loading..." }
}>
{move || {
article
.get()
.map(|mut article| {
if let EditResponse::Conflict(conflict) = edit_response.get() {
article.article.text = conflict.three_way_merge;
set_summary.set(conflict.summary);
}
// set initial text, otherwise submit with no changes results in empty text
set_text.set(article.article.text.clone());
let article_ = article.clone();
view! {
// set initial text, otherwise submit with no changes results in empty text
<div class="item-view">
<h1>{article_title(&article.article)}</h1>
{move || {
@ -124,31 +129,49 @@ pub fn EditArticle() -> impl IntoView {
view! { <p style="color:red;">{err}</p> }
})
}}
<textarea on:keyup=move |ev| {
let val = event_target_value(&ev);
set_text.update(|p| *p = val);
}>
{article.article.text.clone()}
</textarea>
<div><a href="https://commonmark.org/help/" target="blank_">Markdown</a>" formatting is supported"</div>
<input type="text"
}>{article.article.text.clone()}</textarea>
<div>
<a href="https://commonmark.org/help/" target="blank_">
Markdown
</a>
" formatting is supported"
</div>
<input
type="text"
placeholder="Edit summary"
value={summary.get_untracked()}
value=summary.get_untracked()
on:keyup=move |ev| {
let val = event_target_value(&ev);
set_summary.update(|p| *p = val);
}/>
}
/>
<button
prop:disabled=move || button_is_disabled.get()
on:click=move |_| submit_action.dispatch((text.get(), summary.get(), article_.clone(), edit_response.get()))>
on:click=move |_| {
submit_action
.dispatch((
text.get(),
summary.get(),
article_.clone(),
edit_response.get(),
))
}
>
Submit
</button>
</div>
}
})
}
}}
</Suspense>
}}>
}
}
>
Edit successful!
</Show>
}

44
src/frontend/pages/article/history.rs
View File

@ -13,22 +13,48 @@ pub fn ArticleHistory() -> impl IntoView {
view! {
<ArticleNav article=article/>
<Suspense fallback=|| view! { "Loading..." }> {
move || article.get().map(|article| {
<Suspense fallback=|| {
view! { "Loading..." }
}>
{move || {
article
.get()
.map(|article| {
view! {
<div class="item-view">
<h1>{article_title(&article.article)}</h1>
{
article.edits.into_iter().rev().map(|edit| {
let path = format!("/article/{}@{}/diff/{}", article.article.title, extract_domain(&article.article.ap_id), edit.edit.hash.0);
let label = format!("{} ({})", edit.edit.summary, edit.edit.created.to_rfc2822());
view! {<li><a href={path}>{label}</a>" by "{user_link(&edit.creator)}</li> }
}).collect::<Vec<_>>()
{article
.edits
.into_iter()
.rev()
.map(|edit| {
let path = format!(
"/article/{}@{}/diff/{}",
article.article.title,
extract_domain(&article.article.ap_id),
edit.edit.hash.0,
);
let label = format!(
"{} ({})",
edit.edit.summary,
edit.edit.created.to_rfc2822(),
);
view! {
<li>
<a href=path>{label}</a>
" by "
{user_link(&edit.creator)}
</li>
}
})
.collect::<Vec<_>>()}
</div>
}
})
}
}}
</Suspense>
}
}

32
src/frontend/pages/article/list.rs
View File

@ -24,25 +24,33 @@ pub fn ListArticles() -> impl IntoView {
<h1>Most recently edited Articles</h1>
<Suspense fallback=|| view! { "Loading..." }>
<fieldset on:input=move |ev| {
let val = ev
.target()
.unwrap()
.unchecked_into::<web_sys::HtmlInputElement>()
.id();
let val = ev.target().unwrap().unchecked_into::<web_sys::HtmlInputElement>().id();
let is_local_only = val == "only-local";
set_only_local.update(|p| *p = is_local_only);
}>
<input type="radio" name="listing-type" id="only-local" />
<input type="radio" name="listing-type" id="only-local"/>
<label for="only-local">Only Local</label>
<input type="radio" name="listing-type" id="all" checked/>
<label for="all">All</label>
</fieldset>
<ul> {
move || articles.get().map(|a|
a.into_iter().map(|a| view! {
<li><a href=article_link(&a)>{article_title(&a)}</a></li>
}).collect::<Vec<_>>())
} </ul>
<ul>
{move || {
articles
.get()
.map(|a| {
a
.into_iter()
.map(|a| {
view! {
<li>
<a href=article_link(&a)>{article_title(&a)}</a>
</li>
}
})
.collect::<Vec<_>>()
})
}}
</ul>
</Suspense>
}
}

15
src/frontend/pages/article/read.rs
View File

@ -12,16 +12,25 @@ pub fn ReadArticle() -> impl IntoView {
view! {
<ArticleNav article=article/>
<Suspense fallback=|| view! { "Loading..." }> {
<Suspense fallback=|| {
view! { "Loading..." }
}>
{
let parser = markdown_parser();
move || article.get().map(|article|
move || {
article
.get()
.map(|article| {
view! {
<div class="item-view">
<h1>{article_title(&article.article)}</h1>
<div inner_html={parser.parse(&article.article.text).render()}/>
<div inner_html=parser.parse(&article.article.text).render()></div>
</div>
}
})
}
}
</Suspense>
}
}

23
src/frontend/pages/conflicts.rs
View File

@ -11,14 +11,25 @@ pub fn Conflicts() -> impl IntoView {
view! {
<h1>Your unresolved edit conflicts</h1>
<Suspense fallback=|| view! { "Loading..." }>
<ul> {
move || conflicts.get().map(|c|
c.into_iter().map(|c| {
<ul>
{move || {
conflicts
.get()
.map(|c| {
c
.into_iter()
.map(|c| {
let link = format!("{}/edit/{}", article_link(&c.article), c.id);
view! {
<li><a href=link>{article_title(&c.article)}" - "{c.summary}</a></li>
}}).collect::<Vec<_>>())
} </ul>
<li>
<a href=link>{article_title(&c.article)} " - " {c.summary}</a>
</li>
}
})
.collect::<Vec<_>>()
})
}}
</ul>
</Suspense>
}
}

32
src/frontend/pages/diff.rs
View File

@ -9,25 +9,35 @@ pub fn EditDiff() -> impl IntoView {
view! {
<ArticleNav article=article/>
<Suspense fallback=|| view! { "Loading..." }> {
move || article.get().map(|article| {
let hash = params
.get_untracked()
.get("hash")
.cloned().unwrap();
let edit = article.edits.iter().find(|e| e.edit.hash.0.to_string() == hash).unwrap();
let label = format!("{} ({})", edit.edit.summary, edit.edit.created.to_rfc2822());
<Suspense fallback=|| {
view! { "Loading..." }
}>
{move || {
article
.get()
.map(|article| {
let hash = params.get_untracked().get("hash").cloned().unwrap();
let edit = article
.edits
.iter()
.find(|e| e.edit.hash.0.to_string() == hash)
.unwrap();
let label = format!(
"{} ({})",
edit.edit.summary,
edit.edit.created.to_rfc2822(),
);
view! {
<div class="item-view">
<h1>{article.article.title.replace('_', " ")}</h1>
<h2>{label}</h2>
<p>"by "{user_link(&edit.creator)}</p>
<p>"by " {user_link(&edit.creator)}</p>
<pre>{edit.edit.diff.clone()}</pre>
</div>
}
})
}
}}
</Suspense>
}
}

20
src/frontend/pages/instance_details.rs
View File

@ -20,22 +20,32 @@ pub fn InstanceDetails() -> impl IntoView {
});
view! {
<Suspense fallback=|| view! { "Loading..." }> {
move || instance_profile.get().map(|instance: DbInstance| {
<Suspense fallback=|| {
view! { "Loading..." }
}>
{move || {
instance_profile
.get()
.map(|instance: DbInstance| {
let instance_ = instance.clone();
view! {
<h1>{instance.domain}</h1>
<Show when=move || global_state.with(|state| state.my_profile.is_some())>
<InstanceFollowButton instance=instance_.clone() />
<InstanceFollowButton instance=instance_.clone()/>
</Show>
<p>Follow the instance so that new edits are federated to your instance.</p>
<p>"TODO: show a list of articles from the instance. For now you can use the "<a href="/article/list">Article list</a>.</p>
<p>
"TODO: show a list of articles from the instance. For now you can use the "
<a href="/article/list">Article list</a> .
</p>
<hr/>
<h2>"Description:"</h2>
<div>{instance.description}</div>
}
})
}</Suspense>
}}
</Suspense>
}
}

1
src/frontend/pages/login.rs
View File

@ -52,6 +52,7 @@ pub fn Login() -> impl IntoView {
}
}
>
<Redirect path="/"/>
</Show>
}

1
src/frontend/pages/register.rs
View File

@ -53,6 +53,7 @@ pub fn Register() -> impl IntoView {
}
}
>
<p>"You have successfully registered."</p>
</Show>
}

63
src/frontend/pages/search.rs
View File

@ -52,45 +52,66 @@ pub fn Search() -> impl IntoView {
});
view! {
<h1>"Search results for "{query}</h1>
<Suspense fallback=|| view! { "Loading..." }> {
move || search_results.get().map(move |search_results| {
<h1>"Search results for " {query}</h1>
<Suspense fallback=|| {
view! { "Loading..." }
}>
{move || {
search_results
.get()
.map(move |search_results| {
let is_empty = search_results.is_empty();
view! {
<Show when=move || !is_empty
<Show
when=move || !is_empty
fallback=move || {
let error_view = move || {
error.get().map(|err| {
error
.get()
.map(|err| {
view! { <p style="color:red;">{err}</p> }
})
};
view! {
{error_view}
<p>No results found</p>
}}>
}
}
>
<ul>
{
// render resolved instance
{// render resolved instance
if let Some(instance) = &search_results.instance {
let domain = &instance.domain;
vec![view! { <li>
<a href={format!("/instance/{domain}")}>{domain}</a>
</li>}]
} else { vec![] }
}
{
// render articles from resolve/search
search_results.articles
vec![
view! {
<li>
<a href=format!("/instance/{domain}")>{domain}</a>
</li>
},
]
} else {
vec![]
}}
{// render articles from resolve/search
search_results
.articles
.iter()
.map(|a| view! { <li>
<a href={article_link(a)}>{article_title(a)}</a>
</li>})
.collect::<Vec<_>>()
.map(|a| {
view! {
<li>
<a href=article_link(a)>{article_title(a)}</a>
</li>
}
})
.collect::<Vec<_>>()}
</ul>
</Show>
}})
}
})
}}
</Suspense>
}
}

14
src/frontend/pages/user_profile.rs
View File

@ -29,13 +29,21 @@ pub fn UserProfile() -> impl IntoView {
view! { <p style="color:red;">{err}</p> }
})
}}
<Suspense fallback=|| view! { "Loading..." }> {
move || user_profile.get().map(|person: DbPerson| {
<Suspense fallback=|| {
view! { "Loading..." }
}>
{move || {
user_profile
.get()
.map(|person: DbPerson| {
view! {
<h1>{user_title(&person)}</h1>
<p>TODO: create actual user profile</p>
}
})
}</Suspense>
}}
</Suspense>
}
}