fix: filter video content and increase episode limit in podcast feeds

- Filter out video episodes from podcast feeds (audio-only playback)
- Show notice when video content is hidden with count
- Increase episode limit from 40 to 1000 to show all tracks
- Add helper functions: isAudioEpisode, isVideoEpisode, countVideoEpisodes
- Display episode count in feed page header

Fixes #2

Author: derekross

src/lib/podcastindex.ts

@@ -196,10 +196,10 @@ export class PodcastIndexAPI {
     return data.items || [];
   }
 
-  async getFeedEpisodes(feedId: number): Promise<PodcastIndexEpisodesResponse> {
+  async getFeedEpisodes(feedId: number, max: number = 1000): Promise<PodcastIndexEpisodesResponse> {
     const headers = await this.getAuthHeaders();
     const response = await fetch(
-      `${this.baseUrl}/episodes/byfeedid?id=${feedId}&pretty`,
+      `${this.baseUrl}/episodes/byfeedid?id=${feedId}&max=${max}&pretty`,
       { headers }
     );
     if (!response.ok) {
@@ -222,3 +222,29 @@ export class PodcastIndexAPI {
 }
 
 export const podcastIndexAPI = new PodcastIndexAPI();
+
+// Helper to check if an episode is audio (not video)
+export function isAudioEpisode(episode: PodcastIndexEpisode): boolean {
+  const enclosureType = episode.enclosureType?.toLowerCase() || '';
+  
+  // Check if it's a video type
+  const videoTypes = ['video/', 'video/mp4', 'video/webm', 'video/ogg', 'video/quicktime', 'video/x-m4v'];
+  const isVideo = videoTypes.some(type => enclosureType.startsWith(type) || enclosureType.includes(type));
+  
+  // Also check the URL for video extensions
+  const videoExtensions = ['.mp4', '.webm', '.mov', '.m4v', '.avi', '.mkv'];
+  const url = episode.enclosureUrl?.toLowerCase() || '';
+  const hasVideoExtension = videoExtensions.some(ext => url.endsWith(ext));
+  
+  return !isVideo && !hasVideoExtension;
+}
+
+// Helper to check if an episode is video
+export function isVideoEpisode(episode: PodcastIndexEpisode): boolean {
+  return !isAudioEpisode(episode);
+}
+
+// Count video episodes in a list
+export function countVideoEpisodes(episodes: PodcastIndexEpisode[]): number {
+  return episodes.filter(isVideoEpisode).length;
+}

src/pages/PodcastIndexFeedPage.tsx

@@ -2,11 +2,12 @@ import React from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
-import { Play, Radio, ArrowLeft } from 'lucide-react';
+import { Play, Radio, ArrowLeft, Video } from 'lucide-react';
 import { Skeleton } from '@/components/ui/skeleton';
 import { usePodcastIndexFeedEpisodes, usePodcastIndexFeed } from '@/hooks/usePodcastIndex';
 import { useMusicPlayer } from '@/contexts/MusicPlayerContext';
 import { podcastIndexEpisodeToUnified } from '@/lib/unifiedTrack';
+import { isAudioEpisode, countVideoEpisodes } from '@/lib/podcastindex';
 
 export function PodcastIndexFeedPage() {
   const { feedId } = useParams<{ feedId: string }>();
@@ -73,7 +74,10 @@ export function PodcastIndexFeedPage() {
   }
 
   const feed = feedData.items[0]; // Get feed info from first episode
-  const episodes = feedData.items;
+  const allEpisodes = feedData.items;
+  const videoCount = countVideoEpisodes(allEpisodes);
+  // Filter out video episodes - only show audio content
+  const episodes = allEpisodes.filter(isAudioEpisode);
   const unifiedTracks = episodes.map(ep => podcastIndexEpisodeToUnified(ep, feedInfo?.feed));
 
   const handlePlayAll = () => {
@@ -141,7 +145,25 @@ export function PodcastIndexFeedPage() {
 
       {/* Episodes List */}
       <div className="px-6 py-8">
-        <h2 className="text-2xl font-bold mb-6">Episodes</h2>
+        <div className="flex items-center justify-between mb-6">
+          <h2 className="text-2xl font-bold">Episodes ({episodes.length})</h2>
+        </div>
+
+        {/* Video content notice */}
+        {videoCount > 0 && (
+          <div className="mb-4 p-3 bg-gray-900 border border-gray-800 rounded-lg flex items-center gap-3">
+            <Video className="h-5 w-5 text-yellow-500 flex-shrink-0" />
+            <p className="text-sm text-gray-400">
+              {videoCount} video episode{videoCount > 1 ? 's' : ''} hidden. ZapTrax currently supports audio-only content.
+            </p>
+          </div>
+        )}
+
+        {episodes.length === 0 && (
+          <div className="text-center py-12">
+            <p className="text-gray-400">This feed only contains video content which is not supported yet.</p>
+          </div>
+        )}
 
         <div className="space-y-2">
           {episodes.map((episode, index) => {