v0.4.1: Add app icons, RSSHub integration & reorder features

src-tauri/gen/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+  <background android:drawable="@color/ic_launcher_background"/>
+</adaptive-icon>

src-tauri/gen/android/app/src/main/res/values/ic_launcher_background.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="ic_launcher_background">#fff</color>
+</resources>

src-tauri/src/lib.rs

@@ -471,6 +471,8 @@ async fn tts_speak_elevenlabs(
         voice_id
     );
     let model = model_id.unwrap_or_else(|| "eleven_multilingual_v2".to_string());
+    eprintln!("[elevenlabs] voice={voice_id}, model={model}, text_len={}", text.len());
+
     let body = serde_json::json!({
         "text": text,
         "model_id": model,
@@ -483,11 +485,16 @@ async fn tts_speak_elevenlabs(
         .json(&body)
         .send()
         .await
-        .map_err(|e| format!("ElevenLabs request failed: {e}"))?;
+        .map_err(|e| {
+            eprintln!("[elevenlabs] Request failed: {e}");
+            format!("ElevenLabs request failed: {e}")
+        })?;
 
     let status = response.status();
+    eprintln!("[elevenlabs] Response status: {status}");
     if !status.is_success() {
         let err_body = response.text().await.unwrap_or_default();
+        eprintln!("[elevenlabs] Error body: {err_body}");
         return Err(format!("ElevenLabs HTTP {status}: {err_body}"));
     }
 
@@ -496,6 +503,7 @@ async fn tts_speak_elevenlabs(
         .await
         .map_err(|e| format!("ElevenLabs read body: {e}"))?;
 
+    eprintln!("[elevenlabs] Audio received: {} bytes", bytes.len());
     Ok(STANDARD.encode(&bytes))
 }
 

src/App.tsx

@@ -120,8 +120,38 @@ export default function App() {
 
   // Get items based on selection
   const items = useMemo(() => {
-    if (showFavorites) return store.getAllItems().filter(item => item.isStarred);
-    if (showReadLater) return store.getAllItems().filter(item => item.isBookmarked);
+    if (showFavorites) {
+      const filtered = store.getAllItems().filter(item => item.isStarred);
+      const order = store.getFavoritesOrder();
+      if (order.length > 0) {
+        const posMap = new Map(order.map((id, i) => [id, i]));
+        return filtered.sort((a, b) => {
+          const posA = posMap.get(a.id);
+          const posB = posMap.get(b.id);
+          if (posA !== undefined && posB !== undefined) return posA - posB;
+          if (posA !== undefined) return -1;
+          if (posB !== undefined) return 1;
+          return b.publishedAt.getTime() - a.publishedAt.getTime();
+        });
+      }
+      return filtered;
+    }
+    if (showReadLater) {
+      const filtered = store.getAllItems().filter(item => item.isBookmarked);
+      const order = store.getReadLaterOrder();
+      if (order.length > 0) {
+        const posMap = new Map(order.map((id, i) => [id, i]));
+        return filtered.sort((a, b) => {
+          const posA = posMap.get(a.id);
+          const posB = posMap.get(b.id);
+          if (posA !== undefined && posB !== undefined) return posA - posB;
+          if (posA !== undefined) return -1;
+          if (posB !== undefined) return 1;
+          return b.publishedAt.getTime() - a.publishedAt.getTime();
+        });
+      }
+      return filtered;
+    }
     if (selectedFeedId) return store.getItemsByFeed(selectedFeedId);
     if (selectedSource) return store.getItemsBySource(selectedSource);
     return store.getAllItems();
@@ -249,6 +279,11 @@ export default function App() {
     setReaderPanelOpen(false);
   }, []);
 
+  const handleReorderItems = useCallback((orderedIds: string[]) => {
+    if (showFavorites) store.reorderFavorites(orderedIds);
+    else if (showReadLater) store.reorderReadLater(orderedIds);
+  }, [showFavorites, showReadLater, store]);
+
   // Keyboard shortcuts: 1/2/3 toggle panels
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -298,6 +333,7 @@ export default function App() {
                   onAddFeed={handleAddFeed}
                   onImportOpml={store.importFeeds}
                   onRemoveFeed={store.removeFeed}
+                  onRenameFeed={store.renameFeed}
                   onSync={handleSyncAll}
                   isSyncing={store.isSyncing}
                   syncProgress={store.syncProgress}
@@ -333,6 +369,7 @@ export default function App() {
                   onToggleRead={store.toggleRead}
                   onToggleStar={store.toggleStar}
                   onToggleBookmark={store.toggleBookmark}
+                  onReorderItems={(showFavorites || showReadLater) ? handleReorderItems : undefined}
                   onClose={handleCloseFeedPanel}
                 />
               </div>

src/components/AddFeedModal.tsx

@@ -4,6 +4,7 @@ import type { FeedSource } from '../types';
 import { searchFeeds, isSearchableSource, searchLabels, type FeedSearchResult } from '../services/feedSearchService';
 import { usePro } from '../contexts/ProContext';
 import { PRO_LIMITS } from '../services/licenseService';
+import { detectRSSHubRoute, type RSSHubMatch } from '../services/rsshubService';
 
 interface AddFeedModalProps {
   isOpen: boolean;
@@ -87,6 +88,7 @@ export function AddFeedModal({ isOpen, onClose, onAdd, feedCount = 0 }: AddFeedM
   const searchVersionRef = useRef(0);
 
   const resolved = useMemo(() => resolveInput(input, source), [input, source]);
+  const rsshubMatch = useMemo(() => detectRSSHubRoute(input.trim()), [input]);
 
   const triggerSearch = useCallback((query: string, currentSource: FeedSource) => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
@@ -319,6 +321,24 @@ export function AddFeedModal({ isOpen, onClose, onAdd, feedCount = 0 }: AddFeedM
                     <span className="resolved-url">{resolved.shorthand}</span>
                   </motion.div>
                 )}
+                {rsshubMatch && !resolved.shorthand && (
+                  <motion.button
+                    type="button"
+                    className="rsshub-suggestion"
+                    initial={{ opacity: 0, y: -4 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ duration: 0.15 }}
+                    onClick={() => {
+                      setInput(rsshubMatch.rsshubUrl);
+                      if (!name.trim()) setName(rsshubMatch.label);
+                    }}
+                  >
+                    <svg className="rsshub-logo" viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
+                      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/>
+                    </svg>
+                    <span className="rsshub-suggestion-text">Flux RSSHub disponible — {rsshubMatch.label}</span>
+                  </motion.button>
+                )}
               </div>
 
               <div className="form-group">

src/components/ExpandingPanel.tsx

@@ -0,0 +1,164 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+type Corner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type Phase = 'hidden' | 'mounting' | 'expanding' | 'content-in' | 'content-out' | 'closing';
+
+interface ExpandingPanelProps {
+  isOpen: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+  title?: string;
+  corner?: Corner;
+}
+
+function getCornerPercent(corner: Corner) {
+  const x = corner.includes('right') ? '100%' : '0%';
+  const y = corner.includes('bottom') ? '100%' : '0%';
+  return { x, y };
+}
+
+export function ExpandingPanel({
+  isOpen,
+  onClose,
+  children,
+  title,
+  corner = 'top-left',
+}: ExpandingPanelProps) {
+  const panelRef = useRef<HTMLDivElement>(null);
+  const [phase, setPhase] = useState<Phase>('hidden');
+
+  const { x, y } = getCornerPercent(corner);
+
+  const handleKeyDown = useCallback(
+    (e: KeyboardEvent) => {
+      if (e.key === 'Escape') onClose();
+    },
+    [onClose],
+  );
+
+  useEffect(() => {
+    if (isOpen) {
+      setPhase('mounting');
+      document.addEventListener('keydown', handleKeyDown);
+
+      const t1 = setTimeout(() => setPhase('expanding'), 30);
+      const t2 = setTimeout(() => setPhase('content-in'), 900);
+
+      return () => {
+        clearTimeout(t1);
+        clearTimeout(t2);
+      };
+    } else {
+      if (phase === 'hidden') return;
+
+      setPhase('content-out');
+
+      const t1 = setTimeout(() => setPhase('closing'), 350);
+      const t2 = setTimeout(() => {
+        setPhase('hidden');
+        document.body.style.overflow = '';
+      }, 1350);
+
+      document.removeEventListener('keydown', handleKeyDown);
+
+      return () => {
+        clearTimeout(t1);
+        clearTimeout(t2);
+      };
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isOpen, handleKeyDown]);
+
+  useEffect(() => {
+    if (phase === 'content-in' && panelRef.current) {
+      const focusable = panelRef.current.querySelector<HTMLElement>(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',
+      );
+      focusable?.focus();
+    }
+  }, [phase]);
+
+  if (phase === 'hidden') return null;
+
+  const isExpanded = phase === 'expanding' || phase === 'content-in';
+  const isContentVisible = phase === 'content-in';
+  const isCollapsing = phase === 'closing';
+  const isContentFadingOut = phase === 'content-out';
+
+  const clipRadius = isExpanded || isContentFadingOut ? '200%' : '0%';
+  const clipPath = `circle(${clipRadius} at ${x} ${y})`;
+
+  const clipTransition = isCollapsing
+    ? 'clip-path 800ms cubic-bezier(0.55, 0, 1, 0.45)'
+    : 'clip-path 1200ms cubic-bezier(0.22, 1, 0.36, 1)';
+
+  return (
+    <>
+      {/* Overlay */}
+      <div
+        className="expanding-panel-overlay"
+        style={{
+          opacity: isExpanded || isContentFadingOut ? 1 : 0,
+          transition: isExpanded || isContentFadingOut
+            ? 'opacity 700ms ease'
+            : 'opacity 500ms ease',
+        }}
+        onClick={onClose}
+      />
+
+      {/* Panel */}
+      <div
+        ref={panelRef}
+        role="dialog"
+        aria-modal="true"
+        aria-label={title || 'Panneau'}
+        className="expanding-panel"
+        style={{ clipPath, transition: clipTransition }}
+      >
+        {/* Header */}
+        <header
+          className="expanding-panel-header"
+          style={{
+            transform: isContentVisible
+              ? 'translateY(0)'
+              : isContentFadingOut
+                ? 'translateY(0)'
+                : 'translateY(-16px)',
+            opacity: isContentVisible ? 1 : isContentFadingOut ? 0 : 0,
+            transition: isContentVisible
+              ? 'transform 700ms ease-out, opacity 700ms ease-out'
+              : 'transform 300ms ease-in, opacity 300ms ease-in',
+          }}
+        >
+          {title && <h2 className="expanding-panel-title">{title}</h2>}
+          <button
+            className="expanding-panel-close"
+            onClick={onClose}
+            aria-label="Fermer le panneau"
+          >
+            ✕
+          </button>
+        </header>
+
+        {/* Content */}
+        <div className="expanding-panel-body">
+          <div
+            style={{
+              transform: isContentVisible
+                ? 'translateY(0)'
+                : isContentFadingOut
+                  ? 'translateY(0)'
+                  : 'translateY(32px)',
+              opacity: isContentVisible ? 1 : 0,
+              transition: isContentVisible
+                ? 'transform 1000ms ease-out, opacity 1000ms ease-out'
+                : 'transform 300ms ease-in, opacity 300ms ease-in',
+            }}
+          >
+            {children}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}