haopengzhan/rsspipe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: implement new UI/UX architecture with redesigned desktop and mobile layouts, CSS-in-CSS modularization, and updated components.

Browse Source
This commit is contained in:
haopengzhan
2026-08-29 00:53:57 -07:00
parent dfbf646332
commit cd98c0120e
47 changed files with 8039 additions and 7236 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/003_backlog.md
+13 -10
View File
@@ -6,11 +6,13 @@ This document records planned features, UX enhancements, and architectural exten
## 1. Search Box Auto-Complete & Real-Time Suggestions
- **Goal**: Enable rich auto-complete and search suggestion dropdown as the user types in the global search bar.
- **Scope**:
- Auto-suggest matches across article titles, feed names, author tags, and category labels.
- Keyboard navigation within search dropdown (`ArrowDown`, `ArrowUp`, `Enter` to jump directly to article or feed).
- Search history / recent queries quick access.
- **Status**: **Partially Implemented (Search History Table & Dropdown Active)**
- **Implemented**:
- SQLite table `search_history (keyword TEXT PRIMARY KEY, last_searched_at DATETIME, search_count INTEGER)`.
- Backend endpoints `GET /api/search/history`, `POST /api/search/history`, `DELETE /api/search/history`.
- Frontend auto-complete dropdown with keyboard navigation (`ArrowDown`, `ArrowUp`, `Enter`), single-item removal, and clear history.
- **Future Extensions**:
- Live fuzzy matching across live article titles, feeds, authors, and category labels alongside search history.
---
@@ -59,12 +61,14 @@ This document records planned features, UX enhancements, and architectural exten
---
## 6. Feed Favicon & Website Icon Scraping / Upload
## 6. Feed Favicon & Website Icon Integration (Completed)
- **Goal**: Enhance visual recognition by displaying brand icons next to each feed.
- **Goal**: Enhance visual recognition by displaying colorful website brand icons next to each feed.
- **Scope**:
- **Auto-Scraper**: Automatically fetch and cache `favicon.ico`, `<link rel="icon">`, or `<link rel="apple-touch-icon">` from the feed's website root during initial subscription.
- **Manual Customization**: Allow uploading or specifying a custom icon URL in `Settings > Subscriptions > Edit Feed`.
- **Auto-Resolution**: Automatically generates and stores high-resolution website favicons (`https://www.google.com/s2/favicons?domain=...&sz=64`) from the feed's website root during subscription and crawler discovery.
- **Fallback**: Gracefully falls back to the clean RSS icon if image loading fails or host is unreachable.
- **Manual Customization**: Added full manual customization in `Settings > Feeds > Edit Feed` with live preview and "Auto-Detect" one-click button.
- **DB Migration & Backfill**: Automatically added `icon_url` column and backfilled all existing feeds.
---
@@ -141,4 +145,3 @@ This document records planned features, UX enhancements, and architectural exten
- Outbound webhook action in rule engine supporting Telegram, Discord, Slack, and generic JSON HTTP POST.
- Template engine with interpolation of article variables (`title`, `feed_title`, `url`, `published_at`, `ai_summary`, `tags`).
- Retry mechanism with exponential backoff on delivery failure.