chore: remove chromecast support

Author: macintorsten

index.html

@@ -28,12 +28,6 @@
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
     />
 
-    <!-- Google Cast SDK -->
-    <script
-      type="text/javascript"
-      src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"
-    ></script>
-
     <script>
       tailwind.config = {
         darkMode: "class",

src/components/Player/PlayerActions.tsx

@@ -3,26 +3,20 @@ import { Episode } from "../../types";
 
 interface PlayerActionsProps {
   hasQueue: boolean;
-  isCastAvailable: boolean;
-  isCasting: boolean;
   playbackRate: number;
   speeds: number[];
   onShare: () => void;
   onToggleQueue: () => void;
-  onToggleCast: () => void;
   onChangeSpeed: () => void;
   onClose: () => void;
 }
 
 export const PlayerActions: React.FC<PlayerActionsProps> = ({
   hasQueue,
-  isCastAvailable,
-  isCasting,
   playbackRate,
   speeds,
   onShare,
   onToggleQueue,
-  onToggleCast,
   onChangeSpeed,
   onClose,
 }) => {
@@ -46,20 +40,6 @@ export const PlayerActions: React.FC<PlayerActionsProps> = ({
         </button>
       )}
 
-      {isCastAvailable && (
-        <button
-          onClick={onToggleCast}
-          className={`w-9 h-9 rounded-full transition flex items-center justify-center ${
-            isCasting
-              ? "bg-indigo-600 text-white"
-              : "bg-zinc-100 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-400 hover:bg-zinc-200 dark:hover:bg-zinc-700"
-          }`}
-          title="Cast"
-        >
-          <i className="fa-solid fa-tv text-xs"></i>
-        </button>
-      )}
-
       <button
         onClick={onChangeSpeed}
         className="w-9 h-9 rounded-full bg-zinc-100 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-400 hover:bg-zinc-200 dark:hover:bg-zinc-700 transition flex items-center justify-center text-[10px] font-black"

src/components/Player/PlayerContainer.tsx

@@ -1,8 +1,6 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { Episode, Podcast } from '../../types';
 import { storageService } from '../../services/storageService';
-import { castService } from '../../services/castService';
-import { APP_CONFIG } from '../../config';
 import { PlayerPresentation } from './PlayerPresentation';
 
 export interface PlayerContainerProps {
@@ -39,10 +37,6 @@ export const PlayerContainer: React.FC<PlayerContainerProps> = ({
   const [duration, setDuration] = useState(0);
   const [playbackRate, setPlaybackRate] = useState(1);
 
-  // Cast state
-  const [isCasting, setIsCasting] = useState(false);
-  const [castDeviceName, setCastDeviceName] = useState<string | undefined>(undefined);
-
   // UI state
   const [showQueue, setShowQueue] = useState(false);
   const [showSpeedMenu, setShowSpeedMenu] = useState(false);
@@ -147,32 +141,9 @@ export const PlayerContainer: React.FC<PlayerContainerProps> = ({
     };
   }, [episode.id, episode.audioUrl, autoPlay, onNext, onReady]);
 
-  // Initialize cast service
-  useEffect(() => {
-    castService.setEnabled(APP_CONFIG.cast.enabled);
-    castService.initialize();
-
-    const unsubscribeState = castService.onStateChange((connected, deviceName) => {
-      setIsCasting(connected);
-      setCastDeviceName(deviceName);
-    });
-
-    const unsubscribeMedia = castService.onMediaStatus((status) => {
-      if (status) {
-        setIsPlaying(status.isPlaying);
-        setCurrentTime(status.currentTime);
-      }
-    });
-
-    return () => {
-      unsubscribeState();
-      unsubscribeMedia();
-    };
-  }, []);
-
   // Start progress save interval when playing
   useEffect(() => {
-    if (isPlaying && !isCasting) {
+    if (isPlaying) {
       saveIntervalRef.current = setInterval(() => {
         if (audioRef.current) {
           saveProgress(audioRef.current.currentTime, audioRef.current.duration);
@@ -190,7 +161,7 @@ export const PlayerContainer: React.FC<PlayerContainerProps> = ({
         clearInterval(saveIntervalRef.current);
       }
     };
-  }, [isPlaying, isCasting]);
+  }, [isPlaying]);
 
   // Keyboard shortcuts
   useEffect(() => {
@@ -230,48 +201,30 @@ export const PlayerContainer: React.FC<PlayerContainerProps> = ({
   const togglePlay = useCallback(() => {
     if (!audioRef.current) return;
 
-    if (isCasting) {
-      if (isPlaying) {
-        castService.pause();
-      } else {
-        castService.play();
-      }
+    if (isPlaying) {
+      audioRef.current.pause();
+      saveProgress(audioRef.current.currentTime, audioRef.current.duration);
     } else {
-      if (isPlaying) {
-        audioRef.current.pause();
-        saveProgress(audioRef.current.currentTime, audioRef.current.duration);
-      } else {
-        audioRef.current.play().catch((error) => {
-          setErrorMessage('Playback failed: ' + error.message);
-        });
-      }
+      audioRef.current.play().catch((error) => {
+        setErrorMessage('Playback failed: ' + error.message);
+      });
     }
-  }, [isCasting, isPlaying, saveProgress]);
+  }, [isPlaying, saveProgress]);
 
   // Skip forward/backward
   const skipSeconds = useCallback((seconds: number) => {
     if (!audioRef.current) return;
 
-    if (isCasting) {
-      const newTime = Math.max(0, Math.min(duration, currentTime + seconds));
-      castService.seek(newTime);
-    } else {
-      audioRef.current.currentTime = Math.max(0, Math.min(duration, audioRef.current.currentTime + seconds));
-    }
-  }, [isCasting, currentTime, duration]);
+    audioRef.current.currentTime = Math.max(0, Math.min(duration, audioRef.current.currentTime + seconds));
+  }, [duration]);
 
   // Seek to percentage
   const seekToPercentage = useCallback((percentage: number) => {
     if (!audioRef.current) return;
 
     const newTime = (percentage / 100) * duration;
-    
-    if (isCasting) {
-      castService.seek(newTime);
-    } else {
-      audioRef.current.currentTime = newTime;
-    }
-  }, [duration, isCasting]);
+    audioRef.current.currentTime = newTime;
+  }, [duration]);
 
   // Change playback speed
   const changePlaybackRate = useCallback((rate: number) => {
@@ -282,23 +235,13 @@ export const PlayerContainer: React.FC<PlayerContainerProps> = ({
     setShowSpeedMenu(false);
   }, []);
 
-  // Cast episode
-  const handleCast = useCallback(() => {
-    // Cast functionality - would need to be implemented in castService
-    // For now, this is a placeholder
-    console.log('Cast functionality not yet implemented');
-  }, []);
-
   return (
     <PlayerPresentation
       episode={episode}
       podcast={podcast}
       queue={queue}
       isPlaying={isPlaying}
       isBuffering={isBuffering}
-      isCasting={isCasting}
-      isCastAvailable={false}
-      castDeviceName={castDeviceName}
       currentTime={currentTime}
       duration={duration}
       playbackRate={playbackRate}
@@ -311,7 +254,6 @@ export const PlayerContainer: React.FC<PlayerContainerProps> = ({
       onSeek={seekToPercentage}
       onChangeSpeed={() => setShowSpeedMenu(!showSpeedMenu)}
       onToggleQueue={() => setShowQueue(!showQueue)}
-      onToggleCast={handleCast}
       onShare={onShare}
       onClose={onClose}
       onRemoveFromQueue={onRemoveFromQueue}

src/components/Player/PlayerInfo.tsx

@@ -5,16 +5,12 @@ interface PlayerInfoProps {
   episode: Episode;
   podcast: Podcast;
   isBuffering: boolean;
-  isCasting: boolean;
-  castDeviceName?: string;
 }
 
 export const PlayerInfo: React.FC<PlayerInfoProps> = ({
   episode,
   podcast,
   isBuffering,
-  isCasting,
-  castDeviceName,
 }) => {
   return (
     <div className="flex items-center gap-4 flex-1 min-w-0 w-full">
@@ -35,14 +31,7 @@ export const PlayerInfo: React.FC<PlayerInfoProps> = ({
           {episode.title}
         </h4>
         <p className="text-xs text-zinc-500 dark:text-zinc-400 truncate font-medium">
-          {isCasting ? (
-            <span className="flex items-center gap-1.5">
-              <i className="fa-solid fa-tv text-indigo-600"></i>
-              Casting to {castDeviceName || "Device"}
-            </span>
-          ) : (
-            podcast.title
-          )}
+          {podcast.title}
         </p>
       </div>
     </div>

src/components/Player/PlayerPresentation.tsx

@@ -22,11 +22,6 @@ export interface PlayerPresentationProps {
   playbackRate: number;
   speeds: number[];
 
-  // Cast state
-  isCasting: boolean;
-  isCastAvailable: boolean;
-  castDeviceName?: string;
-
   // UI state
   showQueue: boolean;
 
@@ -38,7 +33,6 @@ export interface PlayerPresentationProps {
   onSeek: (percent: number) => void;
   onShare: () => void;
   onToggleQueue: () => void;
-  onToggleCast: () => void;
   onChangeSpeed: () => void;
   onClose: () => void;
   onRemoveFromQueue: (id: string) => void;
@@ -68,9 +62,6 @@ export const PlayerPresentation: React.FC<PlayerPresentationProps> = ({
   queue,
   isPlaying,
   isBuffering,
-  isCasting,
-  isCastAvailable,
-  castDeviceName,
   currentTime,
   duration,
   playbackRate,
@@ -83,7 +74,6 @@ export const PlayerPresentation: React.FC<PlayerPresentationProps> = ({
   onSeek,
   onShare,
   onToggleQueue,
-  onToggleCast,
   onChangeSpeed,
   onClose,
   onRemoveFromQueue,
@@ -98,8 +88,6 @@ export const PlayerPresentation: React.FC<PlayerPresentationProps> = ({
               episode={episode}
               podcast={podcast}
               isBuffering={isBuffering}
-              isCasting={isCasting}
-              castDeviceName={castDeviceName}
             />
 
             <div className="flex flex-col items-center gap-2 flex-[2] w-full">
@@ -120,13 +108,10 @@ export const PlayerPresentation: React.FC<PlayerPresentationProps> = ({
 
             <PlayerActions
               hasQueue={queue.length > 0}
-              isCastAvailable={isCastAvailable}
-              isCasting={isCasting}
               playbackRate={playbackRate}
               speeds={speeds}
               onShare={onShare}
               onToggleQueue={onToggleQueue}
-              onToggleCast={onToggleCast}
               onChangeSpeed={onChangeSpeed}
               onClose={onClose}
             />

src/components/Player/__tests__/PlayerContainer.test.tsx

@@ -4,11 +4,9 @@ import { act } from '@testing-library/react';
 import { PlayerContainer } from '../PlayerContainer';
 import { createMockEpisode, createMockPodcast } from '../../../test-utils';
 import * as storageService from '../../../services/storageService';
-import * as castService from '../../../services/castService';
 
 // Mock services
 vi.mock('../../../services/storageService');
-vi.mock('../../../services/castService');
 
 // Mock Audio API
 class MockAudio {
@@ -86,13 +84,6 @@ describe('PlayerContainer', () => {
     // Setup default storage service mocks
     vi.spyOn(storageService.storageService, 'getHistory').mockReturnValue({});
     vi.spyOn(storageService.storageService, 'updatePlayback').mockImplementation(() => {});
-    
-    // Setup default cast service mocks
-    vi.spyOn(castService.castService, 'setEnabled').mockImplementation(() => {});
-    vi.spyOn(castService.castService, 'initialize').mockResolvedValue(false);
-    vi.spyOn(castService.castService, 'onStateChange').mockReturnValue(() => {});
-    vi.spyOn(castService.castService, 'onMediaStatus').mockReturnValue(() => {});
-    vi.spyOn(castService.castService, 'isPlaying').mockReturnValue(false);
   });
 
   afterEach(() => {
@@ -239,28 +230,6 @@ describe('PlayerContainer', () => {
     expect(storageService.storageService.getHistory).toHaveBeenCalled();
   });
 
-  it('initializes cast service on mount', () => {
-    const setEnabledSpy = vi.spyOn(castService.castService, 'setEnabled');
-    const initializeSpy = vi.spyOn(castService.castService, 'initialize');
-    
-    render(<PlayerContainer {...defaultProps} />);
-    
-    expect(setEnabledSpy).toHaveBeenCalled();
-    expect(initializeSpy).toHaveBeenCalled();
-  });
-
-  it('cleans up cast service listeners on unmount', () => {
-    const unsubscribe = vi.fn();
-    vi.spyOn(castService.castService, 'onStateChange').mockReturnValue(unsubscribe);
-    vi.spyOn(castService.castService, 'onMediaStatus').mockReturnValue(unsubscribe);
-    
-    const { unmount } = render(<PlayerContainer {...defaultProps} />);
-    
-    unmount();
-    
-    expect(unsubscribe).toHaveBeenCalledTimes(2);
-  });
-
   it('calls onProgress callback when provided', async () => {
     const user = userEvent.setup();
     const onProgress = vi.fn();