trailer service improvements

src/components/metadata/HeroSection.tsx

@@ -2140,7 +2140,7 @@ const styles = StyleSheet.create({
   },
   singleRowLayout: {
     flexDirection: 'row',
-    gap: 8,
+    gap: 4,
     alignItems: 'center',
     justifyContent: 'center',
     width: '100%',
@@ -2163,11 +2163,11 @@ const styles = StyleSheet.create({
   },
   singleRowPlayButtonFullWidth: {
     flex: 1,
-    marginHorizontal: 4,
+    marginHorizontal: 2,
   },
   singleRowSaveButtonFullWidth: {
     flex: 1,
-    marginHorizontal: 4,
+    marginHorizontal: 2,
   },
   primaryActionRow: {
     flexDirection: 'row',

src/components/metadata/TrailersSection.tsx

@@ -155,24 +155,6 @@ const TrailersSection: React.FC<TrailersSectionProps> = memo(({
     sectionTranslateYSV.value = withDelay(500, withTiming(0, { duration: 400 }));
   }, [sectionOpacitySV, sectionTranslateYSV]);
 
-  // Check if trailer service backend is available
-  const checkBackendAvailability = useCallback(async (): Promise<boolean> => {
-    try {
-      const serverStatus = TrailerService.getServerStatus();
-      const healthUrl = `${serverStatus.localUrl.replace('/trailer', '/health')}`;
-
-      const response = await fetch(healthUrl, {
-        method: 'GET',
-        signal: AbortSignal.timeout(3000), // 3 second timeout
-      });
-      const isAvailable = response.ok;
-      logger.info('TrailersSection', `Backend availability check: ${isAvailable ? 'AVAILABLE' : 'UNAVAILABLE'}`);
-      return isAvailable;
-    } catch (error) {
-      logger.warn('TrailersSection', 'Backend availability check failed:', error);
-      return false;
-    }
-  }, []);
 
   // Fetch trailers from TMDB
   useEffect(() => {
@@ -180,17 +162,7 @@ const TrailersSection: React.FC<TrailersSectionProps> = memo(({
 
     const initializeTrailers = async () => {
       resetSectionAnimation();
-      // First check if backend is available
+      setBackendAvailable(true); // Assume available, let TrailerService handle errors
-      const available = await checkBackendAvailability();
-      setBackendAvailable(available);
-
-      if (!available) {
-        logger.warn('TrailersSection', 'Trailer service backend is not available - skipping trailer loading');
-        setLoading(false);
-        return;
-      }
-
-      // Backend is available, proceed with fetching trailers
       await fetchTrailers();
     };
 
@@ -334,7 +306,7 @@ const TrailersSection: React.FC<TrailersSectionProps> = memo(({
     };
 
     initializeTrailers();
-  }, [tmdbId, type, checkBackendAvailability]);
+  }, [tmdbId, type]);
 
   // Categorize trailers by type
   const categorizeTrailers = (videos: any[]): CategorizedTrailers => {

src/services/trailerService.ts

@@ -53,7 +53,6 @@ export class TrailerService {
    * @returns Promise<string | null> - The trailer URL or null if not found
    */
   private static async getTrailerFromLocalServer(title: string, year: number, tmdbId?: string, type?: 'movie' | 'tv'): Promise<string | null> {
-    try {
     const startTime = Date.now();
     const controller = new AbortController();
     const timeoutId = setTimeout(() => controller.abort(), this.TIMEOUT);
@@ -76,6 +75,9 @@ export class TrailerService {
     const url = `${this.AUTO_SEARCH_URL}?${params.toString()}`;
     logger.info('TrailerService', `Local server request URL: ${url}`);
     logger.info('TrailerService', `Local server timeout set to ${this.TIMEOUT}ms`);
+    logger.info('TrailerService', `Making fetch request to: ${url}`);
+    
+    try {
       
       const response = await fetch(url, {
         method: 'GET',
@@ -86,6 +88,8 @@ export class TrailerService {
         signal: controller.signal,
       });
       
+      logger.info('TrailerService', `Fetch request completed. Response status: ${response.status}`);
+
       clearTimeout(timeoutId);
 
       const elapsed = Date.now() - startTime;
@@ -137,6 +141,12 @@ export class TrailerService {
       } else {
         const msg = error instanceof Error ? `${error.name}: ${error.message}` : String(error);
         logger.error('TrailerService', `Error in auto-search: ${msg}`);
+        logger.error('TrailerService', `Error details:`, {
+          name: (error as any)?.name,
+          message: (error as any)?.message,
+          stack: (error as any)?.stack,
+          url: url
+        });
       }
       return null; // Return null to trigger XPrime fallback
     }