4.2 KiB
4.2 KiB
RSSPipe Backlog Specification (003_backlog.md)
This document records planned features, UX enhancements, and architectural extensions identified during initial testing and validation.
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,Enterto jump directly to article or feed). - Search history / recent queries quick access.
2. Password Management in User Settings
- Goal: Allow the single-user administrator to update their login credentials directly from
Settings > Account & System. - Scope:
- Backend API:
PUT /api/auth/passwordverifyingold_passwordand updating bcrypt hash fornew_password. - Frontend Modal/Card with confirmation field and clear validation indicators.
- Backend API:
3. Comprehensive Keyboard Shortcuts Test Suite
- Goal: Automated end-to-end and unit testing for all single-key power-user navigation bindings.
- Scope:
j/k: Next / previous article navigation.s: Toggle star.m: Toggle read status.e: Archive / mark read and advance.v: Open original URL in new browser tab.[: Toggle sidebar collapse/expand.r: Trigger feed refresh.a: Open Add Feed modal.1,2,3: Switch views (3-Split, Waterfall, Settings).?: Open keyboard shortcuts cheatsheet modal.Shift + A: Mark all as read with confirmation.- Ensure shortcuts are strictly inhibited when focus is inside text inputs, textareas, or modal forms.
4. Header Brand & Sidebar Toggle Alignment Consistency
- Goal: Standardize the top header layout across all view modes (3-Split, Waterfall, and Settings).
- Scope:
- In 3-Split view, ensure the RSSPipe logo and brand name occupy the consistent leftmost position matching Waterfall and Settings views.
- Ensure the sidebar toggle icon
[integrates cleanly into the left group or toolbar without disrupting brand alignment.
5. Refresh Button Spinning Micro-Animation
- Goal: Provide instant visual feedback when a background refresh or manual pull is in progress.
- Scope:
- Add smooth CSS keyframe spin animation (
@keyframes spin { 100% { transform: rotate(360deg); } }) to the refresh icon whenisRefreshingis active.
- Add smooth CSS keyframe spin animation (
6. Feed Favicon & Website Icon Scraping / Upload
- Goal: Enhance visual recognition by displaying 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-Scraper: Automatically fetch and cache
7. Active Post Reading Persistence on Subscription Switch
- Goal: Prevent reader disruption when exploring other subscriptions.
- Scope:
- When actively reading an article in the right canvas of 3-Split view, clicking a different subscription or category in the left sidebar should update the middle article list without abruptly closing or reloading the active article in the right canvas until a new article is explicitly selected.
8. Unified Feed & Category Tree Hierarchy ("Feeds" Root)
- Goal: Simplify feed organization into a single clean hierarchy.
- Scope:
- Eliminate the artificial separation between "Categorized Feeds" and "Uncategorized Feeds".
- Present a single unified "Feeds" section where uncategorized feeds reside at the root level alongside collapsible category folders.
- Drag-and-drop or simple dropdown assignment to move feeds between root and folders.
9. Enhanced Xiaohongshu Masonry Waterfall Experience
- Goal: Further elevate the card aesthetics and mobile interaction to closely match Xiaohongshu.
- Scope:
- Staggered dynamic aspect ratios with prominent media cards.
- Smooth infinite scroll pagination.
- Interactive gesture swipe to dismiss the full-screen reader.