Michael/FlowReader
1
0 Fork 0
mirror of https://github.com/R0m1k3/FlowReader.git synced 2026-10-11 17:28:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: auto-cleanup articles > 30d and relocate AI summary to reader view

Browse Source
This commit is contained in:
Michael committed 2026-02-09 11:49:54 +01:00
1 parent b3cbaf741d
commit c4cc7eaf87
5 files changed
+136 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/src/components/ArticleCard.tsx
+6 -7
View File
@@ -150,15 +150,14 @@ export function ArticleCard({ article, onClick, onToggleRead, onToggleFavorite }
</h2>
{article.ai_summary ? (
<div className="bg-nature/5 border-l-4 border-nature p-4 rounded-r-lg animate-fade-in relative my-2">
<span className="absolute -top-3 left-2 text-xl filter drop-shadow-sm">✨</span>
<p className="text-paper-white text-sm leading-relaxed font-reading italic">
{article.ai_summary}
</p>
<div className="flex items-center space-x-2 text-nature/80">
<span className="text-sm px-2 py-0.5 bg-nature/10 rounded-full font-medium flex items-center">
<span className="mr-1">✨</span> Smart Digest prêt
</span>
</div>
) : article.summary && (
<p className="text-paper-muted/90 text-sm leading-relaxed line-clamp-3 font-reading group-hover:text-paper-white transition-colors">
{article.summary.replace(/<[^>]*>?/gm, '').substring(0, 160)}...
<p className="text-paper-muted/90 text-sm leading-relaxed line-clamp-2 font-reading group-hover:text-paper-white transition-colors">
{article.summary.replace(/<[^>]*>?/gm, '').substring(0, 120)}...
</p>
)}
web/src/components/ReaderView.tsx
+32 -2
View File
@@ -1,4 +1,4 @@
import type { Article } from '../api/articles';
import { type Article, articlesApi } from '../api/articles';
interface ReaderViewProps {
article: Article;
@@ -59,9 +59,39 @@ export function ReaderView({ article, onClose, onToggleFavorite }: ReaderViewPro
<span>{article.published_at ? new Date(article.published_at).toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' }) : 'Aujourd\'hui'}</span>
</div>
<h1 className="text-4xl md:text-6xl font-serif text-paper-white leading-[1.15] italic-nature tracking-tight">
<h1 className="text-4xl md:text-6xl font-serif text-paper-white leading-[1.15] italic-nature tracking-tight mb-8">
{article.title}
</h1>
{/* Smart Digest Section */}
{article.ai_summary ? (
<div className="bg-nature/5 border-l-4 border-nature p-6 rounded-r-2xl mb-12 animate-fade-in shadow-sm">
<h3 className="text-nature font-black text-[10px] uppercase tracking-[0.2em] mb-4 flex items-center">
<span className="mr-2 text-base">✨</span> Smart Digest
</h3>
<p className="text-paper-white text-lg leading-relaxed font-reading italic">
{article.ai_summary}
</p>
</div>
) : (
<div className="mb-12">
<button
onClick={async (e) => {
e.stopPropagation();
try {
await articlesApi.summarize(article.id);
// The WS hub will trigger an update, but we could also show a loading state here
} catch (err) {
console.error("Failed to summarize:", err);
}
}}
className="group flex items-center space-x-3 bg-nature/5 hover:bg-nature text-nature hover:text-white border border-nature/20 px-6 py-3 rounded-full transition-all duration-500"
>
<span className="text-xl group-hover:rotate-12 transition-transform">✨</span>
<span className="text-[10px] uppercase tracking-[0.2em] font-black">Générer le Smart Digest</span>
</button>
</div>
)}
</header>
<div