+ {/* Feed Source and Date */}
+
+ {feedSourceName}
+ {pubDateTimestamp && (
+
+ )}
+
+
+ {/* Title */}
+
+
+ {/* Description with text selection support */}
+
+
{
+ // Allow text selection
+ e.stopPropagation()
+ }}
+ style={{
+ userSelect: 'text',
+ WebkitUserSelect: 'text',
+ MozUserSelect: 'text',
+ msUserSelect: 'text'
+ }}
+ />
+
+ {/* Highlight Button */}
+ {showHighlightButton && selectedText && selectionPosition && (
+
+
+
+ )}
+
+
+ {/* Link to original article */}
+
+
+ {/* Post Editor for highlights */}
+
{
+ setIsPostEditorOpen(open)
+ if (!open) {
+ setHighlightData(undefined)
+ setHighlightText('')
+ }
+ }}
+ defaultContent={highlightText}
+ initialHighlightData={highlightData}
+ />
+
+ )
+}
+
diff --git a/src/components/RssFeedList/index.tsx b/src/components/RssFeedList/index.tsx
new file mode 100644
index 0000000..b621486
--- /dev/null
+++ b/src/components/RssFeedList/index.tsx
@@ -0,0 +1,95 @@
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNostr } from '@/providers/NostrProvider'
+import rssFeedService, { RssFeedItem as TRssFeedItem } from '@/services/rss-feed.service'
+import { ExtendedKind, DEFAULT_RSS_FEEDS } from '@/constants'
+import indexedDb from '@/services/indexed-db.service'
+import RssFeedItem from '../RssFeedItem'
+import { Loader, AlertCircle } from 'lucide-react'
+import logger from '@/lib/logger'
+
+export default function RssFeedList() {
+ const { t } = useTranslation()
+ const { pubkey } = useNostr()
+ const [items, setItems] = useState
([])
+ const [loading, setLoading] = useState(true)
+ const [error, setError] = useState(null)
+
+ useEffect(() => {
+ const loadRssFeeds = async () => {
+ setLoading(true)
+ setError(null)
+
+ try {
+ // Get feed URLs from event or use default
+ let feedUrls: string[] = DEFAULT_RSS_FEEDS
+
+ if (pubkey) {
+ try {
+ const event = await indexedDb.getReplaceableEvent(pubkey, ExtendedKind.RSS_FEED_LIST)
+ if (event && event.content) {
+ try {
+ const urls = JSON.parse(event.content) as string[]
+ if (Array.isArray(urls) && urls.length > 0) {
+ feedUrls = urls
+ }
+ } catch (e) {
+ logger.error('[RssFeedList] Failed to parse RSS feed list', { error: e })
+ // Use default feeds on parse error
+ }
+ }
+ } catch (e) {
+ logger.error('[RssFeedList] Failed to load RSS feed list event', { error: e })
+ // Use default feeds on error
+ }
+ }
+
+ // Fetch and merge feeds
+ const fetchedItems = await rssFeedService.fetchMultipleFeeds(feedUrls)
+ setItems(fetchedItems)
+ } catch (err) {
+ logger.error('[RssFeedList] Error loading RSS feeds', { error: err })
+ setError(err instanceof Error ? err.message : t('Failed to load RSS feeds'))
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ loadRssFeeds()
+ }, [pubkey, t])
+
+ if (loading) {
+ return (
+
+
+
{t('Loading RSS feeds...')}
+
+
{t('No RSS feed items available')}
+
+ {items.map((item) => (
+
+ ))}
+
+ )
+}
+
diff --git a/src/constants.ts b/src/constants.ts
index 9e4f234..7ee1175 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -53,6 +53,7 @@ export const StorageKey = {
DEFAULT_QUIET_DAYS: 'defaultQuietDays',
RESPECT_QUIET_TAGS: 'respectQuietTags',
GLOBAL_QUIET_MODE: 'globalQuietMode',
+ SHOW_RSS_FEED: 'showRssFeed',
MEDIA_UPLOAD_SERVICE: 'mediaUploadService', // deprecated
HIDE_UNTRUSTED_EVENTS: 'hideUntrustedEvents', // deprecated
ACCOUNT_RELAY_LIST_EVENT_MAP: 'accountRelayListEventMap', // deprecated
@@ -149,6 +150,7 @@ export const ExtendedKind = {
WIKI_ARTICLE: 30818,
WIKI_ARTICLE_MARKDOWN: 30817,
PUBLICATION_CONTENT: 30041,
+ RSS_FEED_LIST: 30895,
// NIP-89 Application Handlers
APPLICATION_HANDLER_RECOMMENDATION: 31989,
APPLICATION_HANDLER_INFO: 31990
@@ -230,3 +232,5 @@ export const MEDIA_AUTO_LOAD_POLICY = {
WIFI_ONLY: 'wifi-only',
NEVER: 'never'
} as const
+
+export const DEFAULT_RSS_FEEDS = ['https://divineoffice.org/feed/']
diff --git a/src/lib/draft-event.ts b/src/lib/draft-event.ts
index 1ecc254..9d419f0 100644
--- a/src/lib/draft-event.ts
+++ b/src/lib/draft-event.ts
@@ -438,6 +438,15 @@ export function createRelayListDraftEvent(mailboxRelays: TMailboxRelay[]): TDraf
}
}
+export function createRssFeedListDraftEvent(feedUrls: string[]): TDraftEvent {
+ return {
+ kind: ExtendedKind.RSS_FEED_LIST,
+ content: JSON.stringify(feedUrls),
+ tags: [],
+ created_at: dayjs().unix()
+ }
+}
+
export function createCacheRelaysDraftEvent(mailboxRelays: TMailboxRelay[]): TDraftEvent {
return {
kind: ExtendedKind.CACHE_RELAYS,
diff --git a/src/lib/link.ts b/src/lib/link.ts
index 63647d2..8e0e4ba 100644
--- a/src/lib/link.ts
+++ b/src/lib/link.ts
@@ -70,6 +70,7 @@ export const toWallet = () => '/settings/wallet'
export const toPostSettings = () => '/settings/posts'
export const toGeneralSettings = () => '/settings/general'
export const toTranslation = () => '/settings/translation'
+export const toRssFeedSettings = () => '/settings/rss-feeds'
export const toProfileEditor = () => '/profile-editor'
export const toRelay = (url: string) => `/relays/${encodeURIComponent(url)}`
export const toRelayReviews = (url: string) => `/relays/${encodeURIComponent(url)}/reviews`
diff --git a/src/pages/secondary/RssFeedSettingsPage/index.tsx b/src/pages/secondary/RssFeedSettingsPage/index.tsx
new file mode 100644
index 0000000..aed69b2
--- /dev/null
+++ b/src/pages/secondary/RssFeedSettingsPage/index.tsx
@@ -0,0 +1,256 @@
+import SecondaryPageLayout from '@/layouts/SecondaryPageLayout'
+import { forwardRef, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNostr } from '@/providers/NostrProvider'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Switch } from '@/components/ui/switch'
+import storage from '@/services/local-storage.service'
+import { createRssFeedListDraftEvent } from '@/lib/draft-event'
+import { showPublishingFeedback, showSimplePublishSuccess, showPublishingError } from '@/lib/publishing-feedback'
+import { CloudUpload, Loader, Trash2, Plus } from 'lucide-react'
+import logger from '@/lib/logger'
+import { ExtendedKind } from '@/constants'
+import indexedDb from '@/services/indexed-db.service'
+
+const RssFeedSettingsPage = forwardRef(({ index, hideTitlebar = false }: { index?: number; hideTitlebar?: boolean }, ref) => {
+ const { t } = useTranslation()
+ const { pubkey, publish, checkLogin } = useNostr()
+ const [feedUrls, setFeedUrls] = useState([])
+ const [newFeedUrl, setNewFeedUrl] = useState('')
+ const [showRssFeed, setShowRssFeed] = useState(true)
+ const [hasChange, setHasChange] = useState(false)
+ const [pushing, setPushing] = useState(false)
+ const [loading, setLoading] = useState(true)
+
+ useEffect(() => {
+ // Load show RSS feed setting
+ setShowRssFeed(storage.getShowRssFeed())
+
+ // Load RSS feed list from event
+ const loadRssFeedList = async () => {
+ if (!pubkey) {
+ setLoading(false)
+ return
+ }
+
+ try {
+ const event = await indexedDb.getReplaceableEvent(pubkey, ExtendedKind.RSS_FEED_LIST)
+ if (event && event.content) {
+ try {
+ const urls = JSON.parse(event.content) as string[]
+ if (Array.isArray(urls)) {
+ setFeedUrls(urls)
+ }
+ } catch (e) {
+ logger.error('[RssFeedSettingsPage] Failed to parse RSS feed list', { error: e })
+ }
+ }
+ } catch (error) {
+ logger.error('[RssFeedSettingsPage] Failed to load RSS feed list', { error })
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ loadRssFeedList()
+ }, [pubkey])
+
+ const handleShowRssFeedChange = (checked: boolean) => {
+ setShowRssFeed(checked)
+ storage.setShowRssFeed(checked)
+ // No need to set hasChange here as this is a local storage setting, not a Nostr event
+ }
+
+ const handleAddFeed = () => {
+ const url = newFeedUrl.trim()
+ if (!url) return
+
+ // Basic URL validation
+ try {
+ new URL(url)
+ } catch {
+ // Invalid URL
+ return
+ }
+
+ if (feedUrls.includes(url)) {
+ // Feed already exists
+ return
+ }
+
+ setFeedUrls([...feedUrls, url])
+ setNewFeedUrl('')
+ setHasChange(true)
+ }
+
+ const handleRemoveFeed = (url: string) => {
+ setFeedUrls(feedUrls.filter(u => u !== url))
+ setHasChange(true)
+ }
+
+ const handleSave = async () => {
+ if (!pubkey) return
+
+ setPushing(true)
+ try {
+ const event = createRssFeedListDraftEvent(feedUrls)
+ const result = await publish(event)
+
+ // Cache the event in IndexedDB for immediate access
+ try {
+ await indexedDb.putReplaceableEvent(result)
+ } catch (cacheError) {
+ logger.warn('[RssFeedSettingsPage] Failed to cache RSS feed list event', { error: cacheError })
+ // Don't fail the save if caching fails
+ }
+
+ // Read relayStatuses immediately before it might be deleted
+ const relayStatuses = (result as any).relayStatuses
+
+ setHasChange(false)
+
+ // Show publishing feedback
+ if (relayStatuses && relayStatuses.length > 0) {
+ showPublishingFeedback({
+ success: true,
+ relayStatuses: relayStatuses,
+ successCount: relayStatuses.filter((s: any) => s.success).length,
+ totalCount: relayStatuses.length
+ }, {
+ message: t('RSS feeds saved'),
+ duration: 6000
+ })
+ } else {
+ showSimplePublishSuccess(t('RSS feeds saved'))
+ }
+ } catch (error) {
+ logger.error('[RssFeedSettingsPage] Failed to save RSS feed list', { error })
+ // Show error feedback with relay statuses if available
+ if (error instanceof Error && (error as any).relayStatuses) {
+ const errorRelayStatuses = (error as any).relayStatuses
+ showPublishingFeedback({
+ success: false,
+ relayStatuses: errorRelayStatuses,
+ successCount: errorRelayStatuses.filter((s: any) => s.success).length,
+ totalCount: errorRelayStatuses.length
+ }, {
+ message: error.message || t('Failed to save RSS feeds'),
+ duration: 6000
+ })
+ } else {
+ showPublishingError(error instanceof Error ? error : new Error(t('Failed to save RSS feeds')))
+ }
+ } finally {
+ setPushing(false)
+ }
+ }
+
+ if (!pubkey) {
+ return (
+
+
+
+
+
+ )
+ }
+
+ if (loading) {
+ return (
+
+ {t('loading...')}
+
+ )
+ }
+
+ return (
+
+
+ {/* Show RSS Feed Toggle */}
+
+
+
+
+
+
+ {t('Show or hide the RSS feed tab in the main feed')}
+
+
+
+ {/* RSS Feed List */}
+
+
+
+
+ {t('Add RSS feed URLs to subscribe to. If no feeds are configured, the default feed will be used.')}
+
+
+
+ {/* Add Feed Input */}
+
+
setNewFeedUrl(e.target.value)}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter') {
+ handleAddFeed()
+ }
+ }}
+ className="flex-1"
+ />
+
+
+
+ {/* Feed List */}
+
+ {feedUrls.length === 0 ? (
+
+ {t('No feeds configured. Default feed will be used.')}
+
+ ) : (
+ feedUrls.map((url) => (
+
+ {url}
+
+
+ ))
+ )}
+
+
+ {/* Save Button */}
+
+
+
+
+
{t('RSS Feed Settings')}
+