PodTui/tasks/podcast-tui-app/31-reverse-chronological.md

30. Implement Feed Source Management (Add/Remove Sources)

meta: id: podcast-tui-app-30 feature: podcast-tui-app priority: P1 depends_on: [29] tags: [source-management, feeds, solidjs, opentui]

objective:

• Create source management component
• Implement add new source functionality
• Implement remove source functionality
• Manage enabled/disabled sources

deliverables:

• src/components/SourceManager.tsx with source management UI
• src/components/AddSourceForm.tsx with add source form
• src/components/SourceListItem.tsx with individual source

steps:

• Create src/components/SourceManager.tsx:
  • List of enabled sources
  • Add source button
  • Remove source button
  • Enable/disable toggle
  • Source count display
• Create src/components/AddSourceForm.tsx:
  • Source name input
  • Source URL input
  • Source type selection
  • API key input (if required)
  • Submit button
  • Validation
• Create src/components/SourceListItem.tsx:
  • Display source info
  • Enable/disable toggle
  • Remove button
  • Status indicator
• Add source manager to settings screen

tests:

• Unit: Test source list displays correctly
• Unit: Test add source form validation
• Unit: Test remove source functionality
• Integration: Test source management workflow

acceptance_criteria:

• Source list displays all sources
• Add source form validates input
• Remove source works correctly
• Enable/disable toggles work

validation:

• Run application and navigate to settings
• Test add source
• Test remove source
• Test enable/disable toggle
• Verify feeds from new sources appear

notes:

• Source types: RSS, API, Custom
• RSS sources: feed URLs
• API sources: require API key
• Custom sources: user-defined
• Add validation for source URLs
• Store sources in localStorage