NetMirror — Cinema-Grade Movie & TV Streaming Platform

// src/components/SearchInput.tsx - Debounced Search with Abort Signal
"use client";
import { useState, useEffect, useRef } from "react";

export default function SearchInput({ 
  onSearch 
}: { 
  onSearch: (query: string) => void 
}) {
  const [searchTerm, setSearchTerm] = useState("");
  const abortControllerRef = useRef<AbortController | null>(null);

  useEffect(() => {
    if (!searchTerm.trim()) {
      onSearch("");
      return;
    }

    const timer = setTimeout(() => {
      // Cancel previous pending network request if still in-flight
      if (abortControllerRef.current) abortControllerRef.current.abort();
      abortControllerRef.current = new AbortController();
      onSearch(searchTerm.trim());
    }, 300);

    return () => clearTimeout(timer);
  }, [searchTerm, onSearch]);

  return (
    <div className="relative w-full max-w-md">
      <input
        type="text"
        value={searchTerm}
        onChange={(e) => setSearchTerm(e.target.value)}
        placeholder="Titles, people, genres..."
        className="w-full bg-[#1e1e1e] text-white px-4 py-2.5 rounded-full border border-white/10 focus:border-red-600 focus:outline-none text-sm transition-all placeholder:text-gray-500"
      />
    </div>
  );
}

// src/hooks/useWatchProgress.ts - Client-Side Playback State Resumption
"use client";
import { useCallback } from "react";

export function useWatchProgress(contentId: string) {
  const STORAGE_KEY = `netmirror_progress_${contentId}`;

  const getSavedTime = useCallback((): number => {
    if (typeof window === "undefined") return 0;
    const saved = localStorage.getItem(STORAGE_KEY);
    return saved ? parseFloat(saved) : 0;
  }, [STORAGE_KEY]);

  const saveProgress = useCallback((currentTime: number, duration: number) => {
    if (typeof window === "undefined" || !duration) return;
    // If watch progress exceeds 95%, clear record (mark as completed)
    if (currentTime / duration > 0.95) {
      localStorage.removeItem(STORAGE_KEY);
    } else {
      localStorage.setItem(STORAGE_KEY, currentTime.toString());
    }
  }, [STORAGE_KEY]);

  return { getSavedTime, saveProgress };
}