Bytemalte/marstemedia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Multi Feeds + Ron rss save

Browse Source
This commit is contained in:
Bytemalte
2026-01-22 14:08:59 +01:00
parent 6d201280ed
commit 0334c5979d
5 changed files with 488 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

273
src/pages/news.rs
View File

@@ -22,17 +22,16 @@ pub enum NewsMode {
pub struct NewsArticle {
pub content: String,
pub author: String,
pub created_at: u64,
pub created_at: String,
}
#[derive(Serialize)]
struct StringArgs {
pub key: String,
key: String,
}
#[derive(Serialize)]
struct UrlArgs {
pub url: String,
struct UrlsArgs {
urls: Vec<String>,
}
#[function_component(News)]
@@ -41,203 +40,203 @@ pub fn news() -> Html {
let error_msg = use_state(|| None::<String>);
let show_config = use_state(|| false);
let current_mode = use_state(|| NewsMode::Ai);
let api_key_ref = use_node_ref();
let rss_url_ref = use_node_ref();
let rss_urls = use_state(Vec::<String>::new);
let api_key_ref = use_node_ref();
let new_url_ref = use_node_ref();
// Init: Konfiguration laden
{
let rss_urls = rss_urls.clone();
use_effect_with((), move |_| {
spawn_local(async move {
if let Ok(res) = invoke("load_rss_config", JsValue::NULL).await {
if let Ok(urls) = serde_wasm_bindgen::from_value::<Vec<String>>(res) {
rss_urls.set(urls);
}
}
});
|| ()
});
}
// News laden Funktion
let load_news = {
let articles = articles.clone();
let error_msg = error_msg.clone();
let current_mode = current_mode.clone();
Callback::from(move |_e: MouseEvent| {
let mode = *current_mode;
Callback::from(move |_| {
let articles = articles.clone();
let error_msg = error_msg.clone();
let mode = *current_mode;
articles.set(None);
error_msg.set(None);
spawn_local(async move {
let command = match mode {
NewsMode::Ai => "fetch_ai_news",
NewsMode::Rss => "fetch_rss_news",
let cmd = if mode == NewsMode::Ai {
"fetch_ai_news"
} else {
"fetch_rss_news"
};
match invoke(command, JsValue::NULL).await {
Ok(res) => match serde_wasm_bindgen::from_value::<Vec<NewsArticle>>(res) {
Ok(new_news) => articles.set(Some(new_news)),
Err(e) => error_msg.set(Some(format!("Datenfehler: {}", e))),
},
Err(e) => {
let msg = e.as_string().unwrap_or_else(|| "Fehler beim Laden".into());
error_msg.set(Some(msg));
match invoke(cmd, JsValue::NULL).await {
Ok(res) => {
let data = serde_wasm_bindgen::from_value::<Vec<NewsArticle>>(res)
.unwrap_or_default();
articles.set(Some(data));
}
Err(e) => error_msg.set(Some(e.as_string().unwrap_or_default())),
}
});
})
};
let save_settings = {
let show_config = show_config.clone();
let api_key_ref = api_key_ref.clone();
let rss_url_ref = rss_url_ref.clone();
let load_news = load_news.clone();
Callback::from(move |_| {
let key = api_key_ref.cast::<HtmlInputElement>().unwrap().value();
let url = rss_url_ref.cast::<HtmlInputElement>().unwrap().value();
let show_config_handle = show_config.clone();
let load_news_handle = load_news.clone();
spawn_local(async move {
let key_args = serde_wasm_bindgen::to_value(&StringArgs { key }).unwrap();
let url_args = serde_wasm_bindgen::to_value(&UrlArgs { url }).unwrap();
let _ = invoke("save_openrouter_key", key_args).await;
let _ = invoke("save_rss_url", url_args).await;
show_config_handle.set(false);
load_news_handle.emit(MouseEvent::new("click").unwrap());
});
})
};
let switch_mode = {
let current_mode = current_mode.clone();
let load_news = load_news.clone();
Callback::from(move |mode: NewsMode| {
current_mode.set(mode);
load_news.emit(MouseEvent::new("click").unwrap());
})
};
// Automatisches Laden bei Modus-Wechsel
{
let load_news = load_news.clone();
use_effect_with((), move |_| {
use_effect_with((*current_mode).clone(), move |_| {
load_news.emit(MouseEvent::new("click").unwrap());
|| ()
});
}
let mode = *current_mode;
let is_config_visible = *show_config;
let save_settings = {
let rss_urls = rss_urls.clone();
let api_key_ref = api_key_ref.clone();
let show_config = show_config.clone();
let load_news = load_news.clone();
Callback::from(move |_| {
let key = api_key_ref
.cast::<HtmlInputElement>()
.map(|i| i.value())
.unwrap_or_default();
let urls = (*rss_urls).clone();
let show_config = show_config.clone();
let load_news = load_news.clone();
spawn_local(async move {
let _ = invoke(
"save_openrouter_key",
serde_wasm_bindgen::to_value(&StringArgs { key }).unwrap(),
)
.await;
let _ = invoke(
"save_rss_urls",
serde_wasm_bindgen::to_value(&UrlsArgs { urls }).unwrap(),
)
.await;
show_config.set(false);
load_news.emit(MouseEvent::new("click").unwrap());
});
})
};
html! {
<div class="feed-container">
<div class="feed-header">
<h1 class="feed-title">
{ if mode == NewsMode::Ai { "📰 KI News" } else { "📻 RSS Feed" } }
</h1>
<div style="display: flex; gap: 10px; align-items: center;">
<div class="mode-switch">
<div class="header-main">
<h1>{ if *current_mode == NewsMode::Ai { "📰 KI News" } else { "📻 RSS Feeds" } }</h1>
<div class="mode-toggle">
<button
class={if mode == NewsMode::Ai { "switch-btn active-ai" } else { "switch-btn" }}
onclick={let switch = switch_mode.clone(); move |_| switch.emit(NewsMode::Ai)}
>
class={if *current_mode == NewsMode::Ai { "toggle-btn active" } else { "toggle-btn" }}
onclick={let m = current_mode.clone(); move |_| m.set(NewsMode::Ai)}>
{"KI"}
</button>
<button
class={if mode == NewsMode::Rss { "switch-btn active-rss" } else { "switch-btn" }}
onclick={let switch = switch_mode.clone(); move |_| switch.emit(NewsMode::Rss)}
>
class={if *current_mode == NewsMode::Rss { "toggle-btn active" } else { "toggle-btn" }}
onclick={let m = current_mode.clone(); move |_| m.set(NewsMode::Rss)}>
{"RSS"}
</button>
</div>
<button class="reload-btn" onclick={let sc = show_config.clone(); move |_| sc.set(!*sc)}>
{"⚙️"}
</button>
<button class="reload-btn" onclick={load_news.clone()}>
{"🔄"}
</button>
</div>
<div class="header-actions">
<button class="action-btn" onclick={let sc = show_config.clone(); move |_| sc.set(!*sc)}>{"⚙️"}</button>
<button class="action-btn" onclick={load_news.clone()}>{"🔄"}</button>
</div>
</div>
if is_config_visible {
if *show_config {
<div class="config-panel">
<h3>{"Einstellungen"}</h3>
<div style="margin-bottom: 10px;">
<label style="font-size: 0.7rem; color: #4a90e2; display: block; margin-bottom: 4px;">{"OPENROUTER KEY"}</label>
<input
ref={api_key_ref}
type="password"
placeholder="sk-or-v1-..."
class="config-input"
/>
<div class="config-section">
<label>{"OPENROUTER API KEY"}</label>
<input ref={api_key_ref} type="password" class="config-input" placeholder="sk-..." />
</div>
<div style="margin-bottom: 15px;">
<label style="font-size: 0.7rem; color: #facc15; display: block; margin-bottom: 4px;">{"RSS URL"}</label>
<input
ref={rss_url_ref}
type="text"
placeholder="https://zum-rss-feed.xml"
class="config-input"
/>
<div class="config-section">
<label>{"RSS FEEDS"}</label>
<div class="rss-input-row">
<input ref={new_url_ref.clone()} type="text" class="config-input" placeholder="URL hinzufügen..." />
<button class="add-btn" onclick={
let rss_urls = rss_urls.clone();
let new_url_ref = new_url_ref.clone();
move |_| {
if let Some(input) = new_url_ref.cast::<HtmlInputElement>() {
let val = input.value();
if !val.trim().is_empty() {
let mut list = (*rss_urls).clone();
list.push(val);
rss_urls.set(list);
input.set_value("");
}
}
}
}>{"+"}</button>
</div>
<div class="rss-list-scroll">
{ for (*rss_urls).iter().enumerate().map(|(i, url)| html! {
<div class="rss-url-entry" key={i}>
<span class="url-text">{url}</span>
<button class="delete-btn" onclick={
let rss_urls = rss_urls.clone();
move |_| {
let mut list = (*rss_urls).clone();
list.remove(i);
rss_urls.set(list);
}
}>{"✕"}</button>
</div>
}) }
</div>
</div>
<button class="save-btn" onclick={save_settings}>{"Alles Speichern"}</button>
<button class="save-master-btn" onclick={save_settings}>{"Alles Speichern"}</button>
</div>
}
{
if let Some(msg) = (*error_msg).clone() {
html! {
<div class="error-card">
<p>{ format!("⚠️ {}", msg) }</p>
</div>
}
<div class="posts-list">
{ if let Some(msg) = (*error_msg).clone() {
html! { <div class="error-box">{ format!("⚠️ Error: {}", msg) }</div> }
} else if let Some(list) = (*articles).clone() {
html! {
<div class="posts-list">
{ for list.iter().map(|a| html! { <NewsCard article={a.clone()} mode={mode} /> }) }
<div class="footer-action">
<button class="reload-btn-large" onclick={load_news}>
{ if mode == NewsMode::Ai { "Mehr News generieren" } else { "Feed aktualisieren" } }
</button>
</div>
</div>
if list.is_empty() {
html! { <p class="empty-msg">{"Keine Nachrichten gefunden. Überprüfe deine Feeds."}</p> }
} else {
html! { for list.iter().map(|a| html! { <NewsCard article={a.clone()} /> }) }
}
} else {
html! {
<p class="status-msg">
{ if mode == NewsMode::Ai { "KI schreibt gerade News..." } else { "RSS Feeds werden geladen..." } }
</p>
}
}
}
html! { <div class="loading-spinner">{"Lade Nachrichten..."}</div> }
} }
</div>
</div>
}
}
#[derive(Properties, PartialEq)]
pub struct NewsProps {
pub struct NewsCardProps {
pub article: NewsArticle,
pub mode: NewsMode,
}
#[function_component(NewsCard)]
pub fn news_card(props: &NewsProps) -> Html {
pub fn news_card(props: &NewsCardProps) -> Html {
let a = &props.article;
let mode = props.mode;
let markdown_html = {
let mut options = Options::empty();
options.insert(Options::ENABLE_STRIKETHROUGH);
let parser = Parser::new_ext(&a.content, options);
let mut html_output = String::new();
md_html::push_html(&mut html_output, parser);
html_output
let mut out = String::new();
md_html::push_html(&mut out, parser);
out
};
html! {
<div class="post-card">
<div class="post-header">
<span class="post-author" style={if mode == NewsMode::Ai { "color: #4a90e2;" } else { "color: #facc15;" }}>
{ &a.author }
</span>
<span class="post-date">
{ if mode == NewsMode::Ai { "✨ AI Generated" } else { "📡 RSS Source" } }
</span>
<span class="post-author">{ &a.author }</span>
<span class="post-date">{ &a.created_at }</span>
</div>
<div class="post-content markdown-body">
{ Html::from_html_unchecked(AttrValue::from(markdown_html)) }