Add per-feed article expiry with timer reset

Articles expire based on a per-feed bucket (6h, 18h, 3d, 7d, default 3d),
measured from fetchedAt (time first stored). Expiry runs on every refresh
and on feed import/add.

- Add ExpiryBucket type, EXPIRY_DURATIONS, EXPIRY_LABELS to FeedsContext
- Add fetchedAt to Article, expiryBucket to Feed
- expireArticles() runs after every refresh and add operation
- updateFeedExpiry() and resetArticleExpiry() added to context
- FeedSettingsSheet: tap any feed row to set expiry bucket and remove feed
- ArticleCard: long press resets the expiry timer for that article
- Feed rows show current expiry setting inline

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: agbaum

app.json

@@ -2,7 +2,7 @@
   "expo": {
     "name": "reader",
     "slug": "reader",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
     "scheme": "reader",
@@ -21,7 +21,7 @@
       "predictiveBackGestureEnabled": false,
       "usesCleartextTraffic": true,
       "package": "com.akpgreentree.reader",
-      "versionCode": 8
+      "versionCode": 9
     },
     "web": {
       "output": "static",

package-lock.json

@@ -15,7 +15,7 @@ const appJson = JSON.parse(fs.readFileSync(appJsonPath, 'utf8'));
 const devValues = {
   android: {
     package: 'com.akpgreentree.reader.dev',
-    versionCode: 8,
+    versionCode: 9,
   },
   ios: {
     bundleIdentifier: 'com.akpgreentree.reader.dev',
@@ -25,7 +25,7 @@ const devValues = {
 const prodValues = {
   android: {
     package: 'com.akpgreentree.reader',
-    versionCode: 8,
+    versionCode: 9,
   },
   ios: {
     bundleIdentifier: 'com.akpgreentree.reader',

scripts/toggle-package-id.js

@@ -2,7 +2,6 @@ import { Feather } from "@expo/vector-icons";
 import * as Haptics from "expo-haptics";
 import React, { useCallback, useState } from "react";
 import {
-  Alert,
   FlatList,
   Platform,
   Pressable,
@@ -13,34 +12,23 @@ import {
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { AddFeedSheet } from "@/components/AddFeedSheet";
+import { FeedSettingsSheet } from "@/components/FeedSettingsSheet";
 import Colors from "@/constants/colors";
-import { Feed, useFeeds } from "@/context/FeedsContext";
+import { EXPIRY_LABELS, Feed, useFeeds } from "@/context/FeedsContext";
 
 function FeedRow({
   feed,
-  onRemove,
   onRefresh,
+  onOpenSettings,
 }: {
   feed: Feed;
-  onRemove: (id: string) => void;
   onRefresh: (id: string) => void;
+  onOpenSettings: (feed: Feed) => void;
 }) {
   const { articles } = useFeeds();
   const unread = articles.filter((a) => a.feedId === feed.id && !a.isRead).length;
   const total = articles.filter((a) => a.feedId === feed.id).length;
 
-  const handleLongPress = useCallback(() => {
-    Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
-    Alert.alert(
-      `Remove "${feed.title}"?`,
-      "This will delete all articles from this feed.",
-      [
-        { text: "Cancel", style: "cancel" },
-        { text: "Remove", style: "destructive", onPress: () => onRemove(feed.id) },
-      ]
-    );
-  }, [feed, onRemove]);
-
   const handleRefresh = useCallback(() => {
     Haptics.selectionAsync();
     onRefresh(feed.id);
@@ -54,10 +42,11 @@ function FeedRow({
     }
   })();
 
+  const expiryLabel = EXPIRY_LABELS[feed.expiryBucket ?? "3d"];
+
   return (
     <Pressable
-      onLongPress={handleLongPress}
-      delayLongPress={500}
+      onPress={() => onOpenSettings(feed)}
       style={({ pressed }) => [styles.feedRow, pressed && { opacity: 0.8 }]}
     >
       <View style={styles.feedIcon}>
@@ -71,7 +60,7 @@ function FeedRow({
           {domain}
         </Text>
         <Text style={styles.feedCount}>
-          {unread > 0 ? `${unread} unread` : "Up to date"} · {total} total
+          {unread > 0 ? `${unread} unread` : "Up to date"} · {total} total · expires {expiryLabel}
         </Text>
       </View>
       <Pressable
@@ -86,17 +75,18 @@ function FeedRow({
 }
 
 export default function FeedsScreen() {
-  const { feeds, removeFeed, refreshFeed } = useFeeds();
+  const { feeds, refreshFeed } = useFeeds();
   const insets = useSafeAreaInsets();
   const [showAdd, setShowAdd] = useState(false);
+  const [settingsFeed, setSettingsFeed] = useState<Feed | null>(null);
 
   const topPad = Platform.OS === "web" ? Math.max(insets.top, 67) : insets.top;
 
   const renderItem = useCallback(
     ({ item }: { item: Feed }) => (
-      <FeedRow feed={item} onRemove={removeFeed} onRefresh={refreshFeed} />
+      <FeedRow feed={item} onRefresh={refreshFeed} onOpenSettings={setSettingsFeed} />
     ),
-    [removeFeed, refreshFeed]
+    [refreshFeed]
   );
 
   const ListHeader = (
@@ -157,6 +147,7 @@ export default function FeedsScreen() {
         ]}
       />
       <AddFeedSheet visible={showAdd} onClose={() => setShowAdd(false)} />
+      <FeedSettingsSheet feed={settingsFeed} onClose={() => setSettingsFeed(null)} />
     </View>
   );
 }

src/app/(tabs)/feeds.tsx

@@ -52,7 +52,7 @@ function RefreshingBar({ visible }: { visible: boolean }) {
 }
 
 export default function TodayScreen() {
-  const { articles, isRefreshing, refreshFeeds, markAsRead } = useFeeds();
+  const { articles, isRefreshing, refreshFeeds, markAsRead, resetArticleExpiry } = useFeeds();
   const insets = useSafeAreaInsets();
   const [sidebarOpen, setSidebarOpen] = useState(false);
   const [feedsPanelOpen, setFeedsPanelOpen] = useState(false);
@@ -65,7 +65,7 @@ export default function TodayScreen() {
 
   const renderItem = useCallback(
     ({ item }: { item: Article }) => (
-      <ArticleCard article={item} onMarkRead={markAsRead} showFeedName />
+      <ArticleCard article={item} onMarkRead={markAsRead} onResetExpiry={resetArticleExpiry} showFeedName />
     ),
     [markAsRead]
   );

src/app/(tabs)/index.tsx

@@ -11,6 +11,7 @@ import { Article } from "@/context/FeedsContext";
 interface ArticleCardProps {
   article: Article;
   onMarkRead: (id: string) => void;
+  onResetExpiry?: (id: string) => void;
   showFeedName?: boolean;
 }
 
@@ -31,6 +32,7 @@ function timeAgo(ts?: number): string {
 export function ArticleCard({
   article,
   onMarkRead,
+  onResetExpiry,
   showFeedName = true,
 }: ArticleCardProps) {
   const handlePress = useCallback(() => {
@@ -41,9 +43,16 @@ export function ArticleCard({
     }
   }, [article, onMarkRead]);
 
+  const handleLongPress = useCallback(() => {
+    if (!onResetExpiry) return;
+    Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
+    onResetExpiry(article.id);
+  }, [article.id, onResetExpiry]);
+
   return (
     <Pressable
       onPress={handlePress}
+      onLongPress={handleLongPress}
       style={({ pressed }) => [styles.card, pressed && styles.cardPressed]}
     >
       <View style={styles.content}>