); // --- Component: BookCard --- const BookCard = React.memo(({book,onClick,t}: {book: Book; onClick: () => void; t: any}) => {const cardRef = useRef(null); const isAi = !book.subject || book.subject === "Unknown"; const handleMouseMove = (e: React.MouseEvent) => {if (!cardRef.current) return; const rect = cardRef.current.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; cardRef.current.style.setProperty("--mouse-x",`${x}px`); cardRef.current.style.setProperty("--mouse-y",`${y}px`);}; return (

{isAi ? t("aiSubject") : book.subject}

{book.title}

👤

{book.author}

{t("shelf")}

{book.shelf}

{t("row")}

{book.row}

➔

);}); // --- Component: SearchPage --- const SearchPage: React.FC = () =>{const{locale,dir}= useLanguage();const isAr = locale === "ar";const t = (key: string) =>{const translations: any ={ar:{searchPlaceholder:"ابحث في الفهرس الذكي...",shelf: "الرف",row: "المستوى",aiSubject: "تكنولوجيا",allSubjects: "كل التخصصات",allAuthors: "كل المؤلفين",allShelves: "كل الأرفف",sortBy: "ترتيب حسب"},en:{searchPlaceholder:"Search smart index...",shelf: "Shelf",row: "Row",aiSubject: "Tech",allSubjects: "All Subjects",allAuthors: "All Authors",allShelves: "All Shelves",sortBy: "Sort By"}}return translations[locale][key] || key}const [searchTerm,setSearchTerm] = useState("");const [visibleCount,setVisibleCount] = useState(16);const [selectedBook,setSelectedBook] = useState(null);const [subjectFilter,setSubjectFilter] = useState("all");const [authorFilter,setAuthorFilter] = useState("all");const [shelfFilter,setShelfFilter] = useState("all");const [sortBy,setSortBy] = useState("alphabetical");// 🚀 دالة معالجة اختيار الكتاب مع التسجيل في فايربيز const handleSelectBook = (book: Book) =>{setSelectedBook(book);trackActivity("digital",book.title);// تسجيل تفاعل المكتبة الرقمية}const filteredBooks = useMemo(() => {let results = bookData.filter(b => (b.title.toLowerCase().includes(searchTerm.toLowerCase()) || b.author.toLowerCase().includes(searchTerm.toLowerCase())) && (subjectFilter === "all" || b.subject === subjectFilter) && (authorFilter === "all" || b.author === authorFilter) && (shelfFilter === "all" || b.shelf === shelfFilter)); if (sortBy === "alphabetical") results.sort((a,b) => a.title.localeCompare(b.title)); if (sortBy === "author") results.sort((a,b) => a.author.localeCompare(b.author)); return results;},[searchTerm,subjectFilter,authorFilter,shelfFilter,sortBy]);const filters = useMemo(() => ({subjects: Array.from(new Set(bookData.map(b => b.subject))).sort(),authors: Array.from(new Set(bookData.map(b => b.author))).sort(),shelves: Array.from(new Set(bookData.map(b => b.shelf))).sort()}),[]);return (

{const val = e.target.value; setSearchTerm(val); // 📉 تسجيل البحث في فايربيز لو أكتر من 3 حروف if (val.length > 3) trackActivity("searched",val);}} />

{[{val: sortBy,set: setSortBy,opt: "sortBy",data: ["alphabetical","author"]},{val: subjectFilter,set: setSubjectFilter,opt: "allSubjects",data: filters.subjects},{val: authorFilter,set: setAuthorFilter,opt: "allAuthors",data: filters.authors},{val: shelfFilter,set: setShelfFilter,opt: "allShelves",data: filters.shelves,prefix: "S: "}].map((filter,i) => ())}

{filteredBooks.slice(0,visibleCount).map((book) => ( handleSelectBook(book)} />))}

{filteredBooks.length > visibleCount && (

)}

)}; export default SearchPage;{}